/* CSS Document */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, span, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { outline: 0; margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; line-height: 1; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; vertical-align: baseline; }

html, body {
	height:100%;
	min-width: 950px;
}

#iespace { width: 950px; margin: 0 auto; position: relative; }
#badge { position: absolute; top: -5px; right: 25px; z-index: 1; }

textarea,input,select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; }

br.clear { clear: both; overflow:hidden; height:1px; line-height: 1px;}

html { background: #c0c5c7 url('/images/body_bg.jpg') top center repeat-y; }
body { font-size: 62.5%; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

strong { font-weight: bold; }
em { font-style: italic; }

a { color: #4f7a8d; }
a:hover { text-decoration: none; }
a.button { background: url('/images/button.jpg') no-repeat;	display: block; width: 89px; height: 30px; color: #333333; font-size: 1.2em; text-decoration: none; padding: 7px 0 0 0; text-align: center; }
a.clickhere { margin: 0 auto; }

p { padding-bottom: 8px; }
p, span, strong, em { line-height: 20px; }
span.error { color:#ff0000; }
.italic { font-style: italic; }
.bold { font-weight: bold; margin: 10px 0; }
p strong span { color: #4E798C; } 
.couponcode { margin: 10px 0 0 0; padding: 5px 0 5px 5px; line-height: 30px; background: #E6EEF1; border: 1px solid  #4E798C; }
.couponcode strong { padding: 0 10px 0 0; }
.couponcode .text  { width: 175px; margin: 0 10px 0 0; }

#container { width: 800px; margin: 0 auto; position: relative; min-height: 750px; }

/* Poedit styling is specified in poedit.css */
#poeditmenu { width: 740px; }
/* ----------------------------------------- */

#content ul, #content ol { margin-left: 15px; }

#header { height: 130px; }
#header h1 { background:url('/images/header_en.jpg') no-repeat top center; width:800px; height:130px; display:block; overflow:hidden; line-height:1000px;}
#header { margin: 0 1px 0 -1px; *margin: 0 -1px 0 1px; }

#menu { background: url('/images/menu_bg.jpg') repeat-x; padding: 0 10px; font-size: 0.87em; font-weight: bold; height: 30px; letter-spacing: -0.05em; }
#menu { margin: 0 1px 0 -1px; *margin: 0 -1px 0 0; }
#menu ul { list-style: none; margin: 0; height: 30px; background: url('/images/menu_line.jpg') left no-repeat; padding-left: 2px; }
#menu ul li { background: url('/images/menu_normal.jpg') right no-repeat; float: left; display: inline; width: auto !important; width: 1px; position:relative; }
#menu ul li.over,
#menu ul li:hover { background: url('/images/menu_hover.jpg') right no-repeat; cursor:pointer; }
#menu ul li.active { background: url('/images/menu_active.jpg') right no-repeat; }
#menu ul li a, #menu ul li span { display:block; width:auto; height:30px; line-height:30px; color: #FFFFFF; text-decoration: none; white-space: nowrap; padding: 0 10px; text-transform: uppercase; }

#menu ul li ul {list-style: none; margin: 0; top:auto; left:-2px; position:absolute; display:none; width:auto; background:#829eaa url('/images/menu_line.jpg') left repeat-y; height:auto; font-size:1.2em; border-right:1px solid #43687a;}
#menu ul li ul li { font-size:0.8em; display:block; float:none; width:auto; background:none; border-bottom:1px solid #43687a;  }
#menu ul li ul li.first {border-top:1px solid #43687a;}
#menu ul li ul li a {height:25px; line-height:25px; }
#menu ul li ul li.over,
#menu ul li ul li:hover {background:#517b8e;}
#menu ul li.over ul,
#menu ul li:hover ul {display:block;}

#top {padding: 2px 10px 7px 8px; font-size: 0.8em; height: 18px; text-align:right; }
#top #sites { float:left; }
#top #sites a { text-decoration:none; }
#top #sites a img { margin:5px; vertical-align:middle;}
#top #breadcrumbs { float:left; }
#top #breadcrumbs ul { list-style: none; margin: 0; margin:0 0 10px 10px; padding:0; font-size:1.1em }
#top #breadcrumbs ul li {float:left; margin:0 10px 0 0; padding:0; line-height:15px; color:#999999;}
#top #breadcrumbs ul li a {line-height:15px;}
#top #breadcrumbs ul li.first {color:#000;}
#top #breadcrumbs ul li span {width:15px; float:left; background:url('/images/step.png') no-repeat left top; color:#FFFFFF; padding:0 0 5px 5px; line-height:15px;}
#top #breadcrumbs ul li span.active {background:url('/images/step_active.png') no-repeat left top;}

a.back { float: right; font-size:1.1em;  margin:15px 20px 0 0; background: url('/images/page_back.png') no-repeat; padding: 0 0 3px 20px; }

#top .flags { float: right; font-size:1.1em;  margin:0 1px 0 0;}
#top .flags a { margin:0px; }
#top .flags img, #top .flags a img { margin: 0px; vertical-align:middle;}

/* this is very strange -- assigning a padding to an image -- 
#top .flags img {padding: 0 0 0 6px;}
*/

#content { padding: 0 10px; font-size:1.2em; overflow: hidden; width: 780px; }
#content .content { padding: 0 10px; }

#content h2 { font-size: 1.5em; font-weight: normal; color: #4f7a8d; padding:10px 0; letter-spacing:1px; }

#content ul.list { list-style: none; margin: 0; }
#content ul.list li { height: 30px; }
#content ul.list li a { display: block; line-height: 30px; padding: 0 10px; background: #f1f2f3 url('/images/arrow.gif') right no-repeat; }
#content ul.list li a:hover { text-decoration: none; }
#content ul.list li a.alt { background-color: #fff; }
#content ul.list li a.more { text-align: right; padding-right: 30px; }

#content table.list { padding:5px; width:710px; font-size:1.0em;}
#content table.list tr {background:#DCDCDC; height: 25px; padding: 8px 10px 0 10px; border-bottom:1px solid #E4E4E4;}
#content table.list tr.link { background: #FFF; cursor:pointer; }
#content table.list tr.link.alt { background-color: #EEEEEE; }
#content table.list tr.link:hover, #content table.list tr.link.alt:hover { background: #E4E4E4; }
#content table.list tr th, #content table.list tr td {vertical-align:middle; padding-left:3px;}
#content table.list tr.item { background: #FFF; }
#content table.list tr.item.alt { background-color: #EEEEEE; }
#content table.list tr th { font-weight: bold; padding: 0 5px; }
#content table.list tr td { padding: 0 3px; }
#content table.list tr td.options { width: 50px; }
#content table.list tr th a {padding-right:13px;}
#content table.list tr th a.current.desc{background:url('/images/bo/sort_desc.gif') right no-repeat;}
#content table.list tr th a.current.asc{background:url('/images/bo/sort_asc.gif') right no-repeat;}


#left {	float: left; width: 500px; margin:0 0 0 10px; display:inline; overflow: hidden; }

.keurmerk { position:relative; float:left; width:500px; height:150px;}
.keurmerk img{ width:150px; height:101px; display:block; position:absolute; top:0px; left:-10px; }

#left p { font-size: 1.0em; }
#left .left_inner { background: url('/images/left_bg.jpg') no-repeat; margin-bottom:20px; }

#right { float: right; width:250px; margin: 0 10px !important; margin: 0 5px;  overflow: hidden; }
#right p { font-size: 1.0em; }
#right .right_inner { background: url('/images/right_bg.jpg') no-repeat; width: 250px; margin-bottom: 30px;}

#right .coupon {	background: url('/images/bb_bg.jpg') repeat-y; margin-bottom: 10px; }
#right .coupon p { text-align: center; line-height: 14px; }
#right .coupon p:first-child { padding-top: 7px; }
#right .coupon .top { background: url('/images/bb_top.jpg') top left no-repeat; }
#right .coupon .bottom { background: url('/images/bb_bottom.jpg') bottom left no-repeat;	padding: 0; margin: 0; }
#right .coupon .images { padding: 0 0 5px 0; width: 238px; display: block; }
#right .coupon .images ul, ul.resellerimages { margin: 0; width: 230px; list-style: none; }
#right .coupon .images ul li, ul.resellerimages li { padding: 0 0 7px 0; text-align: center; }
#right .coupon .images ul li img, ul.resellerimages li img { border: 1px solid #aaa; width: 100px; height: 40px; }
#right .coupon .images ul li.header { padding: 0;  }
ul.resellerimages li a { text-decoration: none; }


#right .warning {	background: url('/images/bw_bg.gif') repeat-y; height: 1%; }
#right .warning .top { background: url('/images/bw_top.gif') top left no-repeat; }
#right .warning .bottom { background: url('/images/bw_bottom.gif') bottom left no-repeat;	padding: 10px 10px 0 10px; margin: 0; }
#right .warning h2 { font-size: 1.2em; background: url('/images/exclamation.png') no-repeat; padding: 0 0 2px 20px; color: #ee735c;  }

#right div.cat {font-size:1.2em; padding:10px 0 0 0;}
#right ul.letters { list-style: none; margin: 0; margin:15px 0 5px 5px}
#right ul.letters li { margin: 5px 0 0 0; background: #4e798c url('/images/letter_Sselected.gif')}
#right ul.letters li a { height:30px; line-height:30px; display:block; background: #FFFFFF url('/images/letter_selected.gif') top left no-repeat;  padding-left:10px; }
#right ul.letters li a:hover { text-decoration: underline; }
#right ul.letters li.selected {  }
#right ul.letters li.selected a { background: #4e798c url('/images/letter_Sselected.gif') top left no-repeat; color: #FFFFFF; padding-left:15px; text-decoration:none; }


#maxwidth { margin: 0 10px 0 10px; }
#maxwidth .mw_inner { background: url('/images/mw_bg.jpg') no-repeat; margin-bottom:30px; padding: 0 10px;}
#maxwidth p { font-size:1.0em; }

table.form { padding:5px; width: 100%;}
table.form tr th, table.form tr td {padding:5px; line-height: 16px; }
table.form tr th {vertical-align:top; font-weight:bold; width: 200px; }
table.form input[type="text"] {width:320px;}
table.form input.text {width:320px;}
table.form textarea {width:300px; height:100px;}
table.form img.tooltip { vertical-align: bottom; }

table.form tr.submit { background-color: #e6eef1; }
table.form tr.submit td div { margin-left: 195px; height: 20px; width: 390px; }
table.form tr.submit td div div { width: 130px; text-align: center; float: left; margin-left: 0; }
table.form tr.submit td div input { width: 80px; }


ol.form { margin-left: 30px; }
ol.form li { margin-bottom: 10px; line-height: 20px; font-weight: bold; }
ol.form input, ol.form select, ol.form textarea{ margin: 5px 0 0 0; }
ol.form select { width: 300px; }
ol.form input[type="text"] {width:200px;}
ol.form textarea {width:300px; height:100px;}
ol.form { list-style-type: decimal }
ol.form li:last-child { list-style: none; }

.client ul.tabs { list-style: none; margin: 0; height:25px; overflow: hidden; padding: 10px 0;  }
.client ul.tabs li { float:left; display:inline; padding:0 15px; margin:0 1px 0 0; line-height: 30px; color:#AAA; font-size: 1.5em; letter-spacing: 1px; }
.client ul.tabs li a { height: 30px; padding-left: 10px; }
.client ul.tabs li.active { background:url('/images/arrow.gif') 3px 10px no-repeat; }

.order ul.tabs { list-style: none; margin: 0; height:25px; overflow: hidden; font-size: 0.87em; }
.order ul.tabs li {float:left; display:inline; padding:0 7px; margin:0 1px 0 0; background:#eee; line-height:25px; color:#AAA}
.order ul.tabs li a { font-weight:bold; margin:0 1px 0 0; line-height:25px; }
.order ul.tabs li.active { background:#ddd; }

.order form {background:#ddd; padding:10px;}
.order form h3 {font-weight:bold; display:block; margin-bottom:10px; font-size:1.1em;}
.order form span {float:left; width:175px; font-weight:normal; clear:left;}
.order form th{font-weight:bold; }
.order form td:first-child{width:175px; }
.order form table { width: 100%; background-color: #eee; margin-bottom: 10px; }
.order form table td { padding: 10px; }
.order form table td textarea { width: 100%; }
.order form table td input { width: 300px; }
.order form table td input[type="checkbox"] { width: auto; }
.order form table td input[type="radio"] { width: auto; }
.order form table th { padding: 10px; width: 200px; vertical-align: top; }
.order form input.file { width: 100%; }

.browser { padding: 0 0 20px 0; margin: 0 0 10px 0; border-bottom: 1px solid #4F7A8D; min-height: 120px; }
.safari 	{ background: url('/images/browser_sf.jpg') top right no-repeat; }
.firefox { background: url('/images/browser_fx.jpg') top right no-repeat; }
.opera 		{ background: url('/images/browser_op.jpg') top right no-repeat; }
.ie6				 { background: url('/images/browser_ie6.jpg') top right no-repeat; }
.ie7				 { background: url('/images/browser_ie7.jpg') top right no-repeat; }


/*** antispam image script ***/
form { background: url('/images/filler.gif') no-repeat; }

img.right { margin: 5px 0 15px 10px; clear: right; border:1px solid #AAA }
img.left { margin: 5px 10px 15px 0; clear: left; border:1px solid #AAA }
img.thumb { border: 1px solid #AAA }
a.thumb { border: 1px solid #aaa; float: left; margin-right: 5px; display: block; width: 150px; height: 212px; background-repeat: no-repeat; }


/* bestelbon */
#ruimbaanbon { background: url('/images/ruimbaanbon.jpg') no-repeat; padding: 300px 0 0 0;  }
#ruimbaanbon table.form th { width: 75px; }
#ruimbaanbon table.form tr:first-child th { text-indent: -999em; height: 75px;  }
#briefbestelbon { background: url('/images/briefbestelbon.gif') no-repeat; padding: 300px 0 0 0;  }
#briefbestelbon table.form th { width: 75px; }
#briefbestelbon table.form tr:first-child th { text-indent: -999em; height: 75px;  }

#content ul.sitemap { display: block; text-transform: lowercase; padding: 10px 0 0 0; margin: 0 0 0 20px; font-size:12px; list-style-type:square; color:#000000;}
#content ul.sitemap li { margin: 0; padding: 5px 0; }
#content ul.sitemap li ul{ margin: 0 0 0 20px; padding: 5px 0 0px 0; list-style-type:none; font-size: 12px;}
#content ul.sitemap li ul li { margin: 0px; padding: 5px 0px; list-style-type:none; }

#content ul.sitemap li span { padding: 0px; margin: 0px; line-height: 1;}

#content ul.sitemap li a { color:#000000; text-decoration:none;}
#content ul.sitemap li a:hover { color:#4f7a8d; padding: 0 0 0 3px;}

#content ul.sitemap li ul a { color:#4f7a8d; text-decoration:none;}
#content ul.sitemap li ul a:hover { color: #000000; padding: 0 0 0 3px;}

div#footer {
	background: url('/images/footer_bg.gif') repeat-x top;
	clear:both;
	width: 780px;
	height:37px;
	position: relative;
	margin: 0 auto;
	left:-1px;
	*left:1px;
}

#footer a {
	padding: 0 5px 0 5px;
	text-decoration: none;
	color: #000000;
	line-height: 1.1em;
	font-size: 1em;
}

#footer a:hover {
	color: #4F7A8D;
}

.footer_language {
	position: absolute;
	width: 530px;
	left: 5px;
	top: 10px;
}

.footer_language a img{
	vertical-align:middle;
}

.footer_text {
	position: absolute;
	line-height:1.1em;
	padding: 0px;
	right: 5px;
	top: 15px;
}