/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


body {
	background: #FFFFFF url(images/bg.png) repeat-x;
	}


/* Toevoeging MobilePioneers.com */
.langet { width: 99%; font-size: 12px; border-bottom: 1px solid #666666; border-top: 1px solid #666666; margin-bottom: 3px;}
.trcolor { background: #FFFFFF;}
.kleur { background: #E8EEEE;}
h2.header-city { width: 722px; background: url(images/titel0.jpg) no-repeat; height: 17px; margin: 5px 0px 0px 0px; padding-top:3px; color:#ffffff; font-size:12px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
h2.header-city1 { width: 722px; background: url(images/titel0.jpg) no-repeat; height: 17px; margin: 0px; padding-top:3px; color:#ffffff; font-size:12px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
h3.knmi { margin: 0px; padding: 3px 0px 9px 0px; font-size:14px; font-weight: 700; font-family: Verdana, Arial, Helvetica, sans-serif;}
.datum { font-style: italic; margin-bottom: 8px;}
.vandaag-kop { font-weight: 800; font-size: 14px;}
.dag { height: 177px; border:1px solid #d7d7da; padding: 5px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 1px;}
.dag1 { height: 180px; border:1px solid #d7d7da; padding: 5px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 1px;}
.dag11 { border:1px solid #d7d7da; padding: 5px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 1px;}
.temperatuur { font-size: 14px; font-weight: bold;}
.wind {  font-size: 11px;}
.intro {  font-size: 14px; margin-top: 26px;}
.neerslag { font-size: 11px;}
.zon { font-size: 11px;}
.zon0 {float: right; padding-right: 88px;}
.plaatje { font-size: 14px; padding-bottom: 11px; padding-top: 5px;}
.form2 { margin: 77px 111px 55px 55px;}
h4.letter { font-size: 16px; font-weight: bold; margin: 4px 0px 0px 33px;}
h4.partners { font-size: 16px; font-weight: bold; margin: 8px 0px 4px 0px;}
.alle-links { }

/* breadcrums */
a.breadcrums:link 			{ color: #FFFFFF; text-decoration: underline;  }
a.breadcrums:visited 		{ color: #FFFFFF; text-decoration: underline;  }
a.breadcrums:hover 			{ color: #2D6186; text-decoration: none; background-color: #FFFFFF}

/* Algemene kleuren van links */
a:link 				{ color: #2A76AA; text-decoration: underline;}
a:visited 			{ color: #2A76AA; text-decoration: underline;}
a:hover 			{ color: #FFFFFF; text-decoration: none; background-color: #2A76AA; padding: 3px 0px 3px 0px ;}



/* Vanaf hier is oude css - container*/	
	
#container {
    font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;	
	width: 902px;
	height:100%;
	margin-top:10px;
	}
	
	
/*lettertypes en instellingen*/

h1 {
	font: bold 1.0em "Trebuchet MS"  ;
	padding-top: 0px;
	margin-left:10px;
	color:#000000;
	
	height:17px;
}

h2 {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	padding-top:5px;
}	


h3 {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#282727;
}

h4 {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#282727;	
}





p {
    font:Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#282727;
	}
	
/*bovenste topbalk*/


#topbalk{width:680px; height:20px; float:left;  margin-bottom:10px;}
ul#topbalk_nav{margin-left:155px; list-style:none}
ul#topbalk_nav li{float:left; margin-right:5px}
#topbalk_nav a{font-size:12px; font-weight:normal; text-decoration:none;  color:#ffffff; padding-left:20px; }
#topbalk_nav a:hover{text-decoration:underline;}
	
/*zoekbalk*/

#zoekbalk{
    width:220px;
	float:right;
	}		
	
.knop{
    width:45px;
	height:20px;
	float:right;
	background: url(images/knop.jpg) no-repeat;
	margin-top:1px;
	margin-right:5px;
	color:#ffffff;
	font-size:11px;	
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-top:3px;
}

.knop  a {
	color:#ffffff;
	text-decoration:none;
}
.knop  a:hover{
	color:#cccccc;
	}	
	
		
	
/*header*/

#header{
    width:728px;
	height:156px;
	background: url(images/header.png) no-repeat;
	margin-right:5px;
	_margin-right:2px;
	float:right;
	}
	
/*snel kiezen*/

#keuze{

    width:158px;
	margin-left:5px;
	_margin-left:2px;	
	float:left;
	}

.keuzetop{
    width:158px;
	height:37px;
	background: url(images/menutop.jpg) no-repeat;
	}
	
.keuzemiddle{
    width:158px;
	height:109px;
	background: url(images/menumiddle.jpg) repeat;
	}
	
.keuzebottom{
    width:158px;
	height:10px;
	background: url(images/menubottom.jpg) no-repeat;
	}
	
#dropdown{
    
   color: #000000;  
   font-family: Arial; 
   font-weight: none; 
   font-size: 10px; 
   padding-top:13px;
   }
   
   	

/*container indeling*/		

#top{
    background: url(images/containertop.jpg) no-repeat;
	width:902px;
	height:7px;
	}
	
#middle{
    background: url(images/containermiddle.jpg) repeat;
	width:901px;
	height:100%;
	}
	
	
#bottom{
    background: url(images/containerbottom.jpg) no-repeat;
	width:902px;
	height:7px;			
}

/*content*/

#content{
    width:901px;
	
	}
	


/*banner*/

#banner{
    width:728px;
	height:90px;
    	}
		
/*leftmenu*/	


#leftmenu{

    width:158px;
	margin-left:5px;
	_margin-left:2px;	
	float:left;
	height:100%;
	}
	
.menutop{
    width:158px;
	height:37px;
	background: url(images/menutop.jpg) no-repeat;
	margin-top:6px;
	float:left;
	
	}
	
.menumiddle{
    width:158px;	
	background: url(images/menumiddle.jpg) repeat;
	float:left;
	
	}
	
.menubottom{
    width:158px;
	height:10px;
	background: url(images/menubottom.jpg) no-repeat;
	float:left;
	}
	
.menu{
    width:158px;
	height:100%;
	float:left;
	}	
	
	
.menu ul {
     width:155px;
	height:100%;	
	padding-top:8px;
	list-style: none; 
	float:left;
}

.menu li a  {	
	background:url(images/menuwit.jpg) no-repeat ;
	display: block;
	width: 135px;
	_width:125px;
	padding-left:20px;
	margin-left:1px;
	height:18px;
	font-size:11px;
	color: #ffffff;
	text-decoration: none;
	padding-top:2px;
	
	
}

.menu li a:hover  {
	background:url(images/menugroen.jpg) no-repeat; 
	color: #fff;
	display: block;
	width: 135px;
	_width:120px;
	padding-left:20px;
	margin-left:1px;
	font-size:11px;
	color: #ffffff;
	text-decoration: none;
	height:18px;
	padding-top:2px;
	
}

/*rightmenu*/

#rightmenu{
    width:728px;
	float:right;
	padding-top:6px;
	margin-right:5px;
	_margin-right:2px;
	}
		
	
	
	
/*weervoorspelling*/

#weervoorspelling{
    margin-left:0px;
	float:left;
	}

.voorspelling {
	float:left;
	width:385px;
	margin:5px 0px 0px 0px;
}

.voorspelling2 {
	width:385px;
	margin:5px 0px 0px 0px;
}

.voorspelling_title {
    background: url(images/titel1.jpg) no-repeat;
	height:22px;
	padding-top:0px;
	color:#ffffff;
	font-size:11px;	
	font-family:Arial, Helvetica, sans-serif;
	
}

.voorspelling_title a {
	color:#ffffff;
}
.voorspelling_title  a:hover{
	color:#cccccc;
	}	
	
.voorspelling_midden{
	height:17px;
	background-color:#f3f3f3;
	font:bold 10px Arial;
	color:#000000;
	border-top:1px solid #d7d7da;
	text-align:center;
}
	
.voorspelling_links {
	height:17px;
	background-color:#f3f3f3;
	font:bold 10px Arial;
	color:#000000;
	border-left:1px solid #d7d7da;
	border-top:1px solid #d7d7da;
	text-align:center;
}

.voorspelling_rechts {
	height:17px;
	background-color:#f3f3f3;
	font:bold 10px Arial;
	color:#000000;
	border-right:1px solid #d7d7da;
	border-top:1px solid #d7d7da;
	text-align:center;
}

.voorspelling_lijn_l {
	
	font:normal 11px Arial;
	color:#282727;
	text-align:center;
	background-color:#fafafa;
	border-left:1px solid #d7d7da;
	border-bottom:1px solid #d7d7da;
}

.voorspelling_lijn_l_in {
	font:normal 11px Arial;
	color:#282727;
	text-align:center;
	background-color:#fafafa;
	}
	
.voorspelling_lijn_lg {
	font:normal 11px Arial;
	color:#282727;
	text-align:center;
	background-color:#f5f4f3;
	border-left:1px solid #d7d7da;
	border-bottom:1px solid #d7d7da;
}
.voorspelling_lijn_lg a{
	font:normal 9px Tahoma;
	color:#282727;
	text-align:left;
	text-decoration:none;
}
.voorspelling_lijn_lg_in {
	font:normal 11px Arial;
	color:#282727;
	text-align:center;
	background-color:#f5f4f3;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

.voorspelling_lijn_r {
	font:normal 11px Arial;
	color:#282727;
	text-align:center;
	background-color:#fafafa;
	border-left:1px solid #d7d7da;
	border-right:1px solid #d7d7da;
	border-bottom:1px solid #d7d7da;
}
.voorspelling_lijn_r_in {
	font:normal 11px Arial;
	color:#282727;
	text-align:center;
	background-color:#fafafa;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	}
	
	
	
/*weerinfo*/

#weerinfo{
    width:336px;
	float: right;
	margin-top:5px;
	}
	
.weerinfo_title {
    background: url(images/titel2.jpg) no-repeat;
	height:18px;
	padding-top:4px;	
	color:#ffffff;
	font-size:11px;	
	font-family:Arial, Helvetica, sans-serif;
	
}

.weerinfo_title a{
	color:#ffffff;
}
.weerinfo_title a:hover{
	color:#cccccc;
	}
	
#weerinfovlak{
    width:333px;
	background-color:#ffffff;
	border-left: 1px solid #d7d7da;
	border-right: 1px solid #d7d7da;
	border-bottom: 1px solid #d7d7da;
	float:right;	
	}
	
.weerinfo-1{
    width:170px;
	height:15px;
	padding-left:5px;
	padding-top:5px;
	float:left;
	}			
	
.weerinfo-2{
    width:140px;
	height:15px;	
	padding-top:5px;
	float:right;
	}
	
.weerinfo-3{
    width:150px;
	height:15px;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	
.weerinfo-3  a {
	color:#fb7906;
	text-decoration:underline;
}

.weerinfo-3  a:hover{
	color:#000000;
	text-decoration:underline;
	}			
	

.weerinfo-4{
    width:160px;
	height:15px;
	padding-left:5px;
	padding-top:8px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	}	
	
.weerinfo-5{
    width:150px;
	height:15px;
	padding-left:5px;
	padding-top:3px;
	float:left;
	}
	
.weerinfo-6{
    width:250px;
	height:15px;
	padding-left:5px;
	margin-top:7px;
	padding-bottom:4px;			
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	
.weerinfo-6  a {
	color:#fb7906;
}

.weerinfo-6  a:hover{
	color:#000000;
	}									
	
.weerinfo_links{
    width:160px;	
	float:left;
	}
	
.weerinfo_rechts{
    width:160px;
	height:143px;
	margin-top:15px;
	margin-right:5px;
	background: url(images/weerplaatje.jpg);
	float:right;
	}
	

/*top 10 nederlandse plaatsen met het weer*/

#populaire_steden{
    margin-left:0px;
	float:left;
	}

.populair {
	float:left;
	width:385px;
	margin:5px 0px 0px 0px;
}

.populair_title {
    background: url(images/titel1.jpg) no-repeat;
	height:22px;
	padding-top:0px;
	color:#ffffff;
	font-size:11px;	
	font-family:Arial, Helvetica, sans-serif;
	
}

.populair_title a{
	color:#ffffff;
}
.populair_title a:hover{
	color:#cccccc;
	}	
	
.populair_midden{
	height:17px;
	background-color:#f3f3f3;
	font:bold 10px Arial;
	color:#000000;
	border-top:1px solid #d7d7da;
	text-align:center;
}
	
.populair_links {
	height:17px;
	background-color:#f3f3f3;
	font:bold 10px Arial;
	color:#000000;
	border-left:1px solid #d7d7da;
	border-top:1px solid #d7d7da;
	text-align:center;
}

.populair_rechts {
	height:17px;
	background-color:#f3f3f3;
	font:bold 10px Arial;
	color:#000000;
	border-right:1px solid #d7d7da;
	border-top:1px solid #d7d7da;
	text-align:center;
}

.populair_lijn_l {
	
	font:normal 11px Arial;
	color:#282727;
	height:25px;
	text-align:left;
	text-decoration:underline;
	padding-left:5px;
	background-color:#fafafa;
	border-left:1px solid #d7d7da;
	border-bottom:1px solid #d7d7da;
}

.populair_lijn_l_in {
	font:normal 11px Arial;
	color:#282727;
	text-align:center;
	background-color:#fafafa;
	}
	
.populair_lijn_lg {
	font:normal 11px Arial;
	color:#282727;
	text-align:center;
	background-color:#f5f4f3;
	border-left:1px solid #d7d7da;
	border-bottom:1px solid #d7d7da;
}
.populair_lijn_lg a{
	font:normal 9px Tahoma;
	color:#282727;
	text-align:left;
	text-decoration:none;
}
.populair_lijn_lg_in {
	font:normal 11px Arial;
	color:#282727;
	text-align:center;
	background-color:#f5f4f3;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

.populair_lijn_r {
	font:normal 11px Arial;
	color:#282727;
	text-align:center;
	background-color:#fafafa;
	border-left:1px solid #d7d7da;
	border-right:1px solid #d7d7da;
	border-bottom:1px solid #d7d7da;
}
.populair_lijn_r_in {
	font:normal 11px Arial;
	color:#282727;
	text-align:center;
	background-color:#fafafa;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	}
	
	
#adsense{
   width:336px;
   height:280px;
   float:right;
   margin-top:5px;
   }	
	
/*footer*/


#footer{width:891px; height:39px; float:left; background: url(images/footer.jpg) no-repeat;  margin-left:5px; margin-top:5px;}
ul#footer_nav{margin-left:20px; list-style:none; padding-top:5px;}
ul#footer_nav li{float:left; margin-right:15px}
#footer_nav a{font-size:11px; font-weight:normal; text-decoration:none; color:#fff}
#footer_nav a:hover{text-decoration:underline;}
div#footer p#copyright{position:relative; float:right; color:#fff; font-size:11px; margin-right:30px; margin-top:5.5px;}	

	
	
/*clear*/

.clear {

clear: both;
}		
		
	


/* Jcid.nl tagscloud
--------------------------- */
.tagscloud {
	padding: 2px; line-height: 3em; text-align: center; margin:0;
}
.tagscloud h1, .tagscloud h2, .tagscloud h3, .tagscloud h4, .tagscloud h5, .tagscloud h6{
	text-align: left;
	color: #000000;
	width: auto;
	height: auto;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	padding-right: 5px;
	float: left;
}

.tagscloud h1 {
	font-size: 2.5em; font-weight: 900;
}
.tagscloud h2 {
	font-size: 2.2em; font-weight: 900;
}
.tagscloud h3 {
	font-size: 1.8em; font-weight: 800;
}
.tagscloud h4 {
	font-size: 1.6em; font-weight: 700;
}
.tagscloud h5 {
	font-size: 1.4em; font-weight: 600;
}
.tagscloud h4 {
	font-size: 1.4em; font-weight: 500;
}