/* --------------reset-------------- */	
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* --------------960cols-------------- */	
.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1} 
/* --------------global-------------- */	
/* standard definitions */
body.framed	{width:550px; background-color: transparent;}
body.framed	#extcontent {float: none; margin-bottom: 8px; padding: 10px 20px;}
body.framed	#extcontent iframe {height: 100%;}


p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin:1em 0;}
h1{margin:0.2em 0;}
h1{font-size:21px}
h2,h3{font-size:18px}
h4,h5{font-size:12px; line-height: 17px;}
h6,h7{font-size:10px}

a {color: #000;} 

/* header */
#header  {margin-top: 18px; height: 200px;}
#logo, #top { height: 190px;}

#logo	{text-indent: -200px; overflow: hidden;} 
#logo a {display: block; line-height: 190px;}


/* header - shop links & box */

#shoplinks {background: #FFF; height: 60px; padding: 10px;  overflow: hidden;}
#shopinfo {background: #FFF; height: 102px; text-align: center; padding: 0; margin-top: 8px;}

#shopinfo ul {list-style: none; height: 81px; margin: 0; padding: 5px 0 0 10px; line-height: 170px; }
#shopinfo ul li {list-style: none; float: left; background-image: url(../img/shoplogos.gif); margin: 0; padding: 0;  overflow: hidden; }
#shopinfo ul li a {display: block; text-decoration: none; overflow: hidden; }
#shopinfo ul li.waarborg {width: 170px; height: 57px; margin-bottom: 0px; background-position: 0 0 ; }
#shopinfo ul li.betalen {width: 109px; height: 30px; background-position: 0 100% ; clear: left;}
#shopinfo ul li.bestellen {width: 64px; height: 30px; background-position: 100% 100% ;}

#content_faq h4 {font-size: 90%; line-height: 180%; cursor: pointer;}
#content_faq span {font-size: 90%; margin: 1em 0;}

#content .folderbox img {float: right; margin: 0 0 10px 10px;}

#content div.stretchedpage {min-height: 650px;}

#masthead {background: #FFF; height: 155px; margin-bottom: 9px; text-align: center;}

#masthead .bannerholder {text-align: center; background-position: 0 0; background-repeat: no-repeat; height: 155px; overflow: hidden;}
#masthead .bannerholder a {display: block; padding-top: 160px;}
#masthead .headerflash {padding-top: 20px; padding-left: 30px;}

#headerbox { /*	 */ position:relative; height:155px; overflow: hidden; }

#headerbox div { position:absolute; width:550px; height:155px; top:0; left:0;  z-index:8; opacity:0.0; }

#headerbox div, #headerbox div img { width:550px; height:155px;}

/* #headerbox IMG.click { cursor: pointer; } */

#headerbox div.active { z-index:10;  opacity:1.0;}
#headerbox div.last-active { z-index:9;}


#top ul {height: 26px; list-style: none; margin: 0;padding: 0; padding-left: 1em; font-size: 13px; }
#top ul li {float: left; list-style: none;  margin: 0; padding: 4px 0px; font-size: 90%;}
#top ul li a {color: #fff; text-decoration: none; border-left: 1px solid #FFF; padding: 0 0.8em;}
#top ul li a:hover {text-decoration: underline;}
#top ul li.first a {border-left: 0px;}

#extcontent {background: #FFF url(/img/ajax-loading.gif) no-repeat 50% 20%; margin-bottom: 8px; padding: 10px 20px;}

#extcontent iframe {width: 100%; height: 800px; border: 0px;}
#extcontent #extnavigation a {float: right; text-decoration: none;}

.cornered {background-color: #FFF; padding: 10px 20px 20px 20px; padding-bottom: 8px; margin-bottom: 8px;}
#content .grid_6 {float: left; height: 200px;}


#content table {clear: both;} 
#content table p {margin-top: 0px;}
/* 
#content h2 { font-size: 17px; margin: 0.35em 0;}
#content h3 { font-size: 17px; margin: 0.3em 0;}
#content h4 { font-size: 15px; margin: 0.25em 0;}
#content h5 { font-size: 14px;}
#content h6 { font-size: 13px;}
*/
#content h2,#content h3  { margin: 0.2em 0;}
#content h4,#content h5 { margin: 0.2em 0;}
#content h6, #content h7,#content h8 { margin: 0.2em 0;}

#social {background: #FFF; text-align: center; }
#mainbanner {background: #FFF; text-align: center; padding: 20px 0;}


#topselection {background: #FFF; min-height: 540px; padding-top: 10px; margin-bottom: 8px; }

#topselection h3 a  {width: 140px;}
#topselection ul.overlay   {list-style: none; margin-left: 20px; clear: left;}

#topselection ul.overlay li {list-style: none; width: 65px; height: 90px; float: left; margin: 0 0 5px 5px;
-o-background-size: 65px 90px; -webkit-background-size: 65px 90px; -khtml-background-size: 65px 90px; overflow: hidden;}

#topselection ul.overlay li span {color: #FFF; width: 18px; height: 18px; text-align: center; line-height: 18px; margin: 3px; margin-bottom: -20px; display: block; z-index: 6; position: relative;}

#topselection ul.overlay li a { display: block; text-decoration: none;}

/* sidebar top 10 dropdown */
#cssdropdown {width: 170px; margin: 5px 0 180px 20px; padding: 0; background: #FFF; display: none; font-size: 90%; list-style: none; font-size: 90%;}
#cssdropdown li {list-style: none; width: 150px;  float: none; margin: 0 0 0 0;}
#cssdropdown li a {text-decoration: none; line-height: 100%;}
#cssdropdown li a:hover {color: #444; text-decoration: underline}




#storelocatorbox, #storetitlebox, #newsletterbox , #servicesbox, #newsbox {background: #fafbf6; margin-bottom: 8px;}
#zoekbox, #storelocatorbox, #storetitlebox, #social {height: 90px; background: #FFF;}

#newsletterbox  {height: 70px; cursor: pointer;} 
#newsletterbox a {display: block;}

#subheader {margin-bottom: 8px;}
#master {clear: left;}

#footer {clear: left;margin-top: 10px;}

#content div.contentbox, #content div.homebox {background-color: #FFF;}
#content div.contentbox h4, #content div.homebox h4 {font-size: 16px; margin-left: 20px; padding-top: 12px;}

#content form input {padding: 3px; font-size: 11px;}
#content form input.button {padding: 0; border: 0;}
button
#webshop h2 {font-size: 16px;  padding-top: 12px;}
#webshop iframe {margin-left: 20px; width: 655px; height: 900px;}

#bottom {text-align: center;}

/*
#storelocatorbox {width: 190px;}
#newsletterbox {width: 190px;}
*/

#servicesbox {padding-top: 12px; padding-bottom: 12px;}
#newsbox {width: 190px; padding-bottom: 20px;}

#menu div h3, #subheader div h3, #zoekbox h3, #topselection h3, #cssdropdown h3 {margin: 0 10px 5px 10px; padding-top: 10px; padding-bottom: 0; font-size: 16px;  line-height: 24px;}

#storelocatorbox h3, #newsletterbox h3 , #zoekbox h3 {padding-left: 38px; height: 26px;}
#servicesbox h3, #newsbox h3, #topselection h3, #cssdropdown li h3 {margin-left: 12px; padding-left: 3px; }

#topselection .popup .container h3 {margin-left: 0; padding-left: 0; }

#storelocatorbox h3 {background: transparent url(/img/menuvisuals.gif) no-repeat 0 3px; }
#newsletterbox h3 {background: transparent url(/img/menuvisuals.gif) no-repeat 0 -30px; }
#zoekbox h3 {background: transparent url(/img/menuvisuals.gif) no-repeat 0 -100px;  width: 120px; float: left;}

#menu div p, #menu div form, #storelocatorbox form  {margin-left: 8px; font-size: 11px;}
#menu div input, #subheader div input {width: 135px; margin: 0; padding: 3px 2px; font-size: 11px;}
#subheader div select {width: 142px;}
#subheader div input {margin: 0 0 0 0;}

#storelocatorbox label, #newsletterbox label, #zoekbox label { display: none;}
#storelocatorbox fieldset, #newsletterbox fieldset, #zoekbox fieldset { margin: 0;}

#overlay menu li a, #topselection menu li a {text-decoration: none;}

#overlay menu, #overlay menu li, #topselection menu li  {list-style: none; margin: 1em 0; padding-left: 0;}
#topselection menu li a {text-decoration: none;}

#zoekbox form {margin-top: 10px; }
#zoekbox form * {float: left;}
#zoekbox form input {width: 300px; padding: 3px; font-size: 11px; margin-left: 10px;}
#zoekbox form .submit {line-height: 50px; text-indent: -100px; overflow: hidden; width: 20px;  height: 22px; border: 0px; cursor: pointer; background: transparent url(/img/menuvisuals.gif) no-repeat -5px -77px; margin-left: 5px;}

#zoekbox a {clear: left; float: left; width: 150px; margin-top: 10px; margin-left: 15px; text-decoration: none; line-height: 22px; font-size: 13px; font-weight: bold; display: block;}
#zoekbox a:hover {text-decoration: underline;}

#zoekbox #searchselectbox {margin: 10px 15px 0 0; text-align: right;}
#zoekbox #searchselectbox select {margin-right: 5px; font-size: 11px; width: 80px; display: inline;}

#zoekbox #searchselectbox {margin-top: 15px; margin-left: 20px; width: 510px; float: none;}
#zoekbox #searchselectbox #optiongenre {width: 170px;}
#zoekbox #searchselectbox #optionsoort {width: 80px;}
#zoekbox #searchselectbox #optiontaal {width: 102px;}
#zoekbox #searchselectbox #optionprijs {width: 120px;}


.container h3 span, .container h4 span {color: #000; display: block; background: none;}

#menu ul { margin: 0 8px; }
#menu ul li {font-size: 13px; margin: 4px 5px 3px 24px; padding-left: -2px; }
#menu ul li a {text-decoration: none;}
#menu ul li a:hover {text-decoration: none; }

#newsbox ul { margin-left: 15px; list-style: none;}
#newsbox ul li {font-size: 11px; margin: 5px 10px 10px 0px; padding-left: -2px; }
#newsbox li a {text-decoration: none; }
#newsbox li span {display: block; font-size: 11px; }

#shoplinks ul { margin-left: 5px; margin-top: 0; list-style: none;}
#shoplinks ul li {list-style: none; font-size: 12px; margin: 2px 10px 2px 0px; }
#shoplinks li a {text-decoration: none; padding-left: 25px;  padding-top: 2px;}
#shoplogin {background: transparent url(/img/shopsmallicons.gif) no-repeat 0 -42px;}
#shopstatus {background: transparent url(/img/shopsmallicons.gif) no-repeat 0 -62px;}
.meerinfo {background: transparent url(/img/shopsmallicons.gif) no-repeat 0 -102px;}
#shopcart, .basket , .related {background: transparent url(/img/shopsmallicons.gif) no-repeat 0 0;}
.basket, .meerinfo, .related {padding-left: 22px; text-decoration: underline; }
.related {background: transparent url(/img/shopsmallicons.gif) no-repeat 0 -82px;}

#footer { margin-left: 8px; text-align: center; }
#footer a {text-decoration: none; margin: 0 1em; font-size: 11px; }

#storelocatorbox form {height: 50px;}
#newsletterbox form {height: 50px;}

#menu form .submit, #subheader form .submit {line-height: 30px; text-indent: -100px; overflow: hidden; width: 20px;  height: 28px; border: 0px; cursor: pointer; margin-left: 6px;}

#storelocatorbox form .submit {background: transparent url(/img/menuvisuals.gif) no-repeat -5px -70px; margin-top: 0; }

#skipmenu {display: none;}
.overlay li {display: inline;}

.overlay p {
	position: absolute;
	width: 65px; height: 60px; margin: 0px; text-align: center; padding: 3px;
	z-index:2; overflow: hidden;  opacity:.8; display: none; clear: none; font-size: 10px;
}
.overlay img {z-index:1; width: 66px; height: 90px; border: 0px;}

#page {position: relative; top: 0; left: 0; z-index: 1;}

#overlay {position: absolute; top: 300; left: 0; margin-bottom: -556px; z-index: 999; padding: 8px; display: none;  width: 320px; height: 300px; }


#topselection .overlay  {list-style: none; margin-left: 20px; clear: left;}
#topselection .overlay .overlaytrigger {list-style: none; width: 65px; height: 90px; float: left; margin: 0 0 5px 5px;
-o-background-size: 65px 90px; -webkit-background-size: 65px 90px; -khtml-background-size: 65px 90px;}
#topselection .overlay .overlaytrigger a { display: block; text-decoration: none;}


#overlay .container {width: 300px; height: 280px; padding: 10px;}
#overlay .closebox { font-weight: bold; width: 15px; height: 18px; text-align: center; line-height: 18px; margin: 3px; display: block; float: right; text-decoration: none; }


.popup {position: absolute; z-index: 999; padding: 8px; display: none;  width: 320px; height: 300px;  background: #FFF;}
.popup .container {width: 300px; height: 280px; padding: 10px;}
.popup .closebox { font-weight: normal;  width: 18px; height: 18px; text-align: center; line-height: 16px; margin: 3px; padding-left: 1px; display: block; float: right; text-decoration: none; }

#topselection .overlay .overlaytrigger .container ul , #topselection .overlay .overlaytrigger  .container ul li{list-style: none; height: 24px; float: none; margin: 0 0 0 0; }
#topselection .overlay .overlaytrigger .container ul li.left {width: 120px; float: left;}
#topselection .overlay .overlaytrigger .container ul li.right {width: 120px; float: right;}
#topselection .overlay .overlaytrigger .container ul li.break {clear: both;}
#topselection .overlay .overlaytrigger .container ul {margin-top: 2em;}

.popup .container ul, .container ul li  {list-style: none; margin: 1em 0; padding-left: 0; }
.popup .container ul li , .popup .container ul li a {text-decoration: none; height: 20px;}

#topselection .overlaytrigger span.counter {color: #FFF; width: 18px; height: 18px; text-align: center; line-height: 18px; margin: 3px; margin-bottom: -20px; display: block; z-index: 6; position: relative;}

#social {text-align: left;}
#social h6 { margin: 8px 0 2px 10px ;}
#social ul { margin: 0;}
#social li {width: 50px; float: left; text-indent: -250px; overflow: hidden; display: block; margin: 0 0 0 10px;}
#social a {width: 43px; height: 40px; display: block;}
#social a.hyves {background: #FFF url(/img/socialbuttons.jpg) no-repeat -3px -2px; }
#social a.youtube {background: #FFF url(/img/socialbuttons.jpg) no-repeat -46px -2px; }
#social a.twitter {background: #FFF url(/img/socialbuttons.jpg) no-repeat -92px -2px; }

#social a.hyves:hover {background: #FFF url(/img/socialbuttons.jpg) no-repeat -3px -51px; }
#social a.youtube:hover {background: #FFF url(/img/socialbuttons.jpg) no-repeat -46px -51px; }
#social a.twitter:hover {background: #FFF url(/img/socialbuttons.jpg) no-repeat -92px -51px; }

#top10droplink {float: right; width: 20px; height: 18px; text-indent: -320px; background: transparent url(/img/togglebutton.png) no-repeat 0px 0; cursor: pointer; border-bottom :0;}

.printonly {display: none;} 
/* --------------style-------------- */	
body	{background: #f2f2ea;}
body {font:13px/1.5 Arial,Helvetica,FreeSans,sans-serif}

h1,h2,h3,h4,h5,h6, #top ul, #shoplinks  {font-family: Arial Rounded, Arial Rounded MT Std, Arial;}

h1, #content_faq h4.inactive {color: #848482;}
h2,h3,h4,h5,h6, #content_faq h4.active {color: #9d263a;}

#content_faq  span {border-bottom: 1px solid #eaebe6; padding-bottom: 1em; padding-left: 15px;}

.price {color: #9d2639; font-weight: bold; margin-top: 0.6em;}
#storetitlebox #subsitehdr { text-align: center; font-size: 90%; padding: 10px 5px 5px 5px;  font-weight: bold; color: #9d263a; }
#storetitlebox #subsitehdr a {color: #9d263a; text-decoration: none; }
#storetitlebox #subsitehdr strong {font-size: 110%;}

#logo	{background: #9d2639 url(/img/logo.gif) no-repeat 50% 80%; } 

.submitbox {background: #9d2639; text-align: center; padding: 2px 0;}
.submitbox input{background: #9d2639; color: #FFF; border: 0; width: 90%; cursor: pointer;}

#top ul {background: #9d2639; }

h3 a, h3 a:hover {color: #a3223a; text-decoration: none; }

#content a {color: #a3223a;}
#content a:hover {color: #a3223a; text-decoration: underline; }
#content a.anchor, #content a.anchor:hover {text-decoration: none; color: #848482; font-size: 90%; margin: 0; padding: 0;}

#content div.contentbox h4, #content div.homebox h4 {color: #9d263a; font-family: Arial; }


#topselection ul li span {background: transparent url(/img/reddot.png) no-repeat 0 0; }
.overlaytrigger span.counter {background: transparent url(/img/reddot.png) no-repeat 0 0; }
.popup .closebox {color: #FFF; background: transparent url(/img/reddot.png) no-repeat 0 0; }

.popup {background: #9d263a; color: #000;}
.popup .container {background: #FFF;}


#content_agenda h4 a {color: #9d2639;}

form input, form select {color: #a3223a; border: 1px solid #d7d7d7; }

#zoekbox a {color: #616161;}
#zoekbox a:hover {color: #a3223a; text-decoration: underline;}


#menu ul li, #shoplinks li a {list-style: disc; font-family: Arial Rounded, Arial Rounded MT Std, Arial; }
#menu ul li {list-style: disc; font-weight: bold; }
#newsbox ul li {list-style: none; font-weight: normal; }

#menu ul *, #newsbox ul *, #shoplinks ul *, #footer *, #cssdropdown * {color: #848482;}
#menu ul li a:hover, #shoplinks li a:hover, , #cssdropdown li a:hover {color: #000;}
#menu ul li a.active,#cssdropdown ul li a.active, #servicesbox ul li a.maincolor {color: #9d2639;}
#newsbox li span, #newsbox li a:hover {color: #000;}

#footer a:hover {color: #000;}
#footer a.active {color: #9d2639;}


#menu div p, #menu div form {color: #ccc; }


#menu div input.focused {color: #9d2639;}
#menu div input, #menu div select {color: #616161; }

.overlay p { background-Color: #9d2639; color: #FFF;}
	
#overlay {background: #9d263a; color: #000;}
#overlay .container {background: #FFF;}
#overlay .closebox {color: #FFF; background: transparent url(/img/reddot.png) no-repeat 0 0; }
 
hr {height: 1px; color: #343434; background-color: #f2f2ea; margin: 3px 0; border: 0; }


#content h2, #content h4, #content h6, #menu div h3, #subheader div h3, #topselection h3, #content_agenda .articlebox, #content_nieuws .box_news h3, #extcontent #extnavigation h4  {border-bottom: 1px solid #eaebe6;}

#topselection .popup .container h3 {border-bottom: 0;}
/*#content h2, #content h4_boekeninhetnieuws h2, #content_top10 h2, #content_categorie h2, #menu div h3, #zoekbox h3, #topselection h3, #content_interviews h3, #content_agenda h3, #content_agenda .articlebox, #content_nieuws .box_news h3, #content_boekeninhetnieuws h4, #content_interviews h6  {border-bottom: 1px solid #eaebe6;}*/

#content_interviews h6 {color: #000; }

#map_footer {color: #848482;}

.toplistbox .topnr {color: #FFF; background: transparent url(/img/reddot.png) no-repeat 0 0; }
a.leesverder {text-decoration: none; color: #A11D29; margin-bottom: 0.6em;}
a.arrowactive, a.arrowbackactive { color: #A11D29;}

/* --------------content-------------- */	

.expand {cursor: pointer;}

/* Boeken in het Nieuws */
#content_boekeninhetnieuws h2 {font-size: 18px; margin: 0.5em 0;}
#content_boekeninhetnieuws h3 {font-size: 15px; margin: 0.3em 0; }
#content_boekeninhetnieuws h4 { margin: 0.5em 0; margin-right: 110px;}
#content_boekeninhetnieuws h2 a, #content_boekeninhetnieuws h4 a {text-decoration: none;}
#content_boekeninhetnieuws a:hover {text-decoration: underline;}
#content_boekeninhetnieuws .leesverder {margin: 0.5m 0 1em 0; display: block;border-top: 1px solid #eaebe6; padding: 0.25em 0; }
#content_boekeninhetnieuws .logo {float: right; margin: 10px 0 20px 0; max-width: 95px; border: 0;}
#content_boekeninhetnieuws .logosmall {float: right; margin:  0 0 0 20px; max-width: 140px;}
#content_boekeninhetnieuws .visual {width: 140px; float: left; margin-top: 1em; margin-bottom: 1em;  margin-right: 2em;}

#content_boekeninhetnieuws .listbox {height: 150px; margin-bottom: 0.5em; overflow: hidden;}
#content_boekeninhetnieuws .highlightbox {height: 260px;}
.highlightbox menu, .highlightbox menu li {margin-top: 1em; margin-left: 0; padding-left: 0; list-style: none;}

/* Boekentips */
#content_boekentips h1 {text-transform: capitalize; }

/* Leestips */
#content_leestips h3 {margin-bottom: 0.75em;}
#content_leestips .content {min-height: 170px; clear: left; border-top: 1px solid #eaebe6; padding-top: 1em; margin-top: 1em;}
#content_leestips .rightvisual {height: 150px;}
#content_leestips .imagebox {float: right; width: 130px; height: 150px; overflow: hidden; margin-bottom: 1em; margin-left: 1em;}
 
/* Interviews */
#content_interviews h3 { margin-bottom: 1em;}
#content_interviews h6 { clear: left; margin-top: 2em; margin-bottom: 1em;}

/* Agenda */
.box_agenda {margin-bottom: 0.8em;}
.box_agenda .articlebox {padding-top: 1em; }
.box_agenda .thumbvisual {max-width: 150px;  max-height: 200px; float: left;}
.box_agenda a {text-decoration: none;}
.box_agenda a:hover {text-decoration: underline;}

#content_agenda .articlecontent {margin-left: 160px; min-height: 220px;}

#content_agenda .date { width: 150px; float: left; clear: left; margin-top: 2px;}
#content_agenda h3 { margin-top: 2px;} 
#content_agenda .articlebox { margin-bottom: 1em;} 

#content_agenda h4 {margin-left: 160px; display: block; margin-bottom: 0.75em; font-size: 13px;} 
#content_agenda h4 a {text-decoration: none;}

/* Uitgelicht */
.box_uitgelicht .rightvisual {width: 120px; margin-top: 1em;}
.box_uitgelicht div.stretched {min-height: 200px;}

/* Nieuws */
#content_nieuws .box_news h3 { margin-top: 2px;} 
#content_nieuws .box_news a.leesverder {margin-bottom: 0.75em;}
.box_news .rightvisual {width: 140px;}
.box_news div.stretched {min-height: 310px;}

/* Top 10 */
#content_top10 h1 {text-transform: capitalize; }
#content_top10 h2 { margin: 0.5em 0;}


/* categorie / lijstjes */
#content_categorie h1 {text-transform: capitalize; }
#content_categorie div.highlightbox {min-height: 320px; }

.bigdesc {min-height: 100px; padding-top: 1em;}
.bigvisual {width: 140px; float: left; margin-bottom: 1em;  margin-right: 2em;}
.nobigvisual {width: 140px; text-align: center; padding: 1em; float: left;  margin-bottom: 1em;  margin-right: 2em; border: 1px solid #CCC;}



/* Vestigingen */
#storelocator_form {height: 28px;}
#storelocator_form h4 { float: left; width: 160px; line-height: 18px;}
#storelocator_form .maplink { float: right;}
storelocator_form form {width: 210px; line-height: 28px; float: left;
}

#map h2 {float: left; width: 240px;}
#map form {height: 44px; float: left; margin-top: 5px;}
#map form input {width: 210px;}
#map form input.button {width: 18px;}

#map_canvas {height: 440px; margin: 10px 0; clear: left;}
#map_header {height: 32px; padding: 10px;}
#map_footer {padding: 0.8em 0; text-align: center; font-size: 75%;}
#map_header div {line-height: 21px;}
.vest_name	{font-weight: bold; line-height: 24px;}
.vest_zipcode	{width: 15%; display: inline;}
.vest_address	{width: 40%; display: inline;}
.vest_zipcode	a , .vest_address	a {color: #000; font-weight: normal;}
.vest_phone	{width: 20%; display: inline;}

ul.dealerlist	{margin: 20px 0 0 0; padding: 0;}

li.dealerrow {list-style: none; margin: 0 0 1em 0;}
li.headerrow {list-style: none; margin: 0; font-weight: bold;  border-bottom: 1px dotted #CCC; padding-top: 18px; line-height: 18px; color: #000; }
li.clear	{visibility: hidden; height: 1px;}
li.dealerrow	a, li.dealerrow	a:hover {text-decoration: none; display: block;}
li.dealerrow div	{float: left;  }

#vestigingsaddress a {text-decoration: none; }
#vestigingsaddress a:hover {text-decoration: underline; }
#vestigingshours h2 {margin-top: 0.25em;}
#vestigingshours {font-size: 90%; min-height: 175px;}
div.dealerday	{line-height: 18px; margin-top: 1em;}
.vest_day	{width: 280px; float: left;}
.vest_fromtime	{width: 60px; float: left; text-align: right; padding-right: 10px;}
.vest_totime	{width: 140px; float: left;}
.vest_time	{width: 75%; display: inline;}

#vestigingstext	{margin: 60px 20px 0 0; text-align: left; float: right; width: 180px; font-size: 110%; color: #666; }
.bqstart, .bqend { margin-top: -30px; padding-top: 30px; font-size: 200%;  color: #CCC;}
.bqstart { float: left; height: 45px;  margin-bottom: -30px; margin-right: 5px;}
.bqend { float: right; height: 35px;  margin-top: -30px;}

/* Categories */
#content_categorie h2 { margin-top: 2px;} 


/* Glider: horizontal slide tool	*/		

.glider{
position: relative; /* Do not change this value */
width: 520px;;
height: 410px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}

.section{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 510px;
height: 400px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
	background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
#scrollernavigation {width: 190px; height: 32px; margin: 10px auto;}	
#scrollernavigation a {text-decoration: none; width: 65px;}	

#scrollernavigation a.arrowL {float: left; padding-left: 18px; background: transparent url(/img/arrowL.gif) no-repeat 2px 50%; }
#scrollernavigation a.arrowL:hover, a.arrowL:active {padding-left: 18px; background: transparent url(/img/arrowL.active.gif) no-repeat 0 50%;}

#scrollernavigation a.arrowR {float: right; padding-right: 18px; background: transparent url(/img/arrow.gif) no-repeat 42px 50%; }
#scrollernavigation a.arrowR:hover, a.arrowR:active {padding-right: 18px; background: transparent url(/img/arrow.active.gif) no-repeat 44px 50%;}


.toplistbox {width: 223px; height: 160px; float: left; padding: 10px;}

#content .toplistbox h4 {margin: 2px 0; font-size: 12px; }
.toplistbox a, .toplistbox a:hover {text-decoration: none;}
.toplistbox p {font-size: 12px; line-height: 14px; margin: 0.4em 0;}
.toplistbox a strong {color: #000;}
.toplistbox .topnr { width: 18px; height: 18px; line-height: 18px;  text-align: center; display: block; margin: 5px;  text-decoration: none; float: right; }


.borthered	{border-right: 1px solid #CCC; border-bottom: 1px solid #DDD; margin: 0 10px 10px 0; padding: 10px;}


#sideflash {text-align: center; margin: 2em auto 0 auto; width: 140px; height: 500px;}


div.thumbvisual {margin: 0 8px 8px 0; float: left; width: 94px; height: 150px; overflow: hidden;}
div.thumbvisual img {width: 94px; border: 0; position: relative; z-index: 2;} /* height: 148px; */
div.thumbvisual .topnr {position: relative; z-index: 3; top: -150px;} /* height: 148px; */
div.thumbvisual a,div.thumbvisual a:hover {border-bottom: 0px;}


.thumbvisual {width: 120px; float: left; margin: 0 10px 10px 0;}


.nieuw {background: transparent url(/img/button.nieuw.gif) no-repeat 100% 0; padding-right: 20%; min-height: 50px;}
.reserveer {background: transparent url(/img/button.reserveer.gif) no-repeat 100% 0; padding-right: 80px; min-height: 50px;}


a.arrow {padding-left: 18px; background: transparent url(/img/arrow.gif) no-repeat 0 4px; font-size: 110%; }
a.arrow:hover, a.arrow:active {padding-left: 18px; background: transparent url(/img/arrow.active.gif) no-repeat 2px 4px;}
a.arrowactive  {padding-left: 18px; background: transparent url(/img/arrow.active.gif) no-repeat 2px 4px; }

a.arrowback {padding-left: 18px; background: transparent url(/img/arrowL.gif) no-repeat 0 4px; }
a.arrowback:hover, a.arrowback:active {padding-left: 18px; background: transparent url(/img/arrowL.active.gif) no-repeat 2px 4px;}
a.arrowbackactive  {padding-left: 18px; background: transparent url(/img/arrowL.active.gif) no-repeat 2px 4px; }


.centered {text-align: center;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
a.clean {text-decoration: none;}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.leftvisual {float: left; margin: 0 1em 1em 0;}
.rightvisual {float: right; margin: 0 0 1em 1em;}

.thumblistbox {width: 100px; height: 180px; float: left; font-size: 12px;}