/* CSS Document */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;

}

.hiddenPic {display:none;}

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

p#alphabet a {
 padding: 0px 6px 0px 6px;
 background-color:#ffffff;
 
 font-size:14px;
 text-decoration:none;
 color:#51555e;

}
p#alphabet a:hover {
 background-color:#FF6600;
 color:#FFFFFF;
}

#page_tarieven p#alphabet a:hover {
 background-color:#330066;
 color:#FFFFFF;
}

#container{
background-image:url(../img/back_container.gif);
background-repeat:repeat-x;
background-color:#eee;
width:100%;
}

#header{
margin: 0px auto;
width:900px;
height:74px;
background-image:url(../img/logo.gif);
background-repeat:no-repeat;
text-align:right;
color:#666;
}

#header_mobile{
margin: 0px auto;
width:900px;
height:74px;
background-image:url(../img/logo_mobile.gif);
background-repeat:no-repeat;
text-align:right;
color:#666;
}

#main{
margin: 0px auto;
width:900px;
background-color:#fff;
border:1px solid #ccc;
padding:0;
position:relative;

}

#footer{
border-bottom:2px solid #FF6600;
background-color:#eee;
margin-top:20px;
}

/* HEADER  */
#header #links, #header_mobile #links{
padding:35px 85px 0 0;
}

#header #links a, #header_mobile #links a{
text-decoration:none;
color:#666;
}

#header #links a:hover, #header_mobile #links a:hover{
text-decoration:underline;
}




/* LEFTCOLUMN  */

#leftcolumn{
float:left;
width:250px;
}

#leftcolumn ul{
margin:20px 0 0 20px;;
padding:0;
list-style: none;
}

#leftcolumn li{
margin:0;
padding:0;

}

#leftcolumn #kader{
width:205px;
margin:30px 0 0 20px;
background-color:
}

#badge{
position:absolute;
right:-20px;
top:-40px;
}

#kader #top{
width:205px;
height:50px;
background-image:url(../img/kader_top2.png);
}

#kader #mid{
width:205px;
padding:10px 0 0 5px;
}

#kader #bottom{
width:205px;
height:13px;
background-image:url(../img/kader_bottom.png);
}

#nav b{
display:none;
}


#nav li a{
display:inline-block;
display:block;
width:197px;
height:26px;
padding:0;
}

.nav1 a{
background-image:url(../img/nav_home.gif);
overflow:hidden;
text-indent:-9999px;
}

.nav1 a:hover{
background-position: 0 100%;
}


.nav2 a{
background-image:url(../img/nav_tarieven.gif);
overflow:hidden;
text-indent:-9999px;
}

.nav2 a:hover{
background-position: 0 100%;
}

.nav3 a{
background-image:url(../img/nav_hoewerkthet.gif);
overflow:hidden;
text-indent:-9999px;
}

.nav3 a:hover{
background-position: 0 100%;
}


.nav4 a{
background-image:url(../img/nav_faq.gif);
overflow:hidden;
text-indent:-9999px;
}

.nav4 a:hover{
background-position: 0 100%;

}

.nav5 a{
background-image:url(../img/nav_contact.gif);
overflow:hidden;
text-indent:-9999px;
}

.nav5 a:hover{
background-position: 0 100%;
}
.comment{
font-size:9px;
}

#divNormalTariff, #divMobileTariff, #divNormalnumber, #divMobilenumber{
display:inline;
font-weight:bold;
color:#FF6600;
}

SELECT{
width:200px;
font-size:11px;
}


/* CONTENT */

#content{
padding:10px 60px 10px 10px;
width:550px;
margin:0 0 0 250px;
}

#content a{
color:#666;
font-weight:bold;
}

#content h1{
color:#FF6600;
font-size:14px;
}

#content h2{
font-size:13px;
margin-left:20px;
}

#breadcrumbs{
padding-bottom:2px;
border-bottom:1px dotted #666;
widht:600px;
}

#nieuws{
margin:20px 0 30px 0;
}

#blok1 h1, #blok2 h1, #blok1 p{
margin:0;
padding:0;
}

#blok1 h1, #blok2 h1{
margin-bottom:10px;
font-size:14px;
}

