/* default configuration */
* { margin: 0px; padding: 0px; } /* remove all browser specific default spacing */
body, html { height: 100%; }
body {
	background: #E3E1D5;
	font: normal 62.5%/1.8em tahoma, verdana, arial, sans-serif; /* 62.5% makes 1em ~ 10px */
	line-height: 1.4em;
	color: #000;
}

h1 { font: bold 1.6em/1.2em "Trebuchet MS", Arial, Verdana; color: #664D43; letter-spacing:-0.0em; margin-bottom: 5px;  }
h2 { font: bold 1.5em/1.2em "Lucida Sans Unicode", Verdana; color: #000; }
h3 { font: 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #000; }
h4 { font: 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #000; }
h5 { font: 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #000; }

img {	border: 0; display: block; }
a { color: #776761; text-decoration: none; }
a:hover { text-decoration: none; color: #000; }
p { margin: 0 0 1.0em 0; }
ul { list-style: none; }

fieldset { border: 0; }
input, textarea, select { font: normal 1.0em/normal tahoma, verdana, arial, sans-serif; }

.photoIndex a {
	display: block;
	overflow: hidden;
	width: 284px;
	background: url(/images/icon_zipfile.gif) left top no-repeat;
	padding-left: 24px;
}

.navigatieLinks a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B2B2B2;
	margin-top:4px;
	margin-bottom:0px;
}

.next {
	color: #776761;
}

.previous {
	color: #776761;
}

.activePage {
	color: #DF7903;
}

#stage {
	background: #E3E1D5 url(/images/stage.gif) left top no-repeat;
	width: 950px;
	height: 600px;
	position: absolute;
	margin-left: -475px;
	margin-top: -300px;
	top: 50%;
	left: 50%;
}

#flashHome {
	position: absolute;
	top: 108px;
	right: 50px;
}

#flashBrands {
	position: absolute;
	top: 108px;
	right: 50px;
}

.homebutton {
	position: absolute;
	top: 47px;
	left:5px;
}

.bar {
	position: absolute;
	width: 847px;
	height: 18px;
	top: 89px;
	right: 50px;
	background: url(/images/bar.gif) left top no-repeat;
	color: #fff;
	font-size: 1.1em;
	line-height: 17px;
	text-indent: 20px;
}

.bar a {
	color: #fff;
	text-decoration: none;
	margin: 0px 20px 0px 0px;
}

.bar a:hover, .bar a.active {
	color: #56443D;
}

#prodOff, #catForm {
	display: none;
}

#catForm {
	position: absolute;
	width: 670px;
	height: 427px;
	z-index: 60;
	top: 108px;
	right: 50px;
}

#catForm .content {
	background: #FFFFFF;
	width: 588px;
	height: 358px;
	border: 1px solid #E3E1D8;
	padding: 20px 40px 20px 40px;
	overflow: hidden;
	font: normal 1.1em/1.8em tahoma, verdana, arial, sans-serif; 
}

#catForm .butOff {
	background: #FFFFFF;
	width: 100%;
	height: 26px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	z-index: 61;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.50; opacity:0.50;
}

#catForm .close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.topMenu {
	position: absolute;
	top: 56px;
	left: 54px;
}

.topMenu a {
	display: block;
	float: left;
}

.topMenu img {
	display: block;
	float: left;
}

.topMenu .divider {
	padding: 0px 12px 0px 12px;
}

.payoff {
	position:absolute;
	top: 530px;
	left: 370px;
}

.language {
	position: absolute;
	height: auto;
	width: 20px;
	right: 12px;
	top: 72px;
}

.productline {
	background: #DAD7C8; 
	width: 136px;
	height: 390px;
	position: absolute;
	left: 53px;
	top: 108px;
	padding: 10px 20px 0px 20px;
	z-index: 51;
	font-size: 1.1em;
}

.productline a {
	display: block;
	color: #56443D;
	font-size: 1.1em;
	text-decoration: none;
	line-height: 1.8em;
	font-size: 1.0em;
	margin: 0px -20px 0px -20px;
	padding: 0px 20px 0px 20px;
}

.productline a:hover, .productline a:active {
	background: #BAB59D;
	margin: 0px -20px 0px -20px;
	padding: 0px 20px 0px 20px;
	color: #fff;
}

.productline h1 {
	font-style:italic;
}

.contentLand {
	background: #DAD7C8; 
	width: 307px;
	height: 390px;
	position: absolute;
	left: 53px;
	top: 108px;
	padding: 10px 20px 0px 20px;
	z-index: 51;
	overflow: show;
	font-size: 1.1em;
	line-height: 1.8em;
}

.contentLand .land {
	width: 285px;
	height: 350px;
	right: 20px;
	bottom: 20px;
	position: absolute;
}

.contentLand .land.nederland {
	background: #DAD7C8 url(/images/nederland.gif) top left no-repeat;
}

.contentLand .land.belgie {
	background: #DAD7C8 url(/images/belgie.gif) top left no-repeat;
	width: 300px;
}

.contentLand .land.duitsland {
	background: #DAD7C8 url(/images/duitsland.gif) top left no-repeat;
	width: 285px;
}

