/*************************************************/ /* ALGEMEEN */ /*************************************************/ body { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9pt; color:#333333; margin:0px; padding:0;} a { color: #0066FF; } a:active { color: #76b31c; } a:hover { color: #76b31c; } .greenfont { color: #76b31c; } .lightgreenfont { color: #9be132; } .highlight { font-weight:bold; } .database_dik { font-weight:bold; color:#76b31c; } #dhtmltooltip { position: absolute; width: 260px; border: 1px solid #2B2B2B; padding: 2px; background-color: #FDFBE2; visibility: hidden; z-index: 100; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #2B2B2B; text-align: left; margin: 0px; float: left; } /*************************************************/ /* BOVENKANT WEBSITE */ /*************************************************/ .bovenbalk { background-image: url(http://shared.nedconcepts.nl/images/adslwinkel/elements/topbar-bg.gif); background-repeat: repeat-y; background-color: #9be132; text-align: center; margin-bottom: 1px; } .bovenbalkcontent { width: 960px; text-align: center; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } /*************************************************/ /* CROSS WEBSITE MENU */ /*************************************************/ ul#crossite { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#crossite li { float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; } #crossite a, #crossite a:link { margin: 0; color: #FFFFFF; text-decoration: none; } #crossite .first { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; padding-top: 3px; padding-bottom: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #76b31c; padding-right: 15px; padding-left: 15px; } #crossite .adsl { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; padding-top: 3px; padding-bottom: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #76b31c; padding-right: 15px; padding-left: 15px; background-color: #9be132; } #crossite .adsl:hover { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; padding-top: 3px; padding-bottom: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #76b31c; padding-right: 15px; padding-left: 15px; background-color: #76b31c; } #crossite .mobielinternet { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; padding-top: 3px; padding-bottom: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #4c8ccd; padding-right: 15px; padding-left: 15px; background-color: #88C1FB; } #crossite .mobielinternet:hover { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; padding-top: 3px; padding-bottom: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #4c8ccd; padding-right: 15px; padding-left: 15px; background-color: #4c8ccd; } #crossite .dtv { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; padding-top: 3px; padding-bottom: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #f36d21; padding-right: 15px; padding-left: 15px; background-color: #f9af2a; } #crossite .dtv:hover { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; padding-top: 3px; padding-bottom: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #f36d21; padding-right: 15px; padding-left: 15px; background-color: #f36d21; } #crossite .gsm { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; padding-top: 3px; padding-bottom: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #ad2172; padding-right: 15px; padding-left: 15px; background-color: #e30c9c; } #crossite .gsm:hover { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; padding-top: 3px; padding-bottom: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #ad2172; padding-right: 15px; padding-left: 15px; background-color: #ad2172; } #crossite .voetbal { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; padding-top: 3px; padding-bottom: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #ad2172; padding-right: 15px; padding-left: 15px; background-color: blue; } #crossite .voetbal:hover { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; padding-top: 3px; padding-bottom: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #ad2172; padding-right: 15px; padding-left: 15px; background-color: #0EC0C8; } #crossite .last { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; padding-top: 3px; padding-bottom: 4px; } #crossite .first:hover { background-color: #76b31c; } /*************************************************/ /* GOOGLE ZOEK FUNCTIE */ /*************************************************/ .google { padding-top: 1px; } .google form { padding-top: 0px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; } .google #q { font-size: 11px; color: #999999; width: 135px; border: 1px solid #333333; background-repeat: no-repeat; background-color: #FFFFFF; background-image: url(http://shared.nedconcepts.nl/images/adslwinkel/elements/google-aangepast-zoeken.gif); padding-left: 50px; } .google #zoek { font-size: 10px; color: #333333; width: 40px; height: 18px; } /*************************************************/ /* BANNERS ADVERTENTIESERVER */ /*************************************************/ .banners { width: 960px; text-align: center; margin-right: auto; margin-left: auto; margin-top: 10px; } .banners img { height: 60px; width: 234px; z-index: 50; } /*************************************************/ /* BOVENKANT WEBSITE LOGO BALK EN SUBNAVIGATIE */ /*************************************************/ .logobar { width: 960px; margin:3px auto; } .overstaplogobar { width: 780px; margin-right: auto; margin-left: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; margin-top: 10px; margin-bottom: 10px; } .logobar .logo { padding-bottom: 2px; } .logobar .subnavigatie { padding-bottom: 5px; } .container { width: 960px; margin-right: auto; margin-left: auto; } .overstapcontainer { width: 780px; margin-right: auto; margin-left: auto; } .hoofdnavigatie { width:960px; margin:0 auto; text-align:left; background-image:url(http://shared.nedconcepts.nl/images/adslwinkel/elements/navigatie-bg.gif); background-repeat:repeat-x; } .hoofdnavigatie2 { width:960px; margin:0 auto; text-align:left; } .hoofdnavigatie td { background-image: url(http://shared.nedconcepts.nl/images/adslwinkel/elements/navigatie-bg-end.gif); background-position: right; background-repeat: no-repeat; } /*************************************************/ /* WEBSITE HOOFDNAVIGATIE */ /*************************************************/ ul#hoofdnavigatie { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#hoofdnavigatie li { float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } #hoofdnavigatie a, #hoofdnavigatie a:link { margin: 0; color: #666666; text-decoration: none; } #hoofdnavigatie a:hover { color: #76b31c; } #hoofdnavigatie .first { padding-top: 3px; padding-bottom: 3px; border-right-width: 1px; border-right-style: solid; border-right-color: #cbcbcb; padding-right: 15px; padding-left: 16px; background-image: url(http://shared.nedconcepts.nl/images/adslwinkel/elements/navigatie-bg-first.gif); background-repeat: no-repeat; background-position: left; } #hoofdnavigatie .follow { border-left-width: 1px; border-left-style: solid; border-left-color: #ebebeb; padding-top: 3px; padding-bottom: 3px; border-right-width: 1px; border-right-style: solid; border-right-color: #cbcbcb; padding-right: 15px; padding-left: 15px; } #hoofdnavigatie .last { border-left-width: 1px; border-left-style: solid; border-left-color: #ebebeb; padding-top: 3px; padding-bottom: 3px; } #hoofdnavigatie .first:hover { color: #76b31c; padding-top: 4px; padding-bottom: 2px; padding-right: 14px; padding-left: 17px; } #hoofdnavigatie .follow:hover { color: #76b31c; padding-top: 4px; padding-bottom: 2px; padding-right: 14px; padding-left: 16px; } .leftcolumn { width: 220px; background-color: #f8f8f8; /*background-image: url(http://shared.nedconcepts.nl/images/adslwinkel/elements/leftcolumn-bg.gif); background-repeat: repeat-x; */padding-top: 13px; text-align: left; vertical-align: top; } .leftcolumn h3 { float:left; width:100%; font-size:12px; color:#FFFFFF; height: 15px; margin:25px 0 0 0; background-color: #333333; } .content { background-color: #FFFFFF; /*background-image: url(http://shared.nedconcepts.nl/images/adslwinkel/elements/maincontent-bg.gif); background-repeat: repeat-x;*/ text-align: left; vertical-align: top; padding-left: 25px; line-height:18px } .content .aanbiederslijst { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; margin-top: 7px; margin-bottom: 7px; padding-bottom: 10px; } .content .aanbiederslijst img { margin-top: -5px; } .content .aanbiederslijstfirst { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; margin-bottom: 7px; padding-bottom: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; padding-top: 7px; } .content .aanbiederslijstfirst img { margin-top: -5px; } .content p { text-align: justify; } .content .introtekst { } .content h1, .content h2 { margin:0px; padding:5px 0 0 0; color:#76b31c; font-weight:normal; } .content h1 { font-family:Tahoma, Geneva, sans-serif; font-size:12pt;} .content h2 { font-family:Tahoma, Geneva, sans-serif; font-size:11pt;} .content .h2black { font-size: 11px; color: #333333; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } .content h3 { color: #333333; margin-bottom: 0px; padding-bottom: 0px; font-weight: bold; } .content h4 { color: #76b31c; margin-bottom: 0px; padding-bottom: 0px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; } .content h4 a { color: #76b31c; text-decoration: none; } .content #rightimage { float: right; margin-left: 25px; width: 200px; margin-bottom: 10px; text-align: right; margin-top: 0px; } .content #rightimage h5 { text-align: center; font-size: 11px; line-height: 16px; font-style: italic; color: #858585; background-color: #f8f8f8; padding: 5px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .content #subfaqlijst ul { font-size: 10px; color: #999999; display: block; list-style-type: none; margin: 0px; padding: 0px; } .content #subfaqlijst ul a { color: #999999; margin: 0px; padding: 0px; } #quicklinks { font-size: 10px; text-align: justify; color: #999999; } #quicklinks a { color: #999999; text-decoration: none; } #quicklinks a:hover { color: #76b31c; text-decoration: none; } .content #providerlist { font-size: 10px; color: #76b31c; margin-top: 20px; text-align: justify; } .content #providerlist a { color: #999999; text-decoration: none; } .content #providerlist a:hover { color: #76b31c; text-decoration: none; } .not_bold { font-weight:normal; } .overstapcontent { background-color: #FFFFFF; background-image: url(http://shared.nedconcepts.nl/images/adslwinkel/elements/maincontent-bg.gif); background-repeat: repeat-x; text-align: left; vertical-align: top; padding-left: 25px; padding-right: 25px; } .overstapcontent .aanbiederslijst { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; margin-top: 7px; margin-bottom: 7px; padding-bottom: 10px; } .overstapcontent .aanbiederslijst img { margin-top: -5px; } .overstapcontent .aanbiederslijstfirst { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; margin-bottom: 7px; padding-bottom: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; padding-top: 7px; } .overstapcontent .aanbiederslijstfirst img { margin-top: -5px; } .overstapcontent p { text-align: justify; } .overstapcontent .introtekst { } .overstapcontent h1 { font-size: 12px; margin: 0px; padding-top: 20px; padding-right: 0px; padding-left: 0px; color: #76b31c; } .overstapcontent h2 { font-size: 12px; margin: 0px; padding-top: 20px; padding-right: 0px; padding-left: 0px; color: #76b31c; } .overstapcontent .h2black { font-size: 11px; color: #333333; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } .overstapcontent h3 { font-size: 11px; color: #333333; margin-bottom: 0px; padding-bottom: 0px; font-weight: bold; } .overstapcontent h4 { font-size: 11px; color: #76b31c; margin-bottom: 0px; padding-bottom: 0px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; } .overstapcontent h4 a { color: #76b31c; text-decoration: none; } .overstapcontent #rightimage { float: right; margin-left: 25px; width: 200px; margin-bottom: 10px; text-align: right; margin-top: 0px; } .overstapcontent #rightimage h5 { text-align: center; font-size: 11px; line-height: 16px; font-style: italic; color: #858585; background-color: #f8f8f8; padding: 5px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .overstapcontent #subfaqlijst ul { font-size: 10px; color: #999999; display: block; list-style-type: none; margin: 0px; padding: 0px; } .overstapcontent #subfaqlijst ul a { color: #999999; margin: 0px; padding: 0px; } .overstapcontent #quicklinks { font-size: 10px; text-align: justify; color: #999999; } .overstapcontent #quicklinks a { color: #999999; text-decoration: none; } .overstapcontent #quicklinks a:hover { color: #76b31c; text-decoration: none; } .overstapcontent #providerlist { font-size: 10px; color: #76b31c; margin-top: 20px; text-align: justify; } .overstapcontent #providerlist a { color: #999999; text-decoration: none; } .overstapcontent #providerlist a:hover { color: #76b31c; text-decoration: none; } .blockquotegrey { padding: 5px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; background-color: #f8f8f8; border: 1px solid #CCCCCC; color: #999999; font-style: italic; } #abonnementenlist { margin-left: 0px; padding-left: 0px; list-style-type: none; } #abonnementenlist li { background-image: url(http://shared.nedconcepts.nl/images/adslwinkel/icons/list-bullet.gif); background-repeat: no-repeat; padding-left: 15px; } #bonusprogrammaprize { border: 1px solid #CCCCCC; padding: 5px; } #bonusprogrammaprize .winner { border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; padding-top: 5px; } #bonusprogramma strong { color: #76b31c; } #bonusprogramma p { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-bottom: 20px; } #bulletlist { margin-left: 10px; padding-left: 0px; list-style-type: none; } #bulletlist li { background-image: url(http://shared.nedconcepts.nl/images/adslwinkel/icons/list-bullet.gif); background-repeat: no-repeat; padding-left: 15px; } #bulletlist .selected { } .breadcrumbs { font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f8f8f8; font-size: 10px; color: #999999; padding-top: 10px; margin: 0px; text-align:left; } .breadcrumbs a { color: #999999; text-decoration: none; } .breadcrumbs a:hover { color: #333333; } /*************************************************/ /* POSTCODECHECK */ /*************************************************/ #pccheck table { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #333333; border-bottom-color: #333333; background-image: url(http://shared.nedconcepts.nl/images/adslwinkel/elements/pccheck-background.gif); background-repeat: repeat-x; margin-top: 15px; } #pccheck table td { padding-left: 5px; } #pccheck { margin: 0px; } #pccheck a { color: #FFFFFF; } #pccheck a:hover { color: #76b31c; } #pccheck .radiobutton { font-size: 11px; font-weight: normal; width:215px; } #pccheck fieldset { margin:0; border:solid 0 #fff; width:210px; } #pccheck #HouseNumber { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } #pccheck #ZipNumbers { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-right: 2px; } #pccheck #ZipLetters { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-left: 0px; } #pccheckhulp { font-size: 9px; text-align: right; color: #999999; margin-bottom: 20px; width: 215px; padding-right: 5px; } #pccheckhulp a { color: #999999; text-decoration: none; } #pccheckhulp a:hover { color: #333333; } #telsupport { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333333; background-color: #e8f2fe; text-align: right; } .smalltext { font-size: 10px; } #sitemap ul { list-style-type: none; list-style-image: url(http://shared.nedconcepts.nl/images/adslwinkel/icons/sitemap-sub.gif); line-height: 18px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; } #usplist { margin-left: 0px; padding-left: 0px; list-style-type: none; } #usplist li { background-image: url(http://shared.nedconcepts.nl/images/adslwinkel/icons/list-bullet.gif); background-repeat: no-repeat; padding-left: 15px; } #usplist li a { color: #333333; text-decoration: none; } #topicons { float: right; font-size: 9px; color: #CCCCCC; margin-top: 2px; clear: both; } #topicons a { color: #CCCCCC; text-decoration: none; } #topicons a:hover { color:#999999; } #topicons img { padding-left:5px; } .indexlist { list-style-type: square; } .indexlist .ook { color:#999999; font-style:italic; list-style-type:none; } .firstindex { padding-top:25px;} #footer { width:960px; margin:20px auto 0; border-top:1px dashed #cccccc; color:#666666; padding:10px 0; clear:both; text-align:center;} #footer a { color:#666666; text-decoration:none; } #footer a:hover { color:#76b31c; } #footer ul.footer_links_top, #footer ul.footer_links_bottom { width:800px; float:left; margin:0 0 0 80px; padding:0; text-align:center !important;} #footer ul { display: inline; list-style-type: none; } #footer li { display: inline; padding-right: 10px; padding-left: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #666666; } #footer .footerlast { border-right-style: none; } #overstapfooter { width: 780px; min-width: 780px; margin-right: auto; margin-left: auto; border-top-width: 1px; border-top-style: dashed; border-top-color: #CCCCCC; color: #666666; font-size: 11px; text-align: center; min-width: 780px; padding-bottom: 10px; margin-top: 20px; background-color: #FFFFFF; float: none; clear: both; padding-top: 10px;/* width:expression( document.body.clientWidth < 1024 ? "900px" : "70%" ); */ } #overstapfooter a { color: #666666; text-decoration: none; } #overstapfooter a:hover { color: #76b31c; } #overstapfooter ul { display: inline; list-style-type: none; } #overstapfooter li { display: inline; padding-right: 10px; padding-left: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #666666; } #overstapfooter .footerlast { border-right-style: none; } #footer #footer_provider_list { width:800px; float:left; margin:0 0 20px 80px; padding:0;} #footer_provider_list li.alice, #footer_provider_list li.concepts_ict, #footer_provider_list li.kpn, #footer_provider_list li.online, #footer_provider_list li.scarlet, #footer_provider_list li.tele2, #footer_provider_list li.telfort, #footer_provider_list li.upc, #footer_provider_list li.xs4all, #footer_provider_list li.ziggo { width:60px; height:25px; display:block; float:left; margin:0; border:none; list-style:none;} #footer_provider_list li.alice { background:url(http://shared.nedconcepts.nl/images/adslwinkel/logos/alice.gif) no-repeat 0 0;} #footer_provider_list li.concepts_ict { background:url(http://shared.nedconcepts.nl/images/adslwinkel/logos/concepts-ict.gif) no-repeat 0 0;} #footer_provider_list li.kpn { background:url(http://shared.nedconcepts.nl/images/adslwinkel/logos/kpn.gif) no-repeat 0 0;} #footer_provider_list li.online { background:url(http://shared.nedconcepts.nl/images/adslwinkel/logos/online.gif) no-repeat 0 0;} #footer_provider_list li.scarlet { background:url(http://shared.nedconcepts.nl/images/adslwinkel/logos/scarlet.gif) no-repeat 0 0;} #footer_provider_list li.tele2 { background:url(http://shared.nedconcepts.nl/images/adslwinkel/logos/tele2.gif) no-repeat 0 0;} #footer_provider_list li.telfort { background:url(http://shared.nedconcepts.nl/images/adslwinkel/logos/telfort.gif) no-repeat 0 0;} #footer_provider_list li.upc { background:url(http://shared.nedconcepts.nl/images/adslwinkel/logos/upc.gif) no-repeat 0 0;} #footer_provider_list li.xs4all { background:url(http://shared.nedconcepts.nl/images/adslwinkel/logos/xs4all.gif) no-repeat 0 0;} #footer_provider_list li.ziggo { background:url(http://shared.nedconcepts.nl/images/adslwinkel/logos/ziggo.gif) no-repeat 0 0;} #footer_provider_list li.alice a, #footer_provider_list li.concepts_ict a, #footer_provider_list li.kpn a, #footer_provider_list li.online a, #footer_provider_list li.scarlet a, #footer_provider_list li.tele2 a, #footer_provider_list li.telfort a, #footer_provider_list li.upc a, #footer_provider_list li.xs4all a, #footer_provider_list li.ziggo a { width:100%; height:100%; float:left; display:block; position:relative;} .knop { background: url(http://shared.nedconcepts.nl/images/adslwinkel/buttons/knop.gif) no-repeat; border: 0px; width:203px; height:27px;} .knop:hover {background: url(http://shared.nedconcepts.nl/images/adslwinkel/buttons/knopover.gif) no-repeat; cursor: pointer; border: 0px; width:203px; height:27px;} /*****************************************/ /* Banners Linkerkolom 05-01-2010 */ /*****************************************/ .banner_container { width:220px; height:220px; display:block; float:left; } .banner_big { background-image:url(http://shared.nedconcepts.nl/images/adslwinkel/visuals/telfort/telfortvisual.gif); background-position:center center; background-repeat:no-repeat; border:1px solid #cccccc; display:block; float:left; height:108px; margin:5px 0 0 0; width:218px; } .banner1 { border:1px solid #CCCCCC; display:block; float:left; height:102px; margin:10px 0 0; width:102px; background-image:url(http://shared.nedconcepts.nl/images/adslwinkel/visuals/online/online-lc-banner-small.gif); background-position:center center; background-repeat:no-repeat; } .banner2 { border:1px solid #CCCCCC; display:block; float:left; height:102px; margin:10px 0 0 12px; width:102px; background-image:url(http://shared.nedconcepts.nl/images/adslwinkel/visuals/xs4all/xs4all_internet.gif); background-position:center center; background-repeat:no-repeat; } .banner3 { border:1px solid #CCCCCC; display:block; float:left; height:102px; margin:10px 0 0; width:102px; } .banner4 { border:1px solid #CCCCCC; display:block; float:left; height:102px; margin:10px 0 0 12px; width:102px; } .banner_container .banner_big a { display:block; height:108px; width:218px; float:left; position:relative; } .banner1 a, .banner2 a, .banner3 a, .banner4 a { display:block; height:102px; width:102px; float:left; position:relative; } .ubr ul li { background:url("http://shared.nedconcepts.nl/images/digitaaltvkijken/site-elements/checker-cross.png") no-repeat scroll 0 0 transparent; height:15px; margin:0 0 10px; padding:0 0 0 20px; list-style:none; width:190px; float:left;} .ubr ul { margin:10px 0 0 5px; padding:0; float:left; } /****************************/ /* Postcodecheck formreplacement */ /****************************/ /* Global layout and styles */ img, fieldset { border:0; } .pccheck_container { width:220px; height:275px; display:block; float:left; margin:0; padding:0; background-image:url(http://shared.nedconcepts.nl/images/adslwinkel/postcodecheck/pc-bg.gif); background-repeat:no-repeat; } .pccheck_step1 { width:220px; height:75px; float:left; margin:72px 0 0; } .pccheck_step2 { width:210px; height:35px; float:left; margin:45px 0 5px 8px; } .pccheck_step2 input { font-family:Verdana, Geneva, sans-serif; font-size:12px; } .pccheck_container ul { list-style:none; float:left; width:210px; margin:0 0 0 5px; padding:0; } .pccheck_container ul li { float:left; width:210px; margin:1px 0 0 0; padding:0; } .pccheck_button { width:210px; height:30px; display:block; float:left; margin:0 0 0 5px; } .check2 { width:202px; height:28px; display:block; background-image:url(http://shared.nedconcepts.nl/images/adslwinkel/postcodecheck/pc-check-button.gif); background-repeat:no-repeat; background-color:#f2f2f2; border:none; margin:0 0 0 4px; *margin:0; padding:0; cursor:pointer; } /* Buttons. disabled - SNM 13012020 */ button { margin:0; padding:0; border:none; background-color:transparent; cursor:pointer; overflow:visible; outline:none; moz-outline:none; } *:first-child+html button[type] { width:1; } /* IE7 */ button span { background: transparent url(http://www.whitespace-creative.com/jquery/jnice/elements/btn_right.gif) no-repeat scroll right top; display: block; float: left; padding: 0px 4px 0px 0px; /* sliding doors padding */ margin: 0px; } button span span { background: transparent url(http://www.whitespace-creative.com/jquery/jnice/elements/btn_left.gif) no-repeat; color: #FFFFFF; padding: 0 4px 0px 8px; font-weight: normal; font-size: 10px; line-height: 13px; text-transform: lowercase; display: block; text-decoration: none; } /* Inputs */ .jNiceInputWrapper { background: transparent url(http://shared.nedconcepts.nl/images/adslwinkel/postcodecheck/pc-input-fields.gif) no-repeat left top; float:left; } .jNiceInputInner { background: transparent url(http://shared.nedconcepts.nl/images/adslwinkel/postcodecheck/pc-input-fields.gif) no-repeat right top; padding: 2px 4px 2px 0; margin: 0 0 0 8px; } .jNiceInputInner input { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#404040; line-height:18px; height:17px; *line-height:15px;/* IE Hacks */ *height: 15px;/* IE Hacks */ vertical-align:middle; padding:0; margin:0; background:none; border:none; outline:none; } .jNiceInputWrapper_hover { background-position:left bottom; } .jNiceInputWrapper_hover .jNiceInputInner { background-position:right bottom; } /* Radios */ .jRadioWrapper { float: left; z-index: 2; } .jNiceRadio { background: transparent url(http://shared.nedconcepts.nl/images/adslwinkel/postcodecheck/pc-radios.gif) no-repeat center top; height: 18px; width: 18px; position:absolute; left:0px; top:0px; cursor:pointer; vertical-align:middle; } /* Checkboxes */ .jNiceCheckbox { background: transparent url(http://www.whitespace-creative.com/jquery/jnice/elements/checkbox.gif) no-repeat center top; height: 18px; width: 18px; position:absolute; left:0px; top:0px; z-index:2; cursor:pointer; } /* Checked - Used for both Radio and Checkbox */ .jNiceChecked { background-position: center bottom; } /* Selects */ .jNiceWrapper select { border:none; margin:0; padding:0; } .jNiceSelectWrapper { height: 17px; left:0px; top:0px; z-index:3; position:absolute; } .jNiceWrapper iframe { position:absolute; z-index:1; width:100%; left:0px; top:0px; } .jNiceSelectWrapper .jNiceSelectText { height: 15px; line-height: 15px; padding: 0px 3px; border: 1px solid #CCCCCC; border-right: none; background-color: #FFF; overflow:hidden; float:none; position:absolute; z-index:100; } .jNiceSelectWrapper .jNiceSelectOpen { width: 21px; height: 17px; background: url(http://www.whitespace-creative.com/jquery/jnice/elements/select_right.gif) no-repeat center center; z-index:100; display:block; position:absolute; right:0px; } .jNiceSelectWrapper ul { top: 16px; background-color: #FFF; border: solid 1px #CCC; height: 150px; position:absolute; left:0px; list-style:none; display: none; margin:0; padding:0; overflow-y:auto; z-index:100; width: 95%; } .jNiceSelectWrapper ul a { color:#0099CC; background-color: #FFF; display:block; padding:5px; text-decoration:none; } .jNiceSelectWrapper ul a:hover { background:#E1F5FF; } .jNiceSelectWrapper ul a.selected { background: #EDEDED; } .jNiceFocus { border: dotted 1px #666666; } .jNiceHidden { opacity:0; z-index:-1; position:relative; } .jNiceWrapper { position:relative; vertical-align:top; } .jNiceWrapper input { outline:none; moz-outline:none; } /*************************************************/ /* Topmenu list */ /*************************************************/ #topmenu_container { width:960px; margin:auto; z-index:2; position:relative; } #menunavigatie { width:960px; } ul#topnav { margin:10px 0 0 0; padding:0; float:left; width:100%; list-style:none; text-align:left; position:relative; } ul#topnav li { float:left; margin:0; padding:0; position:relative; } ul#topnav li a, ul#topnav li span { float:left; text-indent:-9999px; height:33px; outline:none;} ul#topnav li:hover a, ul#topnav li a:hover { background-position:left bottom; } ul#topnav a.home { background:url(http://shared.nedconcepts.nl/images/adslwinkel/menu-2010/home.gif) no-repeat; width:60px; } ul#topnav a.aanbiedingen { background:url(http://shared.nedconcepts.nl/images/adslwinkel/menu-2010/aanbiedingen.gif) no-repeat; width:146px; } ul#topnav a.overstappen { background:url(http://shared.nedconcepts.nl/images/adslwinkel/menu-2010/overstappen.gif) no-repeat; width:142px; } ul#topnav a.providers { background:url(http://shared.nedconcepts.nl/images/adslwinkel/menu-2010/providers.gif) no-repeat; width:117px; } ul#topnav a.alles_over { background:url(http://shared.nedconcepts.nl/images/adslwinkel/menu-2010/allesover.gif) no-repeat; width:134px; } ul#topnav a.support { background:url(http://shared.nedconcepts.nl/images/adslwinkel/menu-2010/support.gif) no-repeat; width:105px; } ul#topnav a.nieuws { background:url(http://shared.nedconcepts.nl/images/adslwinkel/menu-2010/nieuws.gif) no-repeat; width:74px; } ul#topnav span.zoek { background:url(http://shared.nedconcepts.nl/images/adslwinkel/menu-2010/zoek.gif) no-repeat; width:181px; float:left; display:block; position:relative; text-indent:0px;} .search_input { width:105px; height:20px; float:left; border:none; padding:0 5px 0 20px; display:block; position:relative; background:url(http://shared.nedconcepts.nl/images/digitaaltvkijken/site-elements/container-heading-bgs.png) no-repeat -306px -63px;} .search_submit { width:40px; height:20px; cursor:pointer; display:block; position:relative; border:none;} /*************************************************/ /* Topmenu hidden content */ /*************************************************/ ul#topnav li .sub { position:absolute; top:33px; left:0; padding:0 10px 5px; background:#ffffff url(http://shared.nedconcepts.nl/images/adslwinkel/homepage-b/background_mo_navi.gif) repeat-x; float:left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;/*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; display:none; border:1px solid #cccccc; border-top:none; z-index:999; } ul#topnav li .row { clear:both; float:left; width:100%; margin-bottom:10px; } ul#topnav li .sub ul { list-style: none; margin: 0; padding: 0; width: 200px; float: left; } ul#topnav .sub ul li { width:100%; color:#333333; } ul#topnav .sub ul li h2 { padding:10px 0 10px 0; margin:0; font-size:12px; color:#76b31c; font-weight:bold; } ul#topnav .sub ul li h2 a { padding:10px 0 10px 0; background-image:none; color:#0066FF; } ul#topnav .sub ul li a { float:none; text-indent:0; /*--Reset text indent--*/ height:auto; background:url(http://shared.nedconcepts.nl/images/adslwinkel/homepage-b/li.gif) no-repeat 5px 5px; padding:4px 5px 7px 25px; display:block; text-decoration:underline; color:#0066FF; } ul#topnav .sub ul li a:hover { color:#76B31C; text-decoration:underline; background-position:5px 5px; } /*************************************************/ /* Actie paginas */ /*************************************************/ .contentrechts { width:465px; float:left;} .fotorechts { width:250px; float:left}