@charset "utf-8";
/* CSS Document */

html {
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
}

body {
	margin:0px;
	padding:0px;
}

div,a,span,p,font,b,strong,u,i,em,um {
	font-family: Trebuchet MS;
	font-size: 9pt;
	font-style:italic;
	color: #3F4F59;
}

h1 {
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-style:italic;
	color: #600026;
}

div {
	padding:0px;
	margin:0px;
	border-width:0px;
	border-style: none;
}

div.centerdiv {
	width: 1084px;
	margin:0 auto;
	clear:both;
}

#main {
	width: 100%;
	height:500px;
	margin:0 auto;
	background-image:url('/layout/images/headerbg.jpg');
	background-repeat:repeat-x;
	position:relative;
}

#container {
	clear:both;
	position:relative;
}

#header_left { background-image:url('/layout/images/header_left.jpg'); }
#header_right { background-image:url('/layout/images/header_right.jpg'); clear:right;}
#header_left,
#header_right {
	width: 117px;
	height: 224px;
	position:relative;
	float: left;
	background-repeat:no-repeat;
}


#header_title {
	width: 850px;
	height: 224px;
	background-image:url('/layout/images/header.jpg');
	position:relative;
	float: left;
	/* Zorg er voor dat het submenu over het content vlak valt (IE7) */
	z-index: 1001;
}

#header_click {
	width:100%;
	height: 178px;
	float:left;
	clear:both;
	cursor:pointer;
}

#dealer_login {
	background-image:url("/layout/images/dealer-login.png");
	height:26px;
	position:absolute;
	right:7px;
	top:29px;
	width:76px;
	z-index:1000;
	cursor:pointer;
}

#topmenu {
/*	padding-top: 185px;*/
	clear: right;
}

#topmenu_pos1 {
	float:left;
}

#topmenu_pos2 {
	float:right;
}

#topmenu_pos1 div,
#topmenu_pos2 div {
	padding-top:9px;
}

#topmenu a {
	font-family: Trebuchet MS;
	font-size:10pt;
	font-style:italic;
	display:inline;
	text-decoration:none;
	white-space:nowrap;

}

#topmenu a.selected {
	font-weight: bold;
	font-style: normal;
}

#topmenu_btn1 a {
	color: #600026;
}

#topmenu_btn2 a,
#topmenu_btn3 a,
#topmenu_btn4 a,
#topmenu_btn5 a,
#topmenu_btn6 a {
	color: #FFFFFF;
	display:block;
}

#topmenu_btn2,
#topmenu_btn3,
#topmenu_btn4,
#topmenu_btn5,
#topmenu_btn6 {
	width:144px;
	height:34px;
	white-space:nowrap;
	display:block;
	text-align:center;
	float:left;
}

#topmenu div.dash {
	background-image: url('/layout/images/menu-dash.jpg');
	background-repeat: no-repeat;
	height: 34px;
	width: 3px;
	display:block;
	top:-35px;
	position:relative;
	float:right;
}

#topmenu_homebtn { margin-left: -60px;display:block;float:left; }
#topmenu_btn1 { margin-left: 75px;display:block; float:left; }
/* Specificaties blok */
#topmenu_btn6 { margin-right: 29px; display:block;float:right }

/* Submenu's */
#submenu_container {
	position:relative;
	overflow:visible;
	clear:both;
	/* Verberg schuif menu's totdat erc.js deze weer activeerd.
	   IE7 toont anders heel kort de submenu's wat storend is
	*/
	visibility:hidden;
}

#submenu_container div.submenu_slider {
	position:relative;
}

#submenu_container div.submenu_div {
	float:left;
	margin-top:-25px;
	padding-top:35px;
	position:absolute;
	top:-20px;
	z-index:1000;
}

#submenu_container div.btn_small {
	width: 137px;
	height: 30px;
	background-image:url('/layout/images/topmenu_btn_small.jpg');
}

#submenu_container div.btn_big {
	width: 203px;
	height: 30px;
	background-image:url('/layout/images/topmenu_btn_big.jpg');
}