#blok1{
margin:0 0 0 0;
padding:0;
border-right:1px dotted #000;
width:320px;
padding:0 10px 0 0;
float:left;
}

#blok2{
margin:0 0 0 350px;
padding:0 0 0 0;
}

#blok2 ul{
list-style-type:none;
margin:0;
padding:0;
}

#blok2 ul li{
padding-bottom:2px;
}

#container_blok{
background-image:url(../img/back_blok.gif);
width:600px;
height:112px;
padding:10px;
font-size:11px;
}

		/* TABLE */

		#overzicht_landen{
		margin:30px 0 20px 0;
		}
		
		#overzicht_landen h1{
		width:620px;
		height:36px;
		background-image:url(../img/back_tarieven.gif);
		color:#fff;
		margin-bottom:0;
		}
		
		#overzicht_landen h1 b{
		display:none;
		}
		
		#tabel_landen{
		height:300px;
		overflow:auto;
		overflow-x:hidden;
		width:620px;
		}
		
		#tabel_landen TABLE{
		width:600px;
		margin:0;
		}
	
	
		
		#tabel_landen a{
		text-decoration:none;
		font-weight:normal;
		}
		
		
		#tabel_landen .headline{
		background-color:#CC6633;
		height:20px;
		width:620px;
		font-weight:bold;
		color:#fff;
		padding:0 2px 0 2px;
		}
		
		#tabel_landen .row_color{
		background-color:#FFCC99;
		}
		
		
		#tabel_landen .land a{
		font-weight:bold;
		}
		
		#tabel_landen .land a:hover{
		text-decoration:underline;
		}

		/* DL STAPPEN  */
		
		#stappen, #DL_vast , #DL_mobiel {
		margin-left:20px;
		}
		
		#stappen DT, #DL_vast DT, #DL_mobiel DT {
		width:60px;
		height:30px;	
		float:left;
		margin-right:5px;
		}
		
		#stappen DT b, #DL_vast DT b, #DL_mobiel DT b {
		display:none;
		}
		
		#content .stap1{
		background-image:url(../img/stap1.png);
		}

		#content .stap2{
		background-image:url(../img/stap2.png);
		}
		
		#content .stap3{
		background-image:url(../img/stap3.png);
		}
		
		
		#content #stappen DD, #DL_vast DD, #DL_mobiel DD {
		font-size:12px;
		height:30px;
		padding:3px 5px 5px 5px;
		margin-bottom:5px;
		}
		
		#DL_vast  h2{
		margin-left:0;
		padding-left:0;
		}

		#DL_mobiel h2{
		margin-top:0;
		padding-top:10px;
		margin-left:0;
		padding-left:0;
		}

		#DL_vast{
		border-bottom:1px dotted #666;
		border-top:1px dotted #666;
		padding-bottom:30px;
		padding-left:10px;
		background-color:#eee;
		}

		#DL_mobiel{
		border-bottom:1px dotted #666;
		border-top:1px dotted #666;
		background-color:#eee;
		padding-left:10px;
		padding-bottom:30px;
		}

#footer{
clear:both;
background-color:#eee;
margin:0;
}




/*  PAARS - TARIEVEN  */
#page_tarieven #container{
background-image:url(../img/back_container_paars.gif);
}

#page_tarieven #header{
background-image:url(../img/logo_paars.gif);
}



#page_tarieven #footer{
border-bottom:2px solid #330066;
}


#page_tarieven #kader #top{
background-image:url(../img/kader_top2_paars.png);
}

#page_tarieven #kader #bottom{
background-image:url(../img/kader_bottom_paars.png);
}

#page_tarieven #divNormalTariff, #page_tarieven #divMobileTariff,#page_tarieven #divNormalnumber,#page_tarieven #divMobilenumber{
color:#330066;
}



#page_tarieven #content h1{
color:#330066;
}

#page_tarieven #content h2{
color:#330066;
}


#page_tarieven #content .h1_goedkoopbellen_land{
background-image:url(../img/back_h1_paars.gif);
color:#fff;
height:29px;
width:592px;
padding:10px 0 0 10px;
margin-top:20px;
}


