* {
	margin: 0;
	padding: 0;

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

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

body {
	 /* just some defaults - should be customized */
	font-family: Verdana, Arial;
	font-size:  10pt;
	line-height: 140%;

	} 

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

#wrap {
	position: relative;
	height: 100%;
	width: 1000px;
	min-width:1000px;
	text-align:left;
	background: url('../images/background_left.gif') top left no-repeat;
	}

#middle {
	position: relative;
	height: auto;
	min-height: 100%; /* for modern browsers, to push the footer down */
	margin-right: 204px; /* right column width */
	margin-left: 180px; /* left column width */
	margin-bottom: -36px; /* 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: 312px;
	width: 100%;
	overflow: hidden;
	z-index: 100; /* to show it on top */
        background-attachment: fixed;
	background: url('../images/background_header_empty.gif') top right no-repeat;

	}

#slideImg
{
margin-left:192px;
margin-top:98px;
}

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


	}

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

#content {
		position: relative;
		float: right;
		width: 551px;
		z-index:10;
		padding-left: 32px;
		padding-right: 32px;
		min-height:350px;

	}

#content .contenttekst
{

}


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


.hidden
{
	display: none;
}

.contenttekst a
{
	color:#000000;
	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: 36px;
	line-height: 36px;
	width: 604px;
	background-color:#cccccc;

margin-left: -21px;
color:#000000;
	vertical-align:middle;
	text-indent:21px;
	font-size:110%;
	font-weight:bold;
	font-family:  Arial, Verdana;
}

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

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

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


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



#nav {
	position: relative;
	float: left;
	width: 180px;
	margin: 0px 0px;
	margin-left: -181px; /* width */
	height: 100%;
background:none;

}

#menu
{
	width:160px;
	margin-left:10px;
background:none;
}

.nav_ul_layer1
{
	width:160px;
	height:100%;
	list-style-type: none;
	border-left: 10px solid #ffffff;
}

.nav_ul_activelayer1
{

background-color:#000000;
border-left: 10px solid #b89659; /* #87aaca */
filter: alpha(opacity: 50); -moz-opacity: .50;
}


.nav_li_layer1 .nav_div_layer1
{
	text-indent:4px;
	font-weight:bold;
	/*height:36px;*/
	width:160px;
	margin-top:7px;
	margin-bottom:7px;
	line-height:22px; /*36*/
	color:#000000;
	vertical-align:middle;
	
}

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

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



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

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

.nav_li_activelayer1 .nav_div_activelayer1
{
	/*text-indent:4px;*/
	/*height:36px;*/
margin-left:4px;
	width:160px;
	margin-top:7px;
	margin-bottom:7px;
	line-height:22px; /*36*/	
	color:#ffffff;
	vertical-align:middle;
	font-weight:bold;
}



.nav_ul_layer2 
{
	list-style-type: none;
	color:#FFFFFF;
	vertical-align:middle;
	margin-left:20px;
}

.nav_li_layer2, .nav_div_layer2
{
/*	height:24px;*/
	line-height:24px;
}

.nav_div_layer2 a, .nav_div_layer2
{
	text-decoration:none;
	color:#FFFFFF;
}

.nav_div_layer2 a:hover, .nav_activediv_layer2 a:hover
{
	text-decoration:underline;
}


#xtra {
	position: relative;
	float: right;
	width: 204px;
	margin-right: -204px; /* width  */
	text-align:left;
	background:none;
}
.extra_div_header
{
	font-weight:bold;
	height:36px;
margin-left:2px;
	width:202px;
	line-height:36px;
	color:#ffffff;
	vertical-align:middle;
text-indent:18px;
	background: url('../images/background_right_agenda.gif') top left repeat-x;	
}

#extra
{
	
	width:164px;
	margin-left:20px;
}



.activiteit
{
	padding-bottom:10px;
	padding-top:6px;
}

.activiteit_titel
{
font-weight:bold;
}

.activiteit_tekst,.activiteit_titel
{
	color:#FFFFFF;
}
.activiteit_meer
{
font-weight:bold;
}
.activiteit_meer a:hover
{
	text-decoration:underline;
}

.activiteit_meer a
{
	text-decoration:none;
	color:#FFFFFF;
}

.extra_img_achteraanzicht
{
margin-left:1px;
margin-top:10px;
}

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

#footer {
	clear: both; /* just to make sure it comes below the columns */ 
	position: relative;
	width:614px;
	padding-top:10px;
	height: 36px;
	text-align:left;
	margin-left:214px;
}

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

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

#nieuwsblok br
{
	clear: none;
}

#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;
	
}

#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;
}