#submenu_container div.btn_small,
#submenu_container div.btn_small a,
#submenu_container div.btn_big,
#submenu_container div.btn_big a {
	color: #600026;
	font-size:9pt; /* 10pt */
	font-style:italic;
	text-align:center;
	text-decoration:none;
	line-height:3.2; /* 2.2 */
}

#submenu_container div.btn_small a:hover,
#submenu_container div.btn_big a:hover {
	color: #4B5D68;
}


#submenu1 { left:38px; }

/* Zorg er voor dat door de grote padding en margin de content divs beperkt worden */
#content {
	overflow:hidden;
	
	/*  Position relative zorgt er voor dat de grote padding en margin voor de content vlakken
		afgekapt wordt in IE7. Maar verknalt submenu
		
	*/
	position:relative; 
}

/* Zorg er voor dat alle content divs even hoog zijn */
#content_side_left,
#content_side_right,
#content_left,
#content_right,
#content_left_popup,
#content_right_popup,
#content_full {
	padding-bottom:590px;
	margin-bottom:-590px;
}

/* Vlaggen iets van de bovenkant af*/
#content_side_right {
	margin-top: 7px;
}

#content_side_left,
#content_side_right {
	width:116px;
	position:relative;
	float: left;
}

#content_left,
#content_right {
	width: 425px;
	float: left;
}

#content_full {
	width: 850px;
	float:left;
	background-color: #FFFFFF;
	clear: right;
}

#content_left,
#content_left_popup {
	background-color: #FFFFFF;
}

#content_right,
#content_right_popup {
	width: 426px;
	clear:right;
}

#content_left_popup {
	width: 334px;
	float: left;
}

#content_right_popup {
	width: 516px;
	float: left;
}

/* Beschikbare korte informatie beperken bij item aan rechter kant op content pagina*/
#item_kort_info {
	width: 100%;
	height: 70px;
	overflow:hidden;
	margin-top:-12px;
}

div.content_margin {
	margin-top: 26px;
	margin-left: 34px;
	margin-right: 36px;
}


#footer_bg {
	width:851px;
	height: 75px;
	background-color:#F3F6F4;
	overflow:hidden;
}


#footer_line {
	float: left;
	width:851px;
	height: 3px;
	margin-top:4px;
	background-color: #600026;
	padding:0;
}

#footer_text {
	clear:both;
	display:block;
	float:left;
	text-align:center;
	width:100%;
	margin-top:25px;
	font-style:normal;
	font-weight:bold;
}

#footer_side_left,
#footer_side_right {
	width:116px;
	height: 1px;
	position:relative;
	float: left;
}




#sidebuttoncontainer {
	height:585px;
	left:12px;
	position:absolute;
	width:97px;
}

#sidebuttoncontainer div {
	background-image:url('/layout/images/sidetab-hor.png');
	background-position:bottom center;
	background-repeat:no-repeat;
	width: 104px;
	height: 34px;
	margin-top:15px;
	position:relative;
}

#sidebuttoncontainer div img.tab {
	padding-left:1px;
}

#sidebuttoncontainer div img {
	border-style:none;
}

#sidebuttoncontainer div.empty {
	background:transparent;
}

#sidebuttoncontainer div a {
	font-family: Trebuchet MS;
	color: #FFFFFF;
	font-size:10pt;
	font-style:italic;
	text-decoration:none;
	position:relative;
	top: -26px;
	left: 10px;
	display:block;
}


#flags {
	position:absolute;
	left: 0px;
	top:5px;
}

img.flag {
	padding-left: 5px;
	padding-right: 5px;
	cursor:pointer;
	border-style:none;
}

/* Foto kader */
#fotolijst,
#fotolijst_big {
	width:390px;
	height:290px;
	margin-left:-7px;
	margin-top: -18px;
}

#fotolijst_big {
	width: 488px;
	height: 356px;
}

#fotolijst_topleft,
#fotolijst_middleleft,
#fotolijst_bottomleft {
	width:35px;
}

#fotolijst_topright,
#fotolijst_middleright,
#fotolijst_bottomright {
	width:21px;
}

#fotolijst_topcenter,
#fotolijst_middlecenter,
#fotolijst_bottomcenter {
	width:334px;
}

