﻿/*******************************************
 main
********************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
}

form {
	margin:0;
}
#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: #CE8E00;
	font-size: 17px;
	margin:5px 0 5px 0;
	}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

/*******************************************
 layout
********************************************/
#pagewrapper {
	background-color: #FFFFFF;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
#hdr {
	width: 950px;
	background-color: #FFE7CB;
	height: 120px;
	background-image: url(../images/header.jpg);
	float: left;
}
#hdr2 {
	width: 950px;
	height: 23px;
	background-image: url(../images/header2.jpg);
	float: left;
}
#logo {
	float: left;
	height: 120px;
	width: 350px;
}	
#payoff {
	height: 75px;
	width: 400px;
	float: right;
	margin-top: 15px;
}
#topnav {
	width: 950px;
	height: 22px;
	background-color: #1B4064;
	float: left;
	color: #FFFFFF;
	padding-top:4px;
}
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: 950px;
	background-color: #FFFFFF;
	float: left;
}
#leftpane {
	width: 200px;
	min-height:600px;
	height:auto !important;
	height:600px;
	float: left;
	margin-right:15px;
	vertical-align: top;
	background-image: url(../images/leftnav.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	
}

#leftnav {

	float:left;

}
#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: 195px;
	margin-left:15px;
	white-space:normal;
}	
#content {
	float: left;
	width: 520px;

	vertical-align: top;

}

#content a	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CE8E00;
}
#content a:link	{
	text-decoration: none;
}

#ftr {
	width: 950px;
	float: left;
	height: 40px;
}
#disclaimer {
	float: left;
	width: 950px;
	padding-left: 10px;
	padding-top:5px;
}
/*******************************************
 class
********************************************/
.broodkruimel
{
	color:#666;
	text-decoration:none;
}


.errortext {
	font-size: 11px;
	color: red;
	text-decoration: none;
}

.textsmall {
	font-size: 11px;
	color:#CE8E00;
	text-decoration: none;
}
a.textsmall:hover {
	text-decoration: underline;
}
.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;
}

.menulink{
	text-decoration:none;
	font-size:14px; 
	font-weight:bold; 
	color:#fff;
}

.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: 0;
	margin: 0px;
	padding: 0px;
	height: 16px;
	background-color: #FFFFFF;
	width: 150px;
}

.button
{
	height:16px; border:0; background-color:#A3A60F; font-size:12px; font-weight:bold; color:#fff;
}

.button2
{
	height:16px; border:0; background-color:#CE8E00; font-size:12px; font-weight:bold; font-color:#fff;
}



/***************************MENU***********************/
.menu {
font-family: Arial, Helvetica, sans-serif;
color:black;
font-size:12px;
float:right;
width:200px;
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;
	width:190px;
	display:block;
	border-top: 3px solid white;
	border-bottom:1px solid #CE8E00;
	font-size:12px;
	font-weight:bold;
	color:#666;
	background-color:#F0F0F0;
	text-decoration:none;
	padding:3px 5px 3px 5px;
	line-height:14px;
	cursor: hand;
}

.menu ul li:hover {width:auto;}

.menu ul li a:hover {width:190px; background-color:#CE8E00;color :white;}

.menu ul li:hover a {width:190px; background-color:#CE8E00;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:#CE8E00; 
}

/* specific to non IE browsers */
.menu :hover > a, .menu ul ul :hover > a {
color:white;
background-color:#CE8E00;}


.menu ul li:hover ul { /*dit is het onderliggende menublock*/
display:block;
position:absolute;
left:200px;
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:#666;
border-top:3px solid white;

border-bottom:1px solid #CE8E00;
padding:3px 5px 3px 5px;
background-color:#F0F0F0;
line-height:14px;
}

.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:#CE8E00;
}
.menu ul li:hover ul li a:hover {
color:white; background: #CE8E00; 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:200px;
}

.menu ul li a:hover ul {
display:block;position:absolute;left:200px; l\eft:200px; background:#CE8E00;}

.menu ul li a:hover ul li a {
display:block; line-height:14px; width:200px; w\idth:200px; border-top:3px solid white;border-bottom:1px solid #CE8E00;
}

/*
.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;
}
