/* CSS Document */

*{ position:relative; padding:0px; }

div{padding:0px; margin:0px;}
html, body { position: relative; padding-top:0; padding-bottom:0px; margin: 0; background-image:url(images/bggradient.jpg); background-repeat:repeat-x; background-color:#D1D1D1; height: 100%; overflow: auto; }

p#adres{font-family: Helvetica, Verdana, Arial, sans-serif;text-align:right; font-size:11px; color:#999999; line-height:140%; width:190px; float:right; }
b#headadres{font-size:13px;}
a:link, a:visited, a:active { text-decoration:none; border:none 0px; color: #28323B;}
a:hover{ text-decoration:none; border:none 0px; color: #666;}
a *, a *:visited{border:0px;}
ul#serres_side_list a , ul#serres_side_list a:visited,  ul#serres_side_list a:active{color:#F3F3F3; border:#333333 0px none; }
ul#serres_side_list a:hover{color:#999999;}


ul#logobox_index_list li * { margin: 0 10px 0 0 ; float:left;}
ul#logobox_index_list p { font-family:Arial, Helvetica, sans-serif; font-size:11px; :#28323B; width:138px; float:left;} 
ul#logobox_index_list b {margin: 4px 0 4px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight:400; width:138px;}
div#main_serres_txt p{width:390px; }
h1#serres_main_h1{text-indent:-99999px; background-image:url(images/speciaal_voor_u_serres_txt.gif);  height:22px; width:402px;}
#DivText {
	float: left;
}


.TekstKop {color:#000; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:24px; line-height:120%; font-weight:normal; margin-top:0px; clear: both; width: 390px;}
.NietTeBreed { width: 390px; }
.NietTeBreedSmal { width: 278px; }

/* =classes */
.text{font-family: Helvetica, Verdana, Arial, sans-serif; font-size:12px; line-height:140%; color:#28323B;}
.text a:link, a:active, a:visited { text-decoration: underline; color: #28323B; }
.text a:hover { text-decoration: none; color: #28323B; }
.head_side{color:#FFCC33; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:22px; line-height:120%; font-weight:normal; margin-top:0px;}
.sidetext{font-family: Helvetica, Verdana, Arial, sans-serif; font-size:13px; line-height:140%; color:#fff; margin-top:20px;}
.listsidetext{font-family: Helvetica, Verdana, Arial, sans-serif; font-size:13px; line-height:140%; color:#fff; margin-top:20px; }

.textright{font-family: Helvetica, Verdana, Arial, sans-serif; font-size:13px; line-height:140%; color:#fff; margin-top:20px; }
.textright a:link, a:active, a:visited { text-decoration: none; color: #ccc; }
.textright a:hover { text-decoration: none; color: #999; }


/* =div */
div#holder_all{overflow:auto; position: relative;}
div#menu_boven{width:100%;  height:35px; background-image:url(images/menu_boven_bg.jpg); background-repeat:repeat-x;}
div#holder{ position: relative; margin:0 auto; text-align:left; width:945px; padding-top:50px; float:none; width:945px; height:100%;}
div#menuholder{position:relative;  width:925px;  height:50px; z-index:10;}
div#menu{float:left; width:695px; height:50px; margin: 0px ;  background-color:#FFFFFF; overflow: hidden;} 

div#main{float:left; background-image:url(images/main_bg.gif); background-color:#fff; width:925px;  margin:-10px 0 0 0 ; border:solid 10px; border-color:#FFFFFF; background-repeat:repeat-y;}
div#side_holder{float:right; width:250px; bottom:0px; height:100%; bottom:0px; }
div#adres_holder{float:right; width:250px; bottom:0px; margin:-300px 10px 0px 0px;}
div#side{ width:190px; margin:30px auto; bottom:0px;}
div#adres{width:190px; margin:0px auto; bottom:0px;}
div#menu_onder_holder{width:945px; margin:25px auto; bottom:0px; }
div#menu_onder{width:336px; height:40px; background-color:#333333; margin:25px 0 0 10px; float:left; }

div#logobox_index{ z-index: 2; width:338px; float:left; margin: -85px 0 0 0 ;}
div#logobox_index_list_holder{ float:left; background-color:#EBF5FA; float:left; width:338px; overflow:hidden ; overflow-y:visible;}
div#welkom{float:left; width:278px; margin:20px 20px 20px 30px;}

div#main_serres{position:relative; width:675px; float:left;  padding:0px; margin-left:-1px;}
div#main_serres_holder{ float:left; background-color:#FFFFFF;  min-height:700px;}
div#main_serres_txt{margin:40px 40px 0 40px;}

div#image_holder_serres{float:right; width:160px; margin:50px 0 0 0;}

/* FOTOALBUM */
div.FotoalbumPijl { position: relative; width: 160px; height: 30px; clear: both; text-align: center; cursor: pointer; margin: 0; padding: 0; }

div#FotoalbumContainer { position: relative; width: 160px; height: 449px; overflow: hidden; }
div#FotoalbumScroller { position: relative; width: 160px; height: 999999px; }
div.FotoalbumFoto { position: relative; width: 160px; height: 106px; overflow: hidden;  margin-top: 5px; text-align: center; }
div.TussenstukExtra { margin-top: 10px; }

/* =img */
img#bg {position:absolute; top:35px; left:0; width:100%; height:395px; margin:0px; padding:0px;}

div#header_div_img { z-index: 1; float:left; width:675px; height: 290px; overflow: hidden; margin:0px; padding:0px; }
div#vervolg_div_img { position: relative; width:675px; height: 160px; overflow: hidden; margin:0px; padding:0px; }
div#LogoOver { position: absolute; top: 30px; left: -1px; z-index: 2; }


img#header_index_img{float:left; width:675px; margin:0px; padding:0px;}
img#serre_vd_vaart{border:solid 1px; border-color:#FFFFFF; width:188px;}
p#serressidehead{border-bottom:solid 1px #999999;}

div#image_holder_serres img{margin:0px 0 20px 0;}


/* =ul */
ul#logobox_index_list{ padding:0px; width:298px; margin:20px 5px 0 20px;}
ul#menu_list{height:43px; width:675px; padding:0px; margin:0px; text-indent:-9999px; overflow:hidden ;  border:solid 10px; border-color:#FFFFFF; z-index:10; border-bottom:0px;}
ul#square_list{ width:210px; margin-left: -30px;}

ul#menu_onder_list{padding:0px; margin:0px; text-indent:-9999px; height:40px; width:336px;}
ul#menu_boven_list{height:35px; padding:0px; overflow:hidden; width: 945px;margin:0 auto;}
ul#serres_side_list{margin:0px; padding:0px; width:190px;}

/* =a */

ul#menu_list a , ul#menu_onder_list a , ul#square_list a , ul#menu_boven_list a , ul#serres_side_list a{width:100%; height:100%; display:block;}


/* =li */

ul#logobox_index_list li{list-style-type:none; margin:0px 0px 15px 0px; width:298px; padding:0px; float:left;}

li#kunststof_kozijnen{}
li#serres{}
#DivText li {
	width: 350px;
}

ul#menu_list li{position:relative; list-style-type:none; float:left; height:43px; }

li#kozijnen{width:112px; background-image:url(images/kozijnen_btn.jpg);}
li#dakkapellen{width:113px; background-image:url(images/dakkapellen.jpg);}
li#schuifpuien{width:112px; background-image:url(images/schuifpuien.jpg);}
li#voordeuren{width:112px; background-image:url(images/voordeuren.jpg);}
li#serres2{width:113px; background-image:url(images/serres.jpg);}
li#verandas{width:113px; background-image:url(images/verandas.jpg);}

li#serres2:hover{width:113px; background-image:url(images/serres_over.jpg);}
li#verandas:hover{width:113px; background-image:url(images/verandas_over.jpg); }
li#voordeuren:hover{width:112px; background-image:url(images/voordeuren_over.jpg);}
li#schuifpuien:hover{width:112px; background-image:url(images/schuifpuien_over.jpg); }
li#dakkapellen:hover{width:113px; background-image:url(images/dakkapellen_over.jpg); }
li#kozijnen:hover{width:112px; background-image:url(images/kozijnen_over.jpg); }

li#serres2.current{width:113px; background-image:url(images/serres_current.jpg);}
li#verandas.current{width:113px; background-image:url(images/verandas_current.jpg); }
li#voordeuren.current{width:112px; background-image:url(images/voordeuren_current.jpg);}
li#schuifpuien.current{width:112px; background-image:url(images/schuifpuien_current.jpg); }
li#dakkapellen.current{width:113px; background-image:url(images/dakkapellen_current.jpg); }
li#kozijnen.current{width:112px; background-image:url(images/kozijnen_current.jpg); }


ul#menu_onder_list li{width:112px; float:left; list-style-type:none; height:40px;}

li#copyright{background-image:url(images/copyright_btn.jpg);}
li#disclaimer{background-image:url(images/disclaimer_btn.jpg);}
li#route{background-image:url(images/route_btn.jpg);}

li#copyright:hover{background-image:url(images/copyright_btn_over.jpg);}
li#disclaimer:hover{background-image:url(images/disclaimer_btn_over.jpg);}
li#route:hover{background-image:url(images/route_btn_over.jpg);}

ul#square_list li{height:45px; float:left; list-style-type:none;  float:left; }

li#square1{width:45px; background-image:url(images/square1.gif); margin-right:10px; margin-left: 28px; }
li#square2{width:45px; background-image:url(images/square2.gif); margin-right:10px;}
li#square4{width:45px; background-image:url(images/square4.gif); }
li#square3{width:45px; background-image:url(images/square3.gif); margin-right:11px; clear: left;
	margin-top: 5px; width: 72px; margin-left: 28px;
}
li#square5{background-image:url(images/square5.gif); margin-right:10px;
	margin-top: 5px; width: 72px;
}

ul#menu_boven_list li{float:left; list-style-type:none; text-indent:-9999px; background-repeat:no-repeat; background-position:bottom;height: 17px; margin: 10px 0 0; overflow:hidden ; position:relative; padding: 0 15px 0px; border-right: 1px solid #666f74;
	vertical-align: top;
}
.ExtraMenuTop {
	border-left: 1px solid #666f74;
}

li#home{width:29px; background-image:url(images/home_up.gif);}
li#over_ons{width:45px; background-image:url(images/over_ons_up.gif); }
li#werkwijze{width:53px; background-image:url(images/werkwijze_up.gif);}
li#nieuws{width:37px; background-image:url(images/nieuws_up.gif);}
li#referenties{width:57px; background-image:url(images/referenties_up.gif);}
li#brochure{width:47px; background-image:url(images/brochure_up.gif);}
li#contact{width:38px; background-image:url(images/contact_up.gif);}

li#home:hover{width:29px; background-image:url(images/home_over.gif);}
li#over_ons:hover{width:45px; background-image:url(images/over_ons_over.gif); }
li#werkwijze:hover{width:53px; background-image:url(images/werkwijze_over.gif);}
li#nieuws:hover{width:37px; background-image:url(images/nieuws_over.gif);}
li#referenties:hover{width:57px; background-image:url(images/referenties_over.gif);}
li#brochure:hover{width:47px; background-image:url(images/brochure_over.gif);}
li#contact:hover{width:38px; background-image:url(images/contact_over.gif);}

.DivNavigatieVorige { position: relative; width: 95px; float: left; }
.DivNavigatieVolgende { position: relative; width: 95px; float: left; text-align: right; }

ul#serres_side_list li{min-height:30px; list-style-type:none; border-bottom:solid 1px #666666; margin:0px; margin:0px  0 0 0; padding-left: 10px;}
ul#serres_side_list li hover{ }

.FormContact		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background: #ffffff; height: 20px; width: 264px; margin-bottom: 3px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormContactPC		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background: #ffffff; height: 20px; width: 55px; margin-bottom: 3px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormContactPl		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background: #ffffff; height: 20px; width: 205px; margin-bottom: 3px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormContactTA		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background: #ffffff; height: 80px; width: 264px; margin-bottom: 3px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormContactroute		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background: #ffffff; height: 20px; width: 150px; margin-bottom: 3px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }


.AlertBox_DivAchtergrond{	
	filter:alpha(opacity=70);	/* Transparency */
	opacity:0.7;	/* Transparency */
	background-color:#000;
	z-index:100;
	position:absolute; /* Always needed	*/
	top:0;
	left: 0;
	display: none;
}
.AlertBox_DivContent{
	z-index:150;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	display: none;
}
#DivPDContainer {
	width: 600px;
	background-color: #ffffff;
}
#DivPDSluiten {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 110;
	margin-left: 585px;
	margin-top: -15px;
}
#DivPDInhoud {
	width: 550px;
	padding: 25px;
}
#DivHidden {
	display: none;
}
.Form {
	margin: 0;
	padding: 0;
	clear: left;
}
.NieuwsKleineBanner {
	width: 130px;
	height: 80px;
	overflow: hidden;
}

#DivPlanUwRoute {
	position: relative;
	left: 300px;
	top: 15px;
	z-index: 10;
	
}
#DivTextBreed {
	float: left;
	width:  595px;
}

#DivTextBreed li {
	width: 595px;
}

div#DivPuiMenu {
	position: absolute;
	left: 235px;
	top: 50px;
	width: 111px;
	z-index: 50;
	display: none;
}
div#DivVerandaMenu {
	position: absolute;
	left: 572px;
	top: 50px;
	width: 111px;
	z-index: 50;
	display: none;
}
.SubMenuLi{
	
	width:111px; 
	float:left; 
	list-style-type:none; 
	height:30px;
	border-bottom: 1px solid #C8C8C8;
	background-color: #E0E0E0;
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size:13px; line-height:30px; color:#333; 
	text-align: center;
	margin-top: 0px;
	z-index: 100;
}
.SubMenuLiOver{
	width:111px; 
	float:left; 
	list-style-type:none; 
	height:30px;
	border-bottom: 1px solid #C8C8C8;
	background-color: #cfcfcf;
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size:13px; line-height:30px; color:#333; 
	text-align: center;
	margin-top: 0px;
	cursor: pointer;
	cursor: pointer;
	z-index: 100;
}