* {
	margin:0;
	padding:0;
	outline:0;
}

#container {
	width:980px;
	/*height:620px;*/
	/* height:605px; 620px - 15px te hoog */
	height:625px;
	line-height:21px;
	margin:0 auto;
	position:relative;
	background:#fff;
}

/* main */
#main			{ 
	border-left:1px solid #a38634;
	width:927px;
	position:absolute;
	right:0;
	/*overflow:hidden;*/
}

#extranet #main {
	border-left:1px solid #002642;
}


/* header */
#header 				{ padding:20px 15px; margin-left:35px; position:relative; z-index:60; }
#header #logo 			{ float:left; padding-right:15px; border-right:1px solid #b2bdc6; }
#slogan					{ float:left; margin-left:15px; }

#top_links				{ position:absolute; top:0; right:15px; font-size:11px; }
#top_links a			{ background:url(/img/layout/top_link_bg.gif) 0% 0% no-repeat; width:62px; height:16px; float:left; text-align:center; line-height:16px; margin-left:5px; }
#top_links a.active		{ font-weight:bold; color:#002642; }

/* header klantnaam */
#klant_naam {
	line-height:14px;
	font-size:10px;
	position:relative;
	margin-top:15px;
	float:right;
}


/* header dropdown */
.dropdown {
	background:url(/img/layout/dropdown_bg.gif) 95% 4px no-repeat;
	font-size:10px;
	line-height:14px;
	height:14px;
	width:110px;
	color:#a38634;
	border:1px solid #a38634;
	padding-left:5px;
	position:relative;
	cursor:pointer;
	z-index:70;
}

#dropdown {
	margin-top:20px;
	float:right;
	padding-right:20px;
}


/* kerst actie */
#header_kerst { position:relative; z-index:60; margin-left:15px; width:980px; }
#header_kerst #logo 			{ float:left;  }
#header_kerst #top_links { right:30px;}
#header_kerst #dropdown	{ top: 20px; right:30px;}

#quicklinks {
	float:left;
	border:0;
	font-size:11px;
	height:32px;
	line-height:32px;
	width:140px;
	background:none;
	padding:0;
}

#quicklinks a {
	border:0;
	padding:0 10px;
}

.dropdown ul {
	position:absolute;
	top:14px;
	left:-1px;
	right:-1px;
	list-style:none;
	padding:0;
	margin:0;
	background:#fff;
	border:1px solid #a38634;
	z-index:95;
	display:none;
}

#quicklinks ul {
	top:-150px;
	list-style:none;
	list-style-position:inside;
	line-height:14px;
	border:1px solid #a38634;
}

.dropdown li {
	float:left;
	width:100%;
	clear:both;
}

.dropdown ul a {
	display:block;
	margin:0;
	padding:0 5px;
}
.dropdown ul a:hover {
	background:#eee;
	text-decoration:underline;
}
.dropdown.show ul {
	display:block;
}


/* menu */
#menu 			{
	height:23px;
	position:relative;
	width:928px;
	background:url(/img/layout/menu_bg.jpg) 0% 0% no-repeat;
	clear:both;
	z-index:50;
}

#submenu ul.show { display:block; }

#extranet #menu { background:url(/img/layout/extranet_bg.jpg) 0% 0% no-repeat; }

#menu ul				{ position:absolute; top:0; left:5px; width:100%; list-style:none; margin:0; }
#menu li 				{ list-style:none; float:left; line-height:23px; list-style:none; margin:0; }
/* #menu li ul			{ display:none; position:absolute; top:23px; left:-1px; border-bottom:1px solid #f6f3ea; border-right:1px solid #f6f3ea; background:#ede7d6; padding:1px; padding-top:0; } 
#menu li ul li 			{ line-height:21px; font-size:11px; background:#fff; }*/

#submenu 				{ position:relative; background:#fff; height:25px; /*width:100%; margin-top:-25px;*/ z-index:20;}
#submenu ul 			{ display:none; border-bottom:1px solid #f6f3ea; border-right:1px solid #f6f3ea; background:#ede7d6; padding:1px; padding-top:0; position:absolute; z-index:69; top:1px; }
#submenu li 			{ background:#fff; overflow:visible; float:left; list-style:none; line-height:21px; font-size:11px; }

#submenu ul.active 		{ display:block; }

