body{
 padding:0px;
 margin:0px;
 font-family:"Trebuchet MS", Verdana, Arial;
 font-size:13px;
 color:#666666;
 text-align:center;
}

/* DIV LAYOUT */
#container{
 margin:0 auto;
 width:827px;
 background-color:#ffffff;
 text-align:left;
}

#home{
 background-color:#fff;
 text-align:left;
 padding:0px 10px 0px 15px;
 height:22px;
 color:#005dab;
}

#flash{
 background-color:#fff;
 height:130px;
 margin:0px;
 padding:0px;
}

#navigation{
 width:827px;
}

#content{
 background-color:#fff;
 padding:10px 0px 0px 0px;
}

#left{
 padding:10px 10px 0px 10px;
 background-color:#fff;
 width:570px;
 float:left;
}

#right{
 width:193px;
 float:left;
 margin-top:20px;
 margin-left:44px;
}


	#content div.groen{
		margin-left:15px;
		width:220px;
		display:inline;
	}

#rightForm{
 background-image:url(../images/layout/rightDiv.png);
 background-repeat:no-repeat;
 width:193px;
 height:331px;
 color:#ffffff;
}

	#callmeback{
	 background-image:url(../images/layout/callmeback.png);
	 background-repeat:no-repeat;
	 width:193px;
	 height:166px;
	 color:#ffffff;
	 margin-bottom:10px;
	 overflow:hidden;
	}

	#rightFormVitala{
	 background-image:url(../images/layout/rightDivVitala.png);
	 background-repeat:no-repeat;
	 width:193px;
	 height:331px;
	 color:#ffffff;
	}
	
	#content .groenBG{
		background-image:none;
		background-image:url(../images/layout/rightDivGroen.png);
		background-repeat:no-repeat;
		padding:2px 0 0 30px;
		width:190px;
	}

#footer{
 clear:both;
 background:url(../images/layout/dotted-line.png) repeat-x top;
 color:#666666;
 line-height:18px;
 margin-top:15px;
 font-size:11px;
 padding:10px 0 0 10px;;
}

	#footer strong{
		color:#336699;
		font-weight:normal;
	}

	#footer .block{
		float:left;
		margin:5px 80px 0 0;
		display:inline;
	}
	
	#footer .blockImage{
		float:left;
		width:65px;
		margin:10px 0 0 0;
	}
	
	.footerBold{
	 margin-right:10px;
	 color:#369;
	}
	
	.footerHidden{
	 margin-right:10px;
	 color:#ffffff;
	}
	
	img.footer{
	 clear:both;
	 margin:3px 0 5px 0;
	}

.clear{
 clear:both;
 height:1px;
 width:1px;
 padding:0px;
 margin:0px;
}

div.color{
 padding:10px;
 border-bottom:1px solid #cccccc;
}

div.normal{
 padding:10px;
 border-bottom:1px solid #cccccc;
}

#bestelbon{
 border:1px solid #999999;
 padding:10px;
 width:530px;
}

table.product{
 float:left;
 width:560px;
 padding:5px;
 border-bottom:1px solid #cccccc;
 font-family:"Trebuchet MS", Verdana, Arial;
 font-size:13px;
}

table.productColor{
 float:left;
 width:560px;
 padding:5px;
 background-color:#eaeff3;
 border-bottom:1px solid #cccccc;
 font-family:"Trebuchet MS", Verdana, Arial;
 font-size:13px;
}

div.product{
 float:left;
 width:110px;
 height:190px;
 margin-right:10px;
 margin-bottom:25px;
 padding:5px;
 text-align:center;
}

div.productColor{
 float:left;
 width:150px;
 height:150px;
 margin-right:10px;
 margin-bottom:10px;
 padding:5px;
 background-color:#eaeff3;
 text-align:center;
}

#flashVideo{
 width:360px;
 float:left;
 background-image:url(../images/layout/fake-flash.jpg);
 background-repeat:no-repeat;
}

#flashText{
 float:left;
 padding:0px 0px 0px 20px;
 width:425px;
}

.conceptContainer{
 background-image:url(../images/layout/bg-concept-div.png);
 height:280px;
 width:180px;
 background-repeat:no-repeat;
 float:left;
 padding-left:10px;
 padding-top:5px;
 margin-top:3px;
}

.webshopContainer{
 background-image:url(../images/layout/bg-webshop-div.png);
 height:280px;
 width:177px;
 background-repeat:no-repeat;
 float:left;
 padding-left:10px;
 padding-top:5px;
 margin-top:3px;
 overflow:hidden;
}

.webshopContainer p{
 margin-right:21px;
 margin-top:3px;
 text-align:center;
}

.conceptContainer li{
 width:146px;
 margin-left:0px;
 margin-bottom:3px;
 padding-left:0px;
 list-style-image:url(../images/layout/check.png);
}

.conceptContainer ul{
 margin-left:23px;
 margin-top:5px;
 padding-left:0px;
}

.storingCoolers{
 float:right;
 width:290px;
 padding-left:0px;
 padding-left:20px;
}

