* {
	margin: 0;
	padding: 0;

	}
html
{
	background: url('../images/background_body.jpg') center repeat-y;	
}

html, body {
	height: 100%;
	color: #444444;
      
} 

body {
	 /* just some defaults - should be customized */
	font-family: Arial, Verdana;
	font-size: 75%;
	line-height: 140%;
	background: url('../images/background_top.jpg') top center no-repeat;
	} 

html>body { 
	
	} /* for modern browsers that can resize px */

#wrap {
	position: relative;
	height: 100%;
	width: 928px;
	min-width:928px;
	text-align:left;
	background: url('../images/achtergrond_main.jpg') top left repeat-x; 
	}

#middle {
	position: relative;
	height: auto;
	min-height: 100%; /* for modern browsers, to push the footer down */
	margin-right: 210px; /* right column width */
	margin-left: 170px; /* left column width */
	margin-bottom: -18px; /* footer height */
	width: auto;



	}

#middle:after { /* this will keep the floats contained, for modern browsers */
	content: "."; 
	display: block; 
	height: 0; 
	overflow: hidden; 
	clear: both; 
	visibility: hidden; 
    } 

* html #middle {
	height: 100%; /* for IE because it doesn't do min-height */
	}

#header {
	position: absolute;
	top: 0;
	left:0;
	height: 236px;
	width: 100%;
	overflow: hidden;
	z-index: 100; /* to show it on top */
        background-attachment: fixed;
	background: url('../images/logo_top.jpg') top left no-repeat; 

	}
#logged_in
{
	position:absolute;
	top:10px;
	right:20px;
	width:200px;
	text-align:right;
	color:#A9A9A9;
	font-size:80%
}
#login
{
	position:absolute;
	top:130px;
	right:87px;
	width:180px;
	height:70px;
	padding-left:14px;
	color:#ffffff;
	font-weight:bold;

}

#login .login_name
{
	width: 140px;
	height:20px;
	line-height:20px;
	border:2px solid #969AA5;
	font-size:11pt;
	vertical-align:middle;
	padding-left:2px;

}

#login .login_password
{
	width: 140px;
	font-size:11pt;
	height:20px;
	line-height:20px;
	border:2px solid #969AA5;
	padding-left:2px;
	vertical-align:middle;
}

#login .login_submit
{
	width:23px;
	outline: none;
	border: none;
	cursor : pointer;
	background: url('../images/login.gif') top left no-repeat; 
}



#main, #xtra { /* so that the content will not overlap with the header or footer */
		padding-top: 240px; 
		padding-bottom:18px;


	}

#main {
		position: relative; /* IE float bug workaround */
		float: left;
		width: 100%; 
		 margin-right: -2px;
		
	}

#content {
		position: relative;
		float: right;
		width: 100%;
		z-index:10;
		padding:2px 0px 2px 2px;
		margin-top:1px;
		min-height:350px;
		background-color:#ffffff;
	}

#content .contenttekst
{
padding:6px;
}


#content .contenttekst p
{
margin-top:15px;
}


.hidden
{
	display: none;
}

.contenttekst a
{
	color:#19123C;
	text-decoration:none;
}

.contenttekst a:hover
{
	text-decoration:underline;
}

#content ul{

	margin-left:20px;
	list-style-type: disc;
	margin-top: 10px;
	margin-bottom:10px;
}
#content ol
{
	margin-left:20px;
	list-style-type:decimal;
	margin-top: 10px;
	margin-bottom:10px;
}

#content li
{
	font-size:100%;
	
}
#content h1
{
	position: relative;
	height: 24px;
	line-height: 24px;
	width: 545px;
	color:#4B4B4B;
	vertical-align:middle;
	text-indent:6px;
	font-size:110%;
	background: url('../images/titel.gif') top left repeat-x;	
	font-weight:bold;
	font-family:  Arial, Verdana;
}

#content .contenttekst h1
{
	padding-bottom:4px;
	color:#b20a0a;
	font-size:150%;
	font-weight:bold;
	font-family: Arial, Verdana;
	background:none;
	text-indent:0px;
	padding-top:4px;
}

#content .contenttekst h2
{
	padding-bottom:4px;
	padding-top:10px;
	color:#b20a0a;
	font-size:130%;
	font-weight:bold;
	font-family:  Arial, Verdana;
}

#content .contenttekst h3
{
	padding-bottom:4px;
	color:#b20a0a;
	font-size:100%;
	font-weight:bold;
	padding-top:4px;
	font-family:  Arial, Verdana;
}


#content .contenttekst h4,#content .contenttekst h5
{
	padding-bottom:4px;
	color:#b20a0a;
	padding-top:4px;
	font-size:100%;
	font-style: italic;
	font-family: Arial, Verdana;
}



