/* CSS Document */
/* 
color palet 

red - verbouw			#e03935
orange - interieur		#f36f25
green - signing 		#a4a238
browngray - common 	#8b7a66

*/

body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#787878;
}

a, a:visited{
	color:#e03935;	
	text-decoration:underline;
}
a:hover{
	color:#8b7a66;
	text-decoration:none;
}

a.verbouw, a.verbouw:visited{
	color:#e03935;
	text-decoration:none;
}
a.interieur, a.interieur:visited{
	color:#f36f25;
	text-decoration:none;	
}
a.signing, a.signing:visited{
	color:#a4a238;
	text-decoration:none;
}
a.common, a.common:visited{
	color:#8b7a66;
	text-decoration:none;
}

a.download_link, a.download_link:visited{
	color:#e03935;
	text-decoration:none;
}
a.download_link:hover{
	color:#8b7a66;
	text-decoration:underline;
}
a.in_vlak, a.in_vlak:visited{
	color:#ffffff;
	text-decoration:underline;
}
a.in_vlak:hover{
	color:#8b7a66;
	text-decoration:none;
}

a.verbouw:hover, a.interieur:hover, a.signing:hover, a.common:hover{
	text-decoration:underline;
}
#main_container{
	position:absolute;
	width:915px;
	height:0px;
	display:none;
	overflow:hidden;
}

#header_notification{
	width:900px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:10;
}

#main_container.closed{
	height:600px;
}
#main_container.open{
	height:820px;
}
	
#main_container_header{
	position:relative;
	top:0px;
	left:0px;
	height:220px;
	width:875px;
	overflow:hidden;
	background-image:url(../img/assets/framework/bg_top.png);
	background-repeat:no-repeat;
	background-position:top left;
}
	
#main_container_repeat{
	position:relative;
	top:0px;
	left:0px;
	width:875px;
	overflow:hidden;
	background-image:url(../img/assets/framework/bg_repeat.jpg);
	background-repeat:repeat-y;
	background-position:top left;
}

#main_container_repeat.closed{
	height:310px;
}
#main_container_repeat.open{
	height:580px;
}
	
#main_container_foot{
	position:relative;
	top:0px;
	left:0px;
	height:20px;
	width:875px;
	overflow:hidden;
	background-image:url(../img/assets/framework/bg_foot.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#div_logo{
	position:absolute;
	top:60px;
	left:845px;
	cursor:pointer;
}

#div_logo_logo{	
	position:absolute;
	top:13px;
	left:12px;
}

#div_logo_color{
	position:absolute;
	top:6px;
	left:0px;
	width:60px;
	height:128px;
	background-color:#8b7a66;
}

#div_logo_color.common{
	background-color:#8b7a66;
}
#div_logo_color.verbouw{
	background-color:#e03935;
}
#div_logo_color.interieur{
	background-color:#f36f25;
}
#div_logo_color.signing{
	background-color:#a4a238;
}


#div_logo_bg{
	position:absolute;
	top:0px;
	left:0px;
	width:74px;
	height:144px;
	background-image:url(../img/assets/logo_container.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}


div.navigation_div{
	position:relative;
	float:left;
	left:0px;
	top:0px;
	height:30px;
	cursor:pointer;
}

#content{
	position:absolute;
	left:21px;
	top:21px;
	width:800px;
	z-index:0;
}


#inner_content_menu{
	position:relative;
	left:10px;
	top:10px;
	height:345px;
	width:800px;
	overflow:hidden;
	background-color:#FFFFFF;
}

#slideshow{
	position:absolute;
	left:10px;
	top:10px;
	height:345px;
	width:800px;
	overflow:hidden;
	background-color:#FFFFFF;
}


#inner_content{
	position:relative;
	left:10px;
	top:10px;
	width:800px;
	height:0px;
	overflow:hidden;
}
#inner_content.closed{
	height:110px;
}
#inner_content.open{
	height:365px;
}
#inner_content.werkwijze{
	height:445px;
	top:170px;
	left:2px;
	width:820px;
}

#site_menu{
	position:relative;
	background-color:#FFFFFF;
	left:8px;
	top:17px;
	height:30px;
	width:802px;
	overflow:hidden;
}
/**/

img{
	border:0px solid #FFF;
}


h1{
	font-size:14px;
	font-stretch:narrower;
}


h2{
	font-size:12px;
	font-stretch:narrower;
}


h3{
	font-size:11px;
	margin:0 0;
	padding:0 0;
	line-height:12px;
}

h3.common, h2.common, h1.common{
	color:#8b7a66;
}



/*slideshow*/

#slide_image_container_loading{
	position:absolute;
	left:388px;
	top:160px;
	width:24px;
	height:24px;
	overflow:hidden;
}

