#topmenu{
	position: absolute;
	top: 0px;
	left: 0px;
	float:left;
}
#gallery{
	position: absolute;
	top: 0px;
	left: 459px;
}



.right{
	background-color: #C6D1DC;
	background-image:url(images/zw_pix.gif);
	background-position: left;
	background-repeat: repeat-y;
}

.outer{
	background-color: #E6EDED;
	
}



#title{
	width: 627px;
	top: 0px;
	background-image:url(images/bg_title.gif);
	background-position: top;
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	border: none;
	height: 34px;
	font:x-small Georgia,Serif;
	font-size: 24px;
	font-variant: small-caps;
	color: #35696D;
	z-index: 1;
}

#werkenophoogte{
	background-color: #FFFFFF;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-image:url(images/bg_hoogtewerken.jpg);
	background-attachment: fixed;
	height: 100%;
}
#referenties{
	background-color: #FFFFFF;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-image:url(images/bg_referenties.jpg);
	height: 100%;
	background-attachment: fixed;
}
#contact{
	background-color: #FFFFFF;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-image:url(images/bg_contact.jpg);
	height: 100%;
	background-attachment: fixed;
}
#partners{
	background-color: #FFFFFF;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-image:url(images/bg_partners.jpg);
	height: 100%;
	background-attachment: fixed;
}


#toptext{
	margin: 20px 20px 0px 15px;
}

.text{
	font:x-small Georgia,Serif;
	font-size: 14px;
	color: #666666;
	margin: 10px 20px 0px 15px;
	padding: 0px 0px 0px 5px;
	border: none;
}



.main{
	background-image:url(images/menu_pix.gif);
	background-position: left;
	background-repeat: repeat-y;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}
* html .main{
	margin: 0px 0px 0px 0px;
}



.clean{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	border: none;
}

#infimg{
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/**/
/* LEFT OUTER PAGE */
/**/

#bg_left{
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

* html #bg_left{
	bottom: 1px;
	
}

.left{
	background-color: #C6D1DC;
	background-image:url(images/zw_pix.gif);
	background-position: right;
	background-repeat: repeat-y;
}

/**/
/* MONTAGE */
/**/

#mont1{
	position: absolute;
	top: 10px;
	right: 15px;
	border: 1px solid black;
}
#mont2{
	position: absolute;
	top: 335px;
	right: 15px;
	border: 1px solid black;
}


/**/
/* REFERENTIES */
/**/

#refL{
	float: left;
	border: 1px solid black;
	margin-right: 10px;
}
#refR{
	float: right;
	border: 1px solid black;
	margin-left: 10px;
}

#rtL{
	position: relative;
	width: 560px;
	height: 252px;
	top: 10px;
	left: 15px;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 0px;
	border: 1px solid #848484;
}

#rtR{
	position: relative;
	width: 560px;
	height: 252px;
	top: 10px;
	left: 15px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	border: 1px solid #848484;
}

/**/
/* MENU */
/**/

#menu_title{
	background-image:url(images/zw_pix.gif);
	background-position: top;
	background-repeat: repeat-x;
	position:absolute;
	top: 0px;
	left: 0px;
	height: 10px;
	width: 173px;
}

#bg_menu{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
}

.info_item{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.menubox{
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	z-index: 10;
	position: relative;
	/*height: 120px;*/
}

#menu{
	/*background-image:url(images/bg_menu.jpg);*/
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 100%;
	margin: 4px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid black;*/
}

/**/
/* WINKELWAGEN */
/**/


#cart{
	width: 160px;
	font:x-small Georgia,Serif;
	font-size: 12px;
	color: #666666;
	overflow:hidden;
	
}

#cart_items{
	float: left;
	position: relative;
	top: 5px;
	left: 2px;
	width: 60px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
	/*border: 1px solid #848484;*/
	overflow:hidden;
}
#cart_prices{
	float: right;
	position: relative;
	top: 5px;
	right: 4px;
	width: 50px;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*border: 1px solid #848484;*/
}
#cart_amounts{
	text-align: center;
	width: 40px;
	position: relative;
	top: 5px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*border: 1px solid #848484;*/
	overflow:hidden;
}
.cart_minus{
	position: absolute;
	left: 0px;
	margin: 2px 0px 0px 0px;
	cursor: pointer;
}
.cart_plus{
	margin: 2px 0px 0px 0px;
	position: absolute;
	right: 0px;
	cursor: pointer;
}
#cart_bar{
	margin: 3px 0px 3px 0px;
}