#nav {
	position: relative;
	float: left;
	width: 168px;
	margin: 0px 0px;
	margin-left: -171px; /* width */
	height: 100%;
}

#menu
{
	padding:1px 0px 0px 2px;
	width:148px;
	background-color:#ffffff;
	margin-left:10px;
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
}

#menu_bottom
{
	width:151px;
	padding:0px 0px 0px 8px;
	background-color:#ffffff;
	margin-left:10px;
	height:50px;
	background: url('../images/menu_bottom.gif') top left no-repeat;	
}

.nav_ul_layer1
{
	width:145px;
	background-color:#ffffff;
	height:100%;
	list-style-type: none;
	padding-bottom:10px;
}

.nav_li_layer1
{

}

.nav_li_layer1 .nav_div_layer1
{
	text-indent:4px;
	font-weight:bold;
	height:24px;
	width:145px;
	line-height:24px;
	color:#ffffff;
	vertical-align:middle;
	background: url('../images/li_layer1.gif') top left repeat-x;	
}

.nav_div_layer1 a
{
	text-decoration:none;
	color:#ffffff;
}

.nav_div_layer1 a:hover
{
	text-decoration:underline;
	color:#ffffff;
}

.nav_ul_layer2
{
	background-color:white;
	width:145px;
	list-style-type: none;
}

.nav_ul_layer2 .nav_div_layer2
{
	color:#000000;
	background-color:white;
	vertical-align:middle;
	text-indent:10px;
	height:17px;
	line-height:17px;
	width:145px;
	font-weight:bold;
	background-color:white;
	background:none;
	border-bottom: 1px solid #E5E5E5;
}

.nav_ul_layer2 .nav_activediv_layer2
{
	color:#000000;
	background-color:white;
	vertical-align:middle;
	text-indent:10px;
	height:17px;
	line-height:17px;
	width:145px;
	font-weight:bold;
	background-color:#ffffff;
	background: url('../images/menu_active.gif') top right no-repeat;
	border-bottom: 1px solid #E5E5E5;
}

.nav_div_layer2 a, .nav_activediv_layer2 a
{
	text-decoration:none;
	color:#4F4F4F;
}

.nav_div_layer2 a:hover, .nav_activediv_layer2 a:hover
{
	text-decoration:underline;
	color:#4F4F4F;
}

.nav_ul_layer3
{
	list-style-type: none;
	background-color:white;
	background:none;
	width:145px;
}

.nav_ul_layer3 .nav_div_layer3
{
	color:#ADADAD;
	text-indent:20px;
	vertical-align:middle;
	border-bottom: 1px solid #E5E5E5;
	height:17px;
	line-height:17px;
	font-weight:bold;
	width:145px;
}

.nav_div_layer3 a
{
	text-decoration:none;
	color:#ADADAD;
}

.nav_div_layer3 a:hover
{
	text-decoration:underline;
	color:#ADADAD;
}

#xtra {
	position: relative;
	float: right;
	width: 210px;
	margin-right: -210px; /* width  */
	text-align:left;
}

#extra
{
	padding:2px 0px 0px 2px;
	width:188px;
	background-color:#ffffff;
	margin-left:14px;
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
}

#extra_bottom
{
	width:191px;
	padding:0px 0px 0px 8px;
	background-color:#ffffff;
	margin-left:14px;
	height:50px;
	background: url('../images/block_bottom.gif') top left no-repeat;	
}

.extra_div_header
{
	text-indent:4px;
	font-weight:bold;
	height:24px;
	width:185px;
	line-height:24px;
	color:#ffffff;
	vertical-align:middle;
	background: url('../images/li_layer1.gif') top left repeat-x;	
}

.extra_blok
{
	padding-bottom:10px;
	padding-top:6px;
	border-bottom: 1px solid #bdbdbd;
	padding-left:8px;
	padding-right:8px;
	margin-left:-2px;
}

.extra_kop, .extra_kop a
{
	color:#1b096c;
	font-weight:bold;
}

.extra_kop a,.extra_tekst_fonds a
{
	text-decoration:none;
}

.extra_tekst,.extra_tekst_fonds a
{
	color:#1b096c;
}

.extra_img_pointer
{

}

.extra_tekst_fonds a:hover, .extra_tekst a:hover,.extra_kop a:hover
{
	text-decoration:underline;
}

.extra_tekst a
{
	text-decoration:none;
	color:#bab9bc;
}

* html #xtra { /* addressing some IE bugs */
	width: 210px; 
}
	
* html #xtra, * html #nav, * html #content {
	overflow:hidden;
}

#footer {
	clear: both; /* just to make sure it comes below the columns */ 
	position: relative;
	width:545px;
	height: 20px;
	text-align:center;
	margin-left:170px;
	border-top: 2px solid #BEBEBE;
	background-color: #FFFFFF;
}

