* { margin: 0; padding: 0; }
html, body { min-height: 100%; width: 100%; height: auto; }
body { margin: 0; padding: 0; border: 0; background: #ededed; text-align: center; font-family: Arial, Helvetica, sans-serif; }
#holder { position: relative; width: 935px; margin: 0 auto; padding: 0px 7px 0px 7px; text-align: left; background: #fff; }
/* head */
#head { position: absolute; left: 7px; top: 0; width: 935px; height: 250px; margin: 0; padding: 0; z-index: 2; }

#head .head { position: relative; float: left; width: 935px; height: 169px; background: no-repeat 0 50%; }
#head .head img.mask { position:absolute; left:0; top:7px; z-index:0; width:548px; height:156px; }
#head .head h1 { position: relative; float: left; margin: 26px 0px 0px 26px; display: block; display: inline; width: 500px; overflow: hidden;  z-index:1;}
#head .head h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; text-transform: uppercase; line-height: normal; color: #FFFFFF; z-index:1; }
#head .head .headerimg { position: relative; width: 382px; height: 169px; float: right; background: no-repeat 0 50%; }
#head .head .sub_logo { line-height:17px; font-size:17px; color:#FFFFFF; }

#head .head #zoekshop { position: absolute; left: 28px; bottom: 12px; height: 75px; width: 500px; z-index: 3; }
#head .head #zoekshop form { position: relative; float: left; display: block; width: 245px; border-top: 1px solid #FFFFFF; }
#head .head #zoekshop form h2 { font-size: 15px; font-weight: bold; color: #FFFFFF; line-height: 29px; }
#head .head #zoekshop form p { width: 213px; height: 20px; margin: 0px; }
#head .head #zoekshop form p input#zoekterm { width: 210px; height: 17px; background: #eeeeee; border: 1px solid #696969; border-bottom: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; }
#head .head #zoekshop form a { position: absolute; right: 0px; top: 26px; display: block; width: 26px; height: 26px; z-index: 3; }
#head .head #zoekshop form a img { width: 26px; height: 26px; }
#head .head #zoekshop form a span { display: none; }
#head .head #zoekshop form .SearchOptions { width: 247px; height: 22px; }
#head .head #zoekshop form .SearchOptions span.definition { color: #FFFFFF; vertical-align: middle; }
#head .head #zoekshop form .SearchOptions span.definition input { margin-top: -2px; vertical-align: middle; }
#head .head #zoekshop .kassa { width: 140px; float: right; border-top: 1px solid #FFFFFF; }
#head .head #zoekshop .kassa h2 { float: right; display: block; margin-top: 19px; padding-right: 5px; padding-left: 40px; height: 35px; font-size: 22px; font-weight: bold; color: #FFFFFF; line-height: 35px; background: url(pics/bgHeadKassa.gif) top left no-repeat; }
#head .head #zoekshop .kassa a { float: right; display: block; margin-top: 25px; width: 26px; height: 26px; }
#head .head #zoekshop .kassa a span { display: none; }
#head .head #zoekshop .kassa a img { width: 26px; height: 26px; }

/* header images and colors .headerimg */
/* .blokhutten #head .head { background-image: url(pics/bgHeadBlokhutten.jpg); } */
#head .headerimg { background-image: url(pics/sfeer/blokhutten.jpg); }
#head .head img.mask,

.blokhutten #head .headerimg { background-image: url(pics/sfeer/blokhutten.jpg); }
.blokhutten #head .head img.mask { background: #BEF400; }

.garages #head .head .headerimg { background-image: url(/skins/default/pics/sfeer/garages.jpg); }
.garages #head .head img.mask { background: #B8130A; }

.paardenstallen #head .head .headerimg { background-image: url(/skins/default/pics/sfeer/paardenstallen.jpg); }
.paardenstallen #head .head img.mask { background: #FF8B00; }

.tuinkassen #head .head .headerimg { background-image: url(/skins/default/pics/sfeer/tuinkassen.jpg); }
.tuinkassen #head .head img.mask { background: #00B8FF; }

.saunasite #head .head .headerimg { background-image: url(/skins/default/pics/sfeer/saunas.jpg); }
.saunasite #head .head img.mask { background: #DF7C1E; }

.chaletsite #head .head .headerimg { background-image: url(/skins/default/pics/sfeer/chaletten.jpg); }
.chaletsite #head .head img.mask { background: #FF53DA; }

.jacuzzi #head .head .headerimg { background-image: url(/skins/default/pics/sfeer/bubbelbaden.jpg); }
.jacuzzi #head .head img.mask { background: #5CA487; }

.buitenkeukensite #head .head .headerimg { background-image: url(/skins/default/pics/sfeer/buitenkeuken.jpg); }
.buitenkeukensite #head .head img.mask { background: #820101; }

.terrasoverkapping #head .head .headerimg { background-image: url(/skins/default/pics/sfeer/terrasoverkapping.jpg); }
.terrasoverkapping #head .head img.mask { background: #FACC40; }

.speeltoestellen #head .head .headerimg { background-image: url(/skins/default/pics/sfeer/speeltoestellen.jpg); }
.speeltoestellen #head .head img.mask { background: #6B3781; }

.schuttingen #head .head .headerimg { background-image: url(/skins/default/pics/sfeer/schuttingen.jpg); }
.schuttingen #head .head img.mask { background: #BEF400; }

.zwembaden #head .head .headerimg { background-image: url(/skins/default/pics/sfeer/zwembaden.jpg); }
.zwembaden #head .head img.mask { background: #95F0FF; }


/* main menu */
#mainMenu { position: relative; width: 933px; height: 63px; border: 1px solid #ACCDDF; border-top-color: #FFFFFF; background: url(pics/bgMainMenu.gif) bottom repeat; }
#mainMenu UL.mainMenu { width: 840px; font: 11px Arial, Verdana, Helvetica, sans-serif; list-style: none; }
#mainMenu UL.mainMenu LI { position: relative; float: left; margin-bottom: 1px; border-top: 7px solid #FFFFFF; }

#mainMenu UL.mainMenu LI A { position: relative; float: left; line-height: 21px; height: 22px; width: 120px; border: 1px solid #FFFFFF; border-left-color: #ACCDDF; border-bottom-color: #C5E6F8; padding-left: 6px; color: #2F4A6C; text-decoration: none; }

#mainMenu UL.mainMenu LI A:HOVER,
#mainMenu UL.mainMenu LI A.active { border-top-color: #8CADC2; border-left-color: #8CADC2; color: #000000; background: url(pics/bgMainMenuHover.gif) repeat-x; }

#mainMenu UL.mainMenu LI.firstNode { clear: left; border-left: none; }
#mainMenu UL.mainMenu LI.lastNode { clear: right; }

#mainMenu UL.mainMenu LI.blokhutten { border-top-color: #BEF400; }
#mainMenu UL.mainMenu LI.garages { border-top-color: #B8130A; }
#mainMenu UL.mainMenu LI.paardenstallen { border-top-color: #FF8B00; }
#mainMenu UL.mainMenu LI.tuinkassen { border-top-color: #00B8FF; }
#mainMenu UL.mainMenu LI.saunas { border-top-color: #DF7C1E; }
#mainMenu UL.mainMenu LI.chalets { border-top-color: #FF53DA; }
#mainMenu UL.mainMenu LI.jacuzzi { border-top-color: #5CA487; }
#mainMenu UL.mainMenu LI.buitenkeukens { border-top-color: #6C1414; }
#mainMenu UL.mainMenu LI.terrasoverkapping { border-top-color: #FACC40; }
#mainMenu UL.mainMenu LI.speeltoestellen { border-top-color: #6B3781; }
#mainMenu UL.mainMenu LI.schuttingen { border-top-color: #BEF400; }
#mainMenu UL.mainMenu LI.zwembaden { border-top-color: #95F0FF; }

#mainMenu .relatedArticle { position: absolute; top: 0px; right: 0px; height: 23px; display: block; line-height: 23px; border-top: 7px solid transparent; border-color: #BEF400; font: 11px Arial, Verdana, Helvetica, sans-serif; }

#mainMenu .relatedArticle A,
#mainMenu .relatedArticle A:VISITED,
#mainMenu .relatedArticle A:HOVER { border: none; width: 110px; min-width: 110px; position: relative; float: left; display: block; padding: 6px 6px; height: 10px; color: #2F4A6C; }

.blokhutten #mainMenu { background-color: #BEF400; }
.blokhutten #mainMenu .relatedArticle { border-color: #BEF400; }

.garages #mainMenu { background-color: #B8130A; }
.garages #mainMenu .relatedArticle { border-color: #B8130A; }

.paardenstallen #mainMenu { background-color: #FF8B00; }
.paardenstallen #mainMenu .relatedArticle { border-color: #FF8B00; }

.tuinkassen #mainMenu { background-color: #00B8FF; }
.tuinkassen #mainMenu .relatedArticle { border-color: #00B8FF; }

.saunasite #mainMenu { background-color: #DF7C1E; }
.saunasite #mainMenu .relatedArticle { border-color: #DF7C1E; }

.chaletsite #mainMenu { background-color: #FF53DA; }
.chaletsite #mainMenu .relatedArticle { border-color: #FF53DA; }

.jacuzzi #mainMenu { background-color: #5CA487; }
.jacuzzi #mainMenu .relatedArticle { border-color: #5CA487; }

.buitenkeukensite #mainMenu { background-color: #6C1414; }
.buitenkeukensite #mainMenu .relatedArticle { border-color: #6C1414; }

.terrasoverkapping #mainMenu { background-color: #FACC40; }
.terrasoverkapping #mainMenu .relatedArticle { border-color: #FACC40; }

.speeltoestellen #mainMenu { background-color: #6B3781; }
.speeltoestellen #mainMenu .relatedArticle { border-color: #6B3781; }

.schuttingen #mainMenu { background-color: #BEF400; }
.schuttingen #mainMenu .relatedArticle { border-color: #BEF400; }

.zwembaden #mainMenu { background-color: #95F0FF; }
.zwembaden #mainMenu .relatedArticle { border-color: #95F0FF; }


/* top menu */
#head #topMenu { position: relative; float: left; width: 100%; height: 47px; background: url(pics/bgTopMenu.gif) repeat-x; }
#head #topMenu ul.topMenu { position: relative; width: 100%; margin: 0; height: 47px; border-right: 1px solid #9ebfd1; }
#head #topMenu ul.topMenu li { position:relative; float: left; margin: 0; padding: 0; display: block; height: 47px; border-left: 1px solid #fff; }
#head #topMenu ul.topMenu li.firstNode { background: url(pics/bgTopMenuFirstNode.gif) no-repeat; }
#head #topMenu ul.topMenu li a,
#head #topMenu ul.topMenu li a:visited { position:relative; float: left; padding: 0px 10px; margin: 0; display: block; height: 47px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; line-height: 47px; color: #2f4a6c; text-decoration: none; border-right: 1px solid #d0d0d0; }
#head #topMenu ul.topMenu li.aanbiedingen a,
#head #topMenu ul.topMenu li.aanbiedingen a:visited { color: #DC0000; }
#head #topMenu ul.topMenu li a:hover,
#head #topMenu ul.topMenu li a.active { position:relative; float: left; padding: 0px 11px 0px 10px; margin: 0; display: block; height: 47px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; line-height: 47px; color: #2f4a6c; text-decoration: none; border-right: 0px; background: right; }
#head #topMenu ul.topMenu li a span.mothersublist { position: absolute; left: 5px; top: 20px; width: 8px; height: 9px; background: url(pics/topMenuArrowDown.gif) no-repeat; }
#head #topMenu ul.topMenu li a span.left { position: absolute; left: 0px; top: 0px; width: 2px; height: 47px; }
#head #topMenu ul.topMenu li a:hover span.left,
#head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgTopMenuHoverLeft.gif) top left no-repeat; }
#head #topMenu ul.topMenu li a.mother,
#head #topMenu ul.topMenu li a.mother:hover,
#head #topMenu ul.topMenu li a.mother:visited,
#head #topMenu ul.topMenu li a.mothermouse,
#head #topMenu ul.topMenu li a.mothermouse:hover,
#head #topMenu ul.topMenu li a.mothermouse:visited,
#head #topMenu ul.topMenu li a.motheractive,
#head #topMenu ul.topMenu li a.motheractive:hover,
#head #topMenu ul.topMenu li a.motheractivemouse,
#head #topMenu ul.topMenu li a.motheractivemouse:hover,
#head #topMenu ul.topMenu li a.motheractivemouse:visited,
#head #topMenu ul.topMenu li a.mother:active,
#head #topMenu ul.topMenu li a.motheractive:visited { padding-left: 18px; }
#head #topMenu ul.topMenu ul { position:absolute; visibility: hidden; width: 170px; height:auto; padding: 0px; margin: 0px; left: 0px; top: 47px; z-index: 1000; background: transparent; list-style: none; border-bottom: 1px solid #97b8ca; border-left: 1px solid #97b8ca; border-right: 1px solid #97b8ca;}
#head #topMenu ul.topMenu li ul li { position: relative; float:none; width:169px; height: auto; padding: 0px; margin:0; background: #ccedff; border-bottom: 1px solid #ffffff;}
#head #topMenu ul.topMenu li ul li.firstNode { background: #ccedff; padding-top: 0px; }
#head #topMenu ul.topMenu li ul li.lastNode { padding-bottom:2px; border: none; height: 36px;}
#head #topMenu ul.topMenu ul li a, 
#head #topMenu ul.topMenu ul li a:link, 
#head #topMenu ul.topMenu ul li a:hover,
#head #topMenu ul.topMenu ul li a:visited, 
#head #topMenu ul.topMenu ul li a:active,
#head #topMenu ul.topMenu ul li a.active { position: relative; float:none; display: block; width:148px; height:auto; text-decoration: none; padding: 0px 10px; margin: 0; background: #ccedff; font: bold 12.5px Arial, Helvetica, sans-serif; color: #2f4a6c; line-height: 28px; border-right: 1px solid #ffffff; }
#head #topMenu ul.topMenu ul ul { margin-left: 150px; padding-top: 0; top: 5px; /*display: none; visibility: hidden;*/ }
/* voor de login pagina , zodat het topmenu geen overflow heeft */
#head #topMenu ul.topMenu li.node11, #head #topMenu ul.topMenu li.node12 { display: none; }

.blokhutten #head #topMenu ul.topMenu li a:hover,
.blokhutten #head #topMenu ul.topMenu li a.mothermouse,
.blokhutten #head #topMenu ul.topMenu li a.motheractive,
.blokhutten #head #topMenu ul.topMenu li a.motheractivemouse,
.blokhutten #head #topMenu ul.topMenu li a.active { background: url(pics/bgTopMenuHover.gif) right; }
.blokhutten #head #topMenu ul.topMenu ul li a.active { background: #ccedff; }
.blokhutten #head #topMenu ul.topMenu li a:hover span.left,
.blokhutten #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgTopMenuHoverLeft.gif) top left no-repeat; }
.blokhutten #head #topMenu ul.topMenu li ul li a:hover,
.blokhutten #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

.garages #head #topMenu ul.topMenu li a:hover,
.garages #head #topMenu ul.topMenu li a.mothermouse,
.garages #head #topMenu ul.topMenu li a.motheractive,
.garages #head #topMenu ul.topMenu li a.motheractivemouse,
.garages #head #topMenu ul.topMenu li a.active { background: url(pics/bgGarageTopMenuHover.gif) right; }
.garages #head #topMenu ul.topMenu li a:hover span.left,
.garages #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgGarageTopMenuHoverLeft.gif) top left no-repeat; }
.garages #head #topMenu ul.topMenu li ul li a:hover,
.garages #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

.paardenstallen #head #topMenu ul.topMenu li a:hover,
.paardenstallen #head #topMenu ul.topMenu li a.mothermouse,
.paardenstallen #head #topMenu ul.topMenu li a.motheractive,
.paardenstallen #head #topMenu ul.topMenu li a.motheractivemouse,
.paardenstallen #head #topMenu ul.topMenu li a.active { background: url(pics/bgPaardenTopMenuHover.gif) right; }
.paardenstallen #head #topMenu ul.topMenu li a:hover span.left,
.paardenstallen #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgPaardenTopMenuHoverLeft.gif) top left no-repeat; }
.paardenstallen #head #topMenu ul.topMenu li ul li a:hover,
.paardenstallen #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

.tuinkassen #head #topMenu ul.topMenu li a:hover,
.tuinkassen #head #topMenu ul.topMenu li a.mothermouse,
.tuinkassen #head #topMenu ul.topMenu li a.motheractive,
.tuinkassen #head #topMenu ul.topMenu li a.motheractivemouse,
.tuinkassen #head #topMenu ul.topMenu li a.active { background: url(pics/bgTuinkasTopMenuHover.gif) right; }
.tuinkassen #head #topMenu ul.topMenu li a:hover span.left,
.tuinkassen #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgTuinkasTopMenuHoverLeft.gif) top left no-repeat; }
.tuinkassen #head #topMenu ul.topMenu li ul li a:hover,
.tuinkassen #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

.saunasite #head #topMenu ul.topMenu li a:hover,
.saunasite #head #topMenu ul.topMenu li a.mothermouse,
.saunasite #head #topMenu ul.topMenu li a.motheractive,
.saunasite #head #topMenu ul.topMenu li a.motheractivemouse,
.saunasite #head #topMenu ul.topMenu li a.active { background: url(pics/bgSaunaTopMenuHover.gif) right; }
.saunasite #head #topMenu ul.topMenu li a:hover span.left,
.saunasite #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgSaunaTopMenuHoverLeft.gif) top left no-repeat; }
.saunasite #head #topMenu ul.topMenu li ul li a:hover,
.saunasite #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

.chaletsite #head #topMenu ul.topMenu li a:hover,
.chaletsite #head #topMenu ul.topMenu li a.mothermouse,
.chaletsite #head #topMenu ul.topMenu li a.motheractive,
.chaletsite #head #topMenu ul.topMenu li a.motheractivemouse,
.chaletsite #head #topMenu ul.topMenu li a.active { background: url(pics/bgChaletTopMenuHover.gif) right; }
.chaletsite #head #topMenu ul.topMenu li a:hover span.left,
.chaletsite #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgChaletTopMenuHoverLeft.gif) top left no-repeat; }
.chaletsite #head #topMenu ul.topMenu li ul li a:hover,
.chaletsite #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

.bubbelbaden #head #topMenu ul.topMenu li a:hover,
.bubbelbaden #head #topMenu ul.topMenu li a.mothermouse,
.bubbelbaden #head #topMenu ul.topMenu li a.motheractive,
.bubbelbaden #head #topMenu ul.topMenu li a.motheractivemouse,
.bubbelbaden #head #topMenu ul.topMenu li a.active { background: url(pics/bgBubbelTopMenuHover.gif) right; }
.bubbelbaden #head #topMenu ul.topMenu li a:hover span.left,
.bubbelbaden #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgBubbelTopMenuHoverLeft.gif) top left no-repeat; }
.bubbelbaden #head #topMenu ul.topMenu li ul li a:hover,
.bubbelbaden #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

.jacuzzi #head #topMenu ul.topMenu li a:hover,
.jacuzzi #head #topMenu ul.topMenu li a.mothermouse,
.jacuzzi #head #topMenu ul.topMenu li a.motheractive,
.jacuzzi #head #topMenu ul.topMenu li a.motheractivemouse,
.jacuzzi #head #topMenu ul.topMenu li a.active { background: url(pics/bgBubbelTopMenuHover.gif) right; }
.jacuzzi #head #topMenu ul.topMenu li a:hover span.left,
.jacuzzi #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgBubbelTopMenuHoverLeft.gif) top left no-repeat; }
.jacuzzi #head #topMenu ul.topMenu li ul li a:hover,
.jacuzzi #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

.terrasoverkapping #head #topMenu ul.topMenu li a:hover,
.terrasoverkapping #head #topMenu ul.topMenu li a.mothermouse,
.terrasoverkapping #head #topMenu ul.topMenu li a.motheractive,
.terrasoverkapping #head #topMenu ul.topMenu li a.motheractivemouse,
.terrasoverkapping #head #topMenu ul.topMenu li a.active { background: url(pics/bgTerrasTopMenuHover.gif) right; }
.terrasoverkapping #head #topMenu ul.topMenu li a:hover span.left,
.terrasoverkapping #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgTerrasTopMenuHoverLeft.gif) top left no-repeat; }
.terrasoverkapping #head #topMenu ul.topMenu li ul li a:hover,
.terrasoverkapping #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

.buitenkeukensite #head #topMenu ul.topMenu li a:hover,
.buitenkeukensite #head #topMenu ul.topMenu li a.mothermouse,
.buitenkeukensite #head #topMenu ul.topMenu li a.motheractive,
.buitenkeukensite #head #topMenu ul.topMenu li a.motheractivemouse,
.buitenkeukensite #head #topMenu ul.topMenu li a.active { background: url(pics/bgBuitenkeukenTopMenuHover.gif) right; }
.buitenkeukensite #head #topMenu ul.topMenu li a:hover span.left,
.buitenkeukensite #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgBuitenkeukenTopMenuHoverLeft.gif) top left no-repeat; }
.buitenkeukensite #head #topMenu ul.topMenu li ul li a:hover,
.buitenkeukensite #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

.schuttingen #head #topMenu ul.topMenu li a:hover,
.schuttingen #head #topMenu ul.topMenu li a.mothermouse,
.schuttingen #head #topMenu ul.topMenu li a.motheractive,
.schuttingen #head #topMenu ul.topMenu li a.motheractivemouse,
.schuttingen #head #topMenu ul.topMenu li a.active { background: url(pics/bgTopMenuHover.gif) right; }
.schuttingen #head #topMenu ul.topMenu li a:hover span.left,
.schuttingen #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgTopMenuHoverLeft.gif) top left no-repeat; }
.schuttingen #head #topMenu ul.topMenu li ul li a:hover,
.schuttingen #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

.zwembaden #head #topMenu ul.topMenu li a:hover,
.zwembaden #head #topMenu ul.topMenu li a.mothermouse,
.zwembaden #head #topMenu ul.topMenu li a.motheractive,
.zwembaden #head #topMenu ul.topMenu li a.motheractivemouse,
.zwembaden #head #topMenu ul.topMenu li a.active { background: url(pics/bgZwembadenTopMenuHover.gif) right; }
.zwembaden #head #topMenu ul.topMenu li a:hover span.left,
.zwembaden #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgZwembadenTopMenuHoverLeft.gif) top left no-repeat; }
.zwembaden #head #topMenu ul.topMenu li ul li a:hover,
.zwembaden #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

.speeltoestellen #head #topMenu ul.topMenu li a:hover,
.speeltoestellen #head #topMenu ul.topMenu li a.mothermouse,
.speeltoestellen #head #topMenu ul.topMenu li a.motheractive,
.speeltoestellen #head #topMenu ul.topMenu li a.motheractivemouse,
.speeltoestellen #head #topMenu ul.topMenu li a.active { background: url(pics/bgSpeeltoestelTopMenuHover.gif) right; }
.speeltoestellen #head #topMenu ul.topMenu li a:hover span.left,
.speeltoestellen #head #topMenu ul.topMenu li a.active span.left { background: url(pics/bgSpeeltoestelTopMenuHoverLeft.gif) top left no-repeat; }
.speeltoestellen #head #topMenu ul.topMenu li ul li a:hover,
.speeltoestellen #head #topMenu ul.topMenu li ul li a.active { background: #badbed; }

/* body */
#body { position: relative; width: 100%; height: auto; padding-top: 285px; }
#body .tpl { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}
#body .tpl .contentblock { position: relative; float: left; display: inline;  margin: 0; padding: 0; width: 935px; }
#body .tpl .contentblock .content { position: relative; float: left; clear: left; width: 755px; padding: 5px }
#body .tpl .contentblock .content table { width: 700px; float: left; text-align: left; }
#body .tpl .contentblock .basketblock { position: relative; float: right; min-height: 300px; width: 170px; }
#body .tpl .contentblock .basketblock .railTopLanguageSelector #google_translate_element .skiptranslate .goog-logo-link, #body .tpl .contentblock .basketblock .railTopLanguageSelectorBlue #google_translate_element .skiptranslate .goog-logo-link { float: left;}
#body .tpl .contentblock .basketblock .railTopLanguageSelector #google_translate_element .skiptranslate .goog-te-combo, #body .tpl .contentblock .basketblock .railTopLanguageSelectorBlue #google_translate_element .skiptranslate .goog-te-combo { margin-left: -3px; font-size:12px; width: 155px; }

/* breadcrum */
#body .tpl .contentblock .breadcrum { position: relative; float: left; padding-left: 6px; margin-bottom: 2px; width: 929px; height: 23px; }
#body .tpl .contentblock .breadcrum ul.breadcrumMenu { position: relative; padding: 0; width: 100%; height: 23px; list-style: none;  }
#body .tpl .contentblock .breadcrum ul.breadcrumMenu li { position: relative; float: left; padding: 0px 13px 0px 7px; color: #69aab3; background: url(/skins/default/pics/divBreadCrum.gif) no-repeat right 50%;  }
#body .tpl .contentblock .breadcrum ul.breadcrumMenu li a,
#body .tpl .contentblock .breadcrum ul.breadcrumMenu li a:visited { font-size: 12px; color: #69aab3; text-decoration:none; }
#body .tpl .contentblock .breadcrum ul.breadcrumMenu li a:hover { text-decoration: underline; }
#body .tpl .contentblock .breadcrum ul.breadcrumMenu li.firstNode { padding-left: 0;}
#body .tpl .contentblock .breadcrum ul.breadcrumMenu li.lastNode { background: none; }

/* Kassa */
.basketblock .railTopImg { position: relative; float: left; z-index: 10; width: 170px; font-size: 1px; line-height: 1px; height: 3px; background: url(../../skins/default/pics/bgRailTop2.png) no-repeat; font-size: 0px;}
.basketblock .railTopLanguageSelectorBlue { position: relative; float: left; display: inline; padding-left: 5px; width: 163px; height: auto; border-left: 1px solid #92AFB5; border-right: 1px solid #92AFB5; background: #d3e9f4;}
.basketblock .railTopLanguageSelector { position: relative; float: left; display: inline; padding-left: 5px; width: 163px; height: auto; border-left: 1px solid #92AFB5; border-right: 1px solid #92AFB5; background: #ffffff;}

.basketblock .kassa { position: relative; float: left; width: 168px; border-left: 1px solid #92AFB5; border-right: 1px solid #92AFB5; background: url(../../skins/default/pics/bgKassa.gif) left top repeat-x; }
.basketblock .kassa h1 { width: 149px; height: 49px; }
.basketblock .kassa h1 span { display: block; padding-left: 31px; margin: 8px; height: 29px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 29px; color: #2f4a6c; background: url(../../skins/default/pics/bgWinkelmandjeTitle.gif) top left no-repeat; }
.basketblock .kassa .header { padding: 4px 0px 0px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #2f4a6c; }
.basketblock .kassa p { padding: 0px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #2f4a6c; }
.basketblock .kassa .basketItem { position: relative; padding: 0px 5px; width: 143px; float: left; }
.basketblock .kassa .basketItem .value { position: relative; width: 134px; float:left;}
.basketblock .kassa .basketItem .amount { position: relative; float: left; width: 20px; height: 19px; padding: 2px 0; text-align: center; border: 1px solid #ccc; font: normal 100%/1em Arial, Helvetica, sans-serif; color: #000; background: #fff;  }
.basketblock .kassa .basketItem span.titel { position: relative; display: block; padding-left: 5px; overflow: hidden; font-size: 12px; font-weight: bold; color: #2f4a6c; }
/*.basketblock .kassa .basketItem .controls { position: relative; margin-left: 26px; width: auto; font: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #769e00; }*/
.basketblock .kassa .basketItem .controls { position: relative; width: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #769e00; }
.basketblock .kassa .basketItem .controls a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #769e00; letter-spacing: -1px; text-decoration: underline; }
/*.basketblock .kassa .basketItem .price { position: relative; float: left; margin-top: 13px; padding: 2px 0px 12px 0px; width: 139px; height: 12px; text-align: right; line-height: 12px; color: #2f4a6c; border-top: 1px solid #627790; }*/
.basketblock .kassa .basketItem .price { position: relative; float: left; margin: 13px 0 12px 0; padding: 2px 0 2px 0; width: 139px; height: 12px; text-align: right; line-height: 12px; color: #2f4a6c; border-bottom: 1px solid #627790; }
.basketblock .kassa .totals { position: relative; float: left; padding-top: 2px; margin-left: 5px; width: 139px; height: 13px; border-top: 1px solid #627790; }
.basketblock .kassa .totals .label { position: relative; float: left; margin-left: 10px; padding-top: 2px; height: 12px; line-height: 12px; font-weight: bold; color: #2f4a6c; }
.basketblock .kassa .totals .totalprice { position: relative; float: right; height: 12px; margin-right: 23px; line-height: 12px; font-weight: bold; color: #2f4a6c;  }
.basketblock .kassa .kassafooter { position: relative; float: left; width: 100%; overflow: hidden;  }
.basketblock .kassa .kassafooter .footer { position: relative; float: left; padding-left: 5px; width: 136px; height: auto; overflow: hidden; }
.basketblock .kassa .kassafooter .footer a.order { position: relative; float: left; display: block; padding: 0px 2px 0px; margin-top: 10px; width: 100%; height: 25px; color: #98b63f; font-weight: bold; background: url(../../skins/default/pics/kassa.gif) 110px no-repeat; }
.basketblock .kassa .kassafooter .footer a.empty { position: relative; float: left; display: block; padding: 0px 2px 0px; width: 100%; height: 25px; color: #98b63f; font-weight: bold; }
* html .basketblock .kassa .totals { display: inline; }

/* foot */
#hfoot { position: relative; padding-top: 20px; width: 100%; height: 38px; clear: both; }
#hfoot .hfoot { position: relative; border-top: 7px solid #b2f600; height: 22px; background: url(pics/bgHFoot.gif) repeat-x; }
#hfoot .hfoot ul.footMenu { position: relative; height: 22px; list-style: none; border: 1px solid #d1d1d1; border-top: 0px; }
#hfoot .hfoot ul.footMenu li { position: relative; float: left; display: inline; height: 22px; line-height: 22px; border-left: 1px solid #FFFFFF; border-right: 1px solid #d0d0d0; text-align: center; }
#hfoot .hfoot ul.footMenu li a,
#hfoot .hfoot ul.footMenu li a:visited { display: block; padding: 0px 22px 0px 22px; font-size: 11px; text-decoration: none; color: #000; }
* html #hfoot .hfoot ul.footMenu li.firstNode { width: 94px; }
* html #hfoot .hfoot ul.footMenu li.lastNode { width: 162px; }

/* shopFilterList */

#shopFilterList { position: relative; width: 100%; height: auto; clear: both; }
#shopFilterList .shopFilterList { height: 100%; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; }
#shopFilterList .shopFilterList h2 { margin-top: 5px; margin-bottom: 5px; margin-left: 6px; }
#shopFilterList .shopFilterList ul { position: relative; width: 187px; float: left; display: inline; list-style-type: none; margin-bottom: 10px; }
#shopFilterList .shopFilterList ul li h2 { font-weight: bold; font-size: 11px; background: #B2F600; margin-left: 2px; }
#shopFilterList .shopFilterList ul li h2 a { color: #000000; margin-left: 4px; }
#shopFilterList .shopFilterList ul li { margin-left: 4px; font-size: 11px; }
#shopFilterList .shopFilterList ul li a { color: #7F7F7F; }

/* searchwords */
#searchwords { position: relative; margin: 0 auto; padding: 0px 0px; width: 949px; color: #808080; font: 9px/9px Verdana, Arial, Helvetica, sans-serif; }
#searchwords div { position: relative; text-align: left; }
#searchwords ul.searchMenu { position: relative; display: inline; list-style: none;  }
#searchwords ul.searchMenu li { display: inline; height: 15px; }
#searchwords ul.searchMenu li a:link,
#searchwords ul.searchMenu li a:visited,
#searchwords ul.searchMenu li a.active { position: relative; text-decoration: none; font: 9px/9px Verdana, Arial, Helvetica, sans-serif; color: #808080; cursor: text; }


/* last viewed */
#lastViewed { position: relative; float: left; padding: 0; width: 98%; left: 0px; padding-left: 8px; margin: 8px 1px 0 2px; border: 1px solid #92AFB5; }
#lastViewed H1 { color: #2F4A6C; line-height: 28px; padding: 4px 0 2px 0px; margin: 0px 0px 5px 0px; }
#lastViewed .productInfo { position: relative; float: left; margin-left: 4px; display: inline; height: 120px; width: 100px; padding-top: 10px; margin: 0px 4px 8px; border: 1px solid #92AFB5;}
#lastViewed .productInfo A { color: #315F99; font-size: 11px; line-height: 11px; text-transform: lowercase; }
#lastViewed .productInfo A:HOVER .text { text-decoration: underline; }
#lastViewed .text { width: 90px; position: relative; top: 80px; left: 5px; text-align: left; }
#lastViewed .image { height: auto; height: 80px; display: block; position: absolute; top: 5px; left: 5px; text-align: center; }
#lastViewed .image IMG { width: 89px; }
#lastViewed .right_white_border { position: absolute; margin: 0; padding: 0; bottom: 3px; right: 0px; width: 1px; height: 20px; background: #ffffff; }
#lastViewed .left_white_border { position: absolute; margin: 0; padding: 0; bottom: 3px; left: 0px; width: 1px; height: 20px; background: #ffffff; }
#lastViewed .edge_top_right { position: absolute; margin: 0; padding: 0; top: -1px; right: -1px; width: 4px; height: 3px; background: transparent url(/skins/default/pics/lastviewed_edge_top_right.gif) no-repeat; }
#lastViewed .edge_top_left { position: absolute; margin: 0; padding: 0; top: -1px; left: -1px; width: 4px; height: 3px; background: transparent url(/skins/default/pics/lastviewed_edge_top_left.gif) no-repeat; }
#lastViewed .edge_bottom_right { position: absolute; margin: 0; padding: 0; bottom: -1px; right: -1px; width: 4px; height: 3px; background: transparent url(/skins/default/pics/lastviewed_edge_bottom_right.gif) no-repeat; }
#lastViewed .edge_bottom_left { position: absolute; margin: 0; padding: 0; bottom: -1px; left: -1px; width: 4px; height: 3px; background: transparent url(/skins/default/pics/lastviewed_edge_bottom_left.gif) no-repeat; }


/* rail */
#rail { position: relative; float: left; width: 170px; height: auto; }
#rail .railTopImg { position: relative; float: left; z-index: 10; width: 170px; font-size: 1px; line-height: 1px; height: 3px; background: url(../../skins/default/pics/bgRailTop.png) top left no-repeat; }
#rail .railTop { position: relative; float: left; display: inline; width: 163px; height: auto; border-left: 1px solid #92AFB5; border-right: 1px solid #92AFB5; padding-left: 5px; }
#rail .railBottom { position: relative; float: left; display: inline; padding-left: 5px; width: 163px; height: auto; border-left: 1px solid #92AFB5; border-right: 1px solid #92AFB5; background: url(../../skins/default/pics/bgRailBottomFader.png) 0% 100% repeat-x;}
#rail .railBottom .borderLeft { width: 1px; height: 180px; position: absolute; left: 0px; bottom: 0px; background: #ffffff; }
#rail .railBottom .borderRight { width: 1px; height: 180px; position: absolute; right: 0px; bottom: 0px; background: #ffffff; }
#rail .railBottomImg { position: relative; float: left; width: 170px; font-size: 1px; line-height: 1px; height: 3px; background: url(../../skins/default/pics/bgRailBottom.png) 0% 100% no-repeat; }

#rail .railTopLanguageSelector { position: relative; float: left; display: inline; padding-left: 5px; width: 163px; height: auto; border-left: 1px solid #92AFB5; border-right: 1px solid #92AFB5; }
#rail .railTopLanguageSelector #google_translate_element .skiptranslate .goog-logo-link { float: left;}
#rail .railTopLanguageSelector #google_translate_element .skiptranslate .goog-te-combo { margin-left: -3px; font-size:12px;}

#rail .railTop #nieuweklant { position: relative; float: left; margin-top: 14px; padding: 156px 10px 0px 10px; }
#rail .railTop #nieuweklant img { position: absolute; top: 0px; left: 0px; }
#rail .railTop #nieuweklant p { font-size: 12px; font-weight: bold; color: #2f4a6c; line-height: 120%; }
#rail .railTop #nieuweklant p strong { font-size: 12px; font-weight: bold; color: #6b9300; }
#rail .railTop #nieuweklant p a,
#rail .railTop #nieuweklant p a:visited { font-size: 12px; font-weight: bold; color: #6b9300; }

#rail .railBottom #kortingCode { position: relative; float: left; margin-top: 14px; padding: 154px 10px 0px 10px; }
#rail .railBottom #kortingCode img { position: absolute; top: 0px; left: -3px; }
#rail .railBottom #kortingCode h1 { font-size: 18px; font-weight: bold; color: #2f4a6c; line-height: normal; }
#rail .railBottom #kortingCode p { font-size: 12px; font-weight: normal; color: #2f4a6c; line-height: 120%; }
#rail .railBottom #kortingCode p strong { font-size: 12px; font-weight: bold; color: #2f4a6c; }
#rail .railBottom #kortingCode p a,
#rail .railBottom #kortingCode p a:visited { font-size: 12px; font-weight: normal; color: #2967b6; }

#rail .railBottom #aanbetaling { position: relative; float: left; margin-top: 14px; padding: 10px 0px 0px 0px; }
#rail .railBottom #aanbetaling img { position: relative; float: left; top: 0px; left: 0px; }
#rail .railBottom #aanbetaling h1 { margin-bottom: 8px; font-size: 16px; font-weight: bold; color: #2f4a6c; line-height: 120%; }
#rail .railBottom #aanbetaling p { font-size: 12px; font-weight: normal; color: #2f4a6c; line-height: 120%; }
#rail .railBottom #aanbetaling p strong { font-size: 12px; font-weight: bold; color: #6b9300; }
#rail .railBottom #aanbetaling p a,
#rail .railBottom #aanbetaling p a:visited { font-size: 12px; font-weight: bold; color: #6b9300; }

.railSeparator { height: 1px; width: 137px; border-top: 1px solid #627790; margin: 14px 10px; }

/* loader overlay */
#openwindowbleu, #TmpImageLoaderIE { display: none; }
#openwindowbleu #messageBox { background:  #eff5f8; width: 226px; height: auto; }
#openwindowbleu #messageBox #loaderTop { top: 0px; left: -1px; width: 228px; height: 4px; background: url(/skins/default/pics/dialogTop.gif) no-repeat; line-height: 4px; font-size: 1px; }
#openwindowbleu #messageBox #loaderContent { width: 226px; height: auto; border-left: 1px solid #315f99; border-right: 1px solid #315f99; font-family:Arial,Helvetica,sans-serif; color:#2F4A6C; font-size:11px; font-weight: bold; }
#openwindowbleu #messageBox #loaderBottom { bottom: 0px; left: -1px; width: 228px; height: 4px; background: url(/skins/default/pics/dialogBottom.gif) no-repeat; line-height: 4px; font-size: 1px; }