html, body{
	margin:0;
	padding:0;
	height:100%;
	margin-left: 0px;
	background:url(test.jpg)  ;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:12px;
    background:url(images/achtergrond.jpg);
	color: #ffffff;
	
}

#pagewidth{ 
 width:800px; 
 height:100%;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
    
background-color:#08217d;
} 
 

#header{
 position:relative; 
 height:116px; 
 width:100%;
 background:url(images/banner_deurenhanger.jpg) no-repeat;
} 

#header-content {
color:#08217d; 
position: absolute; 
bottom: 2px; 
left: 100px;
}

#wrapper{ 
    background-color:#08217d;
}
 
#leftcol{
 width:150px; 
 float:left; 
 position:relative;
    background-color:#08217d; 
 }
 
#maincol{  
 float: right; 
 display:inline; 
 position: relative; 
 width:650px; 
background:url(images/banner_middel_deurenhanger.jpg) no-repeat;
line-height:115%;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
 }
 
#footer{
 height:25px;  
 clear:both;
 background-color:#08217d;
 } 
 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

a:link {
	color: #fff;
	text-decoration:none;
}

a:visited {
	color: #fff;
	
	text-decoration:none;
}

a:hover {
	color:#7d0808;
	text-decoration:none;
}

iframe { display:block; height: 1700px; width:99%;
border: solid #08217d 1px; 
} 

h1{
text-align:center;}

h2{
font-size:14px;}

#maincol h1{font-size:16px;}
h3{font-size:16px;
line-height:115%;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}

/*------Foto hover stappenplan-------*/
#pic {
	left: 10px;
	position: relative;
	top: 10px;
	width: 100px;

}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
	z-index:2;
}

#pic a img {
	border: 0;
			z-index:0;
}

#pic a.p1, #pic a.p1:visited {
	border: 1px solid #000000;
	display: block;
	height: 100px;
	left: 0;
	text-decoration: none;
	top: 0;


}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
		z-index:2;

}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 200px;
	left: -50px;
	position: absolute;
	top: -60px;
	width: 200px;
	z-index:2;
}
/*--------Foto float---------*/

	
.fright {
    float:right;
	margin-bottom:10px;
		margin-right:10px;
}

.fleft {
    float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-bottom:10px;

}	

/*----------------------- Menu----------------------------*/
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}

	
	#nav li { /* all list items */
	
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : 5px;
		width: 11em;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.35em;
	}

	
#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
		
	}
	
	#nav li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		background-color : #e2e2e2;
		border : 1px solid #08217d;
		padding : 0 0.5em;
		}
	
	#nav li a:hover {
		color : #fff;
		background-color : #7d0808;
		
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#content {
		margin-left : 12em;
	}
/*-------------------cms--------*/

.goed{
	color: #2A9F00;
	font-weight: bolder;
	}

.fout{color: #b41112;
	font-weight: bolder;
	}

/*----------------------- formulier----------------------*/
.groen{
	color: #FFFBF0;
	}

.rood{color: #b41112;
	}

.roodfout{
color: #b41112;
margin-left:150px;
	}

.invulveld
    {
	background-color: #fff; /*achtergrond invul veld*/
	display:block;
	width:285px;
	height:15px;
	border: 1px;
	border-style: solid;
	color: #000;
	margin-bottom:6px; /*hoogte tussen de in te vullen regels*/
    }
	

.tekst
    {
	background-color: #; /*achtergrond invul veld*/
	display:block;
	width:285px;
	border: 1px;
	border-style: solid;
	color: #000;
	margin-bottom:0px; /*hoogte tussen de in te vullen regels*/
    }

.invulveldgroot
    {
	display:block;
	background-color: #fff;
	width:285px;
	height:120px;
	border: 1px;
	border-style: solid;
	color:#000;
	}

form
	{
	width: 450px;
	height: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	}

label
	{
	float: left;
	width: 140px;
	text-align: left;
	margin-left:5px;
	}

.labelgroot
	{
	float: left;
	width: 250px;
	text-align: right;
	margin-left:5px;
	
}

/* ------------------- foto's ----------------------*/
/*niveau1*/
.albumscenter_n1 {
	width:367px;
	margin: auto;	
}

.fotoalbum_fn1 {
	width: 100px;
	height: 250px;
	border: #fff 2px solid ;
	margin-left:15px;
	}

.fotoalbum_fn1:hover {
	border: #7d0808 2px solid;
	}

.fotoalbum_tn1 {
	width: 70px;
	font-size:12px;	
	text-align:left;
	margin-bottom:15px;
	margin-left:15px;
	display:block;
	}

.beslag_fn1 {
	width: 150px;
	height:104px;
	border: #fff 2px solid ;
	}

.beslag_fn1:hover {
	border: #7d0808 2px solid;
	}
	
/*niveau2*/

.albumscenter_n2 {
	width:422px;
	margin: auto;
}

.navigatiecenter{
    text-align:center; 
}

.fotoalbum_fn2 {
	width: 90px;
	border: #fff 2px solid ;
	}

.fotoalbum_beslag_fn2 {
	width: 120px;
	height:100px;
	border: #fff 2px solid ;
	}

.fotoalbum_fn2:hover {
	border: #7d0808 2px solid;
	}

.fotoalbum_tn2 {
	width: 65px;
	margin-bottom:10px;
	font-size:12px;
	text-align:left;
	display:block;
	}
	
/*niveau3*/

.border{
	border: medium solid #fff;
}

.navigatiecenter_n3{
    width:461px;
    text-align:center; 
 	margin: auto;
	display:block;
}


.fotocenter_n3 {
    width:461px;
    text-align:center; 
 	margin: auto;
	margin-bottom:15px;
	display:block;
}