/* CSS Document */
/* 
color palet 

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

*/
html {
	min-height: 100%;
	height: auto;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#636466;
	margin:0 0;
	background-image:url(../img/assets/backgroundv2.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#f2f2f2;
}

a, a:visited{
	color:#f7941e;	
}

a:hover{
	color:#404040;
}

a.menu, a.menu:visited{
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a.menu:hover{
	color:#f7941e;
}

a.menu_active, a.menu_active:visited{
	color:#f7941e;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a.menu:hover{
	color:#f7941e;
}



#main_container{
	position:absolute;
	width:858px;
	height:679px;
	display:none;
	overflow:hidden;
}

#div_header{
	position:absolute;
	top:0px;
	left:0px;
	width:850px;
	height:60px;
}

#site_menu{
	position:absolute;
	left:0px;
	top:10px;
	height:58px;
	width:900px;
	overflow:hidden;
}


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


#content{
	position:absolute;
	left:-2px;
	top:68px;
	width:858px;
	z-index:0;
}
#footer{
	position:absolute;
	left:-1px;
	top:634px;
	width:856px;
	height:44px;
	z-index:0;
	background-image:url(../img/assets/footer.png);
	background-repeat:no-repeat;
	background-position:top left;
}
#lichtbalk{
	position:absolute;
	left:1px;
	top:4px;
	height:35px;
	width:850px;
	overflow:hidden;
	/*background-color:#ffffff;*/
}


#inner_content_menu{
	position:relative;
	left:0px;
	top:0px;
	height:345px;
	width:920px;
	z-index:4;
}

#inner_content{
	position:absolute;
	left:0px;
	top:355px;
	width:920px;
	height:300px;
	overflow:hidden;
	z-index:4;
}
#slideshow{
	position:absolute;
	left:4px;
	top:5px;
	height:340px;
	width:600px;
	overflow:hidden;
}

#div_kenteken_holder{
	position:absolute;
	left:619px;
	top:5px;
	height:340px;
	width:235px;
	overflow:hidden;
}


#home_1,#home_2,#home_3{
	position:absolute;
	left:4px;
	top:5px;
	height:190px;
	width:315px;
	overflow:hidden;
}
#home_2{
	left:334px;
	width:270px;
}
#home_3{
	left:614px;
	width:270px;
	cursor:pointer;
}

#home_1_txt{
	position:absolute;
	left:10px;
	top:0px;
	height:190px;
	width:295px;
	color:#636466;
}

/**/

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

img{
	border:0px solid #FFF;
}

td{vertical-align:top;}

/*tabsv2*/
div.tab{
	position:absolute;
	left:0px;
	top:0px;
	height:560px;
	width:858px;	
}

#tab_1{
	z-index:3;
}
#tab_2{
	z-index:2;
}
#tab_3{
	z-index:1;
}

div.tab_header{
	position:absolute;
	left:0px;
	top:0px;
	height:29px;
	width:858px;
}
#tab_header_1_2{
	background-image:url(../img/assets/tabsv2/tab_header_1_2.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#tab_header_2_2{
	background-image:url(../img/assets/tabsv2/tab_header_2_2.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#tab_header_1_3{
	background-image:url(../img/assets/tabsv2/tab_header_1_3.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#tab_header_2_3{
	background-image:url(../img/assets/tabsv2/tab_header_2_3.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#tab_header_3_3{
	background-image:url(../img/assets/tabsv2/tab_header_3_3.png);
	background-position:top left;
	background-repeat:no-repeat;
}

div.tab_menu{
	position:absolute;
	left:0px;
	top:0px;
	height:24px;
	width:840px;
	overflow:hidden;
	z-index:5;
}

div.click_tab{
	position:absolute;
	left:0px;
	top:8px;
	height:20px;
	width:160px;
	color:#888;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}

div.tab_content{
	position:absolute;
	left:0px;
	top:29px;
	height:535px;
	width:858px;	
}

#tab_content_1_2, #tab_content_1_3{
	background-image:url(../img/assets/tabsv2/tab_content_1.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#tab_content_2_2, #tab_content_2_3{
	background-image:url(../img/assets/tabsv2/tab_content_2.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#tab_content_3_3{
	background-image:url(../img/assets/tabsv2/tab_content_3.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#tab_content_2_3{
	background-image:url(../img/assets/tabsv2/tab_content_2_3.png);
	background-position:top left;
	background-repeat:no-repeat;
}

div.content_tab{
	position:absolute;
	top:0px;
	left:12px;
	width:830px;
	height:260px;
	overflow:hidden;
	color:#545455;
	font-size:11px;
}
div.extra_content_tab{
	position:absolute;
	top:10px;
	left:14px;
	width:835px;
	height:252px;
	overflow:hidden;
	color:#545455;
	font-size:11px;
}

div.content_txt{
	position:absolute;
	top:8px;
	left:0px;
	width:600px;
	height:245px;
	text-align:justify;
	color:#545455;
}

div.bestrating_thumb{
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:140px;
	height:138px;
	overflow:hidden;
	cursor:pointer;
}
div.innovaties_thumb, div.betonelement_thumb{
	position:relative;
	float:left;
	width:828px;
	height:250px;
	overflow:hidden;
	cursor:pointer;
	border:1px solid #d1d1d0;
}
div.plaatsing_transport_thumb{
	position:relative;
	float:left;
	width:276px;
	height:250px;
	overflow:hidden;
	cursor:pointer;
}

div.content_zoom, div.content_download{
	position:absolute;
	top:230px;
	left:797px;
	cursor:pointer;
}
div.content_download{
	position:absolute;
	top:140px;
	left:630px;
	width:200px;
}

/*gallery*/
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:#eeeeee;
	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:25px;
	height:32px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../img/assets/nav/nxt_image.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:101;
	display:none;
	cursor:pointer;
}
#imagePrev{
	width:25px;
	height:32px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../img/assets/nav/prev_image.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:101;
	display:none;
	cursor:pointer;
}
#imageClose{
	width:29px;
	height:29px;
	position:absolute;
	left:10px;
	top:10px;
	background-image:url(../img/assets/nav/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:#50237c;
}

div.plaat_vb_more{
	width:218px;
	height:35px;
	position:relative;
	margin-top:8px;
	left:9px;
	overflow:hidden;
}
div.plaat_vb{
	background-image:url(../img/assets/background_platen.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:218px;
	height:35px;
	position:relative;
	margin-top:8px;
	left:9px;
	overflow:hidden;
}

div.plaat_cont{
	width:215px;
	height:33px;
	position:relative;
	left:0px;
	top:0px;
	background-color:#FFF;
}

div.plaat_vb_small{
	background-image:url(../img/assets/background_platen_smaller.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:208px;
	height:35px;
	position:relative;
	margin-top:8px;
	left:0px;
	overflow:hidden;
	float:left;
}

div.plaat_cont_small{
	width:204px;
	height:31px;
	position:relative;
	left:0px;
	top:0px;
	cursor:pointer;
}



#logos_container{
	width:315px;
	height:64px;
	position:absolute;
	top:96px;
	left:0px;
	overflow:hidden;
}

#logos_draggable{
	width:315px;
	height:64px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}

#logos_dragger_area{
	position:absolute;
	top:165px;
	left:10px;
	width:295px;
	height:58px;
	z-index:10;
	cursor:pointer;
	overflow:hidden;
}

#logos_dragger{
	width:28px;
	height:18px;
	cursor:pointer;
	z-index:11;
}
#referenties_container{
	width:790px;
	height:310px;
	position:absolute;
	top:35px;
	left:0px;
	overflow:hidden;
}
#referenties_draggable{
	width:790px;
	position:absolute;
	top:0px;
	left:0px;
}

