* 									{ margin:0;	padding:0; }

body								{ font-family: Arial, Verdana, sans-serif; color:#7f7f7f; font-size:11px; margin:0px; line-height:25px; height:100%; overflow-x:hidden }

h1									{ color:#cccccc; margin:0px 0px 30px 0px ; padding:0px; font-family: Arial, Verdana, sans-serif; font-size:50px; font-weight:normal  }
h2									{ color:#cccccc; margin:0px 0px 5px 0px ; font-family: Arial, Verdana, sans-serif; font-size:17px; font-weight:normal }
h3									{ color:#cccccc; margin:4px 0px 5px 0px ; font-family: Arial, Verdana, sans-serif; font-size:15px; font-weight:bold  }
h4									{ color:#cccccc; margin:4px 0px 5px 0px ; font-family: Arial, Verdana, sans-serif; font-size:13px; font-weight:bold }

p									{ color:#636668; padding:0px; margin-bottom:10px }
p.intro								{ margin:0px 0px 0px 0px; line-height:25px; font-size:12px; font-weight:bold; color:#636668; }
.error								{ color:#ff0000; font-weight:bold; }
td									{ font-family: Arial, Verdana, sans-serif; font-size:12px; line-height:25px; color:#636668; vertical-align:top;}
img									{ border:none; }


form								{ margin:0px; padding:0px }
	.home_invulveld					{ width: 130px; background:url(/img/bg_form.gif) repeat-x; border:1px solid #636668}

a									{ font-weight: bold; text-decoration: none; color:#636668; }
a:hover								{ color:#636668;text-decoration:underline }

a.leesverder						{ font-weight: bold; text-decoration: none; color:#004c99; float:left; display:block; background:url(/img/but_leesverder.png) left no-repeat; line-height:17px; text-indent:25px;margin-top:5px; }
a:hover.leesverder					{ color:#95c100;text-decoration:none; display:block; background:url(/img/but_leesverder_groen.png) left no-repeat; line-height:17px; text-indent:25px; }


#outer 								{ height: 560px; overflow: hidden; position: relative;}
#outer[id] 							{ display: table; position: static;}

#middle 							{ position: absolute; top: 50%;} /* for explorer only*/
#middle[id] 						{ display: table-cell; vertical-align: middle; width: 100%;}

#inner 								{ position: relative; top: -50% } /* for explorer only */
#content							{ width:100%; height:560px; margin-top:-280px; }

#rollover							{ width:100%; position:absolute; top: 50px; height: 150px; left:0px; overflow-y:hidden; text-align:center;color:#cccccc;font-family: Arial, Verdana, sans-serif; font-size:30px; font-weight:normal;}

#fotobalk							{ width:100%; position:absolute; top: 140px; height: 150px; left:0px; overflow-y:hidden; display:none }
#fotobalk #thumbs 					{ height:150px; }
#fotobalk #thumbs IMG				{ float:left; margin-left:1px; cursor:pointer;opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80) }

#content_holder						{ margin-left:353px; width:100%; position:absolute; top: 0px; height: 450px; left:0px; overflow:hidden; z-index:0; background:#e9e9e9}
	#content_form					{ margin:50px }
	#content_form h1				{ font-size:25px; }
	#content_form form				{ margin:0px; padding:0px;  }
	#content_form .tekst			{ background: url(/img/form_bg.gif) repeat-x top #FFF; border:1px solid #d5d5d5; width:250px; line-height:20px; padding:3px; height:20px; margin:4px 0px; border-radius:5px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#797979  }
	#content_form .tekstvak			{ background: url(/img/form_bg.gif) repeat-x top #FFF; border:1px solid #d5d5d5; width:250px; line-height:20px; padding:3px; margin:2px 0px; border-radius:5px; font-family: Arial, Helvetica, sans-serif; font-size:12px; overflow:auto; color:#797979  }
	#content_form .verzenden		{ background: #7e7e7e; border:1px solid #666; cursor:pointer; width:258px; line-height:20px; padding:0px; height:25px; margin:4px 0px; border-radius:5px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-align:center  }
	
#foto_holder						{ margin-left:352px; width:100%; position:absolute; top: 0px; height: 450px; left:0px; overflow:hidden; z-index:0}
#fotos								{ width:20000px; position:absolute; top: 0px; height: 450px; left:0px; z-index:0}
#fotos IMG							{ float:left; margin-left:1px; cursor:pointer } 

#info								{ position: absolute; left:14px; height:448px; width:336px; border: 1px solid #999999; z-index:9998 }
#info h1							{ color:#cccccc; margin:60px 10px 20px 25px ; padding:0px; font-family: Arial, Verdana, sans-serif; font-size:45px; font-weight:normal  }
#info p								{ margin:0px 20px 20px 25px ; }
#info ul							{ position:absolute; bottom:20px; left:25px; margin:0px; list-style:none }
#info ul li							{ margin:0px; padding:0px; list-style:none; float:left; margin-right:20px; }
#info a.lijst						{ position:absolute; left:25px; bottom:20px; width:20px; height:20px; background:url(/img/bg_lijst.png);  } 
#info a:hover.lijst					{ position:absolute; text-decoration:none; width:20px; height:20px; background:url(/img/bg_lijst_over.png);;  } 

#info #pubs 						{ position:absolute; left:25px; bottom:80px; width:320px; margin:0px; padding:0px; list-style:none }
#info #pubs li						{ margin:0px; padding:0px; list-style:none; float:left; }
#info #pubs li.titel				{ margin:0px; padding:0px; list-style:none; float:left; margin-right:8px; font-size:11px; color:#999999; line-height:12px }
#info #pubs li a					{ width:12px; height:12px; float:left; background-color:#CCCCCC; cursor:pointer; margin-right:10px; text-indent:-900em; overflow:hidden }
#info #pubs li a:hover				{ background-color:#666666; }

#subnav								{ position: absolute; left:-340px; height:448px; width:351px; border: 1px solid #999999; z-index:9999; background:#999999; color:#FFFFFF }


#subnav h1							{ color:#ffffff; margin:60px 20px 20px 20px ; padding:0px; font-family: Arial, Verdana, sans-serif; font-size:45px; font-weight:normal  }
#subnav p							{ margin:0px 20px 20px 20px; color:#FFFFFF }
#subnav .close						{ position:absolute; right:20px; height:18px; top:20px; width:18px; background:url(/img/but_close.gif); z-index:199999; cursor: pointer }
#subnav .hittest					{ position:absolute; right:-1px; height:450px; top:-1px; width:15px; background:#999999; z-index:99999 }
#subnav .list						{ position:absolute; top:150px; width:350px; height:250px; left:20px; overflow:hidden; }
#subnav #list_holder				{ position:absolute; left:0px; left:0px;}
#subnav #subnav_next				{ position:absolute; right:20px; height:18px; bottom:20px; width:18px; background:url(/img/but_next.gif); z-index:99999; cursor: pointer }
#subnav #subnav_back				{ position:absolute; left:20px; height:18px; bottom:20px; width:18px; background:url(/img/but_back.gif); z-index:99999; cursor: pointer }
.invisible							{ display:none; }
.visible							{ display:block; }

#subnav .list ul					{ float:left; width:160px; height: 250px; margin:0px; padding:0px; list-style:none; display: blockl; }
#subnav .list ul li					{ margin:0px; padding:0px; list-style:none; margin-right:15px; line-height: 17px; }
#subnav a							{ font-weight: normal; text-decoration: none; color:#ffffff; padding:2px 2px 2px 4px; display: block; font-size:11px }
#subnav a:hover						{ color:#999999;text-decoration:none; background-color:#FFFFFF }
#subnav a.on						{ font-weight: normal; text-decoration: none; color:#999999; padding:3px;background-color:#FFFFFF  }
#subnav a:hover.on					{ color:#999999;text-decoration:none; background-color:#FFFFFF }

a.subnav							{ font-weight: normal; font-size:16px; text-decoration: none; color:#636668; float:left }
a:hover.subnav						{ color:#636668;text-decoration:underline }

#header								{ width:100%; height:90px; top:220px; background: #cccccc; z-index:1000; position:absolute; text-align:center; display:none;}
#header_content						{ width:1000px; height:90px; top:0px; z-index:1000; margin-left:auto; margin-right:auto; position:relative;}
	
	#logo							{ position:absolute; left:20px; top:30px; }

	.margin-left					{ margin-left: 25px; }
	.margin-right					{ margin-right: 25px; }
	
	#foto							{ position:absolute; left:20px; top:45px; z-index:1 }


/* --------------------------------	*/
/* Menu							 	*/
/* --------------------------------	*/
#menu	{
	position:absolute; left:600px; top:31px; z-index:1000; margin:0px; padding:0px; 
	z-index				: 999999;
	text-align			: left;
}
#menu ul{
	margin :0px;
	z-index:1001;

}
#menu li {
	list-style: none;
	float				: left;
	position			: relative;
}

#menu li a {
	display				: block;
	float				: left;
	height				: 30px;
	text-indent			: -900em;
}

#menu li a.welkom {
	width				: 77px;
	background			: url(/img/nav.png) no-repeat left bottom;
}
#menu li:hover a.welkom, 
#menu li.hover a.welkom,
#menu li.actief:hover a.welkom {
	background			: url(/img/nav.png) no-repeat left top;
}
#menu li.actief a.welkom {
	background			: url(/img/nav.png) no-repeat left -30px;
}

#menu li a.recent {
	width				: 72px;
	background			: url(/img/nav.png) no-repeat -77px bottom;
}
#menu li:hover a.recent, 
#menu li.hover a.recent,
#menu li.actief:hover a.recent {
	background			: url(/img/nav.png) no-repeat -77px top;
}
#menu li.actief a.recent {
	background			: url(/img/nav.png) no-repeat -77px -30px;
}
#menu li a.visie {
	width				: 55px;
	background			: url(/img/nav.png) no-repeat -149px bottom;
}
#menu li:hover a.visie, 
#menu li.hover a.visie,
#menu li.actief:hover a.visie {
	background			: url(/img/nav.png) no-repeat -149px top;
}
#menu li.actief a.visie {
	background			: url(/img/nav.png) no-repeat -149px -30px;
}

#menu li a.projecten {
	width				: 95px;
	background			: url(/img/nav.png) no-repeat -204px bottom;
}
#menu li:hover a.projecten,
#menu li.hover a.projecten,  
#menu li.actief:hover a.projecten{
	background			: url(/img/nav.png) no-repeat -204px top;
}
#menu li.actief a.projecten{
	background			: url(/img/nav.png) no-repeat -204px -30px;
}

#menu li a.contact {
	width				: 76px;
	background			: url(/img/nav.png) no-repeat -299px bottom;
}
#menu li:hover a.contact, 
#menu li.hover a.contact, 
#menu li.actief:hover a.contact {
	background			: url(/img/nav.png) no-repeat -299px top;
}
#menu li.actief a.contact {
	background			: url(/img/nav.png) no-repeat -299px -30px;
}