@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
	
.container {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 1000px;
      height: 640px;
      margin-left: -500px; /* helft van de breedte */
      margin-top: -320px;  /* helft van de hoogte */
      border:1px solid #939598;
	  background-color:#FFFFFF;
      }

.top_logo{
	height:95px;
	text-align:right;
	}
	
.hoofdmenu{
	height:18px;
	background-color:#873035;
	border-left:5px solid #FFFFFF;
	border-right:5px solid #FFFFFF;
	padding:0px;
	margin:0px;	
	}
	
	
.container_content{
	background: url(../images/bg_content.jpg);
	background-repeat:no-repeat;
	height:515px;
	border:5px solid #FFFFFF;
	}
	

		
.projectenTransparant{
	position: relative;
	top:70px;
	left:55px;
	height: 380px;
	width: 145px;
	background-color: #333333;
	border:1px solid #FFFFFF;	
	opacity:.90;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.90;}
	
.contentTransparant{
	position: absolute;
	top:188px;
	left:218px;
	height: 380px;
	width: 710px;
	background-color: #333333;
	border:1px solid #FFFFFF;	
	opacity:.90;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.90;}
	
		
.content{
	position: absolute;
	top:188px;
	left:218px;
	padding-left:30px;
	height: 380px;
	width: 680px;
}
	

	
.projecten{
	position: absolute;
	top:189px;
	left:61px;
	height: 380px;
	width: 145px;
	}
	
.projecten p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	color:#FFFFFF;
	line-height:20px;
	}	

.content p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:10px;
	color:#FFFFFF;
	line-height:20px;
	}	