#referenties_dragger{
	width:18px;
	height:28px;
	cursor:pointer;
	z-index:11;
}

#referenties_dragger_area{
	position:absolute;
	top:35px;
	left:800px;
	width:18px;
	height:310px;
	z-index:10;
	cursor:pointer;
	overflow:hidden;
	background-image:url(../img/assets/scroller_bg.png);
	background-position:top left;
	background-repeat:repeat-y;
}
div.logo_vb{
	float:left;
	width:109px;
	height:64px;
}

div.referentie{
	width:790px;
	height:35px;
	position:relative;
	left:0px;
	top:0px;
	overflow:hidden;
	border-bottom:1px solid #888888;
}
div.referentie_adres, div.referentie_name, div.referentie_aantal{
	position:relative;
	left:0px;
	top:4px;
	float:left;
	width:300px;
}

div.referentie_aantal{
	width:180px;
}






/*input n stuff*/
td.label_header, td.label{
	font-size:10px;
	padding:0px;
	text-align:left;
	vertical-align:middle;
	height:28px;
	width:200px;
}
td.label_header{
	border-bottom:1px solid #CCC;
	font-weight:bold;
	padding-top:10px;
	height:38px;
	width:680px;
}
td.label_header_home{
	border-bottom:1px solid #CCC;
	font-weight:bold;
	padding:0px;
	padding-top:8px;
}
td.input{
	padding:0px;
	text-align:right;
	width:155px;
	vertical-align:top;
	height:24px;
}
td.input_incl{
	padding:0px;
	text-align:left;
	width:156px;
	vertical-align:middle;
	padding-right:5px;
	height:28px;
}
td.input_excl{
	padding:0px;
	text-align:left;
	vertical-align:middle;
}
td.input_musthave{
	vertical-align:middle;
	height:28px;
}

input, select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
select{
	border:1px solid #787878;
	padding:2px;
	margin-left:3px;
	color:#525252;
}

input.input_text{
	width:150px;
	border:1px solid #787878;
	padding:2px;
	color:#525252;
}
input.input_text_home{
	width:240px;
	border:1px solid #bbbbbb;
	padding:2px;
	color:#999;
	padding:2px;
}

textarea{
	margin:0 0 ;
	width:465px;
	border:1px solid #787878;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
select.wrong{
	border:1px solid #f7941e;
}
input.wrong{
	border:1px solid #f7941e;
}
textarea.wrong{
	border:1px solid #f7941e;
}

p{
	margin:0.7em 0;
	padding:0px;
}



/*tip*/
.tip{
	position: absolute;
	left:0px;
	top:0px;
	z-index:200;
	width:100%;
	} 
	
.infoTip{
	width:200px;
	height:65px;
	position: absolute;
	left:0px;
	top:0px;
	z-index:200;
	text-align:center;
	border:1px solid #f57b22;
	background-color:#FFF;
	display:none;
}

		
.tip-title {
	width:200px;
	font-weight: bold;	
	position: relative;
	color:#545455;
	font-size:12px;
	padding:5px;
}
	
.tip-text {
	width:200px;
	font-size:10px;
	padding:5px;
	color:#545455;
}

.tip-top        { height:5px; width:200px; }  
.tip-bottom     { width:200px; height:5px; }  

div.thumbnail{
	position:relative;
	left:0px;
	top:0px;
	border:1px solid #EEEEEE;
	padding:1px;
	width:70px;
	height:70px;
	float:left;
}

#thumbnails{
	width:835px;
	height:300px;
	position: absolute;
	left:6px;
	top:50px;
	cursor:pointer;
}