a
{
color:#31bbf3;
ffont-weight:bold;
}


form
{
padding:0px;
margin:0px;
}

.BlokContent form
{
margin-top:8px;
}

input, select
{
font-size:10px;
ppadding:2px;
margin:2px;
}


.Filterblok
{
width:688px;
padding:4px;
position:relative;
border-bottom:2px dashed #31baf7;
margin-bottom:20px;
background-color:#f4fafa;
}

.Filterblokje
{
width:218px;
padding-right:8px;
float:left;
height:100px;
* height:120px;
}

.Slogan
{
position: relative;
top: 50px;
left: 91px;
text-align: left;
font-family: tahoma;
font-size: 11px;
font-weight: bolder;
color: #C6C6C6;
letter-spacing: 0px;
}

.SubSlogan
{
top: 50px;
left: 91px;
position: relative;
font-size: 10px;
font-family: tahoma;
font-weight: normal;
color: #C6C6C6;
text-align:justify;
width:209px;
}

body
{
font-family:verdana;
color:#000000;
font-size:11px;
margin:12px;
background: url('/media/layout/webring-achtergrond.png') repeat-x;
margin:0px;
padding:0px;
}

.ContentContainer
{
position: relative;
margin: 0 auto;
width: 980px;
text-align: left;
padding:0px;
margin-top:10px;
}


.MaandbedragSlider
{
width:200px;
height:23px;
}

p
{
margin:0px;
}


img
{
margin:0px;
padding:0px;
border:0px;
}


.Doorgehaald
{
text-decoration:line-through;
color:#ff0000;
}

.Header
{
background: url(/media/layout/header2.png) 0% 0% no-repeat;
width:977px;
height:80px;
}

.Home
{
position:absolute;
left:0px;
width:430px;
height:80px;
}

.Home a
{
display:block;
width:430px;
height:80px;
}

.Menu1, .Menu2, .Menu3, .Menu4
{
position:absolute;
top:34px;
font-size:11px;
font-weight:bold;
}

.Menu1 a, .Menu2 a, .Menu3 a, .Menu4 a, .Links a
{
color:#fff;
text-decoration:none;
}

.Menu1 a:hover, .Menu2 a:hover, .Menu3 a:hover, .Menu4 a:hover, .Links a:hover
{
text-decoration:underline;
}

.Menu1
{
left:511px;
}

.Menu2
{
left:658px;
}

.Menu3
{
left:771px;
}

.Menu4
{
left:880px;
}

.Header .Links
{
position:absolute;
top:56px;
left:594px;
font-size:11px;
color:#fff;
}















.WizardRegel
{
height:31px;
margin-top:8px;
margin-bottom:8px;
}


.WizardRegel .TekstPre
{
color:#31bbf3;
font-size:14px;
font-weight:bold;
margin-left:60px;
float:left;
margin-top:4px;
}

.WizardRegel .Input
{
color:#31bbf3;
font-size:14px;
font-weight:bold;
float:left;margin-top:2px;
}

.WizardRegel input
{
border:0px;
border-bottom: 2px dashed #31bbf3;
color:#31bbf3;
font-size:14px;
font-weight:bold;
text-align:center
}

.WizardRegel .TekstPost
{
color:#31bbf3;
font-size:14px;
font-weight:bold;
float:left;
margin-top:4px;
}

.WizardKnop
{
position:absolute;
left:530px;
border-left:1px dotted #31bbf3;
height:60px;
padding:20px 0px 0px 10px;
}

.WizardKnop div
{
margin-top:13px;
float:left;
margin-left:10px;
}

.WizardKnop div a
{
color:#31bbf3;
font-size:14px;
font-weight:bold;
}


.FilterSwitch
{
position:absolute;
top:4px;
font-size:11px;
color:#fff;
}


.FilterSwitch a
{
font-size:11px;
color:#fff;
text-decoration:underline;
}