#menu li.active			{ background:#fff; line-height:20px; margin-top:3px; }
#submenu li.active 		{ background:url(/img/layout/sub_active_bg.gif) 50% 100% no-repeat #fff; margin:0; line-height:21px; }
#submenu li.active a	{ color:#002642; }

#menu li a,
#submenu li a			{ /*background:url(/img/layout/menu_bg.gif) 0% 50% no-repeat transparent;*/ border-left:1px solid #fff; }
#menu .active a,
#submenu .active a		{ color:#002642; border:0; }

#extranet #menu .active a {
	color:#a38634;
}

#menu a,
#submenu a				{ text-decoration:none; color:#fff; padding:0 10px; }
#submenu .active a		{ color:#a38634; border-right:1px solid #d2c39b;  }

#menu ul a.no-border,
#submenu ul a.no-border	{ border:0; }

#menu li a:hover,
#submenu li a:hover,
#menu .active li a:hover,
#submenu .active li a:hover { 
	text-decoration:underline;
}

#menu #logout {
	float:right;
	position:absolute;
	right:0;
}

#menu #switch_web,
#menu #switch_klant {
	float:right;
	position:absolute;
	right:0;/*104px;*/
}

#menu #switch_web a {
	border:0;
	padding-right:35px;
	background:url(/img/terugnaarwebsite.gif) 90% 50% no-repeat;
}

#menu #switch_klant a {
	border:0;
	padding-right:35px;
	background:url(/img/klantenservicepijl.gif) 90% 50% no-repeat;
}

#menu #logout a {
	padding-right:35px;
	background:url(/img/layout/icon_logout.gif) 85% 50% no-repeat;
}

/* content */
#content {
	position:absolute;
	bottom:8px;
	z-index:50;
	clear:both;
	padding:20px 30px; 
	color:#002642;
	background:#fff;
	width:365px; /* 425px - 60px padding */
	/*height:423px;  463px - 60px padding */
	height:418px;
	overflow:auto;
	overflow-x:hidden;
	margin-left:5px;
}
#content h2.quote 		{ text-align:center; }
#content .quote span 	{ display:block; padding:0 5px; }


/* popup */
#popup {
	padding:20px 30px; 
	color:#002642;
	line-height:21px;
}


#content p,
#popup p 				{ padding-bottom:15px; }


/* aanbiedingen */
#flashbanner {
	position: absolute;
	left:-38px;
	top:-72px;
	z-index: 999;
}
#aanbieding_flash {
	position:absolute;
	bottom:18px;
	z-index:100;
}
table#aanbieding {
	margin-top:5px;
	width:100%;
}

table#aanbieding td {
	width:50%;
	padding:0;
}

#aanbieding .header {
	font-weight:bold;
}

#aanbieding .opmerking,
.opmerking {
	font-size:10px;
	color:#999;
	padding-top:5px;
	line-height:10px;
}

#aanbieding .uitleg {
	padding-right:19px;
	background:url(/img/layout/icon_vraag.gif) 100% 50% no-repeat;
}

#aanbieding_foto {
	position: relative;
	width: 363px;
	height: 75px;
	overflow: hidden;
}
#aanbieding_foto img {
	bottom: 0;
	position: absolute;
}

#aanbieding_klik {
	position: absolute;
	top: 47px;
	right: 2px;
}

#aanbiedingen_thumb {
	list-style:none;
	margin:0 0 12px 0;
	width:365px;
}

#aanbiedingen_thumb li {
	width:45px;
	height:41px;
	float:left;
	overflow:hidden;
	margin:8px 28px 12px 0;
}

.enkele_aanbieding {
	height:110px;
	border-width:1px 0 0 0;
	border-style:dotted none none none;
	border-color:#ccc;
}

.enkele_aanbieding_bottom {
	height:15px;
}

.plaatje_aanbieding {
	width:93px;
	height:91px;
	margin:0 10px 0 8px;
	padding:9px 0 0 0px;
	overflow:hidden;
	float:left;
	position:relative;
}
.plaatje_aanbieding img {
	bottom: 0;
	right: 0;
	position: absolute;
}

.aanbieding_informatie {
	padding:6px 0 0 0;
	margin:0 0 0 0;
	cursor:pointer;
}