#fotolijst_big_topcenter,
#fotolijst_big_middlecenter,
#fotolijst_big_bottomcenter {
	width:422px;
}



#fotolijst_topleft {
	float:left;
	height:20px;
	background-image:url('/layout/images/fotolijst_tl.png');
}

#fotolijst_topcenter,
#fotolijst_big_topcenter {
	float:left;
	height:20px;
	background-image:url('/layout/images/fotolijst_tbg.png');
	background-repeat:repeat-x;
}

#fotolijst_topright {
	float:left;
	height:20px;
	background-image:url('/layout/images/fotolijst_tr.png');
}

#fotolijst_middleleft,
#fotolijst_big_middleleft { 
	float:left;
	height:260px;
	background-image:url('/layout/images/fotolijst_lbg.png');
	background-repeat:repeat-y;
}

#fotolijst_special {
	width:35px;
	height:100%;
	background-image:url('/layout/images/fotolijst_special.png');
	background-repeat:no-repeat;
	background-position:bottom left;
}

#fotolijst_special img {
	border-style:none;
}

#fotolijst_special img.fotokader_titel {
	padding-left:8px;
}

#fotolijst_special img.vergrootglaswijzer {
	margin-left:-20px;
	cursor:pointer;
}

#fotolijst_special img.infowijzer {
	margin-left:-10px;
}

#fotolijst_special img.keuzewijzer {
	margin-left:-21px;
}

#fotolijst_middlecenter,
#fotolijst_big_middlecenter {
	float:left;
	height:260px;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
	background-color:#bcccc4;
}

#fotolijst_middleright,
#fotolijst_big_middleright {
	float:left;
	height:260px;
	background-image:url('/layout/images/fotolijst_rbg.png');
	background-repeat:repeat-y;
}

#fotolijst_big_middleright {
	width: 31px;
}
	
#fotolijst_bottomleft {
	float:left;
	height:22px;
	background-image:url('/layout/images/fotolijst_bl.png');
}

#fotolijst_bottomcenter,
#fotolijst_big_bottomcenter {
	float:left;
	height:22px;
	background-image:url('/layout/images/fotolijst_bbg.png');
	background-repeat:repeat-x;
}

#fotolijst_bottomright {
	float:left;
	height:22px;
	background-image:url('/layout/images/fotolijst_br.png');
}


#fotolijst_big_middleleft,
#fotolijst_big_middlecenter,
#fotolijst_big_middleright {
	height: 320px;
}

/* Item lijst */
#itemlijst {
	height:auto;
	width:426px;
	/* Bij lange pagina's moet het blok onder de foto's komen te staan
	position:absolute;
	bottom:0px;*/
}

/* Itemlijst op download pagina is breder*/
#downloadlijst #itemlijst {
	width: 516px;
}

#itemlijst ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#itemlijst ul li {
	float:left;
	width: 50%;
	height: 27px;
	overflow:hidden;
}

#itemlijst ul li img {
	border-style:none;
	padding-right:6px;
	vertical-align:middle;
	padding-left:10px;
}

/* Andere instellingen voor icon op download pagina */
#downloadlijst #itemlijst ul li img {
	padding-right:6px;
	margin-top:2px;
}

#downloadlijst #itemlijst ul li img.no_padding {
	padding-left: 0px;
}



#itemlijst ul li a,
#itemlijst ul li a:link,
#itemlijst ul li a:active,
#itemlijst ul li a:visited {
	color: #4A5C68;
	font-family: Trebuchet MS;
	font-size: 9pt;
	font-style:italic;
	font-weight:bold;
	text-decoration: none;
}

#itemlijst ul li a:hover,
#itemlijst ul li a.selected {
	color: #600026;
}

#itemlijst ul li.bg {
	/*background-color: #D1DBD6;*/
}

#sluit_knop {
	float:right;
	width:86px;
	height:21px;
	margin-top:10px;
	background-image: url('/layout/images/sluiten.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

#cmslink {
	float:right;
	width:25px;
	height:25px;
}

#flashmovie_big {
	text-align:center;
}

#flashmovie {
	z-index:999;
	position:relative;
}

#flashobjectoverlay {
	z-index:100001;
	display:block;
	background-color:#FFFFFF;
}

