body {
	margin:0px;
	padding:0px;
	font: small Verdana, Arial, Helvetica, sans-serif;
	color:#2a2a2a;
}
#doc {
	margin: auto;
}
#inner {
	position:relative;
	top:0px;
	height:100%;
	background: none;

}
#hd {
	height:65px;
	margin-bottom:2px;
	border-left:1px solid white;
	border-right:1px solid white;
}
#hd h1 {
	width:458px;
	height:65px;
	text-indent:-3000px;
	overflow:hidden;
	display:block;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
}
#klimaatcomfort #hd h1,
#klimaatcomfortdealer #hd h1  {
	background:url(http://www.klimaatcomfort.nl/templates/images/header.jpg) no-repeat left;
	}
#haring #hd h1{
	background:url(http://www.haring.nl/templates/images/header-haring.jpg) no-repeat left;
	}
#hd h1 a {
	width:100%;
	overflow:hidden;
	height:100%;
	display:block;
}
#logo img {width:218px;height:138px}

#social{display:none}

#bd #content, #bd #inleiding, #bd #nieuws {
	width:100%
}

#bd #beeld{
	display:none
	}
#bd {
	margin-bottom:20px;
}
#bd #content {margin-top:15px;
}
	.productdetails{margin:15px;border-left:1px dotted #ccc;padding-left:15px;width:445px;float:right}
	.media{margin-top:15px}
#inleiding {
	height:172px;
}
#klimaatcomfortdealer #inleiding{
	height:40px
}
#nieuws {
	margin-bottom:15px;
	height:130px;
}
a:link, a:visited{color:#333}
a:active, a:hover{text-decoration:none}
#inleiding h1,  .nieuws h1 a {
	font-size:120%;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
#inleiding  h4 {background-color:#eb8b24; color:white; padding:4px; font-size:80%;margin-top:-10px;margin-right:-10px}
#zoeken {
	display:none
}
#logo {
	display:none

	}
#bd #menu ul {
	display:none	
	}

#content h2{
	font-size:115%;
	padding-left: 10px;
}
#kruimelpad {display:none}

	
#documentatie h4,#verwant h4{font-size:90%}
#documentatie ul ,#verwant ul {margin:0px;padding-left:15px}
#documentatie ul li a,#verwant ul li a {font-size:smaller}
/* FOOTER
-------------------------------------------------------------------------- */
#ft {
	display:none;		
	}

/* GRID MET BOXEN
-------------------------------------------------------------------------- */
.box {    /* zonder toevoeging van aantal worden er 3 naast elkaar getoond */
	width: 185px;
	border-left: #ccc 1px dotted;
	padding-right:15px;
	padding-left:15px;
	float:left;
	display:inline;
	margin-bottom:15px
}
.first {border:none;}
.box table, .box table td {
	border-right:none
}
.twee {
	width:293px;
	padding-right:15px;
	padding-left:15px;
	margin-bottom:25px;
}
	.twee .bhd {
		height:25px;
		background-color:#e37725;
		padding:3px;
		border-bottom:1px solid white;
		color:white;
		font-weight:700
	}
	.twee .bbd {
		height:145px;
		background-color:#fafafa
	}
	.twee .bbd table {
		font:100%;
		width:200px
	}
	.twee .bbd table td {
		border:none
	}
	twee .bbd table th {
		border:none;
		text-align:left
	}
	.twee .bft {
		clear:both;
	}
	.twee .bbd img {
		clear:both;
		margin-right:5px;
		text-align:left
	}
	#content .twee .bft a:link, #content .twee .bft a:visited {
		display:inline;
		float:left;
		background-color:#545454;
		text-decoration:none;
		font-size:smaller;
		color:white;
		width:44%;
		padding:5px;
		background-image: url(/styles/klimaatdealershop/images/link-grijs.png);
		background-repeat: no-repeat;
		background-position: right;
	}
.-info {
	margin-right:15px;
	color:#fff
}
.vier {
	width:140px;
	padding-right:10px;
	padding-left:10px;
}
	.productgroep{padding-left:10px;padding-right:10px}
	#content .productgroep h2 {
	font-weight:700;
	background-image:none;
	padding:0px;
	height:30px;
	margin-bottom:1px;
	}
	.productgroep h2 a{
	color:white;
	padding-left:5px;
	padding-top:6px;
	font-size:75%;
	text-decoration:none;
	}
	.productgroep h2 a span{
	
	font-size:75%;

	}
	.productgroep a img {width: 185px;overflow:hidden;border:none}
.vijf {
	width:108px;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:25px
}
.cols {
	clear:both
}
.col {
	float:left;
	display:inline;
	width:40%;
	margin-right:2%;
	padding-left:2%;
	padding-right:2%
}
.first {
	border-right: 1px none rgb(204,204,204);
	padding-left:0px;
}
.drie .bbd {
	height:220px;
}
	.vier .bbd {
		height:150px;
		padding:0px;
	}
	.vijf .bbd {
		height:110px;
		padding:0;
}

.box .bbd img {
	position:relative;
	height:72px;
	width:185px;
	overflow:hidden
}
	.vier .bbd img {
		position:relative;
		height:145px;
		width:145px;
		overflow:hidden
	}
	.vijf .bbd img, .vijf .bd img {
		position:relative;
		height:108px;
		width:108px;
		overflow:hidden
	}