.aanbieding_informatie strong {
	font-size:1.17em;
	color:#a38734;
	font-weight:400;
}
.aanbieding_informatie big {
	font-size:1.50em;
	font-weight:normal;
}

.aanbieding_informatie a {
	font-size:0.92em;
	color:#a38734;
	font-weight:normal;
}

.aanbieding_info {
	margin:0 0 1px 0;
	padding:0;
	width:225px;
	vertical-align:middle;
}

.aanbieding_info tr {
	padding:0;
	margin:0;
}

.aanbieding_info td.tekst{
	padding:0;
	margin:0;
	width:70px;
	vertical-align:middle;
	line-height:1.45em;
}

.aanbieding_info td.inhoud {
	width:auto;
	margin:0;
	padding:0;
	vertical-align:middle;
	line-height:1.45em;
}

.aanbieding_info td.prijs {
	line-height:1.55em;
}

.aanbieding_zoom {
	position: absolute;
	bottom: 6px;
	right: 5px;
}

/* nieuws */
.news_item 				{ border-bottom:1px dotted #ccc; margin-bottom:5px; }
.news_item .image		{ float:left; padding:1px; border:1px solid #a38634; margin-right:15px; margin-bottom:15px; margin-top:4px; height:95px; overflow:hidden; }
.news_item p			{ padding-bottom:10px; }

.news_section			{ height:95px; width:175px; position:relative; margin-top:5px; clear:left; }
.news_section .right	{ margin-left:5px; }
.news_section .text		{ margin-top:2px; }
.news_section .button 	{ position:absolute; bottom:0; left:0; line-height:0; }

#overig_nieuws			{ padding:0; margin:0; }
#overig_nieuws li		{ list-style:none; list-style-position:outside; padding:0; padding-left:10px; margin:0; background:url(/img/layout/icon_overig_nieuws.gif) 2px 50% no-repeat; }


/* tabs */
#tabs 					{ margin-top:15px; }
#tabs ul 				{ list-style:none; margin:0; background:url(/img/layout/tab_bg.gif) 0% 100% repeat-x; height:26px; }
#tabs li 				{ float:left; margin-right:5px; margin-bottom:-1px; }
#tabs li a 				{ display:block; padding:0 10px; line-height:24px; border:1px solid #e5e9ec; border-bottom:0; color:#b2bdc6; background:#fff; }
#tabs .selected a 		{ color:#a38634; border:1px solid #b2bdc6; border-bottom:1px solid #fff; }
#tabs li a:hover 		{ text-decoration:none; }

#tabs .yui-content 				{ clear:both; }
#tabs .yui-content fieldset 	{ margin-top:15px; padding:0 10px; }
#tabs .yui-content fieldset p 	{ padding-top:10px; }
#tabs .yui-content .route_form 	{ width:170px; margin-right:-10px; }

#tabs .phone,
#tabs .tradeport 		{ padding-left:20px; }
#tabs .phone 			{ background:url(/img/layout/icon_phone.gif) 0% 50% no-repeat; }
#tabs .tradeport		{ background:url(/img/layout/icon_tradeport.png) 0% 50% no-repeat; }
#tabs .email			{ color:#002642; }

#tabs .cart a	 		{ background:url(/img/layout/icon_cart.gif) 15% 50% no-repeat; padding-left:25px; border:1px solid #e4d4a6; border-bottom:0; }
#tabs .cart 			{ background:url(/img/layout/cart_bg.jpg) 0% 100% repeat-x; }

fieldset#utrecht strong,
fieldset#venlo strong,
fieldset#outlet strong	{ color:#a38634; }

/* webshop */
.products .product 		{ border-bottom:1px solid #d1d7dd; padding-top:15px; padding-bottom:10px; }
.products .product img	{ float:left; margin-right:15px; }
.products a				{ font-size:11px; }
.products span 			{ display:block; float:right; color:#92782f; }
.products span input	{ margin-left:5px; }
.products .more_info	{ clear:both; padding-bottom:15px; overflow:auto; width:100%; }
.products .more_info a	{ margin-left:15px; float:left; }
.products .price		{ font-size:12px; float:left; clear:left; font-weight:bold; width:100px; text-align:center; }

form input,
form select,
form label				{ vertical-align:middle; }

#steps					{ width:100%; overflow:auto; list-style:none; padding:0; margin:0; border-bottom:1px solid #eee; margin-bottom:15px; }
#steps li				{ float:left; width:25%; font-size:11px; }
#steps li a				{ color:#cacaca; }
#steps li.current a		{ color:#a38634; }
#steps .pijl			{ background:url(/img/layout/icon_webshop_pijl.gif) 95% 50% no-repeat; }

#cart table 			{ width:100%; }
#cart td				{ width:25%; vertical-align:middle; font-size:11px; }
#cart .header td,
#cart .footer td		{ font-weight:bold; }
#cart .header td,
#cart .product td		{ border-bottom:1px solid #eee; }
#cart .green			{ color:#a38634; }
#cart input,
#cart img	 			{ vertical-align:middle; }

#step_nav				{ border-top:1px solid #eee; width:100%; }
#step_nav td			{ padding:5px 0; }

#payment_method 		{ padding:5px 0; margin-top:5px; border-top:1px solid #eee; }
#payment_method ul		{ list-style:none; padding:0; margin:0; }

#payment_method li 		{ display:block; float:none; list-style:none; margin:0; padding:0; list-style-position:outside; }

#payment_method img,
#payment_method label,
#payment_method input	{ vertical-align:middle; }

#payment_method label a { vertical-align:baseline; }

#payment_method li input {
	margin-right:5px;
}


/* vlekkenwijzer */
#anchors {
	text-align:center;
	padding-top:15px;
}

#vlekken td {
	border-top:1px dotted #eee;
}

#vlekken .type {
	width:30%;
}


