html { padding: 0; margin: 0; height: 100%; }
body { margin: 0; padding: 0; height: 100.2%; font-family: arial, helvetica, sans-serif; font-size: 62.5%; /* resets 1em to 10px */ behavior: url('htc/csshover.htc'); /*needed for hovermenu*/ }
/* standard elements */
.error, .alert, div.mceContentBody .error, div.mceContentBody .alert { color: #ff0000; }
img { behavior: url('htc/pngbehavior.htc'); }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix {height: 1%;}
/* to center the website */
div.wrapper { position: relative; width: 866px; min-height: 100%; height: auto; margin: 0 auto; padding: 0 0 0 34px; text-align: left; background: url(../../images/new/bg_grid.gif) repeat-y right 67px; }
* html div.wrapper { height: 100%; }
div.print { display: none; }
div.top { height: 56px; background: url(../../images/new/bg_top.gif) no-repeat; border-top: 4px solid #ffffff; border-bottom: 0px solid #ffffff; padding: 0; }
div.top2 { height: 56px; background: url(../../images/new/bg_banner_carnaval.gif) no-repeat; border-top: 4px solid #ffffff; border-bottom: 0px solid #ffffff; padding: 0; }
a.backlink { position: absolute; left: 8px; top: 4px; background: #f39900; width: 21px; height: 21px; }
a.backlink:hover { background: #38646a; }
img.figure { position: absolute; left: 50px; top: 10px; }
img.logo { position: absolute; right: 16px ; top: 10px; }
div.topsearch { position: absolute; left: 207px; top: 33px; width: 166px; background:url(../../images/new/bg_topsearch.gif) no-repeat; }
div.topsearch form { padding: 2px; height: 30px; }
div.topsearch form input.text { border: 1px solid #ffffff; width: 135px; font-size: 1.1em; font-weight: bold; color: #38646A; }
div.topsearch form input.button { border: 1px solid #ffffff; background: #ffffff url(../../images/new/bt_topsearch.gif) no-repeat right; padding: 2px; width: 20px; }
/* service menu */
div.servicemenu { position: absolute; left: 200px; top: 12px; }
div.servicemenu ul { }
div.servicemenu ul li { display: block; float: left; }
div.servicemenu ul li a { display: block; float: left; font-size: 1.1em; color: #ffffff; text-decoration: none; padding: 0 10px; border-left: 1px solid #ffffff; line-height: 1.2em; }
div.servicemenu ul li.first a { border: none; }
div.servicemenu ul li:hover a { color: #f39900; }
div.servicemenu ul li.selected a { color: #f39900; }
/* service menu > language select */
div.servicemenu ul li.languageselect { position: relative; width: 83px; }
div.servicemenu ul li.languageselect:hover { background-color: #FFFFFF; border-left: 1px solid #38646A; border-right: 1px solid #38646A; }
div.servicemenu ul li.languageselect a { background: url('../../images/new/langselect_bg.gif') no-repeat right 6px; }
div.servicemenu ul li.languageselect:hover a { background-image: url('../../images/new/langselect_bg_hover.gif'); }
div.servicemenu ul li a { }
div.servicemenu ul li ul { position: absolute; display: none; left: -1px; top: 0px; width: 85px; padding-top: 13px; padding-bottom: 5px; background: transparent url('../../images/new/langselect_bottom.gif') no-repeat left bottom; }
div.servicemenu ul li:hover ul { display: block; z-index: 10; }
div.servicemenu ul li ul li { display: block; float: none; padding: 0 0 2px 2px; background: #ffffff; border-left: 1px solid #38646A; border-right: 1px solid #38646A; }
div.servicemenu ul li ul li.first { padding-top: 6px; }
div.servicemenu ul li.languageselect:hover ul li a { display: inline; float: none; font-weight: normal; background-image: none; color: #38646a; }
div.servicemenu ul li.languageselect ul li a:hover { color: #f39900; }
div.contentcontainer { width: 691px; margin-top:8px; }
div.bumper { width: 30px; height: 83px; clear: both; }
/* intropagina */
a { color:#006468; }
body.hp { background-image: none; background-color: #ffffff; }
body.hp div.wrapper { background-image: none; }
img.jfhp { position: absolute; left: 4.5em; top: 0.7em; width: 3.8em; height: 4.5em; }
img.logohp { position: absolute; right: 1.2em; top: 1.8em; width:16em; height: 2.5em; }
img.hpselect { position: absolute; left: 0em; top: 13em; width:69em; height: 36.3em; }
div.nederland { position: absolute; left: 20.6em; top:32.6em; }
div.belgie { position: absolute; left: 46em; top: 32.6em;}
div.international { position: absolute; left: 70em; top: 32.6em;}
div.splash { color: #006468; font-size: 1.1em; }
div.splash a { text-decoration: none; }
div.splash a:hover { color: #f07f19; }
div.splash a.hplink { font-weight: bold; text-decoration: underline; }
/* ticker - _groen.gif weghalen voor rode banner - */
div.tickerbox { position: absolute; left: 3em; top: 51em; width: 870px; height: 55px; background: #ffffff url('../../images/default/bg_banner_groen.gif') no-repeat; }
div.ticker { position: absolute; left: 4px; top: 14px; overflow: hidden; width: 862px; height: 25px; }
div.tickerhtml { position: absolute; visibility: hidden; width: 720px; margin: 0px; font-size: 18px; color: #ffffff; }
img.tickerimg { position: absolute; right: 4px; z-index: 2; }
img.tickerimg_zindex { position: absolute; right: 0px; top:-28px; z-index: 2; }
/* ticker - carnaval - */
div.ca_tickerbox { position: absolute; left: 34px; top: 64px; width: 870px; height: 56px; background: #ffffff url('../../images/new/bg_banner_carnaval.gif') no-repeat; }
div.ca_ticker { position: absolute; left: 4px; top: 15px; overflow: hidden; width: 862px; height: 25px; }
div.ca_tickerhtml { position: absolute; visibility: hidden; width: 720px; margin: 0px; font-size: 18px; color: #38646a; }
/* menu */
/* level 1 */
div.menu { float: left; width: 166px; background:url(../../images/new/bg_menutop.gif) no-repeat top; }
div.bgmenu { background: url(../../images/new/bg_menubottom.gif) no-repeat bottom; min-height: 320px; padding: 10px 0; }
* html div.bgmenu { height: 320px; }
div.menu ul { background:url(../../images/new/bg_menu.gif) center; padding-bottom: 10px; zoom: 1; }
div.menu ul li { }
div.menu ul li ul { border: none; background-image: none; }
div.menu ul li a { font-weight: bold; color: #38646a; font-size: 1.2em; text-decoration: none; padding-left: 12px; }
div.menu ul li:hover a { background: url(../../images/new/gogo_x.gif) no-repeat left; }
div.menu ul li.selected a { background: url(../../images/new/gogo_x.gif) no-repeat left; color: #f39900; }
div.menu ul li.first { font-weight: bold; color: #f39900; font-size: 1.4em; text-decoration: none; padding-left: 12px; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #f39900; }
div.menu ul li.first a { color: #f39900; font-size: 1em; padding:0; }
div.menu ul li.first:hover a { background: none; }
/* level 2 */
div.menu ul li.selected ul { padding: 0; }
div.menu ul li.selected ul li a { color: #38646a; background-image: none; font-weight: normal; padding-left: 28px; }
div.menu ul li ul li:hover a { background: url(../../images/new/gogo_m.gif) no-repeat 18px 2px; color: #f39900; }
div.menu ul li ul li.selected a { font-weight: bold; background: url(../../images/new/gogo_m.gif) no-repeat 18px 2px; color: #f39900; }
/* level 3 */
div.menu ul li ul li.selected ul li a { background: none; color: #38646a; font-weight: normal; padding-left: 42px; }
div.menu ul li ul li ul li:hover a { background: url(../../images/new/gogo_s.gif) no-repeat 34px 2px; color: #f39900; }
div.menu ul li ul li ul li.selected a { background: url(../../images/new/gogo_orange.gif) no-repeat 22px 1px; color: #38646A; font-weight: bold; }
/* level 4 */
div.menu ul li ul li ul li.selected ul li a { background: none; color: #38646a; font-weight: normal; padding-left: 54px; }
div.menu ul li ul li ul li ul li:hover a { background: url(../../images/new/gogo_s.gif) no-repeat 46px 2px; color: #f39900; }
div.menu ul li ul li ul li ul li.selected a { background: url(../../images/new/gogo_orange.gif) no-repeat 36px 2px; color: #38646A; font-weight: bold; }
/* companymenu */
div.companymenu { position: absolute; right: 0px; top: 68px; width: 166px; background:url(../../images/new/bg_companymenutop.gif) no-repeat top; }
div.bgcompanymenu { background: url(../../images/new/bg_companymenubottom.gif) no-repeat bottom; min-height: 154px; padding: 10px 0 3px 0; }
* html div.bgcompanymenu { height: 164px; }
div.companymenu ul { background:url(../../images/new/bg_companymenu.gif) center; padding-bottom: 10px; zoom: 1; }
div.companymenu ul li a { font-size: 1.2em; color: #38646a; font-weight: bold; text-decoration: none; padding-left: 12px; display: block; }
div.companymenu ul li a:hover { color: #f39900; }
div.companymenu ul li.selected a { color: #f39900; }
div.companymenu ul li.selected { color: #f39900; }
/* level 2 */
div.companymenu ul li.selected ul { padding: 0; }
div.companymenu ul li.selected ul li a { color: #38646a; background-image: none; font-weight: normal; padding-left: 28px; }
div.companymenu ul li ul li:hover a { background: url(../../images/new/gogo_m.gif) no-repeat 18px 2px; color: #f39900; }
div.companymenu ul li ul li.selected a { font-weight: bold; background: url(../../images/new/gogo_m.gif) no-repeat 18px 2px; color: #f39900; }
/* companymenu shoppingcart */
div.shoppingcart { position: absolute; right: 0px; top: 300px; width: 166px; }
img.bgshoppingcart { position: absolute; }
div.shoppingcart div.padbox { position: relative; padding: 12px; color: #f39900; font-size: 1.2em; }
div.shoppingcart div.padbox h5 { color: #38646a; font-size: 1em; }
div.shoppingcart a { font-size: 1.1em; color: #38646a; font-weight: bold; text-decoration: underline; }
div.shoppingcart a:hover { color: #f39900; text-decoration: none; }
div.address { position: absolute; right: 0px; top: 418px; width: 166px; }
img.bgaddress { position: absolute; width: 166px; height: 166px; }
div.address div.padbox { position: relative; padding: 12px; color: #f39900; font-size: 1.2em; }
div.address div.padbox h5 { color: #38646a; font-size: 1em; }
div.attention { float: left; clear: left; padding-top: 10px; width: 166px; }
img.bgattention { position: absolute; width: 166px; height: 166px; margin-bottom: 10px; }
div.attention div.fixed { position: relative; height:166px; widt:166px; }
div.attention div.padbox { padding: 12px; color: #f39900; font-size: 1.2em; }
div.attention div.padbox h5 { color: #38646a; font-size: 1em; }
div.content { float: right; width: 526px; margin-right: -10px; overflow: hidden;}
div.mask516x166 { width: 516px; height: 166px; overflow: hidden; }
div.mask516x341 { width: 516px; height: 341px; overflow: hidden; }
img.mask { position: absolute; }
img.photo { margin: -2px 0 0 -2px; }
div.intro { padding: 28px; }
div.header { height: 77px; border-top: 1px solid #ffffff; }
div.header h1 { margin-top: 24px; }
div.floatbox { margin-right: -100px; }
div.floatbox div { float: left; }
/* vierkanten */
div.mask166x166overview { width: 166px; height: 166px; overflow: hidden; margin: 9px 9px 89px 0; }
div.mask341x351overview { width: 341px; height: 341px; overflow: hidden; margin: 9px 9px 89px 0; }
/* rechthoeken horizontaal */
div.mask341x166overview { width: 341px; height: 166px; overflow: hidden; margin: 9px 9px 89px 0; }
div.mask516x166overview { width: 516px; height: 166px; overflow: hidden; margin: 9px 9px 89px 0; }
div.mask516x341overview { width: 516px; height: 341px; overflow: hidden; margin: 9px 9px 89px 0; }
/* rechthoeken verticaal */
div.mask166x341overview { width: 166px; height: 341px; overflow: hidden; margin: 9px 9px 89px 0; }
div.mask166x516overview { width: 166px; height: 516px; overflow: hidden; margin: 9px 9px 89px 0; }
div.mask166x166overview div.titel { margin-top: 152px; max-width: 140px; }
div.mask341x166overview div.titel { margin-top: 152px; max-width: 320px; }
div.mask516x166overview div.titel { margin-top: 152px; max-width: 140px; }
div.mask166x341overview div.titel { margin-top: 327px; max-width: 140px; }
div.mask341x341overview div.titel { margin-top: 327px; max-width: 290px; }
div.mask166x516overview div.titel { margin-top: 502px; max-width: 140px; }
div.mask516x166overview div.titel { margin-top: 152px; max-width: 490px; }
div.mask516x341overview div.titel { margin-top: 327px; max-width: 290px; }
/* producten */
div.mask166x166product { width: 166px; height: 166px; overflow: hidden; margin: 9px 9px 0 0; }
div.mask341x341product { width: 341px; height: 341px; overflow: hidden; margin: 9px 9px 0 0; }
div.mask341x166product { width: 341px; height: 166px; overflow: hidden; margin: 9px 9px 0 0; }
div.mask516x166product { width: 516px; height: 166px; overflow: hidden; margin: 9px 9px 0 0; }
div.mask516x341product { width: 516px; height: 341px; overflow: hidden; margin: 9px 9px 0 0; }
div.mask166x341product { width: 166px; height: 341px; overflow: hidden; margin: 9px 9px 0 0; }
div.mask166x516product { width: 166px; height: 516px; overflow: hidden; margin: 9px 9px 0 0; }
div.mask341x516product { width: 341px; height: 516px; overflow: hidden; margin: 9px 9px 0 0; }
/* imgages mask */
div.mask166x166 img.mask { width: 166px; height: 166px; }
div.mask341x351 img.mask { width: 341px; height: 341px; }
div.mask341x166 img.mask { width: 341px; height: 166px; }
div.mask516x166 img.mask { width: 516px; height: 166px; }
div.mask516x341 img.mask { width: 516px; height: 341px; }
div.mask166x341 img.mask { width: 166px; height: 341px; }
div.mask166x516 img.mask { width: 166px; height: 516px; }
/* imgages mask overview */
div.mask516x166 img.mask { width: 516px; height: 166px; }
div.mask516x341 img.mask { width: 516px; height: 341px; }
div.mask166x166overview img.mask { width: 166px; height: 166px; }
div.mask341x351overview img.mask { width: 341px; height: 341px; }
div.mask341x166overview img.mask { width: 341px; height: 166px; }
div.mask516x166overview img.mask { width: 516px; height: 166px; }
div.mask516x341overview img.mask { width: 516px; height: 341px; }
div.mask166x341overview img.mask { width: 166px; height: 341px; }
div.mask166x516overview img.mask { width: 166px; height: 516px; }
/* images mask producten */
div.mask166x166product img.mask { width: 166px; height: 166px; }
div.mask341x341product img.mask { width: 341px; height: 341px; }
div.mask341x166product img.mask { width: 341px; height: 166px; }
div.mask516x166product img.mask { width: 516px; height: 166px; }
div.mask516x341product img.mask { width: 516px; height: 341px; }
div.mask166x341product img.mask { width: 166px; height: 341px; }
div.mask166x516product img.mask { width: 166px; height: 516px; }
div.mask341x516product img.mask { width: 341px; height: 516px; }
div.product { width: 341px; }
div.product div.padbox { padding: 5px; }
div.product div.productfoot { width: 100%; font-style:italic; }
table.order { width: 100%; margin: 12px 0; }
table.order td { vertical-align: top; font-weight: bold; padding: 1px 0; }
table.order td.button { text-align: right; }
/* bestelformulier */
div.textpad { padding: 0 28px; }
table.checkout { width: 100%; }
table.checkout tr th { color: #38646a; }
table.checkout tr td { padding: 2px 0; }
table.checkout tr.total td { border-top: 1px solid #f39900; }
table.checkout tr.total td { color: #f39900; font-weight: bold; }
table.checkout tr td span { color: #000000; font-style: italic; font-weight: normal; }
/* cornerbox */
div.cornerboxtop { background: url(../../images/new/box_corner_left.gif) no-repeat top left; }
div.cornerboxtop div { background: url(../../images/new/box_corner_right.gif) no-repeat top right; margin-right: 10px; }
div.cornerboxcontent { background: #ffffff; border-left: 1px solid #38646A; border-right: 1px solid #38646A; padding: 0 28px; margin-right: 10px; }
div.cornerboxbottom { background: url(../../images/new/box_corner_left.gif) no-repeat bottom left; }
div.cornerboxbottom div { background: url(../../images/new/box_corner_right.gif) no-repeat bottom right; margin-right: 10px; }
table.form tr td { padding: 2px 0; }
table.form em { color: #f39900; }
/* form styles */
div.content form { margin: 0; }
div.content form label { font-weight: bold; color: #38646A; padding: 0 3px; font-size: 0.9em; }
div.content form span.formerror { color: #ff0000; }
div.content form span.formrequired { color: #ff0000; font-weight: bold; }
div.content form input.text { border: 1px solid #38646a; }
div.content form input.radio { }
div.content form input.checkbox { }
div.content form textarea { border: 1px solid #38646a; }
div.content form input.amount { width: 35px; border: 1px solid #39646a; text-align: right; }
div.content form input.delete { border: none; background: transparent url(../../images/new/bt_delete.gif) no-repeat center; width: 30px; }
div.content input.button { background: #fff5e3 url(../../images/new/gogo_orange.gif) no-repeat right 4px; color: #f39900; border: 1px solid #f39900; padding: 1px 20px 3px 10px; font-size: 1em; }
div.content input.back { background: #fff5e3 url(../../images/new/gogo_orange_back.gif) no-repeat left 4px; padding: 1px 10px 3px 20px; }
/* searchengine */
div.searchengine div.resultshead { }
div.searchengine div.resultpagination { }
div.searchengine div.resultpagination span { display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; border: 1px solid silver; }
div.searchengine div.resultpagination a { display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; background: silver; border: 1px solid gray; text-decoration: none; }
div.searchengine div.searchstars { font-size: 2em; margin: 0.5em 0 -0.5em; font-weight: bold; color: gray; }
div.searchengine div.searchresultitle { }
div.searchengine div.searchresultitle a { }
div.searchengine div.searchresultlocation { font-style:italic; }
div.searchengine div.searchresultdescription a { text-decoration: none; }
/* light box */
div.lightbox { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img { border: none; }
div.outerimagecontainer { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer { padding: 10px; }
div.loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav { left: 0em; }
div.hovernav a { outline: none; }
a.prevlink, a.nextlink { width: 49%; height: 100%; background: transparent url('../../images/new/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink { left: 0em; float: left; }
a.nextlink { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover { background: url('../../images/new/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover { background: url('../../images/new/lightbox/nextlabel.gif') right 15% no-repeat; }
div.imagedatacontainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata { padding:0 10px; color: #666; }
div.imagedata div.imagedetails { width: 70%; float: left; text-align: left; }
div.imagedata span.caption { font-weight: bold; }
div.imagedata span.numberdisplay { display: block; clear: left; padding-bottom: 1.0em; }
div.imagedata a.bottomnavclose { width: 66px; float: right; padding-bottom: 0.7em; }
div.overlay { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
div.attachment { margin-top: 10px; border-top: 1px solid #0389a7; clear: both; }
div.attachment div.att_icon { float: left; padding: 10px 10px 10px 0; }
div.attachment div.att_title { float: left; line-height: 32px; padding: 10px 0 10px; }