.contentProvincie {
	width: 125px;
	height: 378px;
	position: absolute;
	left: 401px;
	top: 108px;
	padding: 10px 10px 10px 20px;
	border: 1px solid #E3E1D8;
	font-size: 1.1em;
	line-height: 1.8em;
	z-index: 51;
	overflow: hidden;
}

.contentProvincie a.active {
	font-weight: bold;
	color: #000;
}

.contentProvincie .scroll-pane { height: 350px; overflow: auto; }

.contentDealers {
	width: 319px;
	height: 378px;
	position: absolute;
	right: 50px;
	top: 108px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #E3E1D8;
	font-size: 1.1em;
	line-height: 1.8em;
	overflow: hidden;
}

.contentDealers h1 {
	padding: 0px 0px 0px 10px;
}

.contentDealers .scroll-pane { height: 350px; overflow: auto; }

.contentDealers .nodealers {
	padding-left: 10px;
}

.contentDealers .dealerNaam {
	display: block;
	float: right;
	cursor: pointer; cursor: hand;
	width: 180px;
	clear: both;
}

.contentDealers table a {
	background: #fff url(/images/plus.gif) left 3px no-repeat;
	padding: 0px 0px 0px 15px;
}

.contentDealers .dealerInfo {
	float: right;
	width: 180px;
	display: none;
}

.contentDealers .dealerInfo a {
	background: #fff url();
	padding: 0px 0px 0px 0px;
	display: block;
}

.contentBox {
	background: #DAD7C8 url(/images/bckgnd_content.gif) left top; 
	width: 292px;
	height: 390px;
	position: absolute;
	left: 53px;
	top: 108px;
	padding: 10px 10px 0px 20px;
	z-index: 51; 
	font-size: 1.1em;
	line-height: 1.8em;
}

.contentBox .scroll-pane { width: 100%; height: 345px; overflow: auto;  }

.contentBox .scroll-pane a { width: 240px; }

.bigImage {
	position: absolute;
	top: 108px;
	right: 50px;
}

.contentLeft {
	width: 282px;
	height: 390px;
	position: absolute;
	left: 53px;
	top: 108px;
}

.contentRight {
	width: 502px;
	height: 378px;
	position: absolute;
	right: 50px;
	top: 108px;
	padding: 10px 40px 10px 40px;
	border: 1px solid #E3E1D8;
	font-size: 1.1em;
	line-height: 1.8em;
	overflow: hidden;
}

.contentRight .adresLeft {
	width: 150px;
	display: block;
	float: left;
	font-size: 1.0em;
	line-height: 1.8em;
	
}

.contentRight .adresRight {
	display: block;
	font-size: 1.0em;
	line-height: 1.8em;
	margin-bottom: 20px;

}

.productline.alpha {
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.50; opacity:0.50;
	display: none;
}

.info {
	position: absolute;
	top: 20px;
	left: 177px;
	width:auto;
	display: block;
	z-index: 100;
	display: none;
	filter: alpha(opacity=75);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity: 0.75; opacity:0.75;
}

.productinfo {
	position: relative;
	width: 219px;
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60; opacity:0.60;
	background: #FFFFFF;
	padding: 10px 20px 10px 20px;
	font-size: 1.0em;
	line-height: 1.8em;
	z-index: 100;
}

.productinfo a {
	display: inline;
}

.productinfo a:hover {
	background: #FFFFFF;
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 0;
	padding: 0;
	color: #000;
}

.productheader {
	background: #BAB59D;
	position: relative;
	width: 219px;
	color: #fff;
	font: normal 1.0em/1.8em tahoma, verdana, arial, sans-serif;
	height: 20px;
	padding: 0px 20px 0px 20px;
}

.productheader img {
	float: right;
	padding-top: 5px;
	padding-right: 0px;
}


.productline .buttons {
	width: 177px;
	position: absolute;
	bottom: 0px;
	margin: 0px -20px 0px -20px;
}

.productline .buttons a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 87px;
	text-align: center;
	background: #776761;
	float: left;
	color: #fff;
	font-size: 1.0em;
	line-height: 1.6em;
	height: 18px;
	text-decoration: none;
	border-top: 1px solid #fff;
}

.productline .buttons a:hover {
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 87px;
	text-align: center;
	background: #E1963E;
	float: left;
	color: #fff;
	font-size: 1.0em;
	line-height: 1.6em;
	height: 18px;
	text-decoration: none;
	border-top: 1px solid #fff;
}

#formulier label {
	width: 100px;
	float: left;
	display: block;
	margin: 3px 0px 3px 0px;
	padding: 1px 0px 0px 2px;
	height: 16px;
	clear: both;
}

#formulier input {
	margin: 2px 0px 3px 0px;
	background-color: #F1F0EB;
	border: 0px;
	height: 18px;
	width: 250px;
	padding: 2px 0px 0px 2px;
}

#formulier textarea {
	margin: 2px 0px 3px 0px;
	background-color: #F1F0EB;
	border: 0px;
	height: 60px;
	width: 250px;
	padding: 2px 0px 0px 2px;
}

#formulier select {
	margin: 2px 0px 3px 0px;
	background-color: #F1F0EB;
	height: 18px;
	border: 0px;
	width: 250px;
	padding: 0px 0px 0px 0px;
}

.footer {
	position: absolute;
	width: auto;
	top: 585px;
	right: 50px;
	font-size: 1.1em;
	color: #776761;
}

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