body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #464646; align: middle; text-decoration: none; background-color: #1040AF; margin:0; padding:18px; } .iframe { scrollbar-face-color: red; scrollbar-highlight-color: 46587C; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-shadow-color: 46587C; scrollbar-arrow-color: white; scrollbar-track-color: black; } #main { width:739px; align: middle; margin:auto; background-image: url(../images/bg-logo-top.gif); background-color: #1040AF; } #main-inner { /*margin:0 21px 16px 21px;*/ padding:0 17px 27px 27px; min-height:200px; background-color: #FFFFFF; background-image: url(../images/bg-main-bottom.gif); background-repeat: no-repeat; background-position: center bottom; } #main-inner-left { width: 480px; display:block; float:left; line-height:18px; } #main-inner-right { width: 173px; display:block; float:right; border-left:1px solid #C8C8C8; text-align:right; padding-top:10px; } #main-inner-right p { color:#164365; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding-right:7px; text-align:right; } #logo { width:739px; height:97px; background-color: #FFFFFF; background-image: url(../images/bg-logo-top.gif); background-repeat: no-repeat; background-position: center top; border-bottom:1px solid #C8C8C8; } #mainphoto { height:170px; background-color: #FFFFFF; border-bottom:1px solid #C8C8C8; padding:3px 0 3px 0; } h1, h2, h3, h4, h5, h6 { margin: 15px 0; } p, ul, ol { margin: 15px 0; } .clear { clear:both; } #footer { clear:both; font-size: 10px; color:#FFFFFF; text-align:center; padding:12px; line-height:18px; } #footer a:link, #footer a:visited { color:#FFFFFF; text-decoration:none; } #footer a:hover { color:#FFFFFF; text-decoration:underline; } .highlight { color:#164365; text-decoration:none; font-size:11px; font-weight:bold; } .highlight a, .highlight a:visited { color:#164365; text-decoration:none; text-indent:20px; } .highlight a:hover { color:#6F6F6F; text-decoration:underline; text-indent:20px; } a, a:visited { color:#164365; text-decoration:underline; } a:hover { color:#6F6F6F; text-decoration:none; } h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #164365; font-weight:bold; } /* --- Browser Default --- */ BODY, FORM, DIV, TH, TD, P, A, LI, H1, H2, H3, H4, H5, H6 { font-family: Arial,Verdana,Helvetica; color: #000000; text-align: left; } BODY, FORM, P, H1, H2, H3, H4, H5, H6 { margin: 0px; padding: 0px; } H1, H2, H3, H4, H5, H6 { font-size: 11px; } BODY { font-size: 12px; text-align: center; background: url(bg_body.jpg) repeat-x #61B8DE; } DIV { position: relative; } TH, TD { text-align: middle; vertical-align: top; display: relative; } .valign_top { vertical-align: top; } .valign_middle { vertical-align: middle; } .valign_bottom { vertical-align: bottom; } IMG { border: 0px; } /* IMG.png geeft javascript error */ IMG.png { behavior: url(/png/pngbehavior.htc); } A { color: #2187C5; } A:hover { color: #000000; } UL { margin: 0px; padding: 0px; } UL LI { list-style-type: none; padding-left: 10px; background: url(list_stip_groot.gif) 0px 4px no-repeat; } INPUT, TEXTAREA, SELECT { font-family: Arial,Verdana,Helvetica; font-size: 1.1em; color: #000000; } INPUT.normal { border: 1px solid #2187C5; padding: 1px 5px 2px 5px; } INPUT.radio { margin: -4px 3px 0px -4px; padding: 0px; } html>body INPUT.radio { margin: 1px 5px 2px 0px; padding: 0px; vertical-align: -15%; } *:first-child+html INPUT.radio { margin: -4px 3px 0px -4px; padding: 0px; } INPUT.check { margin: -5px -2px -2px -4px; padding: 0px; } html>body INPUT.check { margin: 0px; padding: 0px; } *:first-child+html INPUT.check { margin: -5px -2px -2px -4px; padding: 0px; } /* --------------------------------TABSECTIE ------------------------------*/ .categorienavigatie { clear: both; } .categorienavigatie .toplinks { height: 50px; overflow: hidden; padding-left: 72px; margin: 0px 0px -25px 0px; } .categorienavigatie .bottomlinks { height: 25px; overflow: hidden; } .categorienavigatie a { display: inline; float: left; width: 134px; height: 50px; margin-right: 8px; background-repeat: no-repeat; } .categorienavigatie a span { display: block; text-align: center; display: none; } .categorienavigatie a.link1 { background: url(topnavi_modehaar.gif); } .categorienavigatie a.link1:hover, .categorienavigatie a.link1_active { background: url(topnavi_modehaar_on.gif); } .categorienavigatie a.link2 { background: url(topnavi_modehem.gif); } .categorienavigatie a.link2:hover, .categorienavigatie a.link2_active { background: url(topnavi_modehem_on.gif); } .categorienavigatie a.link3 { background: url(topnavi_wonenslapen.gif); } .categorienavigatie a.link3:hover, .categorienavigatie a.link3_active { background: url(topnavi_wonenslapen_on.gif); } .categorienavigatie a.link4 { background: url(topnavi_beeldgeluid.gif); } .categorienavigatie a.link4:hover, .categorienavigatie a.link4_active { background: url(topnavi_beeldgeluid_on.gif); } .categorienavigatie a.link5 { background: url(topnavi_huishouden.gif); } .categorienavigatie a.link5:hover, .categorienavigatie a.link5_active { background: url(topnavi_huishouden_on.gif); } .categorienavigatie a.link6 { background: url(c99_TabNormaal.gif); } .categorienavigatie a.link6:hover, .categorienavigatie a.link6_active { background: url(c99_TabMouseOver.gif); } .categorienavigatie a.link7 { background: url(topnavi_kindermode.gif); } .categorienavigatie a.link7:hover, .categorienavigatie a.link7_active { background: url(topnavi_kindermode_on.gif); } .categorienavigatie a.link8 { background: url(topnavi_fitmooigezond.gif); } .categorienavigatie a.link8:hover, .categorienavigatie a.link8_active { background: url(topnavi_fitmooigezond_on.gif); } .categorienavigatie a.link9 { background: url(topnavi_computerstelecom.gif); } .categorienavigatie a.link9:hover, .categorienavigatie a.link9_active { background: url(topnavi_computerstelecom_on.gif); } .categorienavigatie div.link10 { display: inline; float: left; width: 134px; height: 50px; margin-right: 8px; background-repeat: no-repeat; } .categorienavigatie div.link10 a { display: inline; float: left; height: 50px; background-repeat: no-repeat; margin: 0px; } .categorienavigatie div.link10 span { display: block; text-align: center; display: none; } .categorienavigatie div.link10 a.link10_A { background: url(topnavi_dvd.gif); width: 35px; } .categorienavigatie div.link10 a.link10_A:hover, .categorienavigatie div.link10 a.link10_A_active { background: url(topnavi_dvd_on.gif); width: 35px; } .categorienavigatie div.link10 a.link10_B { background: url(topnavi_boeken.gif); width: 49px; } .categorienavigatie div.link10 a.link10_B:hover, .categorienavigatie div.link10 a.link10_B_active { background: url(topnavi_boeken_on.gif); width: 49px; } .categorienavigatie div.link10 a.link10_C { background: url(topnavi_games.gif); width: 50px; } .categorienavigatie div.link10 a.link10_C:hover, .categorienavigatie div.link10 a.link10_C_active { background: url(topnavi_games_on.gif); width: 50px; } .categorienavigatie a.link11 { background: url(topnavi_reizenvrijetijd.gif); } .categorienavigatie a.link11:hover, .categorienavigatie a.link11_active { background: url(topnavi_reizenvrijetijd_on.gif); } .categorienavigatie a.link12 { background: url(topnavi_acties.gif); margin: 0px 0px 0px 1px; } .categorienavigatie a.link12:hover, .categorienavigatie a.link12_active { background: url(topnavi_acties_on.gif); margin: 0px 0px 0px 1px; } .categorienavigatie a.link6 div, .categorienavigatie a.link6_active div { position: absolute; margin: 3px 0px 0px 101px; width: 30px; height: 22px; overflow: hidden; } .categorienavigatie a.link6 div img, .categorienavigatie a.link6_active div img { width: 30px; height: 22px; cursor: hand; cursor: pointer; } /* --------------------------------TABSECTIE ------------------------------*/ /* Filteren */ .blok_filteren { width: 636px; margin: 8px 0px 0px 0px;} .blok_filteren th.filteren { color: #3290C9; width: 1%; white-space: nowrap; padding: 4px 3px 0px 8px; background: url(bg_filteren.gif) repeat-x bottom; } .blok_filteren td.filteren { width: 97%; padding-bottom: 2px; background: url(bg_filteren.gif) repeat-x bottom;} .blok_filteren th.sorteren { color: #666666; width: 1%; white-space: nowrap; padding: 4px 3px 0px 10px; background: url(bg_filteren.gif) repeat-x bottom; } .blok_filteren td.sorteren { width: 1%; text-align: right; background: url(bg_filteren.gif) repeat-x bottom; } .blok_filteren td.filteren a { background: url(bg_filterentabs_links.gif) top left no-repeat; display: block; float: left; margin: 0px -3px 0px 6px; padding: 0px; text-decoration: none; position: relative; } html>body .blok_filteren td.filteren a { margin: 0px 3px 0px 0px; } .blok_filteren td.filteren div.container { margin: 0px 0px 0px -12px; width: auto; padding: 0px; } html>body .blok_filteren td.filteren div.container { margin: 0px; width: auto;} .blok_filteren td.sorteren a { background: url(bg_filterentabs_links.gif) top left no-repeat; display: block; float: left; margin: 0px 3px 0px 0px; padding: 0px; text-decoration: none; } .blok_filteren td.filteren a span, .blok_filteren td.sorteren a span { background: url(bg_filterentabs_rechts.gif) top right no-repeat; display: block; color: #2187C5; padding: 4px 25px 6px 7px; white-space: nowrap; } .blok_filteren td.sorteren a { float: none; zoom: 1; } .blok_filteren td.sorteren a span, .blok_filteren td.sorteren select { color: #666666; } html>body .blok_filteren td.sorteren select { width: 130px; } *:first-child+html .blok_filteren td.sorteren select { width: auto; } .blok_filteren td.txt { background: none; padding: 3px 3px 4px 8px; } .blok_filteren td.txt table { width: 100%; } .blok_filteren td.txt th { background: none; color: #666666; padding-right: 5px; width: 1%; white-space: nowrap; } .blok_filteren td.txt td { background: none; color: #666666; } .blok_filteren td.txt td.link { width: 1%; white-space: nowrap; padding-left: 20px; } .blok_filteren td.txt td a { color: #666666; } .blok_filteren div.filter_opties { background: #FFF; border: 2px solid #0187C5; position: absolute; width: 593px; left: -60px; margin: 0px 0px 0px 0px; padding: 16px 5px 5px 15px; display: none; filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; z-index: 100; clear: both; } html>body .blok_filteren div.filter_opties { left: -72px; } .blok_filteren td.sorteren div.filter_opties { left: 10px; } .blok_filteren div.filter_opties a.close { display: block; float: right; margin: -2px 1px 0px 0px; } html>body .blok_filteren div.filter_opties a.close { margin: -3px 2px 0px 0px; } .blok_filteren div.filter_opties h6 { color: #666666; margin-bottom: 8px; } .blok_filteren div.filter_opties table { width: 100%; } .blok_filteren div.filter_opties td { width: 25%; padding-right: 7px; padding-top: 3px; padding-bottom: 3px;} .blok_filteren div.filter_opties a { color: #888888; background: none; display: block; float: none; margin: 0px; padding: 0px; } .blok_filteren div.filter_opties a:hover { color: #000000; } .blok_filteren div.filter_opties input.noscript { float: left; clear: both; margin: -4px 0px 0px -4px; } html>body .blok_filteren div.filter_opties input.noscript { margin: 0px 5px 2px 0px; } *:first-child+html .blok_filteren div.filter_opties input.noscript { margin: -4px 3px 0px -4px; } .blok_filteren div.filter_opties input.noscript_radiobtn { float: left; clear: both; margin: -4px 0px 0px -4px; } html>body .blok_filteren div.filter_opties input.noscript_radiobtn { margin: 0px 5px 0px 0px; } *:first-child+html .blok_filteren div.filter_opties input.noscript_radiobtn { margin: -4px 3px 0px -4px; } .blok_filteren div.filter_opties p { text-align: right; } .blok_filteren div.filter_opties p a { display: inline; margin: 0px 0px 0px 5px; vertical-align: -70%; } .blok_filteren div.filter_opties .optie { float: left; clear: both; margin: -4px 0px 0px -4px; } html>body .blok_filteren div.filter_opties .optie { margin: 0px 5px 2px 0px; } *:first-child+html .blok_filteren div.filter_opties .optie { margin: -4px 3px 0px -4px; } .blok_filteren div.filter_sorteren { width: 100px; left: auto; right: 8px; padding: 6px 10px 6px 6px; margin-top: 21px; } html>body .blok_filteren div.filter_sorteren { right: 5px; } .blok_filteren div.filter_sorteren a { margin-bottom: 5px; } .blok_filteren_noscript { width: 636px; margin: 8px 0px 0px 0px; } .blok_filteren_noscript th, .blok_filteren_noscript td { background: url(bg_filteren.gif) repeat-x bottom; } .blok_filteren_noscript th.filteren { color: #3290C9; width: 1%; padding: 3px 3px 0px 8px; white-space: nowrap; } html>body .blok_filteren_noscript th.filteren { padding-right: 1px; } .blok_filteren_noscript th.sorteren { color: #666666; width: 1%; padding: 3px 3px 0px 8px; white-space: nowrap; } .blok_filteren_noscript td.filteren { width: 97%; padding-bottom: 2px; } .blok_filteren_noscript td.sorteren { width: 1%; padding: 0px 3px 2px 0px; text-align: right; } .blok_filteren_noscript td.sorteren select { color: #666666; } .blok_filteren_noscript td.txt { background: none; padding: 3px 3px 4px 8px; } .blok_filteren_noscript td.txt table { width: 100%; } .blok_filteren_noscript td.txt th { background: none; color: #666666; padding-right: 5px; width: 1%; white-space: nowrap; } .blok_filteren_noscript td.txt td { background: none; color: #666666; } .blok_filteren_noscript td.txt td.link { width: 1%; white-space: nowrap; padding-left: 20px; } .blok_filteren_noscript td.txt td a { color: #666666; } html>body .blok_filteren_noscript select { letter-spacing: -0.04em; } /* --- Algemene popups --- */ body.popup { background: #FFFFFF; padding: 10px; margin: 0px; text-align: left; } body.popup div.pageheader { padding: 8px 0px 0px 0px; margin: -10px -10px 12px -10px; border-bottom: 8px solid #E1F1FF; } body.popup h3 { margin: 0px; padding: 0px 10px 8px 10px; border-bottom: 1px solid #CBCBCB; } body.popup a.knop { display: block; float: left; margin: 10px 8px 0px 0px; } div.techpopup { position: absolute; z-index: 100; margin-top: 0px; left: 250px; voice-family: "\"}\""; voice-family:inherit; margin-top:0px; top:expression(document.documentElement.scrollTop+125+Math.random()*0); } html>body div.techpopup { position: fixed; margin-top:0px; top: 125px; background: #FFF; } * html div.techpopup { left: 80px; } div.close { position: absolute; text-align: right; cursor: pointer; margin: 3px 0px 0px -20px; } html>body div.close { position: relative; margin: -3px 0 0 0; } html>body div.close img { border: 1px solid #7F8AC0; background: #FFFFFF; padding: 3px; margin: 3px 0px -1px 0px; } table.simplepopup { width: 100%; height: 100%; border: 1px solid #CBCBCB; } table.simplepopup th { padding: 4px 0px; font-weight: bold; color: #666666; background: #FFFFFF; border-bottom: 1px solid #CBCBCB; border-left: 8px solid #FFFFFF; border-right: 8px solid #FFFFFF; } table.simplepopup th a.close { float: right; margin-top: -12px; cursor: pointer; } table.simplepopup td { padding: 5px 9px 10px 9px; background: #FFFFFF; } table.simplepopup td.bottom a.close { float: right; cursor: pointer; } table.simplepopup td.bottom { padding: 2px 5px 4px 0px; background: #F8F8F8; } div.dhtmlpopup { display: none; position: absolute; width: 515px; height: 363px; background: #F8F8F8; margin: -100px 0px 0px 0px; left: 225px; z-index: 100; } div.dhtmlpopup .topborder { height: 1px; } div.dhtmlpopup .leftborder, div.dhtmlpopup .rightborder { width: 1px; height: 371px; float: left; margin: -20px 0px -41px 0px; } div.dhtmlpopup .bottomborder { width: 515px; height: 1px; position: absolute; margin-top: 40px; } html>body div.dhtmlpopup .bottomborder { width: 513px; height: 8px; margin: 342px 0px 0px 1px; } div.dhtmlpopup .titel { height: 21px; } div.dhtmlpopup .titel a { cursor: pointer; } div.dhtmlpopup .titel img { float: right; margin-top: -13px; padding: 2px 0px; } div.dhtmlpopup .titel .kop { font: bold 10px Verdana,Arial,Helvetica; color: #566990; margin: 0px 7px; padding: 2px 0px 0px 0px; width: 500px; } div.dhtmlpopup .content { overflow: auto; background: #FFFFFF; width: 499px; height: 310px; margin: 0px 7px; float: left; display: inline; } div.dhtmlpopup .footer a { display: block; float: right; margin: 20px 6px 10px 0px; font-weight: bold; color: #053D9D; cursor: pointer; } html>body div.dhtmlpopup .footer a { margin-right: 12px; } div.dhtmlpopup .content table.popup { margin-top: 10px; padding-right: 5px; } div.dhtmlpopup .content table.popup td { } div.dhtmlpopup .content table.popup td.afb { width: 1%; padding: 0px 20px 0px 10px; } div.dhtmlpopup .content table.popup td.knop { text-align: right; padding-top: 6px; padding-bottom: 10px; } div.dhtmlpopup .content h2 { vertical-align: top; margin: 0px; padding: 0px; font-weight: bold; text-transform: capitalize; } div.dhtmlpopup .content .prijsblok { background: #E8F3CB; height: 46px; width: 100%; margin-top: 10px; } div.dhtmlpopup .content .prijsblok p { display: block; float: left; margin: 7px 4px 7px 0px; padding: 8px 0px 0px 0px; color: #000000; } div.dhtmlpopup .content .prijsblok span.prijs { display: block; margin: 13px 0px 0px 9px; font: bold 14px Verdana,Arial,Helvetica; color: #000000; } div.dhtmlpopup .content .prijsblok .stippel { margin-bottom: -1px; margin-right: -5px; } html>body div.dhtmlpopup .content .prijsblok .stippel { margin-right: 0px; }