/* faq */
#faq_list ol			{ 
	padding-bottom:15px;
	margin:0;
	padding:0;
	font-size:12px;
	padding-bottom:15px;
	list-style:none;
	border-top:1px dotted #ddd;
}
#faq_list h4			{ border-bottom:1px dotted #ddd; position:relative; font-size:12px; cursor:pointer; }
#faq_list .vraag		{ margin-top:5px; }
#faq_list .closed p		{ display:none; cursor:default; opacity:0; }

table td 				{ /*border-bottom:1px solid #ccc;*/ padding:0 5px; }


/* In de media */
.media {
	border-bottom:1px dotted #ccc;
	padding:10px 0;
	font-size:11px;
}
.media a.pdf {
	margin-top:15px;
	padding-left:22px;
	background:url(/img/pdf.gif) 0% 50% no-repeat;
	line-height:16px;
	display:block;
}
.media h4 {
	font-size:12px;
}


/* pers */
#press {
	text-indent:0;
	list-style:none;
	list-style-position:outside;
	padding:0;
	padding-top:15px;
	margin:0;
}

#press li {
	list-style:none;
	list-style-position:outside;
	float:left;
	padding:0;
	margin:1px;
}
#press a {
	display:block;
	padding:0;
	margin:0;
}
#press .news_section,
#press #nieuwsbrief_form { clear:both; float:left; }


/* homelink */
#homelink 				{ position:absolute; left:15px; }


/* footer */
/*#footer {
	height:32px;
	line-height:32px;
	width:928px;
	font-size:11px;
	color:#ad8c2f;
	position:absolute;
	bottom:0;
	right:10px;
	clear:right;
}*/

#footer {
	height:32px;
	line-height:32px;
	width:923px; 
	font-size:11px;
	color:#ad8c2f;
	position:absolute;
	bottom:-5px;
	padding-right:10px;
	right:0;
	clear:right;
	background:#fff;
}

#footer a 				{ color:#ad8c2f; text-decoration:none; }
#footer .left a			{ padding:0 10px; border-right:1px solid #ad8c2f; }
#footer .right a 		{ border-left:1px solid #ad8c2f; padding-left:10px; margin-left:10px; }
#footer a:hover 		{ color:#002642; }


/* MAATWERK */
div#collectie, div#maatwerk{ padding:0 15px; padding-top:-10px; }
div#maatwerk {
	position:absolute;
	bottom:0;
	/*z-index:50;*/
	clear:both;
	padding: 29px; 
	color:#002642;
	background:#fff;
	width:100%;
	 /* 425px - 60px padding */
	/*height:423px;  463px - 60px padding */
	height:409px;
	overflow:auto;
	overflow-x:hidden;
	
}


