/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-image: url(images/body.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
		background-image:url(images/content.jpg);
		background-position:top center;
		background-repeat:no-repeat;}

div#header {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:82px;
}

div#content {
	padding-bottom:34px; /* bottom padding for footer */
		text-align:center;
}
div#footer {
	position:absolute;
	width:100%;
	height:34px;
	bottom:0; /* stick to bottom */
	background-image:url(images/bottom.gif);
			background-position:top center;
	background-repeat: repeat-x;
}
#header_cont, #content_cont, #footer_cont {
	width:992px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#content_cont {
background-image:url(images/content_cont.gif);
background-position:center;}


#header_cont p {
	padding-left:288px;
	letter-spacing:1px;
	padding-top:20px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	}

#header_cont .sub {
	letter-spacing:0px;
font-size: 18px;
}
.clr {
clear:both;
height:1px;}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 220px;
padding-left: 22px;

}
* html #left {
position: relative; /*** IE needs this  ***/
}

/**************************
MAIN COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#main {
float: right;
width: 634px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#212121;
padding-right:66px;
padding-top:60px;
}
* html #main {
position: relative; /*** IE needs this  ***/

}

/**************************
NAVIGATIEMENU
**************************/
#menu {
text-align:left;
padding-top:48px;
}
#menu ul {
width:196px;
padding-top:0px;
margin-top:6px;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
color:#212121;
font-size: 14px;
}

#menu ul li {
	line-height:22px;
	text-align:left;
	padding-left:8px;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:0px;
	font-weight:bold;
	margin-top:14px;
}


#menu ul li ul li, #menu ul li ul {
	margin-top:0px;
font-weight:normal;	
}

#menu li a, #menu li a:link, #menu li a:visited,#menu .hfdmenu {
	display:block;
	margin-left:-6px;
	padding-left:8px;
	text-decoration: none;
	width:196px;
	font-family: Arial, Helvetica, sans-serif;
	color:#212121;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4490b7;
}
#menu li a:hover {
	color:#666666;
	background-color: #dee9f4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #242D54;
}
#menu li a.hfdmenu, #menu li a.hfdmenu:link, #menu li a.hfdmenu:visited {
}
#menu li a:hover.hfdmenu {
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size: 14px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #242D54;
}

#menu ul li ul li {
	padding-left:0px;
	margin-left: 0px;
}
#menu ul li ul li a,#menu ul li ul li a:link,#menu ul li ul li a:visited{
	color: #212121;
}
#menu ul li ul li a:hover{
color: #212121;
}


/**************************
TEXT STYLES
**************************/
h1, .kop1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top:0px;
	padding-bottom:6px;
	margin:0;
}
h2, .kop2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top:0px;
	padding-bottom:6px;
		margin:0;

}
h3, .kop3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
}
h4, h5,h6, .kop4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.klein {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.mini {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.rood{
	color: #990000;
}

input, textarea {
	border: 1px solid #4D5F8D;
	font-style:italic;
}
.radiobutton{
	border: #ffffff none 0px;
	font-style:italic;
}
.fotocell, #map {
	background-color:#FFFFFF;
	font-size:11px;
	border: 1px solid #596A99;
	padding:2px;
}
.fotocell:hover {
	background-color:#596A99;
}
a { outline: 0px; 
}
p {
margin: 0;
padding-top:4px;
padding-bottom:6px;}

hr{
color:#4c88b5;
background-color:#4c88b5;
height:1px;}

#main ul, #main ol{
margin-left:16px;
padding-bottom:6px;
}
#main li{
padding-top:4px;
}

#footer a.anothersite {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:none;
padding-left:44px;
} 
#footer a.anothersite:hover {
	color:#39539D;
} 
#anothersite{
margin-top:12px;
float:left;}
#footertekst {
display:inline;
line-height:34px;
margin-left:320px;
font-size:14px;}
#main a {
	color:#242D54;
	text-decoration:underline;
} 
#main a:hover {
	background-color:#4D88B0;
	color:#FFFFFF;
	text-decoration:none;
} 
#main .nieuwsitem{
	width:95%;
	padding:6px;
	font-size:12px;
	border: dotted 1px #3a556f;
	color:#3a556f;
}
#main .nieuwsitem a,#main .nieuwsitem a:link,#main .nieuwsitem a:visited{
color:#3a556f;
}
#main .nieuwsitem a:hover{
color:#ffffff;
}
#main ul, #main ol{
margin-top:2px;}
a img, a:link img, a:visited img  { 
border: none; 
overflow: hidden; 
}
a:hover img 
{ 
margin: 0px; }