#footer a
{
	color:#808080;
	text-decoration:none;
}

#footer a:hover
{
	color:#808080;
	text-decoration:underline;
}

#nieuwsblok br
{
	clear: none;
}

.nieuwsdatum, .nieuws_intro_datumtijd, .nieuws_tekst_datumtijd, .nieuws_titel_datumtijd
{
        font-size:80%;
	color:#999999;
	margin-left:0px;
}

.nieuwskop_top
{
	position: relative;
        margin-top:10px;
        margin-bottom:10px;
	font-size:130%;
	font-weight:bold;
        color: #34478C;
}

#nieuwsblok
{
	padding-bottom:10px;
	border-bottom:1px solid #939598;
	margin-bottom:10px;
}


#nieuwsbloktitel
{
	padding-bottom:10px;
	border-bottom:1px solid #939598;
	margin-bottom:10px;
}

.nieuwstitel_intro,.nieuwstitel_detail,.nieuwstitel_intro a,.nieuwstitel_titel,.nieuwstitel_intro a:hover,.nieuwstitel_titel a,nieuws_titel_titel a,nieuws_intro_leesverder a,nieuws_intro_titel a
{
        color:#b20a0a;
        text-decoration:none;
}


.nieuwstitel_intro,.nieuwstitel_detail, .nieuwstitel_intro a, .nieuwstitel_detail a, .nieuws_tekst_titel,.nieuws_intro_titel a
{
      	padding-bottom:4px;
	padding-top:4px;
	color:#b20a0a;
	font-size:120%;
	font-weight:bold;
	font-family:  Arial, Verdana;
}
.nieuws_voortitel
{
font-style:italic;
}
.nieuwstitel_intro a:hover,.nieuwstitel_titel a:hover,.nieuws_intro_titel a:hover
{
        text-decoration:underline;
}


.nieuwstitel_titel,.nieuws_titel_titel
{
	list-style:none;
	margin-left:0em;
	padding-left:0em;
}
.nieuwstitel_titel li
{
	margin-left:0em;
	list-style:none;
	padding-left:0em;
}
.nieuwsimage
{
        float:right;
        margin: 4px 4px 4px 4px;
}

.nieuws_intro
{
	border-bottom:1px dashed #000000;
	padding-bottom:10px;
}
#formulier label
{
	width:			11em;
	text-align:		left;
	float:			left;
	margin:			5px;
}


#formulier .radio label
{
	width:			10px;
	text-align:		left;
	float:			left;
	margin:			2px;
}

#formulier .checkboxen label, #formulier .radiobutton label
{
	width: auto;
	text-align:		left;
	float:			left;
	margin:			2px;
        margin-right: 5px;
}

#formulier .checkboxen label, #formulier .radiobutton label
{
	margin:0;
        padding:0;
        padding-top:6px;
}

#formulier .onderwerp
{
	width:			11em;
	text-align:		left;
	float:			left;
	margin:			5px;
        width: 500px;
}


#formulier input,#formulier textarea,#formulier select
{
	vertical-align:		top;
	margin:			5px 5px 5px 0px;
	font-size:75%;
}

#formulier input,#formulier .checkboxen input, #formulier.radiobutton input
{
	height:20px;
}

#formulier .checkboxen input,#formulier.radiobutton input
{
	float:left;
} 

#formulier input.button
{
	height:20px;
	vertical-align:		middle;
}

#formulier br
{
	clear: left;
}

#home_nieuws
{
      width:100%;
	margin-top:30px;
	border-bottom: 2px solid #BEBEBE;
	padding-bottom:4px;
}

#home_nieuwsheader
{
	padding-bottom:4px;
	padding-top:4px;
	width:100%;
	border-bottom: 2px solid #BEBEBE;
}

.home_header
{
	float:left;
	color:#b20a0a;
	font-size:150%;
	font-weight:bold;
	font-family: Arial, Verdana;
	text-indent:0px;
}

.home_nieuwsoverzicht
{
	float:right;
	color:#b20a0a;
	font-size:100%;
	font-weight:bold;
	font-family:  Arial, Verdana;
	padding-right:4px;
}

.home_nieuwsoverzicht a
{
	color:#b20a0a;
}

.home_nieuwsoverzicht a:hover
{
	color:#b20a0a;
}


.home_nieuwsoverzicht img
{
	padding-left:14px;
	border:none;
}


.home_nieuwsregel
{
	border-bottom:1px dashed #BEBEBE;
}

.home_nieuwsdatum
{
        font-size:80%;
	color:#4C4C4C;
}

.home_nieuwstitel a
{
	color:#444444;text-decoration:none;
}

.home_nieuwstitel a:hover
{
	color:#444444;
	text-decoration:underline;
}