.storingtekst{
 float:left;
 width:500px;
 padding-left:0px;
}

div.direct_gegevens{
 padding-left:35px;
 width:330px;
 margin:0 auto;
 background-color:#eeeeee;
 border:1px dotted #cccccc;
 clear:both;
}

h2.small{
 width:175px;
 height:30px;
 font-size:10px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}

/* HYPERLINK LAYOUT */
#home a, #home a:visited, #home a:active{
 color:#333333;
 text-decoration:none;
 border-bottom:1px solid #ffffff;
}

#home a:hover{
 color:#666666;
 text-decoration:none;
 border-bottom:1px solid #ffffff;
}

#footer a, #footer a:visited, #footer a:active{
 color:#666666;
 text-decoration:none;
 border-bottom:1px solid #ffffff;
}

#footer a:hover{
 color:#666666;
 text-decoration:underline;
 border-bottom:1px solid #ffffff;
}

#content a, #content a:visited, #content a:active{
 color:#333333;
 text-decoration:none;
 border-bottom:1px solid #005dab;
}

#content a:hover{
 color:#333333;
 text-decoration:none;
 border-bottom:1px solid #005dab;
 background-color:#e4f1fc;
}

#left a, #left a:visited, #left a:active{
 color:#333333;
 text-decoration:none;
 border-bottom:1px solid #005dab;
}

#left a:hover{
 color:#333333;
 text-decoration:none;
 border-bottom:1px solid #005dab;
 background-color:#e4f1fc;
}

#content a.lijnloos, #content a.lijnloos:visited, #content a.lijnloos:active{
 border-bottom:1px solid #ffffff;
}

#content a.lijnloos:hover{
 background-color:#ffffff;
 border-bottom:1px solid #ffffff;
}

#left a.lijnloos, #left a.lijnloos:visited, #left a.lijnloos:active{
 border-bottom:1px solid #ffffff;
}

#left a.lijnloos:hover{
 background-color:#ffffff;
 border-bottom:1px solid #ffffff;
}

#right a.lijnloos, #right a.lijnloos:visited, #right a.lijnloos:active{
 border-bottom:0px;
}

#right a.lijnloos:hover{
 border-bottom:0px;
}

#right a, #right a:visited, #right a:active{
 color:#ffffff;
 text-decoration:none;
 border-bottom:1px solid #0c8db5;
 background-color:auto;
}

#right a:hover{
 color:#666666;
 text-decoration:none;
 border-bottom:1px solid #ffffff;
 background-color:auto;
}




/* TEXT LAYOUT */
h1{
 width:500px;
 font-size:20px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 clear:both;
  color:#015688;
  font-weight:normal;
}

h2{
 width:300px;
 font-size:18px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
  color:#015688;
  font-weight:normal;
}

h2.big{
 width:550px;
 font-size:18px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 clear:both;
  color:#015688;
  font-weight:normal;
}


h2.nieuws{
 width:450px;
 font-size:18px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 clear:both;
  color:#015688;
  font-weight:normal;
}

h3{
 width:165px;
 font-size:18px;
 padding:5px 0px 0px 10px;
 margin:0px 0px 5px 0px;
 color:#fff;
 font-weight:normal;
}

h1.groen, h2.groen{
	color:#64a830;
}

p{
 line-height:18px;
 margin:0px 0px 10px 0px;
 padding:0px 0px 0px 0px;
 text-align:justify;
}

p.center{
 padding:10px 0px 10px 0px;
 text-align:center;
 clear:both;
}

#right p{
 line-height:18px;
 margin:0px 10px 10px 10px;
 padding:0px 0px 0px 0px;
 color:#ffffff;
}

p.small{
 font-size:10px;
 line-height:18px;
 margin:0px 0px 10px 0px;
 padding:0px 0px 0px 0px;
}

p.datum{
 color:#333333;
 margin:0px 0px 5px 0px;
 padding:0px 0px 0px 0px;
 font-style:italic;
 font-size:12px;
}

p.splitter{
 text-align:center;
}

p.pink{
 color:#cc0099;
 border:1px solid #cc0099;
 background-color:#ffccff;
 text-align:center;
}

p.color{
 padding:10px;
 color:red;
 border:1px solid red;
 background-color:#FFE1E2;
 text-align:center;
}

p.prijs{
 padding:0px;
 margin:0px;
 text-align:right;
 border-top:1px solid #ececec;
}

img{
 border:0;
 padding:0;
 margin:0;
}

img.routebeschrijving{
 border:1px solid #ffffff;
}

img.nieuws{
 float:right;
 margin:0px 0px 20px 20px;
 height:100px;
}

img.nieuwsBorder{
 float:right;
 margin:0px 0px 20px 20px;
 height:100px;
 border:1px solid #cccccc;
}

img.nieuwsBig{
 float:right;
 margin:0px 0px 0px 30px;
}

img.right{
 float:right;
 margin:30px 0px 20px 20px;
}

img.rightProduct{
 float:right;
 margin:0px 0px 0px 20px;
}

img.webshopProduct{
 width:75px;
 overflow:hidden;
}

