/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #797979; }
body { background: url('../images/bodyBg.gif') #fff no-repeat center top; }
img { border: 0px; display: block; }
h4 { margin-bottom: 10px; font-weight: bold; font-size: 12px; color: #2b8fd0; font-family: Georgia;}
table { font-family: Georgia;}
p { padding: 0px 0 5px 0; word-spacing: 1px; line-height: 16px; }
a.button { margin: 5px; display: block; width: 60px; height: 26px; line-height: 26px; text-align: center; font-size: 13px; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/buttonBg.gif') no-repeat left top; }
a.button span { display: block; height: 26px; background: url('../images/buttonBg.gif') no-repeat right bottom; }
a.button:hover { text-decoration: underline; }


/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; overflow: hidden; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1000px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 1000px; height: 155px; background: url('../images/headerBg.gif') no-repeat; }
	#headerCntr h1 { position: absolute; top: 8px; left: 25px; }
	#headerCntr h1 a { display: block; width: 268px; height: 92px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	#headerCntr h3 { position: absolute; top: 75px; left: 25px; font-size: 12px; font-weight: normal; color: #2b8fd0; }
	
		/* ### MENU BOX ### */
		.menuBox { position: absolute; left: 10px; top: 118px; width: 990px; }
		.menuBox ul { overflow: hidden; width: 990px; list-style: none; }
		.menuBox li { padding-right: 2px; float: left; display: inline; font-weight: bold; font-size: 14px; }
		.menuBox li a { display: block; float: left; height: 32px; line-height: 32px; text-decoration: none; color: #fff; background: url('../images/menuBg.gif') no-repeat 0px -500px; }
		.menuBox li a span { padding: 0px 13px 0px 13px; display: block; float: left; height: 32px; cursor: pointer; background: url('../images/menuBg.gif') no-repeat 0px -500px; }
		.menuBox li a:hover { background-position: 0px -106px; }
		.menuBox li a:hover span { background-position: right bottom; }
		.menuBox li.selected a { background-position: 0px 0px; }
		.menuBox li.selected a span { background-position: right -52px; }
		
		/* ### TOP BOX ### */
		.topBox { position: absolute; top: 14px; right: 25px; overflow: hidden; width: 650px; }
		.topBox ul { float: left; overflow: hidden; width: 200px; list-style: none; }
		.topBox li { padding-right: 10px; float: left; display: inline; font-size: 11px; color: #e46812; }
		.topBox li a { display: block; float: left; width: 16px; height: 11px; text-indent: -9999px; background: no-repeat; }
		.topBox li.en a { background-image: url('../images/en.gif'); }
		.topBox li.nl a { background-image: url('../images/nl.gif'); }
		.topBox blockquote { float: right; width: 450px; height: 92px; line-height: 16px; text-align: right; font-size: 11px; color: #e46812; }
		.topBox blockquote div { position: absolute; top: 57px; right: 0px; display: block; font-size: 12px; color: #fff; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin: 0px 10px 0px 10px; overflow: hidden; width: 980px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { position: relative; float: left; width: 682px; }
		
			/* ### SLIDER BOX ### */
			.sliderBox { width: 682px; }
			.sliderBox ul { overflow: hidden; width: 682px; height: 197px; list-style: none; }
			.sliderBox li { float: left; overflow: hidden; width: 682px; height: 197px; }
			ol#controls { position: absolute; top: 163px; left: 10px; list-style: none; }
			ol#controls li { padding-right: 5px; float: left; display: inline; }
			ol#controls li a { display: block; width: 26px; height: 24px; line-height: 24px; font-weight: bold; text-align: center; text-decoration: none; color: #fff; background: url('../images/sliderLink.gif') no-repeat; }
			ol#controls li a:hover { text-decoration: underline; }
			
			/* ### TEXT BOX ### */
			.textBox { padding: 30px 30px 0px 30px; width: 622px; background: url('../images/contentBg.gif') repeat-y left top;}
			.textBox h1 { padding-bottom: 10px; font: bold 18px Georgia; color: #d92127; }
			.textBox h2 { font: bold 17px/24px Georgia; color: #6d5ba1; }
			.textBox h4 { text-align: right; }
			.textBox p { padding-bottom: 10px; font: 12px/24px Georgia; }
			.textBox ul { margin-left: 20px; font: 12px/24px Georgia; list-style: square; padding-bottom: 20px; }
			.textBoc li {}
			.textBox ol { margin-left: 20px; font: 12px/24px Georgia; padding-bottom: 20px; }
			.textBox a.button { display: block; float: right; margin-right: 5px; width: 120px; height: 26px; text-align: center; font-size: 12px; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/buttonBg.gif') no-repeat left top; }
			.textBox a.button span { display: block; height: 26px; background: url('../images/buttonBg.gif') no-repeat right bottom; }
			.textBox a.button:hover { text-decoration: underline; }

			/* ### ZOEK BOX ### */
			.zoekCont { float: right; width: 560px; height: 35px; background: url('../images/zoekbalk.gif') no-repeat right bottom; }
			.collectieBox { float: left; width: 260px; height: 32px; color: #FFF;}
			.collectieBox form { font-weight: bold; font-size: 13px; margin: 5px 0px 0px 15px;}
			.collectieBox select { position: absolute;  /* With the padding included, the width is 190 pixels: the actual width of the image. */
				height: 21px;
				padding: 0px;
				color: #fff;
				font: 13px/21px;
				background: url('images/select.gif') no-repeat;
			}
			.collectieBox option { background: #000;}
			.collectieBox a.button { display: inline; margin-top: 0px; width: 50px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/buttonBg2.gif') no-repeat; cursor: pointer; float: right }
			.collectieBox a.button:hover { text-decoration: underline; }

		
			.zoekBox { float: right; width: 300px; height: 32px;color: #FFF;}
			.zoekBox form { font-weight: bold; font-size: 13px; margin: 5px 0px 0px 15px;}
			.zoekBox fieldset { padding: 0px 20px 20px 20px; border: 0px; }
			.zoekBox input .field { margin-bottom: 0px; padding: 0px 10px 0px 10px; width: 150px; height: 18px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
			.zoekBox a.button { display: inline; margin-top: 0px; width: 66px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/buttonBg.gif') no-repeat top right; cursor: pointer; }
			.zoekBox a.button:hover { text-decoration: underline; }
			.resultBox a { color: #FFF; text-decoration: none;}
			.resultBox a:hover { text-decoration: underline;}

			/* ### PRODUCT BOX ### */
			.productBox { padding: 60px 30px 0px 30px; width: 622px; background: url('../images/contentBg.gif') repeat-y left top;}
			.productBox h1 { padding-bottom: 10px; font: bold 18px Georgia; color: #d92127; }
			.productBox h2 { font-size: 14px; line-height: 18px; color: #96532a;  }
			
			.productBox .left { padding: 0 15px 5px 15px; float: left; width: 175px; height: 200px; border-right: 1px solid #e5e5e5; background: url('../images/right_small_border.gif') center bottom no-repeat; }
			.productBox .right { padding: 0 15px 5px 15px; float: right; width: 204px; height: 225px; background: url('../images/right_small_border.gif') center bottom no-repeat; }
			.productBox .last { background: none; }
			.productBox .content { padding: 0 15px 5px 15px; float: left; width: 650px; }
			.productBox h4 { margin-top: 10px; margin-bottom: 10px; font-weight: bold; font-size: 12px; color: #2b8fd0; }
			.productBox p { padding: 0px 0 5px 0; word-spacing: 1px; color: #666666; line-height: 16px; }
			.productBox span.price { margin-top: 10px; font: bold 13px Georgia; color: #ee8536; }
			.productBox a.button { margin: 5px; display: block; width: 60px; height: 26px; line-height: 26px; text-align: center; font-size: 13px; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/buttonBg.gif') no-repeat left top; }
			.productBox a.button span { display: block; height: 26px; background: url('../images/buttonBg.gif') no-repeat right bottom; }
			.productBox a.button:hover { text-decoration: underline; }
			.productBox span.sale { color: #B60000; text-decoration: line-through;}
			
			.merken-filter {float: right; padding-right: 10px;}
			.merken-filter select { background-color: #FFF; color: #000;}
			
			.more-info  { padding-left: 10px;}
			.more-info span.price { float: left; line-height: 25px; font-size: 15px; font-weight: bold; color: #B60000; }
			.submitcart { padding-left: 20px; line-height: 20px; color: #666666; font-weight: bold; background-color: transparent; text-decoration: underline; border: none; cursor: pointer; cursor: hand; background: url('../images/cart.gif') left center no-repeat; }
			
			.cart-info li {	display: block;	float: left; width: 100%; margin-left: 0px; padding: 0; list-style: none;color: #666666; line-height: 16px;}
			.clearlink { padding: 0; display: none; line-height: normal;}
			.productBox-checkout { width: 705px; border-top: 1px solid #fff; overflow: hidden; background: url('../images/top_bg.gif') top repeat-x; }
			.productBox-checkout h2 { font-size: 14px; line-height: 18px; color: #96532a;  }
			.productBox-checkout h3 { padding-bottom: 12px; height: 31px; line-height: 31px; font-size: 10px; color: #fff; background: url('../images/left.gif') top left no-repeat; }
			.productBox-checkout h3 span { padding-left: 29px; background: url('../images/h3.gif') 16px center no-repeat; }
			.productBox-checkout h3 a { padding-bottom: 12px; height: 31px; line-height: 31px; font-size: 10px; color: #fff; background: url('../images/left.gif') top left no-repeat; text-decoration: none; }
			
			/* ### BRIEF BOX ### */
			.briefBox { padding-top: 3px; overflow: hidden; width: 682px; background: url('../images/briefBg_new.gif') no-repeat left top; }
			.briefBox div.pic { float: left; width: 160px; }
			.briefBox div.text { padding: 20px 15px 0px 0px; float: left; display: inline; width: 495px; }
			.briefBox div.text p { line-height: 18px; }
			.briefBox fieldset { padding: 0px 20px 20px 0px; border: 0px; }
			.briefBox input.field { margin-bottom: 10px; padding: 8px 10px 0px 10px; width: 238px; height: 22px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
			.briefBox a.button { display: block; width: 85px; height: 26px; line-height: 26px; text-align: center; font-size: 13px; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/buttonBg.gif') no-repeat left top; }
			.briefBox a.button span { display: block; height: 26px; background: url('../images/buttonBg.gif') no-repeat right bottom; }
			.briefBox a.button:hover { text-decoration: underline; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 298px; background: url('../images/rightBg.gif') repeat-y right top; }
		#rightCntr h3 { padding-left: 40px; height: 42px; line-height: 42px; font-size: 15px; font-weight: bold; color: #fff; }
		
		#socialMedia { float: right; width: 278px; padding: 20px 0 0 20px;}
		#socialMedia img {padding: 2px;}

			/* ### AGENDA BOX ### */
			.agendaBox { width: 298px; background: url('../images/agendaBg.gif') repeat-y right top; }
			.agendaBox div.text { padding: 15px 15px 15px 10px; float: left; display: inline; width: 250px; }
			.agendaBox img { padding: 0 5px 5px 0px; }			
			.agendaBox h2 { padding-bottom: 10px; line-height: 24px; font-size: 16px; font-weight: bold; color: #2b8fd0; }
			.agendaBox h3 { background: url('../images/agendaH3.gif') no-repeat; }
			.agendaBox ul { padding: 0px 10px 0px 20px; list-style: none; }
			.agendaBox li { padding: 10px 0px 10px 0px; }
			.agendaBox li span { display: block; font-size: 15px; color: #d82127; }
			.agendaBox a { text-decoration: none; color: #000; }
			
			.twitterBox { width: 298px; background: url('../images/blijfBg.gif') repeat-y right top; }
			.twitterBox h3 { background: url('../images/blijfH3.gif') no-repeat; }
			.twitterBox img {padding: 2px;}
			.twitterBox .twitter { padding: 15px 15px 15px 15px; width: 250px; float: left; font: 12px/24px Georgia; }
			.twitterBox .twitter p { line-height: 20px;font-size: 13px; }
			.twitterBox .twitter a { text-decoration: none; font-size: 13px; color: #000; }
			.twitterBox .twitter a span { color: #cd1619; }
			.twitterBox .twitter a:hover { text-decoration: underline; }
			.twitterBox #tweet { width: 280px; }
			.twitterBox #tweet span { font-variant: small-caps; font-size: 10px;}
			
			/* ### GREEP BOX ### */
			.greepBox { width: 298px; border-top: 5px solid #fff; }
			.greepBox h3 { background: url('../images/greepH3.gif') no-repeat; }
			.greepBox div.pic { padding: 15px; float: left; display: inline; width: 95px; }
			.greepBox div.text { padding: 15px 15px 15px 0px; float: right; display: inline; width: 150px; }
			.greepBox h2 { padding-bottom: 20px; line-height: 24px; font-size: 16px; font-weight: bold; color: #2b8fd0; }
			.greepBox em { padding-bottom: 20px; display: block; font-style: normal; font-size: 16px; font-weight: bold; color: #ee8536; }
			.greepBox a.button { display: block; width: 60px; height: 26px; line-height: 26px; text-align: center; font-size: 13px; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/buttonBg.gif') no-repeat left top; }
			.greepBox a.button span { display: block; height: 26px; background: url('../images/buttonBg.gif') no-repeat right bottom; }
			.greepBox a.button:hover { text-decoration: underline; }

			/* ### CART BOX ### */
			.cartBox { width: 298px; border-top: 5px solid #fff; }
			.cartBox h3 { background: url('../images/greepH3.gif') no-repeat; }
			.cartBox div.pic { padding: 15px; float: left; display: inline; width: 95px; }
			.cartBox div.text { padding: 5px 15px 15px 0px; float: right; display: inline; width: 265px; }
			.cartBox h2 { padding-bottom: 10px; line-height: 24px; font-size: 16px; font-weight: bold; color: #2b8fd0; }
			.cartBox em { padding-bottom: 20px; font-style: normal; font-size: 12px; margin-left: 20px; font-weight: bold; color: #ee8536; }
			.cartBox a.button { display: block; width: 80px; height: 26px; line-height: 26px; text-align: center; font-size: 12px; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/buttonBg.gif') no-repeat left top; }
			.cartBox a.button span { display: block; height: 26px; background: url('../images/buttonBg.gif') no-repeat right bottom; }
			.cartBox a.button:hover { text-decoration: underline; }
						
			/* ### BLIJF BOX ### */
			.blijfBox { width: 298px; border-top: 5px solid #fff; }
			.blijfBox h3 { cursor: pointer; background: url('../images/blijfH3.gif') no-repeat; }
			.blijfBox h3:hover { text-decoration: underline; }
			.blijfBox p { padding: 10px 20px 10px 20px; line-height: 24px; }
			.blijfBox fieldset { padding: 0px 20px 20px 20px; border: 0px; }
			.blijfBox input.field { margin-bottom: 10px; padding: 8px 10px 0px 10px; width: 238px; height: 22px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
			.blijfBox a.button { display: block; width: 85px; height: 26px; line-height: 26px; text-align: center; font-size: 13px; text-decoration: none; font-weight: bold; color: #fff; background: url('../images/buttonBg.gif') no-repeat left top; }
			.blijfBox a.button span { display: block; height: 26px; background: url('../images/buttonBg.gif') no-repeat right bottom; }
			.blijfBox a.button:hover { text-decoration: underline; }
	
/* ### FOOTER CONTAINER ### */
#footerCntr { padding-top: 60px; width: 100%; height: 75px; background: url('../images/footerBg.gif') no-repeat center 60px; }
#footerCntr div.content { margin: 0 auto; padding-top: 20px; overflow: hidden; width: 925px; }
#footerCntr address { float: left; width: 600px; line-height: 20px; font-style: normal; font-size: 13px; color: #9388ba; }
#footerCntr span { float: right; width: 200px; font-size: 13px; font-weight: bold; color: #0499d4; }
#footerCntr a { text-decoration: none; color: #9388ba; }
#footerCntr a:hover { text-decoration: underline; }

/** SHOW/HIDE DIV */
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	padding: 5px 10px;
	background: #ee8536 url(../images/homepage12.gif) no-repeat right top;
	text-align: left;
	color: #FFF;
	width: 380px;
	font: 12px/24px Georgia;		
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border: 0px;
	width:400px;
	color: #FFF;
	font: 12px/24px Georgia;	
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:0px;
	font: 12px/24px Georgia;	
	position:relative;
	width: 400px;
	color: #FFF;
}
.dhtmlgoodies_answer_content p {
	color: #FFF;
	margin-left: 10px;
}
.dhtmlgoodies_answer_content td {
	color: #FFF;
	margin-left: 10px;
}

.basictext {
	
}
.errortext {
	color:#C00000; 
	font-weight: bold;
}

/* Style for show/ hide in form */
#myform {
}

#incasso {
	display: none;
}

.table1, .table1 th, .table1 td {
	border: none;
}

.table1 tr {
	background: #FFF;
}

.table1 th {
	padding: 5px 10px;
	background: #2b8fd0;
	text-align: left;
	color: #FFFFFF;
}

.table1 td {
	padding: 8px 10px;
}
.table1 th a { color: #FFF; text-decoration: none;}

.table1 th span.down { background: url('../images/sorter_down.png') no-repeat left; padding-left: 20px;  }
.table1 th span.up { background: url('../images/sorter_up.png') no-repeat left; padding-left: 20px;  }
/*********************
		Forms
*********************/
form{
}

form#form fieldset {
	display:block;
	padding:5px 10px 5px 10px;
	line-height:20px;
	margin-bottom:10px;
	font-family: Georgia;
}
form#form legend {
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
	padding:3px;
	color: #2b8fd0;
}
form#form label {
	clear:left;
	display:block;
	float:left;
	width:100px;
	text-align:right;
	font-weight: bold;
	padding-right:10px;
	margin-bottom:5px;
}
form#form input { 
	border:1px solid #e8e7e1;
	background:#fff url(../images/form_blue.gif) repeat-x top left;
	margin-bottom: 5px; 
	padding: 3px;
 }

form#form select {
	margin-bottom: 5px;
}
form#form textarea {
	border:1px solid #e8e7e1;
	background: #fff url('../images/form_blue.gif') repeat-x bottom left;
	width: 590px;
	height: 100px;
}

form#form #button1, form#form #button2 {
	padding-right:5px;
	cursor:pointer;
	width:205px;
	margin-left:8px;
	font-weight:bold;
}
form#form #button1:hover, form#form #button2:hover {
	background-position:center left;
}