#page_tarieven #overzicht_landen h1{
background-image:url(../img/back_tarieven_paars.gif);
}

#page_tarieven #tabel_landen{
overflow:scroll;
overflow-x:hidden;
width:620px;
height:500px;
}


#page_tarieven #tabel_landen .headline{
background-color:#663366;
}


#page_tarieven #tabel_landen .row_color{
background-color:#ccc;
}

#faq{
margin-left:20px;
}

#faq DT{
margin:0;
padding:2px 0 2px 5px;
font-weight:bold;
}

#faq DD{
margin:0 0 10px 0;
padding:2px 0 5px 5px;
}

#faq .grijs{
background-color:#eee;
}

/*  GROEN - HOE WERKT HET  */

#page_werking #content a{
color:#66CC00;
}

#page_werking #container{
background-image:url(../img/back_container_groen.gif);
}

#page_werking #header{
background-image:url(../img/logo_groen.gif);
}



#page_werking #footer{
border-bottom:2px solid #66CC00;
}


#page_werking #kader #top{
background-image:url(../img/kader_top2_groen.png);
}

#page_werking #kader #bottom{
background-image:url(../img/kader_bottom_groen.png);
}

#page_werking #divNormalTariff, #page_werking #divMobileTariff,#page_werking #divNormalnumber,#page_werking #divMobilenumber{
color:#66CC00;
}



#page_werking #content h1{
color:#66CC00;
}

#page_werking #content h2{
color:#66CC00;
}


#page_werking #voorbeeld{
margin:0 0 0 20px;		
}

#page_werking OL{
margin-bottom:30px;	
}



/* DL   */
		#page_werking #content #stappen{
		margin-left:20px;
		margin-top:20px;
		margin-bottom:10px;
		border-top:1px dotted #666;
		border-bottom:1px dotted #666;

		padding:20px 0 0 10px;
		background-color:#eee;
		}
		
		
		
		#page_werking #content #stappen DT {
		width:60px;
		height:30px;	
		float:left;
		margin-right:5px;
		}
		
		#page_werking #content #stappen DT b{
		display:none;
		}
		
		#page_werking #content .stap1{
		background-image:url(../img/stap1.png);
		}

		#page_werking #content .stap2{
		background-image:url(../img/stap2.png);
		}
		
		#page_werking #content .stap3{
		background-image:url(../img/stap3.png);
		}
		
		
		#page_werking #content #stappen DD{
		font-size:12px;
		height:30px;
		padding:0 5px 5px 5px;
		margin-bottom:15px;
		}

		#page_werking #stappen{
		border-bottom:1px dotted #666;
		padding-bottom:20px;
		}

	





/*  BLAUW - FAQ  */
#page_faq #container{
background-image:url(../img/back_container_blauw.gif);
}

#page_faq  #header{
background-image:url(../img/logo_blauw.gif);
}



#page_faq  #footer{
border-bottom:2px solid #0099CC;
}


#page_faq  #kader #top{
background-image:url(../img/kader_top2_blauw.png);
}

#page_faq  #kader #bottom{
background-image:url(../img/kader_bottom_blauw.png);
}

#page_faq  #divNormalTariff, #page_faq  #divMobileTariff,#page_faq  #divNormalnumber,#page_faq  #divMobilenumber{
color:#0099CC;
}



#page_faq  #content h1{
color:#0099CC;
}

#page_faq  #content h2{
color:#0099CC;
}

/*  ROOD - CONTACT  */
#page_contact #container{
background-image:url(../img/back_container_rood.gif);
}

#page_contact  #header{
background-image:url(../img/logo_rood.gif);
}



#page_contact  #footer{
border-bottom:2px solid #990000;
}


#page_contact  #kader #top{
background-image:url(../img/kader_top2_rood.png);
}

#page_contact  #kader #bottom{
background-image:url(../img/kader_bottom_rood.png);
}

#page_contact  #divNormalTariff, #page_contact  #divMobileTariff,#page_contact  #divNormalnumber,#page_contact  #divMobilenumber{
color:#990000;
}



#page_contact  #content h1{
color:#990000;
}

#page_contact  #content h2{
color:#990000;
}