body {margin: 0; padding: 0; background: url('images/bodybg.gif') repeat-x;

	font-size: 12px;
	}

#container{
	margin: 0 auto;
	width:965px;
	
}



#header {
	float: left;
	width:965px;
	height:140px;
	padding: 10px 0 0 0;
	background: url('images/headeasrbg.gif') no-repeat;
}


#menu {float: left; width: 100%; margin: -10px 0 10px 0;}
.topbar {float: left; 
			width:100%;
			height: 42px;
			background: url('images/menubg2.png') repeat-x;
			 margin: 0px 0 0 0px;
			 padding: 8px 0 0 10px;
			 border-top: 0px solid red;
			 }
			 
			 
	.topbar ul {margin: 0 0 0 0px;
		     padding: 0;
			 font: normal small Trebuchet MS;
			 color: #F0B0B0;}
			 
	.topbar ul li { display: inline; }

	.topbar ul li a
							{
								font-family: 'Cabin', Arial; 
								font-weight: bold;
								font-size: 15px;
								text-shadow: 1px 1px 1px gray;
								height: 27px;
								text-align: center;
								margin: 0 6px 0 0px;
								padding: 7px 8px 0 8px;
								color: #FFF;
								text-decoration: none;
								float: left;
								border-top: 0px solid #F7E3E3;
							}

				.topbar ul li a:hover
							{
								font-family: 'Cabin', Arial; 
								font-weight: bold;
								font-size: 15px;
								text-shadow: 1px 1px 1px #fff;
								height: 27px;
								text-align: center;
								margin: 0 6px 0 0px;
								padding: 7px 8px 0 8px;
								color: #1A7EB6;
								text-decoration: none;
								float: left;
								border-top: 0px solid #F7E3E3;
								background: #fff;
								
							}

	#menuright {float: right; 
			
			
			
			 margin: -30px 0 0px 0px;
			 padding: 0px 0 0 0px;
			 }
			#menuright img {float: left;} 
			 
	#menuright ul {float: left; margin: 0 0 0px 0px;
		     padding: 0;
			 background: orange;
			 font: normal small Trebuchet MS;
			 color: #F0B0B0;}
			 
	#menuright ul li { display: inline; }

	#menuright ul li a
							{
								font: bold 12px Arial; 
								
								text-align: center;
								margin: 0 0px 0 0px;
								padding: 2px 8px;
								color: #FFF;
								text-decoration: none;
								float: left;
								border-top: 0px solid #F7E3E3;
							}

				#menuright ul li a:hover
							{
								font: bold 12px Arial; 
								
								text-align: center;
								margin: 0 0px 0 0px;
								padding: 2px 8px;
								color: #1A7EB6;
								text-decoration: none;
								float: left;
								border-top: 1px solid orange;
								border-right: 1px solid orange;
								background: #fff;
								
							}
							

