/* Page
----------------------------------------------- */
body, html {
	width:100%;
	height: 100%;
}


body {
	font-family: Arial, Verdana;
	color:#000000;
	padding:0px;
	margin:0px;
	font-size: 14px;
}

html{
	background-image:url(../img/bg_behang.jpg);
}

#siteWrapper #wrap{
position:relative;
width:700px;
margin:0px auto;
padding: 0px;
height: 100%;
}

#siteWrapper #content{
position:absolute;
top:260px;
width:100%;
height:100%;
background:#ffffff;
}

img{
border:none;
}


/* Topbar
----------------------------------------------- */

#siteWrapper #logo{
position:absolute;
top:0px;
margin-top:-60px;
margin-left:-50px;
left:0px;
width:10px;
height:60px;
}

#siteWrapper #topbar_wrap{
position:absolute;
width:100%;
top:125px;
}

#siteWrapper #topbar_wrap .line{
position:absolute;
width:199px;
height:400px;
border-right:1px solid white;
}

#siteWrapper #topbar_wrap #topbar{
height:425px;
}

#topbar #vak_vandaag_wrap,
#topbar #vak_nieuws_wrap,
#topbar #vak_dewijk_wrap,
#topbar #vak_links_wrap {
	position:	absolute;
	background-color:white;
	width:		200px;
	height:		200px;
}

#topbar #vak_vandaag_wrap {
	top:			0px;
	left:			0px;
	opacity: 	0.4;
	filter: alpha(opacity=40);
	-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";	/* Internet Explorer 8 */

}

#topbar #vak_vandaag{
position:absolute;
top:0px;
left:0px;
border-right: 1px solid white;
width:194px;
height:200px;
padding-right:5px;
margin-top:0px;
font-size:36px;
font-weight:bold;
color:#ffffff;
}

#topbar #vak_nieuws_wrap{
	top:			0px;
	left:			200px;
	opacity: 	0.5;
	filter: alpha(opacity=50);
	-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	/* Internet Explorer 8 */
}

#topbar #vak_nieuws{
position:absolute;
top:0px;
left:200px;
border-right: 1px solid white;
width:189px;
height:189px;
padding:5px;
line-height:16px;
z-index:10;
overflow:hidden;
}

#topbar #vak_dewijk_wrap{
	top:			200px;
	left:			0px;
	opacity: 	0.8;
	filter: alpha(opacity=80);
	-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	/* Internet Explorer 8 */
}

#topbar #vak_dewijk{
position:absolute;
top:200px;
left:0px;
border-top: 1px solid white;
border-right: 1px solid white;
width:189px;
height:189px;
padding:5px;
line-height:16px;

overflow:hidden;
}


#topbar #vak_links_wrap{
	top:			200px;
	left:			200px;
	height:		100px;
	opacity: 	0.3;
	filter: alpha(opacity=30);
	-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";	/* Internet Explorer 8 */
}

#topbar #vak_links{
position:		absolute;
top:				200px;
left:				200px;
border-top: 	1px solid white;
border-bottom: 1px solid white;
border-right: 	1px solid white;
width:			199px;
height:			98px;
}

#topbar #links_btn{
position:absolute;
top:200px;
left:200px;
width:199px;
height:96px;
margin: 1px 0px px 0px;
}

#topbar #links_btn a{
	height:30px;
	width:195px;
	display:block;
}
	

/* tekstgrootte
----------------------------------------------- */

#identity {
position:absolute;
top:125px;
left:700px;
width:35px;
height:100px;
}

#identity ul.font-size-select{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:inline;
}

#identity ul.font-size-select li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:inline;
}

#identity ul.font-size-select li a{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:inline;
	cursor:hand;
}

/* zoek
----------------------------------------------- */

#siteWrapper #topbar #zoek
{
	position:absolute;
	left:399px;
	top:0px;
	height:175px;
	border-left:1px solid white;
	z-index:10;
}

#siteWrapper #zoek .title
{
}
	
#siteWrapper #zoek	input
{
	width: 125px;
	border: 0px;
	margin: 7px;
	float: left;
}

#siteWrapper #zoek .submit,
#siteWrapper #topbar #lang_btn
{
	opacity:		0.0;
	-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	/* Internet Explorer 8 */
	filter: 		alpha(opacity=0);
}

#siteWrapper #zoek .submit
{
	width: 		17px;
	height: 		58px;
	color:		#000000;
	margin: 		7px;
}

#siteWrapper #zoek #zoekbtn {
	float: left;
	margin-left: -25px;
	margin-top: 7px;
}

/* Language
----------------------------------------------- */