#flashobject,
#flashobjectoverlay {
	position:absolute;
	top:22px;
	left:35px;
}

#fotolijst_big #flashobject {
	left: 31px;
}

#itemhr {
	background-color:#dfe6e3;
	width:377px;
	height:3px;
	margin-top:5px;
	margin-bottom:5px;
}

#downloadlijst #itemhr {
	width: 465px;
}

#dealerdownloads dt,
#product_table dt {
	text-transform:uppercase;
	font-weight:bold;
	position:relative;
	clear:both;
	padding-top:15px;
	padding-bottom:2px;
	margin-bottom:5px;
	margin: 4px 0px;
	width:600px;
	border-bottom:3px solid #DFE6E3; 	
}

#dealerdownloads dt {
	width: 700px;
}

#dealerdownloads dd,
#product_table dd {
	width:100%;
	position:relative;
	clear:both;
}

#dealerdownloads dd div,
#product_table dd div {
	float:left;
	position:relative;
}

#product_table dd div.c1 { width: 300px; }
#product_table dd div.c2 { width: 150px; }
#product_table dd div.c3 { width: 150px; }

#dealerdownloads dd div.c1 { width: 200px; }
#dealerdownloads dd div.c2 { width: 140px; text-align:center; }
#dealerdownloads dd div.c3 { width: 180px; }
#dealerdownloads dd div.c4 { width: 100px; }
#dealerdownloads dd div.c5 { width: 40px; text-align:center; }

#lichtkrant {
	display:block;
	position:absolute;
	width: 737px;
	height:30px;
	background-image: url('/layout/images/lichtkrant-pause.png');
	top:3px;
	left:393px;
}

#lichtkrant_toggle {
	display:block;
	float:left;
	cursor:pointer;
	width:27px;
	height:30px;
}

#lichtkrant_scroller {
	display:block;
	float:left;
	overflow:hidden;
	height:20px;
	width:485px;

	top:5px;	
	left:10px;
	position:relative;
	
	font-family:"Trebuchet MS";
	font-style:italic;
	font-size:12px;
	color:#82938d;
}

#lichtkrant_scroller a {
	color:#82938d;
}

#lichtkrant_scroller ul {
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-type:none;
	position:relative;
	width:100000px;
	left:0px;
}

#lichtkrant_scroller ul li {
	float:left;
	padding-right:5px;
	position:relative;
}

/*
 * Orderform 
 */

ul#orderform {
	margin:4px 0;
	padding:15px 0 0;	
}

/**
 * Hack voor Fx.Slide - Zonder list-style werkt de slide-out niet 
 */
ul#orderform,
ul#orderform ul {
	list-style-image:url('/layout/images/spacer.gif');

}

ul#orderform div.next_step,
ul#orderform div.group,
ul#orderform div.product {
	border-bottom:3px solid #DFE6E3;
	clear:both;
	font-weight:bold;
	margin:4px 0;
	padding-bottom:2px;
	position:relative;
	text-transform:uppercase;
	width:535px;
}


div.next_step {
	text-transform:none!important;
	border-bottom-width:0px!important;
	text-align:center;
}


ul#orderform div.product {
	width: 495px;
	margin:0 0 2px;
	text-transform:none;
	border-bottom-width:1px;
	padding-bottom:2px;
	background-color:#f2f2f2;
	height:18px;
}
ul#orderform div.product div.text {
	float:left;
	display:block;
}

ul#orderform div.product div.toggler {
	float:right;
	font-style:normal;
	margin-right:17px;
}

ul#orderform ul.articles {
	padding:0px;
	margin:0px;
}

li.article {
	line-height:2;
	clear:both;
}

li.article div {
	display:block;
	float:left;
	overflow:hidden;
}

li.article div.c1 { width: 75px; font-weight: bold;}
li.article div.c2 { width: 275px; font-style:italic; }
li.article div.c3 { width: 20px; text-align:center; }
li.article div.c4 { width: 75px; text-align:right; }
li.article div.c5 { width: 50px; text-align:center; }

li.article div.c5 input { text-align: center; width: 20px;}

.text_right {
	text-align:right;
}