.SliderContainer
{
width:200px;
height:28px;
margin:0px;
}





.SliderTekst
{
font-size:10px;
color:#777777;
width:192px;
margin-bottom:0px;
height:20px;
}


.SliderFooter
{
width:160px;
height:17px;
}

.SliderFooter .Links
{
float:left;
width:70px;
text-align:left;
}

.SliderFooter .Rechts
{
float:left;
width:70px;
text-align:right;
}





.SliderKop
{
font-size:10px;
color:#777777;
width:40px;
height:20px;
margin-top:4px;
float:left;
}

.SliderBody
{
width:130px;
height:20px;
float:left;
margin-top:4px;
}

.SliderInput
{
width:20px;
height:24px;
float:left;
}

.SliderInput input
{
width:20px;
border:1px solid #31bbf3;
font-size:9px;
text-align:center;
float:left;
height:13px;
padding:1px;
}

.Checkbox
{
float:left;
margin-right:6px;
width:90px;
height:24px;
}









.OverzichtKolom
{
float:left;
width:696px;
margin-left:12px;
}

.InformatieKolom
{
	float:left;
	font-family: verdana;
	font-size:11px;
	width:255px;
	line-height:16px;
	padding-left:12px;
	margin-top:12px;
}


.BlokHeader
{
width:255px;
height:6px;
background: url(/media/layout/blok-header.png) 0% 0% no-repeat;
}

.BlokContent
{
width:235px;
padding:0px 12px 0px 8px;
background: url(/media/layout/blok-achtergrond.png) 0% 0% repeat-y;
}

.BlokFooter
{
width:255px;
height:12px;
background: url(/media/layout/blok-footer.png) 0% 0% no-repeat;
margin-bottom:12px;
}


.Infoblok p
{
font-size:11px;
line-height:15px;
font-family:verdana;
color:#707070;

}

.Infoblok
{
clear:both;
border: 1px solid #dddddd;
width:688px;
margin-top:12px;
margin-bottom:12px;
padding:4px;
}

.Spacer
{
clear:both;
height:12px;
width:688px;
font-size:1px;
}



.Zandloper
{
width:696px;
position:absolute;
left:278px;
top:304px;
* top:324px;
height:2449px;
}














dt, dl
{
margin:0px;
padding:0px;
}

dt
{

float:left;
}

dl
{
display:inline;
}

p
{
margin:0px;
padding:0px;
}



.TabelOverzicht
{
margin-bottom:12px;
}




.TabelWinkels td
{
background-color: #ffffff;
}









.iFrameOverzicht, .iFrameOverzichtStatisch
{
width:696px;
margin-top:8px;
}





.Zandloper
{
filter:alpha(opacity=80);
background-color:#fff;
opacity: 0.8;
}

h2
{
margin:0px;
padding:0px;
font-family:verdana;
color:#000000;
font-size:12px;
font-weight:bold;
margin-bottom:4px;
}

h1
{
width:692px;
padding:4px 2px 3px 2px;
font-size:14px;
background-color:#31bbf3;
color:#fff;
margin:0px;
font-family:arial;
font-weight:bold;
}


h3
{
position:block;
margin:0px;
font-size:11px;
font-weight:bold;
font-family:verdana;
width:200px;
border-bottom: 1px dotted #31bbf3;
margin-bottom:4px;
}


.TabelEuro
{
width:14px;
text-align:right;
}

.TabelPrijs
{
width:75px;
text-align:right;
}











.TabelBundels
{
border-top:1px #bbb dotted;
}

.TabelBundels td
{
border-bottom:1px #bbb dotted;
}

.Ervaring
{
border-bottom:1px #bbb dotted;
padding-top:8px;
padding-bottom:8px;
}

dl, .SimOnlyGegevens, .ActieGegevens, .TabelKop, .TabelSubKop
{
display:block;
clear:both;
}