#slide_image_container{
	position:absolute;
	width:800px;
	height:345px;
	top:0px;
	left:0px;
	overflow:hidden;
}
#refresh_image{
	position:absolute;
	overflow:hidden;
	top:0px;
	left:764px;
	cursor:pointer;
}
#view_project{
	position:absolute;
	overflow:hidden;
	top:310px;
	left:641px;
	cursor:pointer;
}

/*projects*/

div.listingProjects{
	position:absolute;
	width:800px;
	height:28px;
	overflow:hidden;
	top:0px;
	left:0px;
}
#listing_verbouw{
	top:10px;
	top:43px;
}
#listing_interieur{
	top:43px;
	top:10px;
}
#listing_signing{
	top:76px;
	top:76px;
}
#listing_wiezijnwij{
	top:109px;
}

div.listingHeader{
	position:absolute;
	width:800px;
	height:28px;
	top:0px;
	left:0px;
	background-color:#d9d2c4;
	cursor:pointer;
	overflow:hidden;
}

div.listingContent{
	position:absolute;
	height:195px;
	width:810px;
	top:37px;
	left:0px;
	overflow:hidden;
}

div.header_projects{
	position:absolute;
	height:28px;
	top:0px;
	left:0px;
}

#header_verbouw{
	left:0px;
}
#header_interieur{
	left:70px;
}
#header_signing{
	left:50px;
}
#header_wiezijnwij{
	left:0px;
}

div.iconPlus, div.iconMinus{
	position:absolute;
	height:28px;
	width:28px;
	top:0px;
	left:770px;
}
div.iconMinus{
	top:28px;
}

img.project_thumbnail{
	margin-left:0px;	
	margin-right:10px;	
	margin-bottom:10px;
	cursor:pointer;
}

#info_block_verbouw, #info_block_interieur, #info_block_signing{
	position:absolute;
	left:540px;
	top:90px;
	width:260px;
	height:80px;
	background-color:#e03935;
}
#info_block_interieur{
	background-color:#f36f25;
}
#info_block_signing{
	background-color:#a4a238;
}
div.info_block_content{
	position:absolute;
	left:5px;
	top:5px;
	width:250px;
	height:70px;
	color:#FFF;
}

div.info_block_archive{
	position:absolute;
	left:0px;
	top:175px;
	width:800px;
	height:20px;
	text-align:right;
	background-color:#FFF;
}

div.content_block_archive{
	position:absolute;
	left:0px;
	top:217px;
	width:810px;
	height:300px;
	text-align:right;
	display:none;
	background-color:#FFF;
}

/* 
color palet 

red - verbouw			#e03935
orange - interieur		#f36f25
green - signing 		#a4a238
browngray - common 	#8b7a66

*/


/* 
project_detail
*/

#project_container{
	position:absolute;
	width:800px;
	height:345px;
	left:0px;
	top:0px;
	z-index:1;
	overflow:hidden;
}

#project_smallImage{
	position:absolute;
	width:800px;
	height:345px;
	left:0px;
	top:0px;
	z-index:2;
}

#project_info{
	position:absolute;
	width:0px;
	height:0px;
	left:0px;
	top:0px;
	z-index:3;
	cursor:pointer;
}

#project_info_background{
	background-color:#eeeeef;
	position:absolute;
	width:800px;
	height:28px;
	left:5px;
	top:5px;
	left:0px;
	top:0px;
	z-index:3;	
}

#project_info_content{
	position:absolute;
	width:892px;
	height:23px;
	left:8px;
	top:5px;
	z-index:4;
	overflow:hidden;
}

td.project_label{
	font-size:11px;
	font-weight:bold;
	color:#535352;
	padding:2px;
}
td.project_ttl_verbouw{
	font-size:11px;
	font-weight:bold;
	color:#e03935;
	padding:2px;
}
td.project_ttl_interieur{
	font-size:11px;
	font-weight:bold;
	color:#f36f25;
	padding:2px;
}
td.project_ttl_signing{
	font-size:11px;
	font-weight:bold;
	color:#a4a238;
	padding:2px;
}
td.project_info{
	font-size:10px;
	color:#535352;
	padding:2px;
}

#project_read_more{
	position:absolute;
	width:40px;
	height:40px;
	left:765px;
	left:770px;
	left:7px;
	top:5px;
	top:0px;
	z-index:5;
	cursor:pointer;
}
#project_read_more_close{
	position:absolute;
	width:40px;
	height:40px;
	left:765px;
	left:770px;
	left:7px;
	top:-45px;
	z-index:5;
	cursor:pointer;
}


#hidden_info{
	display:none;
}

