/*



#A30A1D  :  red


*/
html{
	margin: 0;
	border: 0;
	padding: 0;
}
body{
	margin: 0;
	border: 0;
	padding: 0;
	background-color: black;
	font-family: "Arial", "Candara", "Verdana", sans-serif;
	font-size: 0.8em;
	color: white;
}
#menu{
	position: absolute;
	top: 0;
	left: 40px;
	height: 1024px;
	width: 140px;
	background:  url("../images/menu_bg.png") repeat-x top left;
	z-index: 0;

}
#head{
	position: absolute;
	top: 40px;
	left: 0;
	height: 100px;
	width: 1280px;
	background:  url("../images/head_bg.png") repeat-y top left;
	padding: 0 0 0 41px;
	z-index: 1;
	font-size: 10pt;
}
#logo{
	float: left;
	width: 132px;
	height: 88px;
	padding: 4px 0 0 0;
	background:  url("../images/LogoLoomans.gif") center center no-repeat;
	text-indent: -9999px;
}
#address{
	float: left;
	width: 180px;
	padding: 26px 0 0 0;
	margin: 0 0 0 35px;
}
#address p{
	margin: 0;
	border: 0;
	padding: 0;
}
#contact{
	float: left;
	width: 150px;
	padding: 26px 0 0 0;
}
#contact a{
	color: white;
	font-weight: normal;
	text-decoration: none;
}
#contact a:hover{
	text-decoration: underline;
}
#contact p{
	margin: 0;
	border: 0;
	padding: 0;
}
#banner{
	float: left;
}
.bannerimg{
	padding: 0;
	border: 0;
	margin: 0;
}
#content{
	position: absolute;
	top: 140px;
	left: 180px;
	border: 0;
	margin: 0;
	padding: 30px 0 0 35px;
	letter-spacing: 1px;	
}
#content .line{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	margin: 0;
	padding: 0;

}
#content ul{
	margin: 0 0 1em 0;
	padding: 0;
	border: 0;
}
#content ul li{
	margin: 0 0 0 20px;
	padding: 0;
	border: 0;
}
#content p{
	padding: 0;
	margin: 0 0 1em 0;
	text-align: justify;
}
#content h1{
	font-size: 1.6em;
	color: gray;
	padding: 0;
	margin: 0 0 0.4em 0;
}
#content h2{
	font-size: 1.2em;
	color: gray;
	padding: 0;
	margin: 0 0 0.2em 0;
}
#content h3{
	font-size: 1em;
	color: gray;
	padding: 0;
	margin: 0 0 0 0;
}
#content a,
#content a:link,
#content a:active,
#content a:visited,
#content a:hover{
	color: #FAFBC0;
	text-decoration: underline;
}
#contentholder{
	display: block;
	position: relative;
	width: 600px;
	margin: 0;
	padding: 0;
	border: 0;
	/* background-color: orange; */
}
ul#navigation{
	position: absolute;
	left: 0;
	top: 175px;
	border: 0;
	margin: 0;
	padding: 0;
	width: 140px;
}
ul#navigation li{
	height: 37px;
	width: 140px;
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	background-repeat:no-repeat;
	background-position:top right;
}
ul#navigation li a {
	display:block;
	text-decoration:none;
	margin:0 0 0 0;
	float:left;
	white-space:nowrap;
	height:37px;
}
ul#navigation li a {
	text-indent:-9999px;
	margin: 0;
	padding: 0;
	border: 0;
}
/*  HOME */
ul#navigation li a#Home {
	background: url("../images/btnHome.gif") no-repeat top left;
	height:37px;
	width:140px;
}
/*  SHOWROOM */
ul#navigation li a#Showroom {
	background: url("../images/btnShowroom.gif") no-repeat top left;
	height:37px;
	width:140px;
}
/*  HAARD KIEZEN */
ul#navigation li a#HaardKiezen {
	background: url("../images/btnHaardKiezen.gif") no-repeat top left;
	height:37px;
	width:140px;
}
/*  AANBIEDINGEN */
ul#navigation li a#Aanbiedingen {
	background: url("../images/btnAanbiedingen.gif") no-repeat top left;
	height:37px;
	width:140px;
}
/*  STOOKTIPS */
ul#navigation li a#Stooktips {
	background: url("../images/btnStooktips.gif") no-repeat top left;
	height:37px;
	width:140px;
}
/*  SERVICE */
ul#navigation li a#Service {
	background: url("../images/btnService.gif") no-repeat top left;
	height:37px;
	width:140px;
}
/*  ONDERHOUD */
ul#navigation li a#Onderhoud {
	background: url("../images/btnOnderhoud.gif") no-repeat top left;
	height:37px;
	width:140px;
}
/*  MERKEN */
ul#navigation li a#Merken {
	background: url("../images/btnMerken.gif") no-repeat top left;
	height:37px;
	width:140px;
}
/*  VACATURES */
ul#navigation li a#Vacatures {
	background: url("../images/btnVacatures.gif") no-repeat top left;
	height:37px;
	width:140px;
}

ul#navigation li a#Merken:hover,
ul#navigation li a#Service:hover,
ul#navigation li a#Onderhoud:hover,
ul#navigation li a#Stooktips:hover,
ul#navigation li a#Aanbiedingen:hover,
ul#navigation li a#HaardKiezen:hover,
ul#navigation li a#Showroom:hover,
ul#navigation li a#Home:hover,
ul#navigation li a#Vacatures:hover {
	background-position:0 -37px;
}