img.webshopProductBorder{
 width:75px;
 overflow:hidden;
 border:1px solid #cccccc;
}

ul{
}

li{
 list-style-type:square;
 line-height:18px;
 list-style-image:url(../images/layout/check.png);
}

li.normal{
 list-style-type:square;
 list-style-image:none;
 line-height:18px;
 padding:0px 0px 2px 0px;
 margin:0px 0px 3px 0px;
 color:#666666;
 border-bottom:0px;
}

li.sub{
 list-style-image:url(../images/layout/sub-sitemap.png);
 padding:0px 0px 0px 0px;
 margin:2px 0px 3px -10px;
 color:#666666;
 border-bottom:0px;
 line-height:18px;
}

#right ul{
 margin-left:0px;
 padding-left:25px;
 padding-right:10px;
}

#right li{
 list-style:square;
 list-style-image:none;
 color:#ffffff;
 line-height:18px;
 margin-bottom:2px;
}

#right div.form{
 margin-left:10px;
 color:#ffffff;
 padding-bottom:5px;
}

#right div.form input, #right div.form select{
 border:1px solid #ffffff;
 color:#666666;
 width:154px;
 margin-bottom:5px;
}

#right div.form input.button{
 width:159px;
 height:29px;
 border:0;
 margin-top:3px;
}


#right .footerBold{
 font-weight:bold;
 margin-right:10px;
 color:#ffffff;
}

#right .footerHidden{
 font-weight:bold;
 margin-right:10px;
 color:#ffffff;
 visibility:hidden;
}

.pink{
 color:#FF0066;
}

.bestellingTotaal{
 border-top:1px dashed #666666;
 font-weight:bold;
}

table.contact td{
 padding:5px;
 text-align:left;
}

table.contact input, select{
 width:250px;
 border:1px solid #333333;
}

table.contact textarea{
 width:250px;
 height:100px;
 border:1px solid #333333;
}

table.contact input.small{
 width:100px;
 border:1px solid #333333;
}

table.contact input.radio{
 width:auto;
 border:0;
}

tr.contactColor{
 background-color:#eaeff3;
}

table.bestelling input.vier{
 width:35px;
 border:1px solid #333333;
}

table.bestelling input.twee{
 width:30px;
 border:1px solid #333333;
}

table.bestelling td{
 padding:5px;
 text-align:left;
}

tr.bestellingColor{
 background-color:#eaeff3;
 font-family:"Trebuchet MS", Verdana, Arial;
 font-size:13px;
}

table{
 font-family:"Trebuchet MS", Verdana, Arial;
 font-size:13px;
}

table select.small{
 width:50px;
 border:1px solid #333333;
}

table input{
 width:250px;
 border:1px solid #333333;
}

input.small{
 width:40px;
 border:1px solid #333333;
}

input.radio{
 width:auto;
 border:none;
}

input.button{
 background-color:#015688;
 border:1px solid #015688;
 color:#ffffff;
 width:70px;
}

input.bigbutton{
 background-color:#015688;
 border:1px solid #015688;
 color:#ffffff;
 width:250px;
}

input.order{
 border:0;
 color:#ffffff;
 width:159px;
 height:29px;
}

input.orderSmall{
 border:0;
 color:#ffffff;
 width:59px;
 height:29px;
}

input{
 width:250px;
}

table.direct input.vier{
 width:35px;
 border:1px solid #333333;
}

table.direct input.twee{
 width:30px;
 border:1px solid #333333;
}

table.direct input{
 width:150px;
}

table.direct input.order{
 border:0;
 color:#ffffff;
 width:159px;
 height:29px;
}

table.direct p.color{
 padding:10px;
 color:red;
 border:1px solid red;
 background-color:#FFE1E2;
 text-align:center;
 width:264px;
 margin-top:10px;
}

ol li{
 list-style-image:none;
 list-style-type:decimal;
}

#blocks{
	margin:0 0 0 10px;
}

	#blocks img{
		margin:0 1px 0 0;
	}

#content a.noLine, #content a.noLine:visited, #content a.noLine:active{
	border-bottom:1px solid #fff;
	background-color:#fff;
	padding:0;
	margin:0;
}

#content a.noLine:hover{
 border-bottom:1px solid #005dab;
}

table.offerte{
	width:98%;
}

	table.offerte tr.line{
		background:url(../images/layout/dotted-line.png) no-repeat bottom;
	}
	
	table.offerte td{
		padding:3px 3px 8px 3px;
	}

table.contact td{
 padding:5px;
 text-align:left;
}

table.contact input, select{
 width:250px;
 border:1px solid #333333;
}

table.contact textarea{
 width:250px;
 height:100px;
 border:1px solid #333333;
}

table.contact input.small{
 width:100px;
 border:1px solid #333333;
}

table.contact input.radio{
 width:auto;
 border:0;
}

tr.contactColor{
 background-color:#eaeff3;
}

div.water-right{
	width:350px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0;
}

ul.groen li{
	list-style-image:url(../images/layout/check-groen.png);
}

#waterright{
	padding:10px;
}