/* 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;}