#siteWrapper #topbar #lang_select{
position:absolute;
left:593px;
top:0px;
margin:7px;
}

#siteWrapper #topbar #lang_btn{
position:absolute;
left:593px;
top:0px;
width:92px;
height:18px;
margin: 7px;
z-index:10;
}
	
/* Headers
----------------------------------------------- */
#siteWrapper h1 {
	font-size : 18px;
}

#siteWrapper h2 {
	font-size: 14px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
}

#siteWrapper h3 {
	font-size : 12px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
}


#siteWrapper h4 {
	font-size : 10px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
}

/* Paragraphs
----------------------------------------------- */
#siteWrapper p {}


/* Lists
----------------------------------------------- */

ul#fileList{
	overflow:hidden;
	width:420px;
	padding:0px 0px 0px 0px;	
}

ul#fileList li{
	float:left;
	height:52px;
	width:135px;
	list-style:none;
}

ul#fileList li img.thumb{margin:0px 0px 0px 0px;}
ul#fileList li input.imagePath{display:none;}

ul#fileList li .imgPop{
	display:block;
	float:left;
}


/* Tables
----------------------------------------------- */
#siteWrapper table { font-size : 10px;	}


/* Forms
----------------------------------------------- */
#siteWrapper .form {
	background-color : #f8f8f8;	
}

#siteWrapper .contactform input{
	border: 1px solid #e8e8e9; 
	background-color: #e8e8e9;
}

#siteWrapper .signup input{
	border: 1px solid #c0c0c1; 
	background-color: #c0c0c1;
}

#siteWrapper input.radio{border: 0px solid #000000;}
#siteWrapper input.check{border: 0px solid #000000;}

#siteWrapper select {
	border: 1px solid #e8e8e9; 
	background-color: #e8e8e9;
}

#siteWrapper textarea {
	border: 1px solid #e8e8e9; 
	background-color: #e8e8e9;
}
/*
#siteWrapper .contactform input.smallInput {width:50px;}
#siteWrapper .contactform input.mediumInput {float:none; width:150px;}
*/
 
#siteWrapper .mandatory{ color:#000000 }

#siteWrapper .signup{
margin:0px;
padding:0px;
}

#siteWrapper .contactform, #siteWrapper .signup{border:0px;}
#siteWrapper .contactform legend{}
#siteWrapper .contactform label, #siteWrapper .signup label{float:left; width:130px;}
#siteWrapper .contactform label.extraWidth{float:left; width:280px;}
#siteWrapper .contactform input{float:left;margin-bottom:3px;}
#siteWrapper .signup input{float:left;margin:0px;}
#siteWrapper .contactform textarea{float:left; width:200px; margin-bottom:3px;}
#siteWrapper .contactform .formbutton, #siteWrapper .contactform .submit, #siteWrapper .signup .submit{
color:#ffffff;
width:70px;

}
#siteWrapper .contactform br, #siteWrapper .signup br{clear:both}


/* Feedback
----------------------------------------------- */
#siteWrapper div.error{
	color:#ff0000; 
	margin-bottom:10px;
	padding:10px;
	border:1px solid red;
	background-color:#FFEBEB;
}
#siteWrapper div.complete{
	color:#000000;
	margin-bottom:10px;
	padding:10px;
	border:1px solid #4DCE34;
	background-color:#EEFFEB;
}


/* Links
----------------------------------------------- */
#siteWrapper a, #siteWrapper a:hover, #siteWrapper a:active{
	text-decoration:none;
}

#siteWrapper a{
	color:#444444;
}

#siteWrapper a:active{
	color:#000000;
}

/* Misc
----------------------------------------------- */
#siteWrapper .notice {
   font-size : 10px;
	background-color : #FFFFE0;
	width: 99%;
	border: 1px dotted #000000;
}

#siteWrapper .warning {
	background-color : #D6D6D6;
	font-size : 10px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 20px;
	color : Red;
}

#siteWrapper .copyright {
	font-size : 9px;	
	color: white;
}

#siteWrapper .navigator{
	margin-left : 20px;
}


/* Tiny MCE templates
----------------------------------------------- */
#siteWrapper #CollegeCollegeBody p img.left_img{padding:3px 5px 5px 0px; color:#39628F;}
#siteWrapper #CollegeCollegeBody p img.right_img{padding:3px 0px 5px 5px; color:#39628F;}



/* Main wrapper
----------------------------------------------- */


/* Main structure
----------------------------------------------- */
#siteWrapper {
	position:relative;
	height:100%;
	margin: 0px 5px 5px 0px;
}


