﻿/*******************************************
 main
********************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
#topnav a	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0078C1;
}
#topnav a:link	{
	text-decoration: none;
}
#topnav a:visited	{
	text-decoration: none;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#content a	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0078C1;
}
#content a:link	{
	text-decoration: none;
}
#content a:visited	{
	text-decoration: none;
}
#content a:hover {
	text-decoration: none;
	color: #000000;
}



hr {
	margin-bottom: 10px;
	border-bottom: 1px solid #000000;
	height: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
th {
	margin-bottom: 5px;
	height: 1px;
	border: 1px solid #000000;
}
td {
	border:0;
	padding: 0;
}
tr {
	border: 0;
}	
h1 {
	font-size: 15px;
	font-weight: bold;
	color: #F8991D;
	font-size: 17px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

/*******************************************
 layout
********************************************/
#pagewrapper {
	background-color: #FFFFFF;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
#hdr {
	width: 780px;
	background-color: #FFE7CB;
	height: 120px;
	background-image: url(../img/hdr1_bg.jpg);
	float: left;
}
#logo {
	float: left;
	height: 120px;
	width: 350px;
}	
#payoff {
	height: 75px;
	width: 400px;
	float: right;
	margin-top: 15px;
}
#topnav {
	width: 780px;
	height: 25px;
	background-color: #0078C1;
	float: left;
	color: #FFFFFF;
}
div#topnav a {
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
}
div#topnav a:hover {
	text-decoration: underline;
}
#contentwrapper {
	margin-right: auto;
	margin-left: auto;
	width: 780px;
	background-color: #FFFFFF;
	float: left;
}
#leftpane {
	width: 170px;
	float: left;
	background-color: #EEF2FA;
	vertical-align: top;
	
}

#leftnav {
	margin-top: 10px;
	padding-left: 5px;
	background-color: #EEF2FA;
	float:left;
	width:150px;
}
#newscntnr {
	padding-left: 5px;
	margin-top:10px;
	float:left;
	width:165px;
}

#newscntnr a	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0078C1;
}
#newscntnr a:link	{
	text-decoration: none;
}
#newscntnr a:visited	{
	text-decoration: none;
}
#newscntnr a:hover {
	text-decoration: none;
	color: #000000;
}


#rightpane {
	float: right;
	width: 170px;
	background-color: #EEF2FA;
	height: 100%;
	margin-top: 10px;
}	
#content {
	float: left;
	width: 415px;
    min-height:430px;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
	padding-top: 10px;
	background-image: url(../img/content_bg.gif);
	background-repeat: no-repeat;
	background-position: center 10px;

}
#ftr {
	width: 780px;
	float: left;
	height: 40px;
}
#disclaimer {
	float: left;
	width: 425px;
	padding-left: 10px;
	border-left:1px #0078C1 solid;
}
/*******************************************
 class
********************************************/
.button{background-color:#F8991D;color:#ffffff;font-size:11px;cursor:hand;font-weight:bold}

.errortext {
	font-size: 11px;
	color: red;
	text-decoration: none;
}

.textsmall {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.textsmall:link {
	text-decoration: underline;

}
a.textsmall:visited {
	text-decoration: underline;
}
a.textsmall:hover {
	text-decoration: none;
}
.table {
	padding: 1px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
.intro {
	font-size: 13px;
	color: #000000;
	line-height: 18px;
	font-weight: bold;
}

.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0078C1;
	text-decoration:none;
}


.news a	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0078C1;
}
.news a:link	{
	text-decoration: none;
}
.news a:visited	{
	text-decoration: none;
}
.news a:hover {
	text-decoration: none;
	color: #000000;
}
/*******************************************
 form items
********************************************/
.input {
	font-size: 12px;
	color: #000000;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	height: 18px;
	background-color: #FFFFFF;
	width: 150px;
}


/***************************MENU***********************/
.menu {
font-family: Arial, Helvetica, sans-serif;
color:black;
font-size:12px;
float:right;
margin:0 0 10px 0;
width:150px;
list-style:none;
}

.menu ul {
padding:0;margin:0;list-style-type:none;  }

.menu ul li {
float:left; position:relative; }

.menu ul li a, .menu ul li a:visited { /*topniveau*/
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:black;
	text-decoration:none;
	padding:3px 5px 3px 5px;
	line-height:12px;
    height:13px;
    width:150px;
	cursor: hand;
}

.menu ul li:hover {width:auto;}

.menu ul li a:hover {width:150px; background-color:#F8991D;color :white;}

.menu ul li:hover a {width:150px; background-color:#F8991D;color:white;}


.menu ul li ul {
display: none;
}

.menu table {
margin:0; border-collapse:collapse; font-size:12px; position:absolute; top:0; left:0;
background-color:#F8991D; 
}

/* specific to non IE browsers */
.menu :hover > a, .menu ul ul :hover > a {
color:white;
background-color:#F8991D;}


.menu ul li:hover ul { /*dit is het onderliggende menublock*/
display:block;
position:absolute;
left:160px;
width:230px;

}

.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a { /*dit zijn de menuitems zelf*/
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
border-bottom:2px transparent solid;
border-left:10px transparent solid;
background-color:#F8991D;
height:13px;
line-height:12px;
width:200px; 
}

.menu ul li:hover ul li a .arrow { 
font-family:Wingdings;
font-size:12px;
color:#37424A;
margin-left:50px;
}

.menu ul li:hover ul li:hover ul { /* 3e niveau*/
display:block; position:absolute; left:170px; top:-2px;
}

.menu ul li:hover ul li a.drop {
background-color:#F8991D;
}
.menu ul li:hover ul li a:hover {
color:white; background: #F8991D; text-decoration: none;
}

.menu ul li:hover ul li a:hover.drop {
background: #ccd ;
}
.menu ul li:hover ul li:hover ul.left {
left:-100px;
}


/* specific to IE5.5 and IE6 browsers */
.menu ul li {
	width:120px;
}

.menu ul li a:hover ul {
display:block;position:absolute;left:160px; l\eft:160px; background:#F8991D;}

.menu ul li a:hover ul li a {
display:block; height:13px; line-height:12px; width:200px; w\idth:200px; border-bottom:2px solid #fff;
}

/*
.menu ul li a:hover ul li a.drop {
background:black ; text-decoration: none;
}
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu ul li a:hover ul li a:hover {
color:#fff; text-decoration: none;
}
.menu ul li a:hover ul li a:hover.drop {
 background:black ;
}

.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:170px;color:black; left:0;
}
.menu ul li a:hover ul li a:hover ul.left {
top:-170px;
}

