/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: 'Lucida Sans Unicode', Tahoma; font-size: 12px; color: #978981; }
input, select, textarea { font-family: 'Lucida Sans Unicode', Tahoma; font-size: 12px; color: #978981; }
body { background: url('../images/bodyBg.gif') repeat-y top; }
img { border: 0px; display: block; }
a, input { outline: none; }
a.more { background: url("../images/more-arrow.gif") no-repeat scroll 100% 50% transparent; padding-right: 10px; white-space: nowrap; text-decoration: none; font-weight: bold; color: #ba5915; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }

.crumb a { color: #BA5915; text-decoration:none; }

/* ### wrapper ### */
#wrapper { padding: 10px 0px 10px 0px; position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; padding-bottom: 25px; width: 906px; background: url('../images/mainBottom.png') no-repeat left bottom; }
#mainCntr div.mTop { padding-top: 9px; background: url('../images/mainTop.png') no-repeat left top; }
#mainCntr div.mBottom { padding: 0px 9px 0px 9px; width: 888px; background: url('../images/mainBg.png') repeat-y; }
	
	/* ### header container ### */
	#headerCntr { position: relative; width: 888px; height: 65px; background: url('../images/headerBg.gif') no-repeat 380px 0px; }
	#headerCntr h1 { position: absolute; top: 0px; left: 0px; }
	#headerCntr h1 a { display: block; width: 283px; height: 232px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }

	#headerCntr a.contact { padding-left: 27px; position: absolute; top: 20px; right: 50px; font-size: 18px; font-weight: bold; text-decoration: none; color: #978981; background: url('../images/contact.gif') no-repeat left 7px; }
	#headerCntr a.contact:hover { color: #ba5915; }

	#headerCntr a.shoppingcart { padding-left: 21px; position: absolute; top: 20px; right: 147px; font-size: 18px; font-weight: bold; text-decoration: none; color: #978981; background: url('../images/shoppingcart.png') no-repeat left 7px; }
	#headerCntr a.shoppingcart:hover { color: #ba5915; background-image: url('../images/shoppingcart_over.png'); }

	/* ### content container ### */
	#contentCntr { padding: 0px 44px 20px 0px; overflow: hidden; width: 844px; }
		
		/* ### left container ### */
		#leftCntr { padding-top: 167px; float: left; width: 283px; }
		
			/* ### nav box ### */
			.navBox { width: 283px; }
			.navBox ul { list-style: none; }
			.navBox li a { padding: 0px 0px 2px 20px; display: block; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; text-decoration: none; color: #ba5915; background: url('../images/line.gif') repeat-x left bottom; }
			.navBox ul ul { padding: 5px 0px 7px 0px; display: none; background: url('../images/line.gif') #dad6d5 repeat-x left bottom; }
			.navBox ul ul li { padding-bottom: 0px; background: none; }
			.navBox ul ul li a { padding: 0px 0px 0px 20px; height: auto; line-height: 20px; font-size: 13px; font-weight: normal; color: #978981; background: none; }
			.navBox ul ul li a:hover, .navBox ul ul li a.selected { color: #ba5915; background: url('../images/navBg.gif') no-repeat left; }
		
		/* ### right container ### */
		#rightCntr { float: right; width: 541px; }
		
			/* ### text box ### */
			.textBox { width: 541px; }
			.textBox h1 { padding-bottom: 12px; font-size: 22px; font-weight: bold; }
			.fotoBox h3, .textBox h3 { padding-bottom: 2px; font-size: 14px; font-weight: bold; color: #978981; }
			.textBox p { padding-bottom: 10px; line-height: 18px; }
			.textBox img { padding-bottom: 10px; }
			.textBox img.right { margin: 0px 0px 10px 10px; float: right; border: 1px solid #ececec; padding:0px; }
			.textBox ul { padding-bottom: 10px; list-style: none; }
			.textBox li { padding-left: 17px; line-height: 18px; background: url('../images/bullit.gif') no-repeat left 5px; }
			.textBox a { text-decoration: none; font-weight: bold; color: #ba5915; }
			.textBox a:hover { text-decoration: underline; }
			
			/* ### NIEUWS BOX ### */
			.nieuwsBox { width: 541px; padding-bottom: 10px; }
			.nieuwsBox h3 { padding-bottom: 2px; font-size: 14px; font-weight: bold; color: #978981; }
			.nieuwsBox h2 { font-size: 12px; font-weight: bold; }
			.nieuwsBox h2 span { float:right; color:#ba5915; }
			.nieuwsBox div.nieuws { padding-bottom: 10px; overflow: hidden; width: 541px; }
			.nieuwsBox div.nieuws.webshop { border-bottom:1px dotted #ba5915; }
			.nieuwsBox div.nieuws.webshop.last { border-bottom:none; }
			.nieuwsBox div.pic { padding-top: 4px; float: left; width: 90px; }
			.nieuwsBox div.text { float: right; width: 435px; line-height: 22px; }
			.nieuwsBox a { text-decoration: none; font-weight: bold; color: #ba5915; }
			.nieuwsBox a:hover { text-decoration: underline; }	
			
			.registerBox { width: 541px; padding-bottom: 10px; border-bottom: 1px dotted #ba5915; }
			.registerBox h3 { padding-bottom: 2px; font-size: 14px; font-weight: bold; color: #978981; }
			.registerBox h2 { font-size: 12px; font-weight: bold; }
			.registerBox h2 span{ float:right; }
			
			.pager { clear: both; display: block; font-size: 1em; height: 1%; padding: 10px 0 0; overflow: hidden; }
			.pager a, .pager span { color: #978981; display: block; float: left; margin-right: 0.1em; padding: 0.3em 0.5em; text-decoration: none; }
			.pager a { width: auto !important; }
			.pager span { color: #eae7e6; }
			.pager .current { background: none repeat scroll 0 0 #ba5915; color: #FFFFFF; }
			.pager a:hover { background: none repeat scroll 0 0 #ba5915; color: #FFFFFF; }
			.pagertop { border-top: 1px dotted #ba5915; }
			.pagerbottom { border-bottom: 0 none; }
			.pager ul { margin: 0; padding: 0; }
			.pager li { margin: 0; padding: 0; }
		
			/* ### foto nox ### */
			.fotoBox { width: 541px; }
			.fotoBox h2 { padding-bottom: 8px; font-size: 18px; font-weight: bold; color: #613102; }
			.fotoBox ul { overflow: hidden; width: 541px; list-style: none; }
			.fotoBox li { padding: 0px 15px 15px 0px; float: left; display: inline; }
			.fotoBox li.last { padding: 0px 0px 15px 0px; float: left; display: inline; }
			
			/* ### form box ### */
			.formBox { width: 541px; margin-bottom:10px; }
			.formBox h1 { padding-bottom: 2px; font-size: 22px; font-weight: bold; }
			.formBox p { padding-bottom: 10px; line-height: 18px; }
			.formBox fieldset { overflow: hidden; width: 541px; border: 0px; }
			.formBox label { float: left; width: 140px; }
			.formBox input.field { padding: 0px 10px 0px 10px; float: left; width: 381px; height: 23px; border: 0px; border-bottom: 1px dotted #ba5915; }
			.formBox input.top { border-top: 1px dotted #ba5915; }
			.formBox input.field:focus { color: #ba5915; background: #eae7e6; }
			
			input.submit { margin-top: 10px; padding: 1px 10px 1px 10px; cursor: pointer; float: right; color: #ba5915; border: 1px dotted #ba5915; background: #eae7e6; }
			a.submit { margin-top: 10px; padding: 2px 10px 2px 10px; cursor: pointer; float: left; color: #ba5915; border: 1px dotted #ba5915; background: #eae7e6; font-weight:normal; }

			.formBox textarea.field { padding: 5px 10px; float: left; width: 381px; height: 100px; border: 0px; border-bottom: 1px dotted #ba5915; }
			.formBox textarea.top { border-top: 1px dotted #ba5915; }
			.formBox textarea.field:focus { color: #ba5915; background: #eae7e6; }

			.formBox select.field { padding: 0px 0px 0px 10px; float: left; width: 401px; height: 23px; border: 0px; border-bottom: 1px dotted #ba5915; }
			.formBox select.field:focus { color: #ba5915; background: #eae7e6; }
			
			/* ### tabs box ### */
			.tabsBox { width: 541px; }
			.tabsBox h1 { padding-bottom: 2px; font-size: 22px; font-weight: bold; }
			.tabsBox h2 { padding-bottom: 2px; font-size: 14px; font-weight: bold; color: #978981; }
			.tabsBox p { padding-bottom: 10px; line-height: 18px; }
			.tabsBox img.right { margin: 0px 0px 10px 10px; float: right; border: 1px solid #ececec; padding:0px; }
			.tabsBox div.tabs a { text-decoration: none; font-weight: bold; color: #ba5915; }
			.tabsBox div.tabs a:hover { text-decoration: underline; }
			.tabsBox div.lists { padding-bottom: 25px; overflow: hidden; width: 541px; }
			.tabsBox div.tabs div { display: none; }
			.tabsBox div.lists ul { float: left; width: 265px; list-style: none; border-top: 1px dotted #ba5915; }
			.tabsBox div.lists ul.right { float: right; }
			.tabsBox div.lists li { border-bottom: 1px dotted #ba5915; }
			.tabsBox div.lists li a { padding: 0px 10px 0px 10px; display: block; height: 23px; line-height: 23px; text-decoration: none; color: #978981; background: url('../images/arrow.gif') no-repeat right; }
			.tabsBox div.lists li a:hover, .tabsBox div.lists li a.selected { background: url('../images/arrow2.gif') #eae7e6 no-repeat right; }
			
	/* ### footer container ### */
	#footerCntr { padding-right: 44px; overflow: hidden; width: 844px; }
	/*#footerCntr div.left { padding-left: 86px; float: left; overflow: hidden; width: 197px; background: url('../images/verzekering.gif') no-repeat 20px 0px; }*/
	#footerCntr div.left { padding-left: 18px; padding-bottom: 6px; float: left; overflow: hidden; width: 241px; }
	#footerCntr div.left img:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
	#footerCntr div.right { float: right; width: 541px; }
	#footerCntr address { padding-top: 5px; line-height: 15px; font-style: normal; font-size: 0.8em; }
	#footerCntr strong { line-height: 15px; color: #ba5915; }
	#footerCntr a { text-decoration: none; color: #ba5915; }
	#footerCntr a:hover { text-decoration: underline; }
	#footerCntr ul { padding: 6px 6px 0px 0px; width: 169px; height: 53px; list-style: none; background: #fff; }
	#footerCntr li { text-transform: uppercase; }
	#footerCntr li a { padding-left: 5px; display: block; height: 24px; line-height: 24px; text-decoration: none; color: #978981; }
	#footerCntr li a:hover, #footerCntr li.selected a { text-decoration: none; color: #fff; background: #978981; }
	
	#footerCntr div.socialmediabuttons { margin-top:36px; padding-bottom: 6px; }
	
	#wrapper #keurmerken { margin: 0 auto; padding-top: 10px; width: 868px; }
	#wrapper #keurmerken ul { list-style: none; list-style-type: none; }
	#wrapper #keurmerken li a img { width: 50px; padding-right: 10px; float: left; overflow: hidden; }
	
	table.sc th { text-align:left; }
	table.sc th, table.sc td { padding:0px 5px; }
	
	span.prijs { font-size: 22px; font-weight: bold; padding-bottom: 12px; margin-right:25px; float:right; width:100px; text-align:right;  }