#cart_border{
	background-color:#E1E6EA;
	border: 1px solid #848484;
	border-top: none;
	overflow:hidden;
	width: 158px;
}

#cart_totals{
	width: 80px;
	text-align: right;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	/*border: 1px solid #848484;*/

}

/**/
/* KASSA */
/**/

#kassa_table{
	width: 600px;
	margin: 10px auto 0px auto;
	padding: 0;
	overflow: hidden;
	border: 1px solid #848484;
}

.table_head{
	width: 600px;
	margin: 0;
	overflow: hidden;
	border-bottom: 1px solid #848484;
	border-left: none;
	font:x-small Georgia,Serif;
	font-size: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #86A0B3; 
}

.table_inner{
	width: 600px;
	margin: 0;
	overflow: hidden;
	border-bottom: 1px solid #848484;
	font:x-small Georgia,Serif;
	font-size: 14px;
	color: #666666;
}

ul{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}
li {
	display:inline; 
	float:left; 
	padding: 3px 5px 3px 5px;
	border-left: 1px solid #848484;
}

#tp1{width: 65px;text-align: center;border-left: none; height: 32px; overflow:hidden;}
#tp2{width: 330px;text-transform:capitalize; height: 32px; overflow:hidden;}
#tp3{width: 75px;text-align: center; height: 32px;}
#tp4{width: 82px;text-align: right; height: 32px;}
#tp5{width: 492px;border-right: 1px solid #848484;border-left: none;}
#tp6{width: 82px;border-left: none;text-align: right; }
#tp7{width: 492px;text-align: right; font-weight:bold;border-left: none;}
#tp8{width: 82px; text-align: right; font-weight:bold;}
#tp9{width: 500px;text-align: right;border-left: none;}
#tp10{float:left;margin: 4px 0px 0px 0px;cursor: pointer;}
#tp11{float:right;margin: 4px 0px 0px 0px;cursor: pointer;}

.inline{display: inline;}


/**/
/* PRODUCT PAGES */
/**/

.productbox{
	width: 595px;
	height: 190px;
	border: 1px solid #848484;
	margin: 8px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	overflow: hidden
}
.product_top{
	background-image:url(images/product_top.gif);
	background-position: top;
	position:relative;
	top: 0px;
	left: 0px;
	height: 24px;
	width: 595px;
	font:x-small Georgia,Serif;
	font-size: 16px;
	/*text-transform: uppercase;*/
	color: #FFFFFF;
	font-weight:bold;
}

.product_code{
	font-size: 18px;
	float:left;
	margin-left: 5px;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;	
}
.product_desc{
	text-align:right;
	margin-right: 5px;
	padding-top: 2px;

}

.product_img{
	border: 1px solid black;
	position: relative;
	float: left;
	top: 8px;
	left: 8px;

}

#product_text{
	width: 390px;
	height: 115px;
	float: right;
	font-size: 12px;
	overflow: auto;
	margin-right: 5px;
	/*border: 1px solid #848484;*/
	
}

#qf_text{
	height: 31px;
	float: left;
	border: 1px solid #848484;
	margin: 4px 0px 0px 17px;
	padding: 1px 5px 2px 1px;
	font-size: 12px;
	background-color: #E8DFF2;
	overflow:hidden;
}

.info_text{
	height: 31px;
	float: right;
	font-size: 12px;
	overflow: hidden;
	margin: 4px 5px 0px 0px;
	border: 1px solid #848484;
	padding: 1px 5px 2px 5px;
	background-color: #E8DFF2;
	color: #264E6B;
	cursor: pointer;
}

.product_order{
	float: right;
	border: 1px solid #848484;
	background-color: #EEEEEE;
	width: 225px;
	height: 28px;
	margin: 4px 2px 0px 0px;
	padding: 6px 3px 0px 3px;
	overflow: hidden;
	text-align:right;
	font-size: 14px;
}

* html .product_order{
	margin: 4px 0px 0px 0px;
}

.product_aantal{
	border: 1px solid #848484;
	width: 20px;
	margin: 0px 0px 0px 0px;
	padding: 2px;
	
}
.product_prijs{
	width: 60px;
	background-color:#EEEEEE;
	text-align:right;
	font-weight: bold;
	border: none;
	margin: 0px 0px 0px 0px;
	border: 1px solid #848484;
	padding: 2px;
}