dt, .SimOnlyGegevens div
{
float:left;
height:20px;
padding:8px 2px 2px 2px;
border-bottom:1px dotted #31bbf3;
color:#808080;
font-size:11px;
font-family:verdana;
}








.TabelKop div
{
border-top:1px solid #31bbf3;
border-bottom:1px dotted #31bbf3;
padding:2px;
font-weight:bold;
font-family:verdana;
font-size:11px;
background-color:#9fddf7;
float:left;
color:#ffffff;
}





.DivKostenGeschat
{
width:55px;
text-align:center;
border-left:1px dotted #31bbf3;
font-weight:bold;
}










.DivPositie
{
width:24px;
padding:5px 2px 5px 0px;
}

.DivPositie div
{
width:18px;
height:16px;
padding:2px;
text-align:center;
color:#fff;
font-size:11px;
font-family:verdana;
font-weight:bolder;
}

.DivPositie a
{
color:#ffffff;
}

.DivNaam
{
width:201px;	// Was 222 bij SOV
}

.DivNaam a
{
position:relative;
text-decoration:none;
color:#808080;
border-bottom:2px dotted #bbb;
padding-bottom:2px;
bbackground: url(/media/layout/pictogram-informatie-grijs.png) no-repeat 100% 60%;
ppadding-right:10px;
}

.DivInhoud
{
width:114px;
text-align:left;
border-left:1px dotted #31bbf3;
}


.Div45px
{
width:45px;
text-align:center;
border-left:1px dotted #31bbf3;
}

.Div95px
{
width:95px;
text-align:center;
border-left:1px dotted #31bbf3;
}



.DivKostenGeschat
{
width:55px;
text-align:center;
border-left:1px dotted #31bbf3;
}


























.Pos
{
width:24px;
padding:5px 2px 5px 0px;
}

.Pos div
{
width:18px;
height:16px;
padding:2px;
text-align:center;
color:#fff;
font-size:11px;
font-family:verdana;
font-weight:bolder;
cursor:pointer;
}


.Naam
{
width:222px;
}

.Inhoud
{
width:114px;
text-align:left;
border-left:1px dotted #31bbf3;
}

.DivKostenMin
{
width:45px;
text-align:center;
border-left:1px dotted #31bbf3;
}


.EuroSMS, .EuroMin
{
width:45px;
text-align:center;
border-left:1px dotted #31bbf3;
}

.EuroMaand
{
width:55px;
text-align:center;
border-left:1px dotted #31bbf3;
}

.EuroGeschat 
{
width:55px;
text-align:center;
border-left:1px dotted #31bbf3;
}

.Naam p
{
display:inline;
color:#bbb;font-size:9px;
}

.ActiePijl
{
width:24px;
height:16px;
padding:2px 0px 0px 0px;
text-align:right;
float:left;
border-bottom:1px dotted #31bbf3;
}

.ActiePijl div
{
width:8px;
height:8px;
padding:0px 0px 2px 0px;
}

.ActieTekst
{
width:666px;
height:16px;
padding:2px 0px 0px 6px;
float:left;
border-bottom:1px dotted #31bbf3;
}

.ActieTekst span
{
color:#f00;
font-weight:bold;
font-size:9px;
}


.DivAlgemeen
{
width:250px;
}

.DivBundel
{
width:114px;
border-left:1px dotted #31bbf3;
}

.DivKostenBuiten
{
width:95px;
border-left:1px dotted #31bbf3;
text-align:center;
}

.DivMaandKosten
{
width:115px;
border-left:1px dotted #31bbf3;
text-align:center;
}

.DivBestelknop
{
width:98px;
border-left:1px dotted #31bbf3;
position:relative;
text-align:center;
}

.Bestelknop
{
width:98px;
border-left:1px dotted #31bbf3;
position:relative;
text-align:center;
padding:0px 0px 2px 2px;
height:26px;
background: url(/media/layout/knop-info-bestel.png) 2px 2px no-repeat;
cursor:pointer;
}