.box h1{	font-size:90%;
	color:#eb8b24;
	background-image: url(/templates/images/pijl-oranje.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:6px;}
.box h3 {
	margin-top:5px;
	margin-bottom:0px
}

.box p {
	margin-top:2px
}
.box .bft {
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	padding-top:5px;
}


/* LINK BUTTONS
--------------------------------------------------------------------------------------------------------------- */
a.belmij {
	color:#FF6600;
	font:90%;
	display:block;
	clear:both
}

a.lees-verder {
	width:100px;
	height:20px;
	text-indent:-3000px;
	overflow:hidden;
	display:block;
	float:right;
}
a:hover.lees-verder {
	background:url(/styles/klimaatdealershop/images/lees-verder-hover.png) no-repeat left;
}
a:link.meer, a:visited.meer, a:link.offerte, a:visited.offerte {
	background:url(/styles/klimaatdealershop/images/meer.png) no-repeat right;
	color:#fff;
	background-color:#e37725;
	width:100%;
	display:block;
	height:16px;
	font-size:smaller;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:4px;
	text-decoration:none;
	font-weight:700;
}

	.vijf .bft a{
	height:30px;	
	}

/* TABELLEN
-------------------------------------------------------------------------- */
table.specs, table.aanbieding{font-size:80%; width:447px}
table.specs td.logo {font-weight:700; padding-top:15px;padding-bottom:5px;font-size:110%}
table.specs tr td,table.specs th{ border-bottom:1px solid #ccc}
table.specs th {text-align:left}
table.specs tr td img{border:none}

table.vergelijk{width:99%}
table.aanbieding th {text-align:left}

/* FORMULIEREN
-------------------------------------------------------------------------- */
form#zoekfrm{
		width:203px;
		height:17px;
		border:1px solid #dfdfdf;
		padding:0px;
		margin-top:6px;
		margin-bottom:0px;
		margin-left:5px;
}	
input#Zoekopdracht{
		border:none;
		font-size:11px;
		padding-left:4px;
		color:#666;
		width:170px;
		margin:0px;
		}
#submitZoeken{
		border:none;
		width:17px;
		float:right;
		height:17px;
}

form#bestellen {font-size:80%}
form#bestellen label{display:block; }
form#bestellen input, form#bestellen textarea{width:300px; font-size:90%;padding:4px;font-size:110%; border:none; background-color:#F1f1f1;}
form#bestellen .radio {width:15px;}
form#bestellen .verzenden {width:120px; background-color:#eb8b24; font-weight:700;color:white}
form#bestellen select {background-color:#eb8b24; font-weight:700;color:white}

form#belmij {}
form#belmij label{margin-bottom:4px}
form#belmij input, form#belmij select {width:185px; padding:3px}

form.login{margin-top:10px;margin-bottom:40px}
form.login input {		
		font-size:12px;
		padding-left:4px;
		color:#666;
		width:200px;
		margin:0px;
		}
form.login input.verzenden{
	width:80px;
	border: 1px solid #333;
	background-color:#CCCCCC;
	color:#000000;
	padding-bottom:2px;
	}
form.login table th{text-align:left}

/* AANBIEDINGEN OP HOMEPAGE  DEALER WEBSHOPS
-------------------------------------------------------------------------- */
div.aanbieding {
	position:relative;
	width:96%;
	display:block;
	clear:both;
	margin-left:1%;
	margin-right:1%;
	border:1px solid #000;
	background-color:#C2C8CC;
	padding: 5px;
	margin-bottom:10px;
	}
div.aanbieding img {
	margin-right: 5px;
	margin-left: 15px;
	background: #fff;
	float:right;
	border: 1px solid #000;
	clear:bottom;
	}
		
div.aanbieding div {
	text-align:center;
	clear:bottom;
}	
div.aanbieding h1 a:link, div.aanbieding h1 a:visited {
	text-decoration:none;
	font:700 10pt Verdana; 
	}
div.aanbieding h1 a:hover, div.aanbieding h1 a:active {
	color: red;
	font:700 10pt Verdana; 
	}	
span.prijsvan {
	text-decoration:line-through;
	color:red
	}
span.prijsvoor {
	font-weight:700;
	font-size:x-large;
	text-decoration:none;
	color:green;
	font-size: 110%;
	}
input.submit {
	position:absolute;
	bottom:1%;	
	right:1%;
	border: 0;
	width: 80px;
	height: 30px;
	background: url("/styles/algemeen/images/formbutton.jpg") 0 0 no-repeat;
	float: right;
	margin: 10px 5px 0 0;
	padding-bottom: 2px;
	cursor: pointer;
	color: #ffffff;}
div.aanbieding input {
	display:block;
	clear:both;
	}	
	
#tellafriendklimaatcomfort, #tellafriendklimaatcomfort h2 {
	background-color:white;
	}
	/* fancyform styles */
form.login label, label.check {display:block;padding:0.3em;padding-left:32px;background-position:8px center;background-repeat:no-repeat;clear:both;cursor:pointer}
label.check{display:inline;float:left;padding:0.3em;padding-left:30px;background-position:8px center;background-repeat:no-repeat;cursor:pointer}
.checked{background-image:url(/styles/algemeen/images/fancy-form/chk_on.png)}
.unchecked{background-image:url(/styles/algemeen/images/fancy-form/chk_off.png)}
.selected{background-image:url(/styles/algemeen/images/fancy-form/rdo_on.png)}
.unselected{background-image:url(/styles/algemeen/images/fancy-form/rdo_off.png)}