/* Menu
----------------------------------------------- */

/* Home Menu
----------------------------------------------- */

#siteWrapper #nav_bg{
	position:		absolute;
	background-color:#bf902d;
	top:				400px;
	left:				0px;
	width:			100%;
	height:			25px;
	opacity: 		0.8;
	filter: alpha(opacity=80);
	-ms-filter:		"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	/* Internet Explorer 8 */
}

#siteWrapper #nav_bg .line{
position:relative;
width:99px;
height:25px;
float:left;
border-right:1px solid white;
}

#siteWrapper  #nav{
position:absolute;
top:0px;
left:0px;
height:1px;
/*width:100%;*/
/*height:100%;*//*
height:425px;*/
font-size:12px;
/*z-index:11;*/
}

/* general & first level */
#siteWrapper ul#menuroot{
	behavior: url("/static/js/csshover.htc"); /* hover in IE5/6 */	
	float:left; 
	width:100%;
	list-style:none;
	display:block;
	margin:-25px 0px 0px 0px;
	padding:0px;
	/*vertical-align:middle;*/
	z-index:11;
	/*height:10px;*/
	
}

#siteWrapper ul#menuroot li{
	position:relative;
	float:left;
	padding-left:10px;
	padding-top:3px;
	width:90px;
	z-index:11;
	height:22px;
/*	overflow:hidden;*/	
}



#siteWrapper ul#menuroot li a{
	color:#ffffff;
}

#siteWrapper ul#menuroot li a:hover{
	color:#000000;
}


#siteWrapper ul#menuroot li a span {display:none} /* hides text */


/* Sub Menu
----------------------------------------------- */
#siteWrapper .submenu{
}

/*#siteWrapper #nav ul#menuroot_1{*/
#siteWrapper ul#menuroot li ul.menuroot_1{
	width:96px;
	display:none;
	list-style:none;
	/*overflow:hidden;*/
	margin:0px 0px 0px -10px;
	padding:0px 0px 0px 0px;
	/*margin:6px 1px 0px -11px;
	padding:5px 0px 15px 0px;
	border-top: 1px solid white;	106*/
}

/*#siteWrapper #nav  ul#menuroot_1 li{*/
#siteWrapper ul#menuroot li ul.menuroot_1 li{
	background-color:#bf902d;
	width:100px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

	
	/*border-left: 1px solid white;
	border-right: 1px solid white;*/
}
/*#siteWrapper #nav  ul#menuroot_1 li a{*/
#siteWrapper ul#menuroot li ul.menuroot_1 li a{
	height:auto !important;
	text-decoration:none;
	display:inline;
	color:#ffffff;
	line-height:22px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}
/*#siteWrapper #nav  ul#menuroot_1 li a:hover{*/
#siteWrapper ul#menuroot li ul.menuroot_1 li a:hover{
color:#000000;
}

#siteWrapper ul#menuroot li:hover ul.menuroot_1,
#siteWrapper ul#menuroot li.over ul.menuroot_1 {
	display:block;
}


/* hide sub sub */
#siteWrapper ul li ul li ul{
	display:none;
}


/* Content
----------------------------------------------- */

#siteWrapper #left_content{
background-color:#f1f1f2;
padding: 15px 5px 5px 5px;
width:189px;
height:100%;
border-right:1px solid black;
float:left;
}

#siteWrapper #left_content img{
	margin-left:4px;
}

#siteWrapper #right_content{
background-color:#ffffff;
padding: 15px 5px 5px 5px;
width:490px;
height:100%;
float:left;
}
#siteWrapper #content table span {}

#siteWrapper span.project{
font-size:14px;
font-weight:bold;
line-height:20px;
}

#siteWrapper span.projectklant{
font-style:italic;
font-size:12px;
line-height:20px;
}

#siteWrapper #content .docControls, #bottomcontent .docControls{
	float:right;
	border:0px solid black;	
}

.docControls{
height:50px;
}


ul.newsList, ul.nieuwsbriefList{
padding-left:2px;
margin-left:2px;
list-style:none;
}

ul.vandaagList{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style:none;
}

ul.newsList li, ul.nieuwsbriefList li{
line-height:20px;
margin-bottom:5px;
}

ul.vandaagList li{
line-height:30px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#NewsNewsTitle{
font-size:16px;

}

#content .inactive{
color:#999999;
}

#content .active{
color:#e77100;
}




/* TinyMCE Styles
----------------------------------------------- */
.subtitel {
	font-weight: bold;
	color: #006DB8;
}

/* Lightbox
----------------------------------------------- */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/blank.html) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.html) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.html) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}