.product_bestel{
	border: 1px solid #848484;
	width: 65px;
	text-align: center;
	margin: 0px;
	color: #264E6B;
	padding: 1px 3px 1px 3px;
	text-transform: uppercase;
	font:x-small Georgia,Serif;
	font-size: 12px;
	background-color: #E8DFF2;
	
}

.product_text{
	display:inline;
	border: 0px solid #848484;
	overflow:hidden;
	text-align: left;
	float:left;
	margin: 0px 0px 0px 0px;
	color: #264E6B;
	padding: 5px 0px 0px 2px;
	font:x-small Georgia,Serif;
	font-size: 12px;
	text-transform: uppercase;
}


.extra{
	/*border: 1px solid #848484;*/
	width: 589px;
	height: 282px;
	margin: 170px auto 3px auto;
	padding: 0px;
	overflow: hidden;
	display: none;
	position:relative;
}

* html .extra{
	margin: 5px auto 3px auto;
}

.pre_img{
	float: right;
	width: 270px;
	height: 270px;
	margin: 5px 5px 5px 0px;
	border: 1px solid #848484;
	overflow:hidden;
	/*display: none;*/
}




#pre_text{
	border: 0px solid #848484;
	margin: 5px;
	padding: 5px;
	overflow: hidden;
}

#pre_table{
	width: 298px;
	/*border: 1px solid #848484;*/
	margin: 6px;
	padding: 0px;
	text-align:center;
	position: absolute;
	bottom: 0px;
}


.pre_left{
	width: 130px;
	float:left;
	text-align: right;
	border: 0px solid #848484;
	border-bottom: 1px solid #848484;;
	
	margin: 0px 5px 0px 7px;
}

.pre_right{
	width: 130px;
	text-align: left;
	border: 0px solid #848484;
	border-bottom: 1px solid #848484;;
	
	/*border: 1px solid #848484;*/
}
/**/
/* PAGE BACKGROUNDS */
/**/

.productpage{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	background-color: #FFFFFF;	
	background-position: bottom right;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#b_in{		background-image:url(images/bg_b_in.jpg);}
#b_out{		background-image:url(images/bg_b_out.jpg);}
#quickfix{	background-image:url(images/bg_quickfix.jpg);}
#gevel{		background-image:url(images/bg_gevel.jpg);}
#motieven{	background-image:url(images/bg_motieven.jpg);}
#slangen{	background-image:url(images/bg_slangen.jpg);}
#netten{	background-image:url(images/bg_netten.jpg);}

/**/
/* PRODUCTENWIEL */
/**/

#b_in{	top: -359px;	left: 29px;}
#b_out{	top: -435px;	left: 160px;}
#gevel{	top: -359px;	left: 291px;}
#slangen{	top: -207px;	left: 292px;}
#netten{	top: -131px;	left: 160px;}
#motieven{	top: -207px;	left: 28px;}
#quickfix{	top: -283px;	left: 160px;}

* html #b_in{		top: -363px;	left: 29px;}
* html #b_out{		top: -439px;	left: 160px;}
* html #gevel{		top: -363px;	left: 291px;}
* html #slangen{	top: -211px;	left: 292px;}
* html #netten{		top: -135px;	left: 160px;}
* html #motieven{	top: -211px;	left: 28px;}
* html #quickfix{	top: -287px;	left: 160px;}

.prodwiel{
	float: left;
	position: relative;
	display: none;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#prodwiel{
	float: right;
	position: absolute;
	top: 200px;
	left: 20px;
	width: 489px;
	height: 439px;
	overflow: hidden;
}

/**/
/* LINKS, GENERAL STUFF */
/**/

#ht_banner{
	width: 129px;
	height: 72px;
	/*border: 1px solid black;*/
	position: absolute;
	bottom: 31px;
	left: 25px;
	cursor: pointer;
	z-index: 0;
}

img{ border-style: none; }
A:link{text-decoration: none;color: #264E6B;border:none;}
A:visited{text-decoration: none;color: #264E6B;border:none;}
A:hover{text-decoration: none; background-color: #86A0B3; color: #FFFFFF;border:none;}
A:active{text-decoration:none;border:none;}