body {text-align: center; background: #E5E5E5 url(/belnu/images/static/body_bg.gif) repeat-y center top; font-family:Arial, Verdana, sans-serif; font-size:11px; margin: 0px; padding: 0px; color:#666666;} #container {background: white; margin: 0px auto; width: 985px; text-align: left;} /*------------------------------------------------------ header ------------------------------------------------------ */ #header{ height:155px; width:985px; display:block;} #logo {width:244px; float:left; height:85px;} #search{width:370px; height:85px; float:left; padding-left:10px;} #ster-morgen-besteld{ width:117px; height:55px; float:left; padding-top:10px;} #subnav {height:70px; width:110px; float:left; text-align:left; margin-bottom:15px; border-left:1px solid #CCC;} .subnav_element{padding:5px 7px 6px 7px; float:left; height:11px; width:110px;} /*------------------------------------------------------ */ /*------------------------------------------------------ main_nav-new ------------------------------------------------------ */ #menu-container{ background-image:url(/belnu/images/static/bg-menu.png); background-repeat:repeat-x; width:985px; text-align:left; color:#0860A8; font-size:11px; color:#0860A8; float:left; height:25px;} #main-navigatie, #main-navigatie ul {font-family:Helvetica, Arial, Verdana, sans-serif; color:#0860A8; font-size:11px; padding: 0; margin: 0; list-style: none; line-height: 1; z-index:999;} #main-navigatie a { display: block; color:#0860A8; text-decoration:none; z-index:999;} #main-navigatie li {float: left;} #main-navigatie li ul li{width: 165px; height:18px; padding-left:5px; padding-top:5px;} #main-navigatie li ul {position: absolute; background: white; width: 170px; left: -999em; border-right:1px solid #555555; border-bottom:1px solid #555555; border-top:1px solid #cccccc; border-left:1px solid #cccccc; z-index:1;} #main-navigatie li ul ul {margin: -17px 0 0 165px;} #main-navigatie li:hover ul ul, #main-navigatie li.sfhover ul ul {left: -999em;} #main-navigatie li:hover, #main-navigatie li.sfhover {background: #f1f1f1;} #main-navigatie li:hover ul, #main-navigatie li li:hover ul, #main-navigatie li.sfhover ul, #main-navigatie li li.sfhover ul {left: auto;} /*------------------------------------------------------ */ /*------------------------------------------------------ Breadcrumbs ------------------------------------------------------ */ #breadcrumbs {clear:both; font-size:10px; padding-left:205px; height:20px;} /*------------------------------------------------------ */ /*------------------------------------------------------ left_nav-new ------------------------------------------------------ */ #nav {width:190px; float:left; /*border-right: 2px solid #003399; background-color:#f2f1f1;*/ height:1800px; padding-left:3px;} #nav ul {padding:0 0 5px 0; margin:0 5px 0 5px; list-style-image:none; list-style-type:none;} #nav ul li {padding:2px 0 2px 0;} #nav ul li span{font-size:9px; color:#999999;} #nav p { font-weight:bold; font-size:12px;} /*------------------------------------------------------ */ /*------------------------------------------------------ Disclaimer ------------------------------------------------------ */ #disclaimer {clear:both; padding-top:20px; text-align:center;} /*------------------------------------------------------ */ /*------------------------------------------------------ algemene breaker om floats op te heven ------------------------------------------------------ */ .breaker { clear:both; font-size:1px;} /*------------------------------------------------------ */ /*------------------------------------------------------ Link style ------------------------------------------------------ */ a:link {color: #003399; text-decoration: none;outline:none;} a:active {color: #003399; text-decoration: none;outline:none;} a:visited {color: #003399; text-decoration: none;outline:none;} a:focus {color: #003399; text-decoration: none;outline:none;} a:hover {color: #FF6600; text-decoration: none;outline:none;} /*------------------------------------------------------ */ #content{ float:left; width:760px; padding-left:15px;} .content-header {background-image:url(/belnu/images/static/bg-produkt-header.gif); background-repeat:repeat-x; height:34px; line-height:34px; padding-left:10px; font-size:18px; margin-bottom: 20px;} .content-header h1 {font-size:18px; margin:0px; padding:0px; font-weight:normal; float:left; height:34px; color:#003399;} .content-header b {} /*provider afhankelijk*/ .content-footer {background-repeat:repeat-x; height:50px; padding-left:10px; font-size:18px; clear:both;} .rule { width: 760px;} .section { margin:0; padding:0; float:left;} .block { margin:0; padding:0;} .selection-item {float:left; margin:5px 5px 15px 5px; border:1px solid #CCCCCC; width:178px;} .selection-item-header { text-align:center; margin:5px; color:#FF7200; font-weight:bold; height:30px; border-bottom:1px dotted #003399;} .selection-item-image { text-align:center;} .selection-item-list { padding:5px;} .selection-item-list ul{ margin:0px; padding:0 0 0 20px; height:50px;} .selection-item-list ul li{ color:#FF7200;} .selection-item-list ul li span {color:#666666;} .selection-item-bestellen { text-align:left; margin:0 5px 0 5px; height:37px; border-top:1px dotted #003399; position:relative;} .selection-item-bestellen .deel1 {float:left; padding-top:4px; display:block;} .selection-item-bestellen .deel2 {float:left; text-align:left; width:143px; padding-left:8px; display:block;} .selection-item-bestellen a.block { height:32px; display:block; vertical-align:middle; padding:5px 0px 0 2px; width:178px;} .selection-item-bestellen a.block:hover {background-color:#fedaec; cursor:pointer;} .content-blok, .T-Mobile-content-blok, .Vodafone-content-blok {margin-bottom:30px;} /*------------------------------------------------------ WEET NIET OF DIT NOG BESTAAT ------------------------------------------------------ */ .content-blok .kolom2 .rule{ border-bottom:1px dotted #cccccc; padding:5px 0 5px 0; height:20px; width:425px; position:relative;} .content-blok .kolom2 .rule .deel1 { width:140px; float:left; font-weight:bold; padding-left:5px; height:20px;} .content-blok .kolom2 .rule .deel2 { width:270px; float:left; height:20px;} .selected-acc { clear:both;} .image-acc {float:left; width:40px;} .text-acc {float:left; margin-left:10px; width:350px;} .text-acc b {color:#ff6633;} .del-acc{float:left; padding-top:7px;} /*------------------------------------------------------ */ /*------------------------------------------------------ abo toestel pagina PhoneLeftView ------------------------------------------------------ */ .content-blok .kolom1, .T-Mobile-content-blok .kolom1, .Vodafone-content-blok .kolom1, .Telfort-content-blok .kolom1, .Hi-content-blok .kolom1, .KPN-content-blok .kolom1, .Sizz-content-blok .kolom1, .Tele2-content-blok .kolom1, .MTV-content-blok .kolom1 {float:left; width:250px; background:url(/belnu/images/static/bg-toestel.png) repeat-y center top; } /*------------------------------------------------------ Kleur header PhoneleftView ------------------------------------------------------ */ .content-blok .kolom1 .header { height:35px; border-bottom:1px solid #cccccc; margin: 0 13px 5px 13px; font-size:14px; font-weight:bold; color:#333399;} .T-Mobile-content-blok .kolom1 .header { height:35px; border-bottom:1px solid #cccccc; margin: 0 13px 5px 13px; font-size:14px; font-weight:bold; color:#e30074;} .Vodafone-content-blok .kolom1 .header { height:35px; border-bottom:1px solid #cccccc; margin: 0 13px 5px 13px; font-size:14px; font-weight:bold; color:#ff0000;} .Telfort-content-blok .kolom1 .header { height:35px; border-bottom:1px solid #cccccc; margin: 0 13px 5px 13px; font-size:14px; font-weight:bold; color:#333399;} .Hi-content-blok .kolom1 .header { height:35px; border-bottom:1px solid #cccccc; margin: 0 13px 5px 13px; font-size:14px; font-weight:bold; color:#342172;} .KPN-content-blok .kolom1 .header { height:35px; border-bottom:1px solid #cccccc; margin: 0 13px 5px 13px; font-size:14px; font-weight:bold; color:#009900;} .Sizz-content-blok .kolom1 .header { height:35px; border-bottom:1px solid #cccccc; margin: 0 13px 5px 13px; font-size:14px; font-weight:bold; color:#92278f;} .Tele2-content-blok .kolom1 .header { height:35px; border-bottom:1px solid #cccccc; margin: 0 13px 5px 13px; font-size:14px; font-weight:bold; color:#2b2b2b;} .MTV-content-blok .kolom1 .header { height:35px; border-bottom:1px solid #cccccc; margin: 0 13px 5px 13px; font-size:14px; font-weight:bold; color:#000000;} /*------------------------------------------------------ */ .content-blok .kolom1 .header h1 { font-size:15px; font-weight:bold; color:#333399;} .content-blok .kolom1 .image, .T-Mobile-content-blok .kolom1 .image, .Vodafone-content-blok .kolom1 .image, .Telfort-content-blok .kolom1 .image, .Hi-content-blok .kolom1 .image, .KPN-content-blok .kolom1 .image, .Sizz-content-blok .kolom1 .image, .Tele2-content-blok .kolom1 .image, .MTV-content-blok .kolom1 .image { text-align:center; padding:10px 0 10px 0; height:245px;} .content-blok .kolom1 .toestel-selection, .T-Mobile-content-blok .kolom1 .toestel-selection, .Vodafone-content-blok .kolom1 .toestel-selection, .Telfort-content-blok .kolom1 .toestel-selection, .Hi-content-blok .kolom1 .toestel-selection, .KPN-content-blok .kolom1 .toestel-selection, .Sizz-content-blok .kolom1 .toestel-selection, .Tele2-content-blok .kolom1 .toestel-selection, .MTV-content-blok .kolom1 .toestel-selection { text-align:center; margin:0 4px 0 4px;} .content-blok .kolom1 .toestel-selection .grey-bg, .T-Mobile-content-blok .kolom1 .toestel-selection .grey-bg, .Vodafone-content-blok .kolom1 .toestel-selection .grey-bg, .Telfort-content-blok .kolom1 .toestel-selection .grey-bg, .Hi-content-blok .kolom1 .toestel-selection .grey-bg, .KPN-content-blok .kolom1 .toestel-selection .grey-bg, .Sizz-content-blok .kolom1 .toestel-selection .grey-bg, .Tele2-content-blok .kolom1 .toestel-selection .grey-bg, .T-Mobile-content-blok .kolom1 .toestel-selection .grey-bg {background-color:#f6f5f5; padding:5px; text-align:left; } .phoneColorList { list-style-type:none; height:70px; margin:10px 0 0 0; padding:0px;} .phoneColor { float:left; border:1px solid #ccc; height:50px; width:40px; margin-right:5px; background-color:#FFF; text-align:center; padding-top:5px;} .phoneColorSelected {float:left; border:1px solid #333399; height:50px; width:40px; margin-right:5px; background-color:#FFF; text-align:center; padding-top:5px;} .toestel-images-small { background-image:url(../images/static/bg-images-toestel.jpg); background-repeat:no-repeat; height:61px; margin-top:20px;} .images-small { border:1px solid #CCC; height:47px; width:47px; text-align:center; vertical-align:middle; float:left; margin-left:5px;} /*------------------------------------------------------ */ /*------------------------------------------------------ abo toestel pagina ChosenActionView ------------------------------------------------------ */ .kolom2 {float:left; width:485px; margin-left:20px; position:relative;} .actions { background-color:#f6f5f5; padding:5px; font-size:11px; color:#333;} .kolom2 .header { height:25px; border-bottom:1px solid #cccccc; padding-left:5px; font-size:15px; font-weight:bold; color:#333399;} .kolom2 .rule{ border-bottom:1px dotted #cccccc; padding:5px 0 5px 0; width:480px; clear:both; } .kolom2 .rule .deel1 { width:140px; float:left; font-weight:bold; padding-left:5px;} .kolom2 .rule .deel2 { width:330px; float:left;} .kolom2 .rule .deel11 { width:140px; float:left; font-weight:bold; padding-left:5px;} .kolom2 .rule .deel22 { width:80px; float:left;} /*------------------------------------------------------ Actie bundels ------------------------------------------------------ */ .T-Mobile-content-blok .kolom2 .rule .aktie {clear: both; padding-left:5px; padding-top:5px; color:#e30074;} .Vodafone-content-blok .kolom2 .rule .aktie {clear: both; padding-left:5px; padding-top:5px; color:#ff0000;} .Telfort-content-blok .kolom2 .rule .aktie {clear: both; padding-left:5px; padding-top:5px; color:#333399;} .Hi-content-blok .kolom2 .rule .aktie {clear: both; padding-left:5px; padding-top:5px; color:#342172;} .KPN-content-blok .kolom2 .rule .aktie {clear: both; padding-left:5px; padding-top:5px; color:#009900;} .Sizz-content-blok .kolom2 .rule .aktie {clear: both; padding-left:5px; padding-top:5px; color:#92278f;} .Tele2-content-blok .kolom2 .rule .aktie {clear: both; padding-left:5px; padding-top:5px; color:#2b2b2b;} .MTV-content-blok .kolom2 .rule .aktie {clear: both; padding-left:5px; padding-top:5px; color:#000000;} /*------------------------------------------------------ */ .kolom2 .prijzen-overzicht { width:480px;} .prijzen-overzicht .rule-header { background-color:#FFF; height:40px; border-bottom:1px solid #999999; margin-top:20px;} /*------------------------------------------------------ Kleur provider bij info button van abonnementstarieven ------------------------------------------------------ */ .T-Mobile-content-blok .kolom2 .prijzen-overzicht .rule-header .deel1 { float:left; width:230px; border-right: #CCC 1px dotted; height:19px; padding-top:21px; margin-left:5px; color:#e30074; font-weight:bold;} .Vodafone-content-blok .kolom2 .prijzen-overzicht .rule-header .deel1 { float:left; width:230px; border-right: #CCC 1px dotted; height:19px; padding-top:21px; margin-left:5px; color:#ff0000; font-weight:bold;} .Telfort-content-blok .kolom2 .prijzen-overzicht .rule-header .deel1 { float:left; width:230px; border-right: #CCC 1px dotted; height:19px; padding-top:21px; margin-left:5px; color:#333399; font-weight:bold;} .Hi-content-blok .kolom2 .prijzen-overzicht .rule-header .deel1 { float:left; width:230px; border-right: #CCC 1px dotted; height:19px; padding-top:21px; margin-left:5px; color:#342172; font-weight:bold;} .KPN-content-blok .kolom2 .prijzen-overzicht .rule-header .deel1 { float:left; width:230px; border-right: #CCC 1px dotted; height:19px; padding-top:21px; margin-left:5px; color:#009900; font-weight:bold;} .Sizz-content-blok .kolom2 .prijzen-overzicht .rule-header .deel1 { float:left; width:230px; border-right: #CCC 1px dotted; height:19px; padding-top:21px; margin-left:5px; color:#92278f; font-weight:bold;} .Tele2-content-blok .kolom2 .prijzen-overzicht .rule-header .deel1 { float:left; width:230px; border-right: #CCC 1px dotted; height:19px; padding-top:21px; margin-left:5px; color:#2b2b2b; font-weight:bold;} .MTV-content-blok .kolom2 .prijzen-overzicht .rule-header .deel1 { float:left; width:230px; border-right: #CCC 1px dotted; height:19px; padding-top:21px; margin-left:5px; color:#000000; font-weight:bold;} /*------------------------------------------------------ */ .prijzen-overzicht .rule-header .deel2 { float:left; width:71px; text-align:center; height:35px; padding-top:5px;} .prijzen-overzicht .rule-header .deel3 { float:left; width:63px; border-right:1px solid #999; text-align:center; height:35px; padding-top:5px;} .prijzen-overzicht .rule-header .deel4 { float:left; width:106px; border-right: 1px dotted #CCC; text-align:center; height:35px; padding-top:5px;} .prijzen-overzicht .rule-header .deel5 { float:left; width:106px; border-right:1px dotted #ccc; text-align:center; height:35px; padding-top:5px;} .prijzen-overzicht .rule-white { background-color:#FFF; height:25px; } .prijzen-overzicht .rule-grey { background-color:#f6f5f5; height:25px; } .prijzen-overzicht .rule-white .deel1, .prijzen-overzicht .rule-grey .deel1 { float:left; width:235px; border-right:1px dotted #999; line-height:25px;} /*------------------------------------------------------ Kleur provider in prijzenoverzicht ------------------------------------------------------ */ .T-Mobile-content-blok .kolom2 .prijzen-overzicht .rule-white .deel1 b, .T-Mobile-content-blok .kolom2 .prijzen-overzicht .rule-grey .deel1 b { color:#e30074; } .Vodafone-content-blok .kolom2 .prijzen-overzicht .rule-white .deel1 b, .Vodafone-content-blok .kolom2 .prijzen-overzicht .rule-grey .deel1 b { color:#ff0000; } .Telfort-content-blok .kolom2 .prijzen-overzicht .rule-white .deel1 b, .Telfort-content-blok .kolom2 .prijzen-overzicht .rule-grey .deel1 b { color:#333399; } .Hi-content-blok .kolom2 .prijzen-overzicht .rule-white .deel1 b, .Hi-content-blok .kolom2 .prijzen-overzicht .rule-grey .deel1 b { color:#342172; } .KPN-content-blok .kolom2 .prijzen-overzicht .rule-white .deel1 b, .KPN-content-blok .kolom2 .prijzen-overzicht .rule-grey .deel1 b { color:#009900; } .Sizz-content-blok .kolom2 .prijzen-overzicht .rule-white .deel1 b, .Sizz-content-blok .kolom2 .prijzen-overzicht .rule-grey .deel1 b { color:#92278f; } .Tele2-content-blok .kolom2 .prijzen-overzicht .rule-white .deel1 b, .Tele2-content-blok .kolom2 .prijzen-overzicht .rule-grey .deel1 b { color:#2b2b2b; } .MTV-content-blok .kolom2 .prijzen-overzicht .rule-white .deel1 b, .MTV-content-blok .kolom2 .prijzen-overzicht .rule-grey .deel1 b { color:#000000; } /*------------------------------------------------------ */ .prijzen-overzicht .rule-white .deel11, .prijzen-overzicht .rule-grey .deel11 { float:left; width:20px; border:0px;} .prijzen-overzicht .rule-white .deel2, .prijzen-overzicht .rule-grey .deel2 { float:left; width:134px; border-right:1px solid #999; line-height:25px;} .prijzen-overzicht .rule-white .deel21, .prijzen-overzicht .rule-grey .deel21 { float:left; width:67px; text-align:center} .prijzen-overzicht .rule-white .deel22, .prijzen-overzicht .rule-grey .deel22 { float:left; width:67px; text-align:center; font-weight:bold;} .prijzen-overzicht .rule-white .deel3, .prijzen-overzicht .rule-grey .deel3 { float:left; width:106px; border-right:1px dotted #ccc; text-align:center; font-weight:bold; line-height:25px;} .prijzen-overzicht .rule-white .deel3-grey, .prijzen-overzicht .rule-grey .deel3-grey { float:left; width:106px; border-right:1px dotted #ccc; text-align:center; font-weight:bold; line-height:25px; color:#CCC;} .prijzen-overzicht .rule-white .deel3 span, .prijzen-overzicht .rule-grey .deel3 span{ color:#FF7200; font-weight:bold;} .prijzen-overzicht .rule-white .deel3-grey span, .prijzen-overzicht .rule-grey .deel3-grey span{ color:#fed2ae; font-weight:bold;} .prijzen-overzicht .rule-white .selected, .prijzen-overzicht .rule-grey .selected {background-color:#fedaec; width:106px; height:25px; display:block; padding:0px; margin:0px;} .prijzen-overzicht .rule-white .deel3 a.block-toestel, .prijzen-overzicht .rule-grey .deel3 a.block-toestel { width:106px; height:25px; display:block; padding:0px; margin:0px;} .prijzen-overzicht .rule-white .deel3 a.block-toestel:hover, .prijzen-overzicht .rule-grey .deel3 a.block-toestel:hover { background-color:#fedaec; width:106px; height:25px; display:block; padding:0px; margin:0px; cursor:pointer;} .prijzen-overzicht .rule-white .deel3-grey a.block-toestel, .prijzen-overzicht .rule-grey .deel3-grey a.block-toestel { width:106px; height:25px; display:block; padding:0px; margin:0px;} .prijzen-overzicht .rule-white .deel3-grey a.block-toestel:hover, .prijzen-overzicht .rule-grey .deel3-grey a.block-toestel:hover { background-color:#fedaec; width:106px; height:25px; display:block; padding:0px; margin:0px; cursor:pointer;} /*------------------------------------------------------ Actie provider ------------------------------------------------------ */ .T-Mobile-content-blok .kolom2 .prijzen-overzicht .actie {clear:both; padding-left:5px; padding-top:20px; padding-bottom:0px; margin-bottom:0px; color:#e30074; font-size:11px;} .Vodafone-content-blok .kolom2 .prijzen-overzicht .actie {clear:both; padding-left:5px; padding-top:20px; padding-bottom:0px; margin-bottom:0px; color:#ff0000; font-size:11px;} .Telfort-content-blok .kolom2 .prijzen-overzicht .actie {clear:both; padding-left:5px; padding-top:20px; padding-bottom:0px; margin-bottom:0px; color:#333399; font-size:11px;} .Hi-content-blok .kolom2 .prijzen-overzicht .actie {clear:both; padding-left:5px; padding-top:20px; padding-bottom:0px; margin-bottom:0px; color:#342172; font-size:11px;} .KPN-content-blok .kolom2 .prijzen-overzicht .actie {clear:both; padding-left:5px; padding-top:20px; padding-bottom:0px; margin-bottom:0px; color:#009900; font-size:11px;} .Sizz-content-blok .kolom2 .prijzen-overzicht .actie {clear:both; padding-left:5px; padding-top:20px; padding-bottom:0px; margin-bottom:0px; color:#92278f; font-size:11px;} .Tele2-content-blok .kolom2 .prijzen-overzicht .actie {clear:both; padding-left:5px; padding-top:20px; padding-bottom:0px; margin-bottom:0px; color:#2b2b2b; font-size:11px;} .MTV-content-blok .kolom2 .prijzen-overzicht .actie {clear:both; padding-left:5px; padding-top:20px; padding-bottom:0px; margin-bottom:0px; color:#000000; font-size:11px;} /*------------------------------------------------------ */ .bestel-button { height:0px; margin-top:10px; text-align:right;} /*------------------------------------------------------ */ /*------------------------------------------------------ Bij Sim-Only de info boxen (overige tarieven en SIM-Only) ------------------------------------------------------ */ .T-Mobile-sim-only-header, .Vodafone-sim-only-header, .Telfort-sim-only-header, .Hi-sim-only-header, .KPN-sim-only-header, .Sizz-sim-only-header, .Tele2-sim-only-header, .MTV-sim-only-header { padding:10px; border:1px solid #CCCCCC; margin-bottom:20px; position:relative;} .T-Mobile-sim-only-header h2 {font-size:14px; color:#e30074; display:block; margin-bottom:20px; padding-top:0px; margin-top:0px;} .Vodafone-sim-only-header h2 {font-size:14px; color:#FF0000; display:block; margin-bottom:20px; padding-top:0px; margin-top:0px;} .Telfort-sim-only-header h2 {font-size:14px; color:#333366; display:block; margin-bottom:20px; padding-top:0px; margin-top:0px;} .Hi-sim-only-header h2 {font-size:14px; color:#342172; display:block; margin-bottom:20px; padding-top:0px; margin-top:0px;} .KPN-sim-only-header h2 {font-size:14px; color:#009900; display:block; margin-bottom:20px; padding-top:0px; margin-top:0px;} .Sizz-sim-only-header h2 {font-size:14px; color:#92278f; display:block; margin-bottom:20px; padding-top:0px; margin-top:0px;} .Tele2-sim-only-header h2 {font-size:14px; color:#2b2b2b; display:block; margin-bottom:20px; padding-top:0px; margin-top:0px;} .MTV-sim-only-header h2 {font-size:14px; color:#000000; display:block; margin-bottom:20px; padding-top:0px; margin-top:0px;} /*------------------------------------------------------ */ /*------------------------------------------------------ Prepaid specificaties box ------------------------------------------------------ */ .specificaties { float:left; width:288px; margin-left:20px;} /*------------------------------------------------------ */ /*------------------------------------------------------ Toestelspecificaties ------------------------------------------------------ */ .specificaties-kolom1 { width:355px; float:left; } .specificaties-kolom2 { width:355px; float:left; margin-left:25px; } .specificaties-kolom1 .top-specs, .specificaties-kolom2 .top-specs { background-image:url(/belnu/images/static/top-specs.jpg); background-repeat:repeat-x; color:#FFFFFF; font-weight:bold; height:22px; padding:4px 0 0 5px;} .specificaties-kolom1 .rule-white, .specificaties-kolom2 .rule-white { border-bottom:1px dotted #cccccc; padding:5px 0 5px 0; width:355px;} .specificaties-kolom1 .rule-white .deel1, .specificaties-kolom2 .rule-white .deel1 { width:175px; float:left; font-weight:bold; padding-left:5px;} .specificaties-kolom1 .rule-white .deel2, .specificaties-kolom2 .rule-white .deel2 { width:175px; float:left;} /*------------------------------------------------------ */ /*------------------------------------------------------ Bestelformulier ------------------------------------------------------ */ #content-bestelformulier, #T-Mobile-content-bestelformulier, #Vodafone-content-bestelformulier, #Telfort-content-bestelformulier, #Hi-content-bestelformulier, #KPN-content-bestelformulier, #Sizz-content-bestelformulier, #Tele2-content-bestelformulier, #MTV-content-bestelformulier{ float:left; width:945px; margin:20px;} .bestelformulier_kop {background-image:url(/belnu/images/static/bg-produkt-header.gif); background-repeat:repeat-x; height:40px; line-height:40px; padding-left:10px;} .bestelformulier_kop h1 {font-size:14px; margin:0px; padding:0px; font-weight:bold; float:left;} .bestelformulier_kop b {color:#333366; font-weight:bold;} /*provider afhankelijk*/ /*------------------------------------------------------ Kop bestelformulier in providerkleur ------------------------------------------------------ */ #T-Mobile-content-bestelformulier .bestelformulier_kop b {color:#E30074; font-weight:bold;} #Vodafone-content-bestelformulier .bestelformulier_kop b {color:#FF0000; font-weight:bold;} #Telfort-content-bestelformulier .bestelformulier_kop b {color:#333366; font-weight:bold;} #Hi-content-bestelformulier .bestelformulier_kop b {color:#342172; font-weight:bold;} #KPN-content-bestelformulier .bestelformulier_kop b {color:#009900; font-weight:bold;} #Sizz-content-bestelformulier .bestelformulier_kop b {color:#92278f; font-weight:bold;} #Tele2-content-bestelformulier .bestelformulier_kop b {color:#2b2b2b; font-weight:bold;} #MTV-content-bestelformulier .bestelformulier_kop b {color:#000000; font-weight:bold;} /*------------------------------------------------------ */ #content-bestelformulier .title-bestelform {background:#f5f5f5; font-size:14px; font-weight:bold; padding:2px 0px 0px 5px; margin:10px 0px 5px 0px; height:20px; color:#333366; clear:both;} /*------------------------------------------------------ Kopjes in kleur rechterkant bestelform ------------------------------------------------------ */ #T-Mobile-content-bestelformulier .title-bestelform {background:#f5f5f5; font-size:14px; font-weight:bold; padding:2px 0px 0px 5px; margin:10px 0px 5px 0px; height:20px; color:#E30074; clear:both;} #Vodafone-content-bestelformulier .title-bestelform {background:#f5f5f5; font-size:14px; font-weight:bold; padding:2px 0px 0px 5px; margin:10px 0px 5px 0px; height:20px; color:#FF0000; clear:both;} #Telfort-content-bestelformulier .title-bestelform {background:#f5f5f5; font-size:14px; font-weight:bold; padding:2px 0px 0px 5px; margin:10px 0px 5px 0px; height:20px; color:#333366; clear:both;} #Hi-content-bestelformulier .title-bestelform {background:#f5f5f5; font-size:14px; font-weight:bold; padding:2px 0px 0px 5px; margin:10px 0px 5px 0px; height:20px; color:#342172; clear:both;} #KPN-content-bestelformulier .title-bestelform {background:#f5f5f5; font-size:14px; font-weight:bold; padding:2px 0px 0px 5px; margin:10px 0px 5px 0px; height:20px; color:#009900; clear:both;} #Sizz-content-bestelformulier .title-bestelform {background:#f5f5f5; font-size:14px; font-weight:bold; padding:2px 0px 0px 5px; margin:10px 0px 5px 0px; height:20px; color:#92278f; clear:both;} #Tele2-content-bestelformulier .title-bestelform {background:#f5f5f5; font-size:14px; font-weight:bold; padding:2px 0px 0px 5px; margin:10px 0px 5px 0px; height:20px; color:#2b2b2b; clear:both;} #MTV-content-bestelformulier .title-bestelform {background:#f5f5f5; font-size:14px; font-weight:bold; padding:2px 0px 0px 5px; margin:10px 0px 5px 0px; height:20px; color:#000000; clear:both;} /*------------------------------------------------------ */ #gekozen-combinatie{ width:435px; padding:5px 0 5px 5px;} #image-bestelform{ float:left; width:70px; height:80px;} #gekozen-combinatie-box {width:365px; float:left;} .gekozen-combinatie-rule {width:365px; float:left; padding-bottom:5px;} .gekozen-combinatie-rule select { margin-top:-2px; font-size:10px;} .gekozen-combinatie-rule .deel1 {width:100px; font-weight:bold; display:block; float:left; margin:0px; padding:0px;} .gekozen-combinatie-rule .deel2 {width:265px; display:block; float:left; } .gekozen-combinatie-rule .deel3 {width:250px; font-weight:bold; float:left; margin:0px; padding:0px; } .gekozen-combinatie-rule .deel4 {width:80px; display:block; float:left; text-align: right; } .gekozen-combinatie-rule .deelTotaal {width:80px; display:block; float:left; text-align: right; border-top:1px solid #cececd; } /*------------------------------------------------------ Nu per maand in kleur rechterkant bestelform ------------------------------------------------------ */ #T-Mobile-content-bestelformulier .title-abo-spec .title-abo-spec-2 b {color:#E30074;} #Vodafone-content-bestelformulier .title-abo-spec .title-abo-spec-2 b {color:#FF0000;} #Telfort-content-bestelformulier .title-abo-spec .title-abo-spec-2 b {color:#333366;} #Hi-content-bestelformulier .title-abo-spec .title-abo-spec-2 b {color:#242172;} #KPN-content-bestelformulier .title-abo-spec .title-abo-spec-2 b {color:#009900;} #Sizz-content-bestelformulier .title-abo-spec .title-abo-spec-2 b {color:#92278f;} #Tele2-content-bestelformulier .title-abo-spec .title-abo-spec-2 b {color:#2b2b2b;} #MTV-content-bestelformulier .title-abo-spec .title-abo-spec-2 b {color:#000000;} /*------------------------------------------------------ */ .title-abo-spec{ float:left; padding: 10px 0px 10px 0px; border-bottom: 1px solid #CCC; } .title-abo-spec-1{width:170px; float:left; padding:5px 0px 5px 5px; } .title-abo-spec-2{width:245px; float:left; padding:5px 0px 5px 0px; } #bestelformulier { float:left; width:935px; margin-top:10px; padding:5px 5px 20px 5px;} #bestelformulier #kolom1 {width:330px; float:left; background-color:#f5f5ff; border-right: solid 1px #4040b7; padding:10px 0 20px 20px;} #content-bestelformulier #bestelformulier #kolom1 p {font-size:14px; font-weight:bold; color:#333366;} /*------------------------------------------------------ Kopjes in kleur linkerkant bestelform ------------------------------------------------------ */ #T-Mobile-content-bestelformulier #bestelformulier #kolom1 p {font-size:14px; font-weight:bold; color:#E30074;} #Vodafone-content-bestelformulier #bestelformulier #kolom1 p {font-size:14px; font-weight:bold; color:#FF0000;} #Telfort-content-bestelformulier #bestelformulier #kolom1 p {font-size:14px; font-weight:bold; color:#333366;} #Hi-content-bestelformulier #bestelformulier #kolom1 p {font-size:14px; font-weight:bold; color:#342172;} #KPN-content-bestelformulier #bestelformulier #kolom1 p {font-size:14px; font-weight:bold; color:#009900;} #Sizz-content-bestelformulier #bestelformulier #kolom1 p {font-size:14px; font-weight:bold; color:#92278f;} #Tele2-content-bestelformulier #bestelformulier #kolom1 p {font-size:14px; font-weight:bold; color:#2b2b2b;} #MTV-content-bestelformulier #bestelformulier #kolom1 p {font-size:14px; font-weight:bold; color:#000000;} /*------------------------------------------------------ */ #bestelformulier #kolom2 {width:430px; float:left; margin-left:10px;} #bestelformulier #kolom3 {width:129px; float:left; margin-left:15px;} .title-form-bestelform {width:140px; float:left; padding:2px 0px 2px 0px;} .element-form-bestelform { height:21px;} .element-form-bestelform select {font-size:10px;} .element-form-bestelform input {font-size:10px;} #ContractVerlengingBinnenProvider {clear:both; padding-top:10px; padding-bottom:10px; font-size:9px;} .tussen-title {font-size:13px; font-weight:bold; padding:0px; margin:0px; height:20px; width:200px;} /*------------------------------------------------------ */ /*------------------------------------------------------ FAQ ------------------------------------------------------ */ #faq ul {list-style-type:decimal;} #faq ul li p b {color:#FF7200;} #faq ul li ul { list-style-type:disc;} /*------------------------------------------------------ */ /*------------------------------------------------------ Acticle met een breedte van 1 ------------------------------------------------------ */ .article1, .T-Mobile-article1, .Vodafone-article1, .Telfort-article1 {float:left; width:190px; margin-bottom:20px; height:428px;} .article1-header { padding-right:10px; text-align:right; margin-bottom:5px; height:34px; border-top:1px solid #CCC; /*background-image:url(/belnu/images/static/bg-produkt-header.gif); background-repeat:repeat-x;*/} .article1-content { border-right:1px solid #E2E2E2; position:relative;} .article1-name {text-align:center;} .article1 .article1-name b {font-size:17px; color:#FF7200; margin:0px;} /*------------------------------------------------------ Providerkleur bij article met breedte 1 ------------------------------------------------------ */ .T-Mobile-article1 .article1-name b, .T-Mobile-article1 .article1-bundle span {font-size:17px; color:#e30074; margin:0px;} .Vodafone-article1 .article1-name b, .Vodafone-article1 .article1-bundle span {font-size:17px; color:#FF0000; margin:0px;} .Telfort-article1 .article1-name b, .Telfort-article1 .article1-bundle span {font-size:17px; color:#333366; margin:0px;} .Hi-article1 .article1-name b, .Hi-article1 .article1-bundle span {font-size:17px; color:#342172; margin:0px;} .KPN-article1 .article1-name b, .KPN-article1 .article1-bundle span {font-size:17px; color:#009900; margin:0px;} .Sizz-article1 .article1-name b, .Sizz-article1 .article1-bundle span {font-size:17px; color:#92278f; margin:0px;} .Tele2-article1 .article1-name b, .Tele2-article1 .article1-bundle span {font-size:17px; color:#2b2b2b; margin:0px;} .MTV-article1 .article1-name b, .MTV-article1 .article1-bundle span {font-size:17px; color:#000000; margin:0px;} /*------------------------------------------------------ */ .article1-name h3 {font-size:13px; margin:0px; height:35px;} .article1-image { text-align:center; margin:10px 0 10px 0; position:relative;} .produkt-image-ster { position:absolute; top:60px; left:105px;} .article1-bundle {text-align:center; font-weight:bold; font-size:11px; height:55px;} .article1-list { height:70px; vertical-align:bottom; position:relative;} .article1-list ul { margin:0 0 10px 0; padding:0 0 0 25px; font-size:12px; position:absolute; bottom:0px;} /*------------------------------------------------------ Providerkleur in de abonnementspecificaties bij article met breedte 1 ------------------------------------------------------ */ .T-Mobile-article1 .article1-li { color:#e30074;} .Vodafone-article1 .article1-li { color:#FF0000;} .Telfort-article1 .article1-li { color:#333366;} .Hi-article1 .article1-li { color:#342172;} .KPN-article1 .article1-li { color:#009900;} .Sizz-article1 .article1-li { color:#92278f;} .Tele2-article1 .article1-li { color:#2b2b2b;} .MTV-article1 .article1-li { color:#000000;} /*------------------------------------------------------ */ .article1-order { text-align:center; position:relative;} /*------------------------------------------------------ */ /*------------------------------------------------------ Acticle met een breedte van 2 ------------------------------------------------------ */ .article2-header { padding-right:10px; text-align:right; margin-bottom:5px; height:34px; border-top:1px solid #CCC;} .article2-content { border-right:1px solid #E2E2E2;} .article2-name {text-align:left; float:left; padding-left:10px; width:200px; height:225px; font-size:12px; position:relative;} .T-Mobile-article2, .Vodafone-article2, .Telfort-article2 {float:left; width:370px; margin-bottom:20px; height:408px;} /*------------------------------------------------------ Providerkleur bij article met breedte 2 ------------------------------------------------------ */ .T-Mobile-article2 .article2-name b {font-size:24px; color:#e30074; margin:0px;} .Vodafone-article2 .article2-name b {font-size:24px; color:#ff0000; margin:0px;} .Telfort-article2 .article2-name b {font-size:24px; color:#333366; margin:0px;} .Hi-article2 .article2-name b {font-size:24px; color:#341272; margin:0px;} .KPN-article2 .article2-name b {font-size:24px; color:#009900; margin:0px;} .Sizz-article2 .article2-name b {font-size:24px; color:#92278f; margin:0px;} .Tele2-article2 .article2-name b {font-size:24px; color:#2b2b2b; margin:0px;} .MTV-article2 .article2-name b {font-size:24px; color:#000000; margin:0px;} /*------------------------------------------------------ */ .article2-name h3 {font-size:14px; margin:0px;} /*------------------------------------------------------ Providerkleur in de abonnementspecificaties bij article met breedte 2 ------------------------------------------------------ */ .T-Mobile-article2 .article2-name span {font-size:20px; color:#e30074; margin:0px; font-weight:bold;} .Vodafone-article2 .article2-name span {font-size:20px; color:#ff0000; margin:0px; font-weight:bold;} .Telfort-article2 .article2-name span {font-size:20px; color:#333366; margin:0px; font-weight:bold;} .Hi-article2 .article2-name span {font-size:20px; color:#342172; margin:0px; font-weight:bold;} .KPN-article2 .article2-name span {font-size:20px; color:#009900; margin:0px; font-weight:bold;} .Sizz-article2 .article2-name span {font-size:20px; color:#92278f; margin:0px; font-weight:bold;} .Tele2-article2 .article2-name span {font-size:20px; color:#2b2b2b; margin:0px; font-weight:bold;} .MTV-article2 .article2-name span {font-size:20px; color:#000000; margin:0px; font-weight:bold;} /*------------------------------------------------------ */ .article2-list { height:58px; vertical-align:text-bottom; position:relative;} .article2-list ul {position:absolute; bottom:0px;} /*------------------------------------------------------ Providerkleur prijs bij article met breedte 2 ------------------------------------------------------ */ .T-Mobile-article2 .article2-li { color:#e30074; font-weight:bold;} .Vodafone-article2 .article2-li { color:#ff0000; font-weight:bold;} .Telfort-article2 .article2-li { color:#333366; font-weight:bold;} .Hi-article2 .article2-li { color:#342172; font-weight:bold;} .KPN-article2 .article2-li { color:#009900; font-weight:bold;} .Sizz-article2 .article2-li { color:#92278f; font-weight:bold;} .Tele2-article2 .article2-li { color:#2b2b2b; font-weight:bold;} .MTV-article2 .article2-li { color:#000000; font-weight:bold;} /*------------------------------------------------------ */ .article2-image { text-align:center; float:left; width:150px; height:202px; line-height:101px;} .article2-image img {line-height:202px; vertical-align: middle;} .article2-order { text-align:center; position:relative; padding-top:25px;} /*------------------------------------------------------ */ /*------------------------------------------------------ Acticle met een breedte van 4 ------------------------------------------------------ */ .article4 {float:left; width:760px; margin-bottom:20px; height:380px;} .article4-header { padding-right:10px; text-align:right; margin-bottom:5px; height:34px; border-top:1px solid #CCC; /*background-image:url(/belnu/images/static/bg-produkt-header.gif); background-repeat:repeat-x;*/} .article4-content { border-right:1px solid #E2E2E2;} .article4-name {text-align:center;} .article4-name b {font-size:17px; color:#e30074; margin:0px;} .article4-name h3 {font-size:13px; margin:0px;} .article4-image { text-align:center; margin:10px 0 10px 0;} .article4-image-ster {} .article4-bundle {text-align:center; font-weight:bold; font-size:13px;} .article4-bundle span {font-size:17px; color:#e30074; margin:0px;} .article4-list ul { margin:5px 0 0 285px; margin-bottom:10px;} .article4-li {color:#e30074;} .article4-order {text-align:center;} /*------------------------------------------------------ */ /*------------------------------------------------------ Acticle met een breedte van 4 ------------------------------------------------------ */ .flash1 {float:left; width:190px;} .flash1-header { padding-right:10px; text-align:right; margin-bottom:5px; height:34px; border-top:1px solid #CCC;} .flash1-content { border-right:1px solid #E2E2E2; text-align:center; overflow:hidden;} .flash2 {float:left; width:380px;} .flash2-header { padding-right:10px; text-align:right; margin-bottom:5px; height:34px; border-top:1px solid #CCC;} .flash2-content { border-right:1px solid #E2E2E2; text-align:center; overflow:hidden;} .flash4 {float:left; width:760px;} .flash4-header { padding-right:10px; text-align:right; margin-bottom:5px; height:34px; border-top:1px solid #CCC;} .flash4-content { text-align:center; overflow:hidden;} .image1 {float:left; width:190px; height:380px;} .image1-header { padding-right:10px; text-align:right; margin-bottom:5px; height:34px; border-top:1px solid #CCC;} .image1-content { border-right:1px solid #E2E2E2; text-align:center; overflow:hidden;} .image2 {float:left; width:380px; height:380px;} .image2-header { padding-right:10px; text-align:right; margin-bottom:5px; height:34px; border-top:1px solid #CCC;} .image2-content { border-right:1px solid #E2E2E2; text-align:center; overflow:hidden;} .image4 {float:left; width:760px; height:380px;} .image4-header { padding-right:10px; text-align:right; margin-bottom:5px; height:34px; border-top:1px solid #CCC;} .image4-content { border-right:1px solid #E2E2E2; text-align:center; overflow:hidden;} .offer1 {float:left; width:190px; margin-bottom:20px; height:380px;;} .offer1-header { padding-right:10px; text-align:right; margin-bottom:5px; height:34px; border-top:1px solid #CCC;} .offer1-content { border-right:1px solid #E2E2E2;} .offer1-image { text-align:center; margin-bottom:15px; overflow:hidden;} .offer1-order { text-align:center;} .offer2 {float:left; width:380px; margin-bottom:20px; height:380px;} .offer2-header { padding-right:10px; text-align:right; margin-bottom:5px; height:34px; border-top:1px solid #CCC;} .offer2-content { border-right:1px solid #E2E2E2;} .offer2-image { text-align:center; margin-bottom:15px; overflow:hidden;} .offer2-order { text-align:center;} .offer4 {float:left; width:760px; margin-bottom:20px; height:380px;} .offer4-header { padding-right:10px; text-align:right; margin-bottom:5px; height:34px; border-top:1px solid #CCC;} .offer4-content { border-right:1px solid #E2E2E2;} .offer4-image { text-align:center; margin-bottom:15px; overflow:hidden; } .offer4-order { text-align:center;} .include1, .include2, .include3 {width: 190px; height:395px; background-color:#FF00FF; float: left;} /*------------------------------------------------------ */ /*------------------------------------------------------ Opmaak toestel van top 3 providers ------------------------------------------------------ */ #vodafone-priceplan{border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC; height:176px;} #vodafone-priceplan b { color:#F00;} #tmobile-priceplan{border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC; height:176px;} #tmobile-priceplan b { color:#e30074;} #telfort-priceplan{border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC; height:176px;} #telfort-priceplan b { color:#333366;} /*------------------------------------------------------ */ /*----------------------------------------- VOOR GELIJKWAARDIGE TOESTELLEN -----------------------------------------*/ .prijzen-overzicht-breed { float:left; width:154px;} /*------------------------------------------------------ Voor het recht zetten van de prijzen ------------------------------------------------------ */ .prijzen-overzicht-breed-T-Mobile { float:left;} .prijzen-overzicht-breed-Vodafone { float:left;} .prijzen-overzicht-breed-Telfort { float:left;} .prijzen-overzicht-breed-Hi { float:left;} .prijzen-overzicht-breed-KPN { float:left;} .prijzen-overzicht-breed-Sizz { float:left;} .prijzen-overzicht-breed-Tele2 { float:left;} .prijzen-overzicht-breed-MTV { float:left;} /*------------------------------------------------------ */ .rule-header-breed { background-color:#FFF; height:60px; border-bottom:1px solid #CCCCCC; margin-top:20px;} .rule-header-breed .deel1 { float:left; width:236px; border-right:1px solid #CCC; height:60px;} .rule-header-breed .deel2 { float:left; width:70px; border-right:1px solid #CCC; text-align:center; height:55px; padding-top:5px; border-top:1px solid #CCC;} .rule-header-breed-boven { background-color:#FFF; height:160px; padding-top:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;} .rule-header-boven { background-color:#FFF; height:160px; padding-top:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;} .rule-header-boven .deel1 { float:left; width:270px; height:100px;} .rule-header-onder { background-color:#FFF; height:40px; border-bottom:1px solid #CCCCCC; } .rule-header-onder .deel1 { float:left; width:137px; border-right: #CCC 1px solid; text-align:center; height:19px; padding-top:21px; margin-left:20px;} .rule-header-onder .deel2 { float:left; width:60px; text-align:center; height:35px; padding-top:5px;} .rule-header-onder .deel3{ float:left; width:52px; border-right:1px solid #ccc; text-align:center; height:35px; padding-top:5px;} .rule-header-onder .deel4{ float:left; width:76px; border-right: 1px solid #CCC; text-align:center; height:35px; padding-top:5px;} .rule-header-onder .deel5{ float:left; width:76px; border-right:1px solid #ccc; text-align:center; height:35px; padding-top:5px;} .rule-white-breed {background-color:#FFF; height:25px;} .rule-grey-breed {background-color:#f6f5f5; height:25px;} .rule-white-breed .deel1 { float:left; width:157px; border-right:1px solid #ccc; line-height:25px;} .rule-grey-breed .deel1 { float:left; width:157px; border-right:1px solid #ccc; line-height:25px;} /*------------------------------------------------------ Kleur abonnementspecificaties in de matrix ------------------------------------------------------ */ .prijzen-overzicht-breed-T-Mobile .rule-white-breed .deel1 .deel11, .prijzen-overzicht-breed-T-Mobile .rule-grey-breed .deel1 .deel11 { float:left; width:20px; border:0px;} .prijzen-overzicht-breed-T-Mobile .rule-white-breed .deel1 .deel12, .prijzen-overzicht-breed-T-Mobile .rule-grey-breed .deel1 .deel12 { float:left; width:30px; border-right:0px; text-align:center; color:#e30074;} .prijzen-overzicht-breed-T-Mobile .rule-white-breed .deel1 .deel13, .prijzen-overzicht-breed-T-Mobile .rule-grey-breed .deel1 .deel13 { float:left; width:5px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-T-Mobile .rule-white-breed .deel1 .deel14, .prijzen-overzicht-breed-T-Mobile .rule-grey-breed .deel1 .deel14 { float:left; width:60px; border-right:0px; text-align:center; color:#e30074;} .prijzen-overzicht-breed-T-Mobile .rule-white-breed .deel1 .deel15, .prijzen-overzicht-breed-T-Mobile .rule-grey-breed .deel1 .deel15 { float:left; width:10px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-T-Mobile .rule-white-breed .deel1 .deel16, .prijzen-overzicht-breed-T-Mobile .rule-grey-breed .deel1 .deel16 { float:left; padding-top:5px; width:40px; text-align:center;} .prijzen-overzicht-breed-Vodafone .rule-white-breed .deel1 .deel11, .prijzen-overzicht-breed-Vodafone .rule-grey-breed .deel1 .deel11 { float:left; width:20px; border:0px;} .prijzen-overzicht-breed-Vodafone .rule-white-breed .deel1 .deel12, .prijzen-overzicht-breed-Vodafone .rule-grey-breed .deel1 .deel12 { float:left; width:22px; border-right:0px; text-align:center; color:#ff0000;} .prijzen-overzicht-breed-Vodafone .rule-white-breed .deel1 .deel13, .prijzen-overzicht-breed-Vodafone .rule-grey-breed .deel1 .deel13 { float:left; width:5px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-Vodafone .rule-white-breed .deel1 .deel14, .prijzen-overzicht-breed-Vodafone .rule-grey-breed .deel1 .deel14 { float:left; width:45px; border-right:0px; text-align:center; color:#ff0000;} .prijzen-overzicht-breed-Vodafone .rule-white-breed .deel1 .deel15, .prijzen-overzicht-breed-Vodafone .rule-grey-breed .deel1 .deel15 { float:left; width:10px; border-right:0px; text-align:center; padding-left:30px;} .prijzen-overzicht-breed-Vodafone .rule-white-breed .deel1 .deel16, .prijzen-overzicht-breed-Vodafone .rule-grey-breed .deel1 .deel16 { float:left; padding-top:5px; width:40px; text-align:center;} .prijzen-overzicht-breed-Telfort .rule-white-breed .deel1 .deel11, .prijzen-overzicht-breed-Telfort .rule-grey-breed .deel1 .deel11{ float:left; width:20px; border:0px;} .prijzen-overzicht-breed-Telfort .rule-white-breed .deel1 .deel12, .prijzen-overzicht-breed-Telfort .rule-grey-breed .deel1 .deel12{ float:left; width:40px; border-right:0px; text-align:center; color:#333399;} .prijzen-overzicht-breed-Telfort .rule-white-breed .deel1 .deel13, .prijzen-overzicht-breed-Telfort .rule-grey-breed .deel1 .deel13{ float:left; width:8px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-Telfort .rule-white-breed .deel1 .deel14, .prijzen-overzicht-breed-Telfort .rule-grey-breed .deel1 .deel14{ float:left; width:40px; border-right:0px; text-align:center; color:#333399;} .prijzen-overzicht-breed-Telfort .rule-white-breed .deel1 .deel15, .prijzen-overzicht-breed-Telfort .rule-grey-breed .deel1 .deel15{ float:left; width:8px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-Telfort .rule-white-breed .deel1 .deel16, .prijzen-overzicht-breed-Telfort .rule-grey-breed .deel1 .deel16{ float:left; height:20px; padding-top:5px; width:40px; text-align:center;} .prijzen-overzicht-breed-Hi .rule-white-breed .deel1 .deel11, .prijzen-overzicht-breed-Hi .rule-grey-breed .deel1 .deel11{ float:left; width:20px; border:0px;} .prijzen-overzicht-breed-Hi .rule-white-breed .deel1 .deel12, .prijzen-overzicht-breed-Hi .rule-grey-breed .deel1 .deel12{ float:left; width:30px; border-right:0px; text-align:center; color:#342172;} .prijzen-overzicht-breed-Hi .rule-white-breed .deel1 .deel13, .prijzen-overzicht-breed-Hi .rule-grey-breed .deel1 .deel13{ float:left; width:8px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-Hi .rule-white-breed .deel1 .deel14, .prijzen-overzicht-breed-Hi .rule-grey-breed .deel1 .deel14{ float:left; width:60px; border-right:0px; text-align:center; color:#342172;} .prijzen-overzicht-breed-Hi .rule-white-breed .deel1 .deel15, .prijzen-overzicht-breed-Hi .rule-grey-breed .deel1 .deel15{ float:left; width:8px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-Hi .rule-white-breed .deel1 .deel16, .prijzen-overzicht-breed-Hi .rule-grey-breed .deel1 .deel16{ float:left; height:20px; padding-top:5px; width:40px; text-align:center;} .prijzen-overzicht-breed-KPN .rule-white-breed .deel1 .deel11, .prijzen-overzicht-breed-KPN .rule-grey-breed .deel1 .deel11{ float:left; width:20px; border:0px;} .prijzen-overzicht-breed-KPN .rule-white-breed .deel1 .deel12, .prijzen-overzicht-breed-KPN .rule-grey-breed .deel1 .deel12{ float:left; width:30px; border-right:0px; text-align:center; color:#009900;} .prijzen-overzicht-breed-KPN .rule-white-breed .deel1 .deel13, .prijzen-overzicht-breed-KPN .rule-grey-breed .deel1 .deel13{ float:left; width:8px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-KPN .rule-white-breed .deel1 .deel14, .prijzen-overzicht-breed-KPN .rule-grey-breed .deel1 .deel14{ float:left; width:60px; border-right:0px; text-align:center; color:#009900;} .prijzen-overzicht-breed-KPN .rule-white-breed .deel1 .deel15, .prijzen-overzicht-breed-KPN .rule-grey-breed .deel1 .deel15{ float:left; width:8px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-KPN .rule-white-breed .deel1 .deel16, .prijzen-overzicht-breed-KPN .rule-grey-breed .deel1 .deel16{ float:left; height:20px; padding-top:5px; width:40px; text-align:center;} .prijzen-overzicht-breed-Sizz .rule-white-breed .deel1 .deel11, .prijzen-overzicht-breed-Sizz .rule-grey-breed .deel1 .deel11{ float:left; width:20px; border:0px;} .prijzen-overzicht-breed-Sizz .rule-white-breed .deel1 .deel12, .prijzen-overzicht-breed-Sizz .rule-grey-breed .deel1 .deel12{ float:left; width:30px; border-right:0px; text-align:center; color:#92278f;} .prijzen-overzicht-breed-Sizz .rule-white-breed .deel1 .deel13, .prijzen-overzicht-breed-Sizz .rule-grey-breed .deel1 .deel13{ float:left; width:8px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-Sizz .rule-white-breed .deel1 .deel14, .prijzen-overzicht-breed-Sizz .rule-grey-breed .deel1 .deel14{ float:left; width:60px; border-right:0px; text-align:center; color:#92278f;} .prijzen-overzicht-breed-Sizz .rule-white-breed .deel1 .deel15, .prijzen-overzicht-breed-Sizz .rule-grey-breed .deel1 .deel15{ float:left; width:8px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-Sizz .rule-white-breed .deel1 .deel16, .prijzen-overzicht-breed-Sizz .rule-grey-breed .deel1 .deel16{ float:left; height:20px; padding-top:5px; width:40px; text-align:center;} .prijzen-overzicht-breed-Tele2 .rule-white-breed .deel1 .deel11, .prijzen-overzicht-breed-Tele2 .rule-grey-breed .deel1 .deel11{ float:left; width:20px; border:0px;} .prijzen-overzicht-breed-Tele2 .rule-white-breed .deel1 .deel12, .prijzen-overzicht-breed-Tele2 .rule-grey-breed .deel1 .deel12{ float:left; width:40px; border-right:0px; text-align:center; color:#2b2b2b;} .prijzen-overzicht-breed-Tele2 .rule-white-breed .deel1 .deel13, .prijzen-overzicht-breed-Tele2 .rule-grey-breed .deel1 .deel13{ float:left; width:8px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-Tele2 .rule-white-breed .deel1 .deel14, .prijzen-overzicht-breed-Tele2 .rule-grey-breed .deel1 .deel14{ float:left; width:40px; border-right:0px; text-align:center; color:#2b2b2b;} .prijzen-overzicht-breed-Tele2 .rule-white-breed .deel1 .deel15, .prijzen-overzicht-breed-Tele2 .rule-grey-breed .deel1 .deel15{ float:left; width:8px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-Tele2 .rule-white-breed .deel1 .deel16, .prijzen-overzicht-breed-Tele2 .rule-grey-breed .deel1 .deel16{ float:left; height:20px; padding-top:5px; width:40px; text-align:center;} .prijzen-overzicht-breed-MTV .rule-white-breed .deel1 .deel11, .prijzen-overzicht-breed-MTV .rule-grey-breed .deel1 .deel11{ float:left; width:20px; border:0px;} .prijzen-overzicht-breed-MTV .rule-white-breed .deel1 .deel12, .prijzen-overzicht-breed-MTV .rule-grey-breed .deel1 .deel12{ float:left; width:40px; border-right:0px; text-align:center; color:#000000;} .prijzen-overzicht-breed-MTV .rule-white-breed .deel1 .deel13, .prijzen-overzicht-breed-MTV .rule-grey-breed .deel1 .deel13{ float:left; width:8px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-MTV .rule-white-breed .deel1 .deel14, .prijzen-overzicht-breed-MTV .rule-grey-breed .deel1 .deel14{ float:left; width:40px; border-right:0px; text-align:center; color:#000000;} .prijzen-overzicht-breed-MTV .rule-white-breed .deel1 .deel15, .prijzen-overzicht-breed-MTV .rule-grey-breed .deel1 .deel15{ float:left; width:8px; border-right:0px; text-align:center;} .prijzen-overzicht-breed-MTV .rule-white-breed .deel1 .deel16, .prijzen-overzicht-breed-MTV .rule-grey-breed .deel1 .deel16{ float:left; height:20px; padding-top:5px; width:40px; text-align:center;} /*------------------------------------------------------ */ .rule-white-breed .deel2, .rule-grey-breed .deel2 { float:left; width:112px; border-right:1px solid #ccc; line-height:25px;} .rule-white-breed .deel21, .rule-grey-breed .deel21 { float:left; width:56px; text-align:center} .rule-white-breed .deel22, .rule-grey-breed .deel22 { float:left; width:56px; text-align:center; font-weight:bold;} .rule-white-breed .deel3, .rule-grey-breed .deel3 { float:left; width:76px; border-right:1px solid #CCC; text-align:center; font-weight:bold; line-height:25px;} .rule-white-breed .deel3-grey, .rule-grey-breed .deel3-grey { float:left; width:76px; border-right:1px solid #CCC; text-align:center; font-weight:bold; line-height:25px; color:#CCC;} .rule-white-breed .deel3 span, .rule-grey-breed .deel3 span{ color:#FF7200; font-weight:bold;} .rule-white-breed .deel3-grey span, .rule-grey-breed .deel3-grey span{ color:#fed2ae; font-weight:bold;} .rule-white-breed .selected, .rule-grey-breed .selected {background-color:#fedaec; width:76px; height:25px; display:block; padding:0px; margin:0px;} .rule-white-breed .deel3 a.block-toestel, .rule-grey-breed .deel3 a.block-toestel {width:76px; height:25px; display:block; padding:0px; margin:0px;} .rule-white-breed .deel3 a.block-toestel:hover, .rule-grey-breed .deel3 a.block-toestel:hover { background-color:#fedaec; width:76px; height:25px; display:block; padding:0px; margin:0px; cursor:pointer;} .rule-white-breed .deel3-grey a.block-toestel, .rule-grey-breed .deel3-grey a.block-toestel {width:76px; height:25px; display:block; padding:0px; margin:0px;} .rule-white-breed .deel3-grey a.block-toestel:hover, .rule-grey-breed .deel3-grey a.block-toestel:hover { background-color:#fedaec; width:76px; height:25px; display:block; padding:0px; margin:0px; cursor:pointer;} .bestel-button-gerelateerde-toestellen{ width:725px; text-align:right;margin:10px;} /*------------------------------------------------------ */ /*----------------------------------------- VAN JAN_WILLEM VOOR PRINTEN -----------------------------------------*/ @media print {body {zoom:150%;}} /*------------------------------------------------------ */ /*----------------------------------------- TOP Homepage nav -----------------------------------------*/ ##content {width: 760px; margin: 50px auto; padding: 20px; background: #FFF; border: 1px solid #CCC;} h1 {margin: 0;} hr {border: none; height: 1px; line-height: 1px; background: #CCC; margin-bottom: 20px; padding: 0;} p {margin: 0; padding: 7px 0;} .clear {clear: both; line-height: 1px; font-size: 1px;} a {outline-color: #888;} h3 {margin: 0; padding: 7px 0 0 0; font-size: 16px;} div#feature_list {width: 758px; height: 240px; overflow: hidden; position: relative; border:1px solid #CCC; font-family:Arial; letter-spacing:0px;} div#feature_list ul {position: absolute; top: 0; list-style: none; padding: 0; margin: 0;} ul#tabs {right: 0; z-index: 2; width: 320px;} ul#tabs li {font-size: 12px; font-family: Arial;} ul#tabs li img {padding: 5px; border: none; float: left; margin: 10px 10px 0 0;} ul#tabs li a {color: #222; text-decoration: none; text-align:right; display: block; padding: 10px; height: 60px; outline: none;} ul#tabs li a:hover {text-decoration: underline;} ul#tabs li a.current {background: url('http://www.belnu.nl/belnu/images/static/feature-list/feature-tab-current.png'); color: #FFF;} ul#tabs li a.current:hover {text-decoration: none; cursor: default;} ul#output {left: 0; width: 473px; height: 240px; position: relative;} ul#output li {position: absolute; width: 473px; height: 240px;} a.aktie-boven-home{position: absolute; bottom: 10px; left: 10px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #FFF; background: #45b600; -moz-border-radius: 5px;} a.aktie-boven-home:hover{background: #ff8500;} /*------------------------------------------------------ */ /*----------------------------------------- H1 gsm toestel -----------------------------------------*/ .index-title h1 {} .acc-content-vodafone {clear:both; margin-top:20px; margin-bottom:20px; padding:10px;} .acc-content-vodafone .header {font-size:15px; font-weight:bold; color:#F00; border-bottom: #ccc 1px solid; height:25px;} .acc-content-t-mobile {clear:both; margin-top:20px; margin-bottom:20px; padding:10px;} .acc-content-t-mobile .header { font-size:15px; font-weight:bold; color:#e30074; border-bottom: #ccc 1px solid; height:25px;} .acc-content-telfort {clear:both; margin-top:20px; margin-bottom:20px; padding:10px;} .acc-content-telfort .header { font-size:15px; font-weight:bold; color:#333366; border-bottom: #ccc 1px solid; height:25px;} .tekst-merk h2 {font-size:14px; height:25px; border-bottom:1px solid #003399; border-top:1px solid #003399; padding-top:8px; padding-left:10px; margin-bottom:5px; background-color:#fbfcff;} .tekst-merk p { padding-bottom:20px; padding-left:10px; padding-right:10px; } .produktpagelink a:link {color: #666666; text-decoration: none;} .produktpagelink a:active {color: #666666; text-decoration: none;} .produktpagelink a:visited {color: #666666; text-decoration: none;} .produktpagelink a:hover {color: #666666; text-decoration: none;} /*------------------------------------------------------ */ /*------------------------------------------------------ Bon bestelformulier ------------------------------------------------------ */ .header-bon-provider {height:38px; line-height:38px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; background-color:#f6f8f9;} .header-bon-provider .deel1 {float:left; padding-left:10px; width:461px;} .header-bon-provider .deel2 {float:left; border-right:1px solid #CCC; border-left:1px solid #CCC; padding-left:7px; padding-right:7px; width:88px; text-align:right;} .header-bon-simonly {height:38px; line-height:38px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; background-color:#f6f8f9;} .header-bon-simonly .deel1 {float:left; padding-left:10px; width:358px;} .header-bon-simonly .deel2 {float:left; border-left:1px solid #CCC; padding-left:7px; padding-right:7px; width:88px; text-align:right;} .header-bon-simonly .deel3 {float:left; border-right:1px solid #CCC; border-left:1px solid #CCC; padding-left:7px; padding-right:7px; width:88px; text-align:right;} .deel-belnu {width:440px; float:left;} .deel-belnu .deel1 {border-right:1px solid #CCC; width:322px; float:left; padding:7px; position:relative;} .deel-belnu .deel1 .del {position:absolute; top:0px; left:300px;} .deel-belnu .deel2 { border-right:1px solid #CCC; width:88px; float:left; padding:7px; text-align:right;} .deel-provider {width:420px; float:left;} .deel-provider .deel1 {border-right:1px solid #CCC; width:219px; float:left; padding:7px; position:relative;} .deel-provider .deel2 {border-right:1px solid #CCC; width:88px; float:left; padding:7px; text-align:right;} .deel-provider .deel3 {border-right:1px solid #CCC; width:88px; float:left; padding:7px; text-align:right;} .deel-simonly {width:420px; float:left; padding-left:135px;} .deel-simonly .deel1 {border-right:1px solid #CCC; width:219px; float:left; padding:7px; position:relative;} .deel-simonly .deel2 {border-right:1px solid #CCC; width:88px; float:left; padding:7px; text-align:right;} .deel-simonly .deel3 {border-right:1px solid #CCC; width:88px; float:left; padding:7px; text-align:right;} /*------------------------------------------------------ */ /*------------------------------------------------------ Carousel ------------------------------------------------------ */ #gallery{ -moz-box-shadow:0 0 3px #AAAAAA; -webkit-box-shadow:0 0 3px #AAAAAA; box-shadow:0 0 3px #AAAAAA; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; border:1px solid #aaaaaa; background:url(/belnu/images/static/slides/panel.jpg) repeat-x bottom center #ffffff; width:750px; overflow:hidden; text-align:center;} #gallery #slides{ height:200px; width:750px; overflow:hidden;} #gallery .slide{ float:left;} #gallery #menu{ height:45px; padding-left:4px;} #gallery #menu ul{ margin:0px; padding:0px; height:45px;} #gallery #menu ul li{width:185px; display:inline-block; list-style:none; height:45px; overflow:hidden; float:left; text-align:center;} #gallery #menu ul li.inact:hover{background:url(/belnu/images/static/slides/pic_bg.png) repeat;} #gallery #menu ul li.act {background:url(/belnu/images/static/slides/active_bg.png) no-repeat;} #gallery #menu ul li.act:hover{background:url(/belnu/images/static/slides/active_bg.png) no-repeat;} #gallery #menu ul li.act a{cursor:default;} #gallery #menu .fbar{width:2px; background:url(/belnu/images/static/slides/divider.png) no-repeat right;} #gallery #menu ul li a{display:block; background:url(/belnu/images/static/slides/divider.png) no-repeat right; height:35px; padding-top:10px;} a img{border:none;} /*------------------------------------------------------ */ /*------------------------------------------------------ Losse toestellen ------------------------------------------------------ */ .losse-toestellen { border-bottom:1px solid #CCC; margin-bottom:30px;} .losse-toestellen #title {background-color:#FFF; height:25px; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:20px;} .losse-toestellen #title .deel1 { float:left; font-weight:bold; width:236px; border-right:1px solid #ccc; line-height:25px; padding-left:5px;} .losse-toestellen #title .deel2 { float:left; font-weight:bold; width:100px; border-right:1px solid #ccc; line-height:25px; text-align:center; position:relative;} .losse-toestellen #title .deel3 { float:left; font-weight:bold; width:80px; line-height:25px; text-align:center;} .losse-toestellen .rule-white {background-color:#FFF; height:25px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px dotted #CCC;} .losse-toestellen .rule-grey {background-color:#f6f5f5; height:25px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px dotted #CCC;} .losse-toestellen .rule-white .deel1, .losse-toestellen .rule-grey .deel1 { float:left; width:236px; border-right:1px solid #ccc; line-height:25px; padding-left:5px; position:relative;} .losse-toestellen .rule-white .deel11, .losse-toestellen .rule-grey .deel11 { position: absolute; top:5px; left:225px;} .losse-toestellen .rule-white .deel2, .losse-toestellen .rule-grey .deel2 { float:left; width:100px; border-right:1px solid #ccc; line-height:25px; text-align:center; position:relative;} .losse-toestellen .rule-white .deel21, .losse-toestellen .rule-grey .deel21 { position: absolute; top:5px; left:75px;} .losse-toestellen .rule-white .deel3, .losse-toestellen .rule-grey .deel3 { float:left; width:80px; line-height:25px; text-align:center;} /*------------------------------------------------------ */ /*------------------------------------------------------ Matrix horizontaal ------------------------------------------------------ */ /*------------------------------------------------------ Actie balk ------------------------------------------------------ */ .tmobile-matrix .actiebalk {border-top:1px dotted #CCC; padding:7px 0 0 0; height:23px; width:758px; margin-top:20px; background-image:url(/belnu/images/static/actie-matrix-tmobile-bg.png); background-repeat:repeat-x; color:#FFF; text-align:center; font-size:13px;} .vodafone-matrix .actiebalk {border-top:1px dotted #CCC; padding:7px 0 0 0; height:23px; width:758px; margin-top:20px; background-image:url(/belnu/images/static/actie-matrix-voda-bg.png); background-repeat:repeat-x; color:#FFF; text-align:center; font-size:13px;} .telfort-matrix .actiebalk {border-top:1px dotted #CCC; padding:7px 0 0 0; height:23px; width:758px; margin-top:20px; background-image:url(/belnu/images/static/actie-matrix-telfort-bg.png); background-repeat:repeat-x; color:#FFF; text-align:center; font-size:13px;} .hi-matrix .actiebalk {border-top:1px dotted #CCC; padding:7px 0 0 0; height:23px; width:758px; margin-top:20px; background-image:url(/belnu/images/static/actie-matrix-hi-bg.png); background-repeat:repeat-x; color:#FFF; text-align:center; font-size:13px;} .kpn-matrix .actiebalk {border-top:1px dotted #CCC; padding:7px 0 0 0; height:23px; width:758px; margin-top:20px; background-image:url(/belnu/images/static/actie-matrix-kpn-bg.png); background-repeat:repeat-x; color:#FFF; text-align:center; font-size:13px;} .sizz-matrix .actiebalk {border-top:1px dotted #CCC; padding:7px 0 0 0; height:23px; width:758px; margin-top:20px; background-image:url(/belnu/images/static/actie-matrix-sizz-bg.png); background-repeat:repeat-x; color:#FFF; text-align:center; font-size:13px;} .tele2-matrix .actiebalk {border-top:1px dotted #CCC; padding:7px 0 0 0; height:23px; width:758px; margin-top:20px; background-image:url(/belnu/images/static/actie-matrix-tele2-bg.png); background-repeat:repeat-x; color:#FFF; text-align:center; font-size:13px;} .mtv-matrix .actiebalk {border-top:1px dotted #CCC; padding:7px 0 0 0; height:23px; width:758px; margin-top:20px; background-image:url(/belnu/images/static/actie-matrix-mtv-bg.png); background-repeat:repeat-x; color:#FFF; text-align:center; font-size:13px;} /*------------------------------------------------------ */ .selectie-gsmmerken { border-top:1px dotted #CCC; padding:10px 0 10px 0; height:20px; width:758px;} .selectie-gsmmerk {float:left; margin-left:13px;} .selectie-bundels {border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:10px 0 10px 0; height:20px; width:758px;} .selectie-bundelnaam {float:left; padding-left:20px;} .selectie-bundelitem {float:left; padding-left:50px;} .abonnementen-row-matrix { width:758px; border-bottom:1px solid #666666;} .abonnementen-row-matrix .abonnementen {margin-left:5px;} .abonnementen-row-matrix .abonnementen .logo {float:left; width:152px; line-height:20px;} .abonnementen-row-matrix .abonnementen .kenmerken {float:left; width:65px; line-height:20px;} .abonnementen-row-matrix .abonnementen .abonnement {float:left; text-align:center; width:88px; border-left:1px dotted #CCC; line-height:20px;} /*------------------------------------------------------ Kleur abonnementspecificaties in de matrix ------------------------------------------------------ */ .tmobile-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#e30074;} .vodafone-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#FF0000;} .telfort-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#333399;} .hi-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#342172;} .kpn-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#009900;} .sizz-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#92278f;} .tele2-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#2b2b2b;} .mtv-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#000000;} /*------------------------------------------------------ */ .toestel-row-matrix-grey { width:758px; height:109px; border-bottom:1px solid #666666; background-color:#f5f5f5;} .toestel-row-matrix-white { width:758px; height:109px; border-bottom:1px solid #666666;} .toestel-row-matrix-grey .selection, .toestel-row-matrix-white .selection {width:20px; border-right:1px solid #CCC; height:62px; float:left; padding-top:48px;} .toestel-row-matrix-grey .toestel, .toestel-row-matrix-white .toestel {text-align:center; width:114px; float:left; padding: 0 5px 0 5px;} .toestel-row-matrix-grey .toestel p, .toestel-row-matrix-white .toestel p {color:#003399; font-size:9px;} .toestel-row-matrix-grey .prijzen, .toestel-row-matrix-white .prijzen { float:left; margin-left:5px;} .toestel-row-matrix-grey .prijzen .eenjaar-new, .toestel-row-matrix-white .prijzen .eenjaar-new { border-bottom:1px dotted #CCC; height:54px;} .toestel-row-matrix-grey .prijzen .eenjaar-new .looptijd, .toestel-row-matrix-white .prijzen .eenjaar-new .looptijd {float:left; text-align:center; height:39px; padding-top:15px; width:72px; } .toestel-row-matrix-grey .prijzen .eenjaar-new .prijs, .toestel-row-matrix-white .prijzen .eenjaar-new .prijs { float:left; text-align:center; height:54px; width:88px; border-left:1px dotted #CCC;} .toestel-row-matrix-grey .prijzen .eenjaar-new .prijs span, .toestel-row-matrix-grey .prijzen .tweejaar-new .prijs span, .toestel-row-matrix-white .prijzen .eenjaar-new .prijs span, .toestel-row-matrix-white .prijzen .tweejaar-new .prijs span { font-weight:bold; color:#FF7200;} .toestel-row-matrix-grey .prijzen .tweejaar-new, .toestel-row-matrix-white .prijzen .tweejaar-new { height:54px;} .toestel-row-matrix-grey .prijzen .tweejaar-new .looptijd, .toestel-row-matrix-white .prijzen .tweejaar-new .looptijd {float:left; text-align:center; height:39px; padding-top:15px; width:72px; } .toestel-row-matrix-grey .prijzen .tweejaar-new .prijs, .toestel-row-matrix-white .prijzen .tweejaar-new .prijs { float:left; text-align:center; height:54px; width:88px; border-left:1px dotted #CCC;} .toestel-row-matrix-grey .prijzen .eenjaar-new .prijs a.toestel-blok, .toestel-row-matrix-white .prijzen .eenjaar-new .prijs a.toestel-blok { width:88px; height:24px; display:block; padding:0px; margin:0px; padding-top:30px; color:#666;} .toestel-row-matrix-grey .prijzen .tweejaar-new .prijs a.toestel-blok, .toestel-row-matrix-white .prijzen .tweejaar-new .prijs a.toestel-blok { width:88px; height:44px; display:block; padding:0px; margin:0px; padding-top:10px; color:#666;} /*------------------------------------------------------ Achtergrondkleur bij 1 jaar als je met muis over prijs gaat ------------------------------------------------------ */ .tmobile-matrix .toestel-row-matrix-grey .prijzen .eenjaar-new .prijs a.toestel-blok:hover, .tmobile-matrix .toestel-row-matrix-white .prijzen .eenjaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:24px; padding-top:30px; display:block; cursor:pointer;} .vodafone-matrix .toestel-row-matrix-grey .prijzen .eenjaar-new .prijs a.toestel-blok:hover, .vodafone-matrix .toestel-row-matrix-white .prijzen .eenjaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:24px; padding-top:30px; display:block; cursor:pointer;} .telfort-matrix .toestel-row-matrix-grey .prijzen .eenjaar-new .prijs a.toestel-blok:hover, .telfort-matrix .toestel-row-matrix-white .prijzen .eenjaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:24px; padding-top:30px; display:block; cursor:pointer;} .hi-matrix .toestel-row-matrix-grey .prijzen .eenjaar-new .prijs a.toestel-blok:hover, .hi-matrix .toestel-row-matrix-white .prijzen .eenjaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:24px; padding-top:30px; display:block; cursor:pointer;} .kpn-matrix .toestel-row-matrix-grey .prijzen .eenjaar-new .prijs a.toestel-blok:hover, .kpn-matrix .toestel-row-matrix-white .prijzen .eenjaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:24px; padding-top:30px; display:block; cursor:pointer;} .sizz-matrix .toestel-row-matrix-grey .prijzen .eenjaar-new .prijs a.toestel-blok:hover, .sizz-matrix .toestel-row-matrix-white .prijzen .eenjaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:24px; padding-top:30px; display:block; cursor:pointer;} .tele2-matrix .toestel-row-matrix-grey .prijzen .eenjaar-new .prijs a.toestel-blok:hover, .tele2-matrix .toestel-row-matrix-white .prijzen .eenjaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:24px; padding-top:30px; display:block; cursor:pointer;} .mtv-matrix .toestel-row-matrix-grey .prijzen .eenjaar-new .prijs a.toestel-blok:hover, .mtv-matrix .toestel-row-matrix-white .prijzen .eenjaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:24px; padding-top:30px; display:block; cursor:pointer;} /*------------------------------------------------------ */ /*------------------------------------------------------ Achtergrondkleur bij 2 jaar als je met muis over prijs gaat ------------------------------------------------------ */ .tmobile-matrix .toestel-row-matrix-grey .prijzen .tweejaar-new .prijs a.toestel-blok:hover, .tmobile-matrix .toestel-row-matrix-white .prijzen .tweejaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:44px; padding-top:10px; display:block; cursor:pointer;} .vodafone-matrix .toestel-row-matrix-grey .prijzen .tweejaar-new .prijs a.toestel-blok:hover, .vodafone-matrix .toestel-row-matrix-white .prijzen .tweejaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:44px; padding-top:10px; display:block; cursor:pointer;} .telfort-matrix .toestel-row-matrix-grey .prijzen .tweejaar-new .prijs a.toestel-blok:hover, .telfort-matrix .toestel-row-matrix-white .prijzen .tweejaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:44px; padding-top:10px; display:block; cursor:pointer;} .hi-matrix .toestel-row-matrix-grey .prijzen .tweejaar-new .prijs a.toestel-blok:hover, .hi-matrix .toestel-row-matrix-white .prijzen .tweejaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:44px; padding-top:10px; display:block; cursor:pointer;} .kpn-matrix .toestel-row-matrix-grey .prijzen .tweejaar-new .prijs a.toestel-blok:hover, .kpn-matrix .toestel-row-matrix-white .prijzen .tweejaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:44px; padding-top:10px; display:block; cursor:pointer;} .sizz-matrix .toestel-row-matrix-grey .prijzen .tweejaar-new .prijs a.toestel-blok:hover, .sizz-matrix .toestel-row-matrix-white .prijzen .tweejaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:44px; padding-top:10px; display:block; cursor:pointer;} .tele2-matrix .toestel-row-matrix-grey .prijzen .tweejaar-new .prijs a.toestel-blok:hover, .tele2-matrix .toestel-row-matrix-white .prijzen .tweejaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:44px; padding-top:10px; display:block; cursor:pointer;} .mtv-matrix .toestel-row-matrix-grey .prijzen .tweejaar-new .prijs a.toestel-blok:hover, .mtv-matrix .toestel-row-matrix-white .prijzen .tweejaar-new .prijs a.toestel-blok:hover { background-color:#ffdbdb; width:88px; height:44px; padding-top:10px; display:block; cursor:pointer;} /*------------------------------------------------------ */ /*------------------------------------------------------ */ /*------------------------------------------------------ Top aanbiedingen - toestel met providers ------------------------------------------------------ */ .top-aanbieding {border-bottom:1px solid #ccc; height:57px; width:485px; border-right:1px solid #CCC;} .top-aanbieding-provimage {float:left; padding:6px;} .top-aanbieding-abospecs{float:left; padding:3px; border-right:1px dotted #CCC; width:153px; height:51px;} .top-aanbieding-abospecs font{font-size:9px;} .top-aanbieding-abospecs font b { color:#F00;} .top-aanbieding-link:link {color: #666666; text-decoration: none;outline:none; display:block; height:57px; width:485px; cursor:pointer;} .top-aanbieding-link:active {color: #666666; text-decoration: none;outline:none;} .top-aanbieding-link:visited {color: #666666; text-decoration: none;outline:none;} .top-aanbieding-link:focus {color: #666666; text-decoration: none;outline:none;} .top-aanbieding:hover {color: #666666; text-decoration: none;outline:none; background-color:#f1fbfd;} .top-aanbiedingdiv { width:70px; height: 57px; display: table; font-size:9px; border-right:1px dotted #CCC; color:#CCC; float:left;} .top-aanbiedingdiv font {font-size:11px; color:#666666; font-weight:bold;} .top-aanbiedingdiv p{ display: table-cell; vertical-align: middle; text-align: center;} .top-aanbiedingdiv p{*margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");} .top-aanbiedingdiv-gratis { width: 59px; height: 57px; display: table; border-right:1px dotted #CCC; color:#CCC; float:left; font-size:14px; font-weight:bold; color:#333399;} .top-aanbiedingdiv-gratis p{ display: table-cell; vertical-align: middle; text-align: center;} .top-aanbiedingdiv-gratis p{*margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");} .top-aanbiedingdiv-bestel { width: 65px; height: 57px; display: table; font-size:9px; color:#CCC; float:left;} .top-aanbiedingdiv-bestel p{ display: table-cell; vertical-align: middle; text-align: center;} .top-aanbiedingdiv-bestel p{*margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");} /*------------------------------------------------------ */ /*------------------------------------------------------ Alle toestellen ------------------------------------------------------ */ .toestel-chosen {width:190px; float:left; height:343px; background-image:url(/belnu/images/static/toestellen/bg.png);} .toestel-chosen:hover { text-decoration: none;outline:none; background-image:url(/belnu/images/static/toestellen/bg-hover.png);} .toestel-chosen .header {height:35px; border-bottom:1px solid #cccccc; margin: 0 13px 5px 13px; font-size:14px; font-weight:bold; color:#333399; padding:10px 5px 5px 5px; text-align: center;} .toestel-chosen .container-toestel {text-align:center; padding:10px;} .toestel-chosen .toestel-image-groot {float:left; width:100px; padding-left:10px; height: 180px;} .toestel-chosen .container-little-images{width:58px; float:left; height: 182px;} .toestel-chosen .little-images{height:36px; width:36px; border:1px #666666 solid; float:left; margin:0px 10px 10px 10px; text-align:center; background-color:#FFF;} .toestel-chosen .size-little-image {display:block; width:34px; height:34px;} .toestel-chosen .los-toestel-prijs{height:25px; border-top:1px solid #cccccc; text-align:center; padding-top:10px; margin-top:10px;} .toestel-chosen .button {height:35px; text-align:center;} /*------------------------------------------------------ */ /*------------------------------------------------------ Tooltip ------------------------------------------------------ */ .tip { width: 300px; padding-top: 15px; overflow: hidden; display: none;position: absolute;z-index: 500; background: transparent url(/belnu/images/static/tooltip/tipTop.png) no-repeat top;} .tipMid {background: transparent url(/belnu/images/static/tooltip/tipMid.png) repeat-y; padding: 5px 15px 5px 20px; text-align:left;} .tipBtm {background: transparent url(/belnu/images/static/tooltip/tipBtm.png) no-repeat bottom; height: 45px;} /*------------------------------------------------------ */ /*------------------------------------------------------ Info blokken opmaak ------------------------------------------------------ */ T-Mobile-top-info { font-size:14px; color:#e30074; font-weight:bold;} T-Mobile-header-info { color:#e30074; font-weight:bold;} T-Mobile-bottom-info b { color:#e30074;} /*------------------------------------------------------ */ /*------------------------------------------------------ Kleur abonnementspecificaties in de matrix ------------------------------------------------------ */ .tmobile-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#e30074;} .vodafone-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#FF0000;} .telfort-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#333399;} .hi-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#342172;} .kpn-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#009900;} .sizz-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#92278f;} .tele2-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#2b2b2b;} .mtv-matrix .abonnementen-row-matrix .abonnementen .abonnement b {color:#000000;}