ul#navigation li.current a#Merken,
ul#navigation li.current a#Service,
ul#navigation li.current a#Onderhoud,
ul#navigation li.current a#Stooktips,
ul#navigation li.current a#Aanbiedingen,
ul#navigation li.current a#HaardKiezen,
ul#navigation li.current a#Showroom,
ul#navigation li.current a#Home,
ul#navigation li.current a#Vacatures {
	background-position:0 -74px;
}


table.businesshours{
	border-collapse: collapse;
	font-size: 12px;
	margin: 0 0 1em 0;
}
table.businesshours caption{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #222222;
	padding: 2px 4px;
}
table.businesshours colgroup{
}
table.businesshours col.days{
	width: 160px;
}
table.businesshours col.hours{

}
table.businesshours td{
	padding: 2px 4px;
}
table.businesshours tr.d td{
	background-color: black;
	border-bottom: 1px solid #222222;
}
table.businesshours tr.l td{
	background-color: #222222;
}
table.productinfo{
	border-collapse: collapse;
	font-size: 12px;
	margin: 0 0 1em 0;
}
table.productinfo colgroup{}
table.productinfo col.property{
	width: 160px;
}
table.productinfo col.value{}
table.productinfo tr.d td{
	background-color: black;
	border-bottom: 1px solid #222222;
}
table.productinfo tr.l td{
	background-color: #222222;
}
table.productinfo td{
	padding: 2px 4px;
}
div#BrandHolder{
	display: block;
	position: relative;
	width: 820px;
}
div#BrandSpecs{
	display: block;
	position: relative;
	width: 200px;
	margin: 0;
	padding: 0;
	border: 0;
}
.specselection{
	display: block;
	position: relative;
	width: 190px;
	margin: 0;
	padding: 0;
	border: 0;
}
p.formseperate{
	display: block;
	position: relative;
	width: 190px;
	height: 0px;
	margin-bottom: 20px;
	color: black;
	background-color: black;
}
div#BrandList{
	display: block;
	position: absolute;
	top: 0;
	left: 220px;
	width: 600px;
	height: 420px;
	margin: 0;
	padding: 0 0 5px 0;
	border: 0;
	background-color: black;
}
#BrandListFrame{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	background-color: black;
}
.SizeCell {
	text-align: right;
}
table.FormHolder {width: 600px; padding: 0; margin:0; border: 0; border-collapse: collapse;}
caption {text-align: left;}
td.FormGroupLabel {color: gray; font-weight: bold; padding: 15px 0 5px 0; /*background: url("../images/content_bg_top.png") bottom left no-repeat */; width: 570px;}
td.FormQuestionLabel {width: 300px; padding-right: 10px; text-align: left; vertical-align: top;}
td.FormQuestion {width: 300px; text-align: left; vertical-align: top;}
td.FormQuestionError { color: red;}
td.FormButtons {padding: 20px 0 10px 0; text-align: right;}
label.required {font-weight: bold;}
.TypeText input {width: 275px;}
.TypeNumber input {width: 50px;}
.TypeLetters input {width: 50px;}
.TypeDutchPostal input {width: 50px;}
.TypeDate input {width: 75px;}
.InfoLabel {color: gray; font-size: 8pt; padding: 0 0 0 10px;}
#DiscountList {
	display: block;
	position: relative;
	width: 615px;
}
#DiscountList dt {padding: 10px 0 5px 0;}
#DiscountList dd {display: block; position: relative; margin: 0 0 5px 0; padding: 0; border: 1px solid gray;}
.DiscountBrand {
	font-size: 14pt;
	font-weight: bold;
	color: gray;
	padding: 0;
	margin: 0 0 0.2em 0;
}
.DiscountLabel { display: block; position: relative; height: 81px; background-color: #111; padding: 0; margin: 0; border: 0;}
.DiscountPictureSmall {display: block; float: left; width: 75px; padding: 3px; cursor: pointer; cursor: hand;}
.DiscountPictureSmall img {display: block; border: 0; padding: 0; margin: 0;}
.DiscountFirePlaceName {display: block; position: relative; height: 25px; font-size: 12pt; font-weight: bold; border: 0; padding: 5px 0 0 0; margin: 0;cursor: pointer; cursor: hand;}
.DiscountValue {display: block; position: relative; border: 0; padding: 0; margin: 0 0 0 82px; }
.DiscountNormalPrice {display: block; position: relative; height: 16px; padding: 0; border: 0; margin: 0; }
.DiscountForPrice {display: block; position: relative; padding: 0; border: 0; margin: 5px 0 0 0; }
.DiscountPriceLabel {display: block; float: left; width: 50px;}
.DiscountPriceTag {display: block; float: left; width: 120px; text-align: right;}
.DiscountNormalPrice .DiscountPriceLabel {}
.DiscountNormalPrice .DiscountPriceTag { font-size: 10pt; text-decoration: line-through; padding: 0; border: 0; margin: 0; }
.DiscountForPrice .DiscountPriceLabel {padding-top: 4px;}
.DiscountForPrice .DiscountPriceTag { font-size: 14pt; color: #FFD535; padding: 0; border: 0; margin: 0; }
.DiscountInfo {display: none; position: relative;}
.DiscountDescription {display: block; position: relative; padding: 10px 15px 10px 0; text-align: justify;}
.DiscountPictureLarge { display: block; position: relative;}
.DiscountPictureLarge img {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	cursor: pointer; cursor: hand;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  /* for IE/Mac */
#MapHolder{}
#MapHolder {font-size: 8pt;}