.Bestelknop a
{
display:block;
width:98px;
height:26px;
}


.PopupHelp
{
	display:block;
	position:absolute;
	top:302px;
	left:711px;
	width:250px;
border:2px solid #000080;
padding:4px;
background-color:#ffffff;
margin:2px;
height:auto;
text-align:left;
color:#000;
font-size:11px;
}




.PopupVoorwaarden
{
position:absolute;
display:block;
width:400px;
border:1px solid #31bbf3;
padding:4px;
background-color:#f4fafa;
margin:2px;
height:auto;
text-align:left;
color:#000;
font-size:11px;
line-height:17px;
text-decoration:none;
z-index:200;
left:300px;
}



.PopupPrognose
{
position:absolute;
display:block;
width:260px;
border:1px solid #31bbf3;
padding:4px;
background-color:#f4fafa;
margin:2px;
height:auto;
text-align:left;
color:#000;
font-size:11px;
line-height:17px;
text-decoration:none;
z-index:200;
left:600px;
}

.PopupBestellen
{
position:absolute;
display:block;
width:120px;
border:1px solid #31bbf3;
padding:4px;
background-color:#f4fafa;
margin:2px;
height:auto;
text-align:right;
color:#000;
font-size:11px;
line-height:17px;
text-decoration:none;
z-index:100;
left:840px;
}

.PopupBestellen span
{
cursor:pointer;
}




.EuroGeschat a
{
position:relative;
background-color:#ccc;
text-decoration:none;
background: url(/media/layout/pictogram-informatie-oranje.png) no-repeat 100% 60%;
padding-right:10px;
border-bottom:2px dotted #31bbf3;
font-size:11px;
font-family:verdana;
color:#31bbf3;
font-weight:bold;
cursor:pointer;
}


.Pos a
{
position:relative;
text-decoration:none;
color:#ffffff;
border-bottom:1px solid #fff;
padding-bottom:0px;
cursor:pointer;
}




.Naam a
{
position:relative;
text-decoration:none;
color:#808080;
border-bottom:2px dotted #bbb;
padding-bottom:2px;
bbackground: url(/media/layout/pictogram-informatie-grijs.png) no-repeat 100% 60%;
ppadding-right:10px;
}



.KnopSluiten, .KnopSluiten a
{
position:absolute;
top:0px;
margin:0px;
padding:0px;
border:none;
}

.Content
{
width:680px;
background-color:#f4fafa;
line-height:19px;
padding:8px;
}

.Aanbieding
{
background-color:#f4fafa;
width:688px;
padding:4px;
line-height:17px;
}


.Inleiding
{
display:block;
margin-bottom:12px;
height:77px;
}

.Content p
{
margin-bottom:12px;
}

.pInleiding
{
}

.Nieuwsfoto
{
margin-right:10px;
border: 1px solid #c6c6c6;
float:left;
}




.iPhoneTeaser
{
background: url(/media/layout/iphone-teaser.png) 0% 0% no-repeat;
height:99px;
width:118px;
padding-left:125px;
padding-right:12px;
padding-top:6px;
margin-bottom:12px;
}

.Checkbox
{
float:left;
margin-right:6px;
width:90px;
height:24px;
}


.TabelSubKop div
{
padding:2px;
border-bottom:1px solid #31bbf3;
font-weight:bold;
font-family:verdana;
font-size:9px;
height:13px;
float:left;
color:#31bbf3;
}

.TabelSubKop div A
{
 solid #31bbf3;
font-weight:bold;
font-family:verdana;
font-size:9px;
color:#31bbf3;
text-decoration:underline;
border:none;
padding:none;
margin:none;
background: none;
}


.Banner
{
background-color:#f4fafa;
ppadding-top:6px;
padding-bottom:12px;
wwidth:696px;
text-align:center;
height:62px;
border-bottom:1px dashed #31baf7;
}