#project_nxt_photo, #project_prev_photo{
	position:absolute;
	width:40px;
	height:40px;
	left:-4px;
	top:310px;
	z-index:4;
	cursor:pointer;
}
#project_nxt_photo{
	left:765px;
}

#project_zoom{
	position:absolute;
	overflow:hidden;
	top:310px;
	top:156px;
	left:383px;
	cursor:pointer;
	z-index:4;
	width:33px;
	height:33px;
}


div.imageContainerBackground{
	width:300px;
	height:300px;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#ffffff;
	z-index:100;
	display:none;
}
div.imageContainerBorder{
	width:300px;
	height:300px;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#ffffff;
	z-index:100;
	display:none;
}
div.imageContainer{
	width:300px;
	height:300px;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#ffffff;
	background-image:url(../img/assets/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	z-index:101;
	display:none;
	overflow:hidden;
	cursor:pointer;
}

#zoomer{
	position:absolute; left:0px; top:0px; z-index:102; display:none;
}

img.this_image{
	position:absolute;
	cursor:pointer;
	left:0px;
	top:0px;
}

#imageNext{
	width:40px;
	height:40px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../img/assets/btns/nxt_image.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:105;
	display:none;
	cursor:pointer;
}
#imagePrev{
	width:40px;
	height:40px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../img/assets/btns/prev_image.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:105;
	display:none;
	cursor:pointer;
}
#imageClose{
	width:40px;
	height:40px;
	position:absolute;
	left:10px;
	top:10px;
	background-image:url(../img/assets/btns/close_image.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:105;
	display:none;
	cursor:pointer;
}
#imageInfoBG{
	width:100px;
	height:25px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
	display:none;
}
#imageInfo{
	width:80px;
	height:5px;
	position:absolute;
	left:0px;
	top:0px;
	padding:7px;
	z-index:102;
	display:none;
	text-align:center;
	color:#787878;
}

/*tabs*/

div.rel_header{
	position:absolute;
	top:0px;
	left:18px;
	color:#8b7a66;
	font-weight:bold;
	font-size:14px;
	display:none;
}

div.tab{
	position:absolute;
	float:left;
	top:0px;
	left:0px;
	width:128px;
	text-align:center;
	cursor:pointer;
	background-image:url(../img/assets/werkwijze/basis.png);
	background-repeat:no-repeat;
}
div.tab-relaties{
	position:absolute;
	float:left;
	top:0px;
	left:0px;
	width:162px;
	text-align:center;
	cursor:pointer;
	background-image:url(../img/assets/relaties/basis.png);
	background-repeat:no-repeat;
}

#tab1{
	left:0px;
}
#tab2{
	left:120px;
}
#tab3{
	left:240px;
}
#tab4{
	left:360px;
}
#tab5{
	left:480px;
}
#tab6{
	left:600px;
}

div.tabcontent{
	position:relative;
	float:left;
	text-align:justify;
	top:0px;
	left:8px;
	width:800px;
	height:0px;
	overflow:hidden;
}

#login_form{
	position:absolute;
	left:0px;
	top:110px;
	width:800px;
}

input{
	border:1px solid #666;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#787878;
}

.input_text{
	width:230px;
}

input.wrong{
	border:1px solid #c64f4f;
}
span.error{
	color:#c64f4f;
}

div.download_row{
	position:relative;
	width:800px;
	height:20px;
	top:0px;
	left:0px;
	float:left;
	background-image:url(../img/assets/download_icon.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
div.download_name{
	position:absolute;
	width:500px;
	height:20px;
	top:3px;
	left:30px;
}
div.download_link{
	position:absolute;
	width:260px;
	height:20px;
	top:3px;
	left:530px;
	text-align:right;
}
div.vac_row{
	position:relative;
	width:800px;
	top:0px;
	left:0px;
	float:left;
	background-image:url(../img/assets/download_icon.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}
div.vac_name{
	position:relative;
	width:500px;
	height:20px;
	top:3px;
	left:30px;
	font-weight:bold;
}
div.vac_link{
	position:relative;
	width:500px;
	height:20px;
	top:3px;
	text-align:left;
}
textarea{
	margin:0 0 ;
	width:230px;
	border:1px solid #787878;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
}

div.is_link{
	position:relative;
	float:left;
	padding:4px;
	width:125px;
	height:125px;
}

div.sponsor_row{
	position:relative;
	width:800px;
	background-color:#d9d2c4;
	padding:4px;
	height:20px;
	overflow:hidden;
	
}
div.sponsor_name{
	color:#535355;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
}
div.sponsor_row_info{
	position:relative;
	margin-bottom:5px;
	width:800px;
	padding:0px;
	height:0px;
	overflow:hidden;
}