.specialArchief{
	width:300px;
	float:right;
	position:relative;
	bottom:-105px;
	right:-1px;
	height:20px;
	padding-left:15px;
	line-height:20px;
	color:#FFFFFF;
	background-color:#b82931;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;}

.archiefHoutenConstructie{
	width:400px;
	float:right;
	position:relative;
	bottom:10px;
	right:-1px;
	height:20px;
	padding-left:15px;
	line-height:20px;
	color:#FFFFFF;
	background-color:#b82931;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;}

/* Menu */

a.wit:link 
{ color:#FFFFFF;
font-size: 10px;
text-decoration: none;
}

a.wit:active 
{ color:#FFFFFF;
font-size: 10px;
text-decoration: none;
}

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

a.wit:hover 
{ color: #FFFFFF;
text-decoration: underline;
}


a.grijs:link 
{ color:#666666;
font-size: 10px;
text-decoration: none;
}

a.grijs:active 
{ color:#666666;
font-size: 10px;
text-decoration: none;
}

a.grijs:visited
{ color:#666666;
text-decoration: none;
}

a.grijs:hover 
{ color:#666666;
text-decoration: bold;
}


a.ScrollLink:link 
{ color:#FFFFFF;
font-size: 10px;
font-weight:bold;
text-decoration: none;
}

a.ScrollLink:active 
{ color:#FFFFFF;
font-size: 10px;
font-weight:bold;
text-decoration: none;
}

a.ScrollLink:visited
{ color:#FFFFFF;
font-size: 10px;
font-weight:bold;
text-decoration: none;
}

a.ScrollLink:hover 
{ color: #b82931;
font-size: 10px;
font-weight:bold;
text-decoration: none;
}

.menuItems { /* all lists */
		padding: 0;
		margin: 0;
		list-style-type: none;
		float : left;}

.Menuuitklap{ /* all lists */
		padding: 0;
		margin: 0;
		list-style-type: none;
		float : left;}

.menuItems li{    
	list-style-type: none;
	width:100px; 
	height: 18px;
	border-right:5px solid #FFFFFF;
	padding: 0px;  
	float:left;
	background-color:#873035;
	line-height:18px;}

.menuItems li a{ 
	display: block; 
	color:#FFFFFF; 
	float:left;
	width:100px; 
	text-align: center;
	text-decoration:none;}

.menuItems li a:hover{
	background-color: #333333;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.menuItemsGrijs { /* all lists */
		padding: 0;
		margin: 0;
		list-style-type: none;
		float : left;}


.menuItemsGrijs .link{    
	list-style-type: none;
	width:100px; 
	height: 18px;
	border-right:5px solid #FFFFFF;
	padding: 0px;  
	float:left;
	background-color: #939598;
	line-height:18px;}

.menuItemsGrijs .link a{ 
	display: block; 
	color:#FFFFFF; 
	float:left;
	width:100px; 
	text-align: center;
	text-decoration:none;}
		
.menuItemsGrijs .link a:hover{
	background-color: #333333;
	color:#FFFFFF;
	text-decoration:none;
	}

.Menuuitklap .subLink a{ 
	display: block; 
	color:#000000; 
	width:195px;
	border-bottom:1px dotted #000000;
	float:left; 
	height:18px; 
	text-align: left;
	text-decoration:none;}

.Menuuitklap .subLink a:hover{
	display:block; 
	color:#000000;
	background-color:#FFFFFF;
	width:195px; 
	height:18px; 
	font-weight:bold;
	border-bottom:1px dotted #000000;
	text-decoration:none;
	text-align:left;
	}

.Menuuitklap {position: absolute; width:100px; height:80px; left:110px; bottom:0px; display:inline-block; visibility: hidden; z-index:1}
.Menuuitklap li{display: list-item; float: none; height:18px;}
.Menuuitklap li a{display: block; width: 200px; height:18px; color: #FFFFFF; text-align:left; text-decoration: none;padding-left:5px;}
.Menuuitklap li a:hover{display: block; width: 200px; height:18px; color: #FFFFFF; font-weight:bold; text-align:left; text-decoration: none;padding-left:5px;}


* html .hoofdmenu ul li { float: left; height: 1%; }
* html .hoofdmenu ul li a { height: 1%; }


.navProject, .navProject ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style-type: none;
		width: 135px;}
	
	
	.navProject li a {
		display : block;
		color : #FFFFFF;
		
		text-decoration : none;
		padding : 0px;
		line-height: 20px;
		height: 20px;
		padding-left: 10px;
		list-style-type: none;
		width: 135px;}
	
	.navProject li a:hover {
		color : white;
		background-color : #b82931;
		}
		

	.navProjectOverzicht { /* all lists */
		padding-left: 10px;
		margin-left: 10px;
		padding-top: 5px;
		list-style-type: none;
		width: 200px;
		float: left;}
	

			
	.navProjectOverzicht li a {
		display : block;
		color : #FFFFFF;
		text-decoration : none;
		padding-left : 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin: 0px;
		line-height: 20px;
		height: 20px;
		list-style-type: none;
		width: 190px;}
	
	.navProjectOverzicht li a:hover {
		color : white;
		background-color : #b82931;}

	.navNieuwsOverzicht { /* all lists */
		padding-left: 10px;
		margin-left: 10px;
		padding-top: 5px;
		list-style-type: none;
		width: 310px;
		float: left;}

	.navNieuwsOverzicht li a {
		display : block;
		color : #FFFFFF;
		text-decoration : none;
		padding-left : 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin: 0px;
		line-height: 20px;
		height: 20px;
		list-style-type: none;
		width: 310px;}

	.navNieuwsOverzicht li a:hover {
		color : white;
		background-color : #b82931;}


	.IncludeProjectOverzicht { /* all lists */
		list-style-type: none;
		width: 320px;
		padding:0px;
		margin:0px;
		float: left;}
	

			
	.IncludeProjectOverzicht li a {
		display : block;
		color : #FFFFFF;
		text-decoration : none;
		padding-left : 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin: 0px;
		line-height: 20px;
		height: 20px;
		list-style-type: none;
		width: 310px;}
	
	.IncludeProjectOverzicht li a:hover {
		color : white;
		background-color : #b82931;}

	.IncludeProjectenButton { /* all lists */
		list-style-type: none;
		padding-left:10px;
		padding-top:0px;
		width: 620px;
		margin:0px;
		float: left;}
	

			
	.IncludeProjectenButton li a {
		display : block;
		color : #FFFFFF;
		text-decoration : none;
		padding-left : 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin: 0px;
		line-height: 20px;
		height: 20px;
		list-style-type: none;
		width: 610px;}
	
	.IncludeProjectenButton li a:hover {
		color : white;
		background-color : #b82931;}


/* TEKSTEN */

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-bottom:0px;
	margin-right:0px;
	margin-left: 10px;
	margin-top:5px;
	padding:0px;
	color:#FFFFFF;
	}


h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-bottom:0px;
	margin-right:0px;
	padding:0px;
	background: #b82931  6px 50% no-repeat;
	padding: 3px 6px 3px 6px;
	line-height: 17px;
	color: #ffffff;
	}
	
.grijsVlak{
	padding-top:6px;
	padding-left:15px; 
	height:68px; 
	border-top:#333333; 
	color:#FFFFFF;
}

.tekst{
	width:580px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-bottom:0px;
	margin-right:10px;
	margin-left: 10px;
	margin-top:5px;
	line-height:15px;
	padding:0px;
	color:#FFFFFF;
	}

.tekstblok{
	width:185px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-bottom:0px;
	margin-right:18px;
	float:left;
	padding-left:10px;
	line-height:15px;
	color:#FFFFFF;
	}	
/* FORMULIEREN */
form{
	margin:0px;
	padding:0px;
	}

.zoekVeld1{
	border:0px; 
	margin-top:5px;
	margin-left:10px;
	padding-left:5px;
	padding-bottom:0px;
	font-size:10px; 
	font-family:verdana; 
	color:#333333;
	height:15px;
	line-height:13px;}
	
.zoekVeld2{
	display:none;
	border:0px; 
	margin-top:5px;
	margin-left:10px;
	padding-left:5px;
	padding-bottom:0px;
	font-size:10px; 
	font-family:verdana; 
	color:#333333;
	height:15px;
	line-height:13px;}
	
.btn{
	border:0px;
	font-size: 10px;
	text-align: center;
	background-color:#873035;
	height: 16px;
	line-height: 16px;
	width: 37px;
	padding-bottom: 10px;
	color:#FFFFFF;
	font-family: verdana; 
}

	
.topResultaten{
	height:25px;
	line-height: 25px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	background-color:#00c0fd;
	color:#FFFFFF;
	}
	
.zoekblok{
	height:30px;
	width:180px;
	line-height:30px;
	border-bottom:1px solid #FFFFFF;
	padding-left: 5px; 
	}

.zoekresultaten{
	position:relative;
	top:10px;
	left:10px;
	line-height:20px;
	color:#FFFFFF;
	background-repeat:repeat-x;
	max-width:130px;
	}
	
.zoekblokResultaten	{
	width:130px;
	}
	
.loading{
	height:30px;
	line-height:30px;
	background: url('../images/ajax-loader.gif') no-repeat center; 
	margin:0px;}

.tekstWit{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:10px;
	color:#FFFFFF;
	line-height:23px;
	}	
	
span.radio { 
  width: 0px; 
  height: 1px; 
  padding: 0 0px 0 0; 
  background: url('../images/radioCheck.gif') no-repeat; 
  display: block; 
  clear: left; 
  float: left; 
} 

.uitgeklapt{
	display:block;
	height:20px;
	width:200px;
	float:left;}

.ingeklapt{
	display:none;
	height:20px;
	width:200px;float:left;}
	

.vorige{
	position:absolute;
	bottom:-1px;
	height:30px;
	line-height:30px;
	width:150px;
	left:1px;
	text-align:center;
	color:#FFFFFF;
	padding-left:10px;
	font-weight:bold;
	}
	
.volgende{
	position:absolute;
	bottom:-1px;
	height:30px;
	line-height:30px;
	width:150px;
	right:-1px;
	text-align:center;
	color:#FFFFFF;
	padding-right:10px;
	font-weight:bold;
	}
	

.vorige:hover{
	position:absolute;
	bottom:-1px;
	height:30px;
	line-height:30px;
	width:150px;
	left:1px;
	text-align:center;
	color:#b82931;
	padding-left:10px;
	font-weight:bold;
	}
	
.volgende:hover{
	position:absolute;
	bottom:-1px;
	height:30px;
	line-height:30px;
	width:150px;
	right:-1px;
	text-align:center;
	color:#b82931;
	padding-right:10px;
	font-weight:bold;
	}

.titel{
	height:20px;
	line-height:20px;
	background-color:#b82931;
	color:#FFFFFF;
	font-weight:bold;
	width:140px;
	padding-left:5px;
	position:relative;
	left:-10px;}
	
.btnAlbum{
	position:absolute;
	top:38px;
	right:52px;
	height:15px;
	width:178px
	float:left;
	z-index:100;
	}
	
.fotoKlein{
	float:left;
	height:180px;
	width:320px;}