div#maatwerk.fixedwith {
	position:absolute;
	bottom:0;
	/*z-index:50;*/
	clear:both;
	padding:20px 30px; 
	color:#002642;
	background:#fff;
	width:611px; /* 425px - 60px padding */
	/*height:423px;  463px - 60px padding */
	height:409px;
	overflow:auto;
	overflow-x:hidden;
	margin-left:5px;
}

#extra { padding:0 0 0 20px;}
div#maatwerk  hr { padding:0; margin:0; border:0; height:1px; line-height:1px; background:#d4d4d4; color:#d4d4d4; margin-bottom:10px;}
table.formulier { padding-left:10px;}

#HierarchicalSelectForm strong { font-size: 12px;}
#HierarchicalSelectForm strong span { color:#a18834;}
table.personalform { margin:0; padding:0; }
.personalform input { height: 20px; font-size: 11px; }
.personalform textarea {width: 250px; height: 150px; }
.error { color: red; }

ul.cards, ul.cards li, ul.cards li a { float: left; list-style: none; margin:0; padding:0;}
ul.cards li { text-align: center; font-size:14px; line-height: 18px; margin-right: 8px; position:relative; }
ul.cards li a { display:block; width: 163px; height:168px; border: solid 1px #a28633; padding-top: 4px;}
ul.cards li a:hover  { border: solid 1px #cdba92; background-color:#f8f2e2;text-decoration: none; }

ul.cards li span.klein {  font-size:12px; }
ul.cards li a span.pfoto { position:relative; color:#b4b4b4; font-weight: bold; text-decoration: none;}

ul.cards li a:hover span.pfoto { text-decoration:none; display:block; }

ul.cards li small { display: block; width: 84px; height: 19px; background:url(/img/offerte.gif); overflow:hidden; text-indent: -100px; position: absolute; top: 147px; right:8px;}
a.orange_big { display: block; width: 140px; height: 19px; background:url(/img/offerte2.gif) bottom no-repeat; margin-left: 7px; padding-top:15px; overflow:hidden; text-indent: -150px; }

/* COLLECTIE */
div#collectie h1 { height: 35px;/* overflow:hidden;*/} 
div#collectie h4 { line-height: 16px; }

div#collectie .item { padding: 4px 0 0 4px; margin:0 5px 0 0px; float:left; width:290px; height:105px; overflow:hidden;}
div#collectie .item.over  { background:#f4ecd5; border:none; cursor:pointer;}

p.opmerking2 {
	font-size:10px;
	color:#999;
	line-height:13px;
	margin-bottom: 5px;
	margin-top: 0;
}

div#collectie .item div.info { float:left; font-size:11px; width:170px;}
div#collectie .item div.info {}
div#collectie .item div.info h4 a { display:block; width:175px; }

div#collectie .item div.info dt, div#collectie .item div.info dd { float:left; width:60px; display:block;}
div#collectie .item div.info dd { overflow: hidden; width:90px; position:relative; }
div#collectie .item div.info dd.prijs, td.prijsgroot { font-weight:bold; font-size:14px; color:#000;}
div#collectie .item div.info dd.prijs span, td.prijsgroot span { color:red;}
div#collectie .item div.info dd.prijs { width:140px ;}
div#collectie .item div.info dd.prijs strike { font-size:12px;}

div#collectie .item div.info dt.test { width:30px;}
td.prijsgroot { font-size: 16px; vertical-align: bottom; }
td.prijsgroot span { font-size: 19px; }
td.prijsgroot small { font-size: 12px; font-weight: normal; vertical-align:bottom; }
div.navi { padding: 0; margin-top: 10px; }
a.print_link2 { position:absolute; right: 10px; }
div.navi strong { position:relative; padding-top: 6px;}

/* kerst actie */
.december_actie { position: absolute; left: 338px; top: 48px;}
div#collectie .item div.info dd.prijs.kerst { font-size:12px; height: 28px; }
div#collectie .item div.info dd.prijs.kerst span  {  position:absolute; top:-7px; left: 0; /* 48px; */ background:url(/img/prijs_klein.gif) right bottom no-repeat; width: 47px; height:25px; display:block; padding:7px 0 0px 12px; font-size:12px; line-height:25px;}
#aanbieding,#aanbieding tr,#aanbieding tr td { position: relative; }
td.prijsgroot.kerst, td.prijsgroot.kerst strike { line-height: 22px; }
td.prijsgroot.kerst span { background:url(/img/prijs2010.gif) right bottom no-repeat; /*width: 85px;*/ height:38px; display: block; position:relative; /*left: 70px;*/ float:left; top:-5px; line-height:38px; padding-left: 0px; padding-right: 100px; margin-left:10px;}
td.prijsgroot div, td.prijsgroot.kerst div, td.prijsgroot.kerst strike, td.prijsgroot.kerst small { float:left; } /*position: absolute; left: 159px; top:5px;}*/

div#collectie .item div.photo { height:100px; width:100px; margin-right:10px;  overflow:hidden; float:left}
div#collectie .item div.photo img { margin:0 auto; }
div#collectie  hr{ background:none; border:none; border-top:1px #ccc dotted; height:1px; margin: 4px 0 4px 0; overflow:hidden; } 
div#collectie .sorteer { float: right; position: absolute; right: 12px; margin-top: -30px; width:137px; overflow: hidden; }
div#collectie .sorteer a{ background:url(/img/layout/sorteer.gif); height: 23px; width:137px; display: block; text-indent: -100px; }
div#collectie .sorteer a.desc{ background-position: 0 -23px; }
div#collectie .sorteer .type{}

a.showroom_link, a.showroom_link:visited {
	background:url(/img/layout/btn_showroom.gif) 0% 0% no-repeat transparent;
	width:215px;
	line-height:19px;
	display:block;
	padding-bottom:5px;
	text-indent:15px;
	color: #fff;
}

.overzicht_link:hover,
.overzicht_link a:hover {
	text-decoration:none;
}

/* detail pagina */
div#collectie .foto { float: left; width: 373px;  }
div#collectie .foto img { position: relative; }
div#collectie .foto .groot, div.groot { width:346px; height:230px; overflow:hidden;  display: block; }
div.groot { position:relative; }
div.groot img, div.groot a.picture { position: absolute; top: 0; left: 0; vertical-align:bottom; }
div#collectie .foto .fotoo, div.fotoo { width: 110px; height: 74px; display: block; overflow:hidden; float: left; margin:9px 9px 9px 0; }
div.fotoo { position:relative; }
div.fotoo img, div.fotoo a.picture { position: absolute; top: 0; left: 0; }
img.vergrootme { position: absolute; margin: 5px; overflow:hidden; width: 28px; height:26px; }

div#collectie .details { float: right; width: 520px; height:auto; }
div#collectie .details form, div#collectie .details select { margin:0; }
div#collectie .details select { float: left; }

/* classes */
.clear 					{ clear:both; }
.right 					{ float:right; }
.left 					{ float:left; }
.button					{ display:block; }
.route					{ float:right; margin-top:0; padding-top:0; }
.route div 				{ margin:0; padding:0; }

td.border 				{ border:1px solid #d3c9ac; padding:15px; padding-top:10px; margin-top:-10px; }
td.border .route	 	{ font-size:12px; }
td.border em			{ font-size:10px; }

.align-right			{ text-align:right; }
.align-center			{ text-align:center; }

#mapje tr 				{ padding-bottom:15px; }

.blue,
#footer a.blue			{ color:#002642; }
.red,
#footer a.red			{ color:#644f15; }

.price					{ font-size:14px; font-weight:bold; }
.inline					{ display:inline; margin:0 5px; }

#extra_links			{ text-align:center; margin-top:15px; font-weight:bold; }
#extra_links a			{ padding:0 2px; font-size:10px; font-weight:bold; }

#content_print			{display:none;}

#photo { height:466px; overflow:hidden;}

.searchfield {
	font-size:12px;
	width: 171px;
	height:16px;
	color:#666;
	font-size:10px;
	margin-top:5px;
	margin-left: 5px;
}
.searchbutton {
	margin-right: 2px;
	margin-top:5px;
	padding-right: 5px;
	float:right;
	height:22px;
	width:59px;
}
#search {
	background:#ebebeb;
	height:32px;
	width:249px;
	margin-top:20px;
	margin-right: -15px;
	float:right;
}

.input_zoekveld{
	margin-top: 10px;
	width: 350px;
	height: 18px;
	font-size:12px;
	color: #999999;
	padding-top: 4px;
}