#content {
	float: left;
	width:965px;
	 
}

	#contentleft {
	float: left;
	width: 440px;
	margin: 0 0px 0 0px;
	 
	border: 0px solid red;
	}
	
		#montageservice {float: left;
		width: 360px;
		height: 70px;
		background: url('images/bg-montageservice.png') no-repeat;
		margin: 10px 0 0 0;
		padding: 10px 0 0 80px;
		font: normal 12pt Arial;
		color: #116CB1;
		}
		
		.greew {color: green; font-weight: bold;}
		.biggo {font-size: 20pt; font-weight: bold; color: #116CB1;}
		.biggo a:link {text-decoration: none;color: #116CB1;}
		.biggo a:hover {text-decoration: underline;color: #116CB1;}
		.biggo a:visited {color: #116CB1; text-decoration: none;}
	
		#wistudat {float: left;
		width: 360px;
		height: 100px;
		
		background: url('images/bg-wistudat.png') no-repeat;
		margin: 0px 0 0 0;
		padding: 10px 0 0 80px;
		font: normal 11pt Arial;
		color: #116CB1;
		}
		
		#wistudat p {float: left; margin: 0; line-height: 22px;}
	#contentright {
	float: left;
	width: 495px;
	margin: 0 0 0 10px;
	background: #E5F1FA;
	border: 0px solid green;
	font: normal 11px Arial;
	line-height: 21px;
	padding: 10px;
	color: #145999;
	font-size: 12px;
	}
	
	#contentwide {
	float: left;
	width: 580px;
	margin: 0 0px 0 0px;
	 background: #E5F1FA;
	border: 0px solid green;
	font: normal 11px Arial;
	line-height: 21px;
	padding: 10px;
	color: #145999;
	font-size: 12px;
	border: 0px solid red;
	}
	
	#rightsmall {
	float: left;
	width: 335px;
	margin: 0 0 10px 10px;
	background: #E5F1FA;
	border: 0px solid green;
	font: normal 11px Arial;
	line-height: 21px;
	padding: 10px;
	color: #145999;
	font-size: 12px;
	}
	
	#rightproducts {
	float: left;
	width: 335px;
	margin: 0 0 10px 10px;
	background: #E5F1FA;
	border: 0px solid green;
	font: normal 11px Arial;
	line-height: 21px;
	padding: 10px;
	color: #145999;
	font-size: 12px;
	}
		#rightproducts a:link {color: #1A7EB6; text-decoration: none;}
		#rightproducts a:hover {color: #1A7EB6; text-decoration: underline;}
		#rightproducts a:visited:hover {color: #1A7EB6; text-decoration: underline;}
		#rightproducts a:visited {color: #1A7EB6; text-decoration: none;}
		
	h1 {float: left; font: bold 190% Trebuchet MS; margin: 0;}
	
	p {float: left; width: 100%; line-height: 20px; margin: 0; padding: 0;}

	
	/* voorpagina */
	
	#zonwering-overzicht {
	float: left;
	width:965px;
	height:240px;
	margin: 30px 0 0 0;
	}

	.mainfoto {float: left; background: url('images/mainfoto.jpg') no-repeat; width: 438px; height: 241px;}
	.foto-banner {float: left; position: relative; display: inline; margin: -22px 0 0 40px; border: 0; background: url('images/foto-banner.png') no-repeat; text-align: center; font: bold 19px Arial; color: white; width: 364px; height: 32px; padding: 8px 0 0 0;}
	
	.zonwering{
	float: left;
	width: 155px;
	height: 170px;
	
	margin: 0 10px 10px 20px;
	text-align: center;
	
	}
	
	.banner a:link {font: bold 14px Arial; 	color: #fff; text-decoration: none; height: 165px; border: 0px solid blue; width: 150px; float: left; margin: 0 0 0 8px;}
	.banner a:hover {font: bold 14px Arial; 	color: #fff; text-decoration: underline;}
	.banner a:visited {font: bold 14px Arial; 	color: #fff; text-decoration: underline; border: 0px solid blue; }
	#zonwering-overzicht .banner { float: left; width: 167px; height: 31px; background: url('images/product-overlay.png') no-repeat; margin: 5px 0 0 -7px; padding: 5px 0 0 0;}
	#zonwering-overzicht .bannera { float: right; position: relative; display: inline; margin: -173px -24px 0px 0px; }
	.go-to {float: left; position: relative; display: inline; margin: 118px 0 0 120px; border: 0;}
	
	#vijfstappen { float: left; margin: 0; padding: 0; list-style-image: url('images/pijltje.png');}
	#vijfstappen li {  }
	
	#staplinks a:link {color: #1A7EB6; text-decoration: underline;}
	#staplinks a:hover {color: #1A7EB6; text-decoration: none;}
	#staplinks a:visited:hover {color: #1A7EB6; text-decoration: none;}
	#staplinks a:visited {color: #1A7EB6; text-decoration: underline;}
	
	/*subpagina's*/
	
	#opsomming { float: left; margin: 0; padding: 0; list-style-image: url('images/pijltje.png');}
	#opsomming ul { margin: 0 0 0 0; }
	#opsomming li { color:#D45007; }
	
	#features { float: left; margin: 0; padding: 0; list-style-image: url('images/pijltje.png');}
	#features img {float: right; margin: 5px 5px 10px 5px;}
	#features ul { float: left; margin: 0 0 0 0; padding: -15px 0 0 0; }
	#features li { float: left; width: 100%; height: 40px; color:#D45007; border: 0px solid red; margin: -10px 0 0 0; padding: -0px 0 0 0; }
	
	
	/* collectiepagina */
	
	.bestellen {line-height: 20px; width: 100%;}

.bestellen legend {  font: normal 16pt Verdana;
   color: #E6C305;}
.bestellen fieldset {margin: 20px 0 0 0 ; width: 960px; padding: 0; }
.bestellen ul {list-style-type: none;}

.design_show {float: left; border: 0px solid red; width: 585px; padding: 3px 0 0 15px; font: normal xx-small verdana;}

.design_show img {width: 90px; height: 68px; margin: 0px; border: 1px solid gray;}
.design_show ul,li{
	margin:0;
	padding:0;
}
.design_show li{
	list-style:none;
	float:left;
	display:inline;
	margin: 13px 3px 2px 3px;
	width: 109px;  
	height: 100px;
	border: 0px solid red;
}

	.mainAreaInternal {
	float: left;
    margin: 0; padding: 0;
	overflow: auto;
    z-index: 0;
  }
	.mainAreaInternal img {
	margin: 5px 0px 3px 5px;
	}
  .mainAreaLoading {
    position: relative;
	margin: -40px 0 0 300px;

    z-index: 3;
  }
  
  .metabestellinks {float: left; width: 300px;}
  .bekijkprijs {float: left; margin: 15px 0 0 5px; font-weight: bold;
		       padding: 5px 8px; background: #3FABE7; color: #fff;
			   }
			   .bekijkprijs a:link {color: #fff; text-decoration: none;}
			   .bekijkprijs a:hover {color: #fff; text-decoration: underline;}
			   .bekijkprijs a:visited:hover {color: #fff; text-decoration: underline;}
			   .bekijkprijs a:visited {color: #fff; text-decoration: none;}
			   
	.bestelnu {float: left; margin: 15px 0 0 5px; font-weight: bold;
		       padding: 5px 8px; background: green; color: #fff;
			   }
			   .bestelnu a:link {color: #fff; text-decoration: none;}
			   .bestelnu a:hover {color: #fff; text-decoration: underline;}
			   .bestelnu a:visited:hover {color: #fff; text-decoration: underline;}
			   .bestelnu a:visited {color: #fff; text-decoration: none;}
			   
  
.navigatie {float: left; margin: 5px 0 0 7px; padding: 3px; background: #3FABE7; font: bold 12px Arial; width: 565px; text-align: center;}	  
.navigatie a:link {text-decoration:none; color: #FFF; margin: 0 10px;}
.navigatie a:hover{text-decoration:underline; color: #FFF;}
.navigatie a:visited{text-decoration:none; color: #FFF;}
.navigatie a:visited:hover{text-decoration:underline; color: #FFF;}

/* bestelproces */
.algemenevoorwaarden li {margin: 10px 0 10px 0;}

.staalaanvragen {font: normal 12px arial; color: gray; margin: 7px 0 4px 5px; }
.staalaanvragen:hover {text-decoration: none; color: orange;}

.type {float: left;
	  border: 0px solid gray;
	  padding: 0px;
	  width: 330px;
	  text-align: left;
	  margin: 4px;
	  }
		
	.besc {float: left; background: #CCE7FF; margin: 2px; width: 134px; padding: 2px 8px;}
	.value {float: left; background: #CCE7FF;font-weight: bold; margin: 2px; width: 148px; padding: 2px 8px;}
	
	.large {width: 320px; height: 240px; margin: 10px 0 0 0;}
	
	.showdesign{ 
	float: left;
	width: 320px;
	height: 240px;
	
	margin: 10px 0 0 0;
	text-align: center;
	
	}
	
	#designshow .destitel { float: left; width: 320px; height: 31px; background: url('../images/troverlay.png'); margin: 15px 0 0 0px; padding: 5px 0 0 0; color #000; font: bold 130% Trebuchet MS; border: 0px solid red;}

	
	#contentwide legend {  font: normal 16pt Verdana;
   color: #E6C305;}

	.stapterug {float: right; font: normal 12px Arial; color: gray; margin: 10px 0 0 0;}
	.stapterug a:link{color: gray; text-decoration: underline;}
	.stapterug a:hover{color: gray; text-decoration: none;}
	.stapterug a:visited{color: gray;  text-decoration: underline;}
	.stapterug a:visited:hover{color: gray;  text-decoration: none;}
   
.required {font-weight: bold; color: red;}	

.totaalprijs{    margin: 5px 0 10px 0; border: 2px solid #82EA62; background: #CDFCBF; padding: 6px; font-color: green;}

#onderlatten ul{list-style: none; float: left; margin: 0 0 20px -30px;}
#onderlatten li {float: left; width: 90px; font-size: 10px; text-align: center; line-height: 17px; margin: 0 17px 0 0px;}
#onderlatten img {float: left;  margin: 2px;}

#bedieningen ul{list-style: none; float: left; margin: 0 0 20px -30px;}
#bedieningen li {float: left; width: 120px; font-size: 10px; text-align: center; line-height: 17px; margin: 0 9px 0 0px;}
#bedieningen img {float: left;  margin: 2px;}

/* footer */

	#footerav {float: left; border-top: 2px solid #d3d3d3; padding:10px 0 10px 0; font: normal 12px Arial; color: gray; margin: 10px 0 10px 0;}
	#footerav a:link{color: gray; text-decoration: underline;}
	#footerav a:hover{color: gray; text-decoration: none;}
	#footerav a:visited{color: gray;  text-decoration: underline;}
	#footerav a:visited:hover{color: gray;  text-decoration: none;