/*
Stylesheet: Weersverwachtingen.nl
Description: SEO Optimized Portal Layout. The Code is W3C Valid and Clean. You can easy modify alot of thinks. If you find bugs, please report to info@nmservices.nl and I will fix ASAP
Version: 0.1
Author:  Patrick Neeteson
Author URI: http://www.easy-generated.com
License :  n.v.t. (Weersverwachtingen.nl is owner)
*/

*{  padding:0;   margin:0;   border:0;   font-family:Arial, Verdana, sans-serif; font-size:12px; text-decoration:none;   font-weight:300}

b,strong {font-weight: 700;}
     
     
body {
	padding						:	0px;
	margin						:	0px;
	background-color:#fbfbfc; background :url('/new/images/bg_grad.gif') repeat-x;
	font-size					:	12px;
	color							:	#333;
}

img {
    border					: 	0;
}

a {
text-decoration			: 	none;
color								:	white
}

h3,h4,h5 {
font-weight				:	300;
margin:0;
padding:0;
}

/*--------------------DIVs------------------------------*/


#container {
	position			: relative;
	margin				: 0 auto;
	width				  : 994px;
	background:#fff url('/new/images/m.png') no-repeat;
}

#header {
	width				: 	948px;
	margin-left:24px;
	height				: 	138px;
	background-image	:	url(../images/topbar_sub.jpg);
}


#headermain {
	width				: 	994px;
	height				: 	138px;
	background-image	:	url(../images/topbar_main.jpg);
}

#main {
	width				: 	954px;
	background-repeat	:	repeat-y;
	padding-left		:	40px;
}




#fm {
	margin-right		: 	40px;
}

#w3c_logo {
	float				: 	left;
	text-align			: 	left;
	text-indent			: 	40px;
	width				: 	300px;
}

#copyright {
	float				: 	left;
}

#tm {
	position			: 	absolute;
	left				: 	725px;
	top					: 	5px;
}

#kruimelpad {
	position			: 	absolute;
	left				: 	40px;
	top					: 	5px;
}

#mainmenu {
	position			: 	absolute;
	left				: 	500px;
	top					: 	104px;
	width 				: 	439px;
	height 				: 	37px;
	background-image	:	url(../images/mainmenu-background.png);
}

.active0 {
	position			: 	absolute;
	left				: 	500px;
	top					: 	94px;
	width 				: 	440px;
	height 				: 	50px;
	z-index				:	10;
}

.active1 {
	position			: 	absolute;
	left				: 	500px;
	top					: 	94px;
	width 				: 	440px;
	height 				: 	50px;
	background-image	:	url(../images/active_menu1.png);
	background-repeat	: 	no-repeat;
	z-index				:	10;
}

.active2 {
	position			: 	absolute;
	left				: 	500px;
	top					: 	94px;
	width 				: 	440px;
	height 				: 	50px;
	background-image	:	url(../images/active_menu2.png);
	background-repeat	: 	no-repeat;
	z-index				:	10;
}
.active3 {
	position			: 	absolute;
	left				: 	515px;
	top					: 	94px;
	width 				: 	440px;
	height 				: 	50px;
	background-image	:	url(../images/active_menu3.png);
	background-repeat	: 	no-repeat;
	z-index				:	10;
}

#mainmenu_items_sub {
	padding-top			:	23px;
	margin-left			:	7px;
	color				:	#53ad1a;
}

#sub_melding {
	position			:	absolute;
	width				:	300px;
	height				:	20px;
	top					: 	210px;
	left				: 	170px;
	color				:	red;
}

#arrow {
	position			: 	absolute;
	left				: 	360px;
	top					: 	85px;
	width 				: 	145px;
	height 				: 	71px;
	background-image	:	url(../images/arrow.png);
	padding-top			:	28px;
	background-repeat	: 	no-repeat;
}


.fake {
	position			: 	absolute;
	left				: 	0px;
	top					: 	0px;
	width 				: 	1px;
	height 				: 	1px;
}

.dag_actief1 {
	position			: 	absolute;
	left				: 	0px;
	top					: 	10px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(../images/arrow2.png);
}
.scrollarea {
	width				:	400px;
	height				:	280px;
	margin-left			:	-20px;
}




.track {
   background-color: #aaa;
   position: relative;
   height: 0.5em; width: 10em;
   cursor: pointer; z-index: 0;
}
.handle {
   background-color: red;
   position: absolute;
   height: 1em; width: 0.25em; top: -0.25em;
   cursor: move; z-index: 2;
}
.track.vertical {
   width: 0.5em; height: 10em;
}
.track.vertical .handle {
   width: 1em; height: 0.25em; top: 0; left: -0.25em;
 }


.dag_actief2 {
	position			: 	absolute;
	left				: 	0px;
	margin-top			: 	43px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(../images/arrow2.png);
	visibility			:	hidden;
}

.dag_actief3 {
	position			: 	absolute;
	left				: 	0px;
	margin-top			: 	75px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(../images/arrow2.png);
	visibility			:	hidden;
}


.dag_actief4 {
	position			: 	absolute;
	left				: 	0px;
	margin-top			: 	107px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(../images/arrow2.png);
	visibility			:	hidden;
}


.dag_actief5 {
	position			: 	absolute;
	left				: 	0px;
	margin-top			: 	139px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(../images/arrow2.png);
	visibility			:	hidden;
}


.dag_actief6 {
	position			: 	absolute;
	left				: 	0px;
	margin-top			: 	171px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(../images/arrow2.png);
	visibility			:	hidden;
}


.dag_actief7 {
	position			: 	absolute;
	left				: 	0px;
	margin-top			: 	202px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(../images/arrow2.png);
	visibility			:	hidden;
}


#title {
	position			: 	absolute;
	left				: 	295px;
	top					: 	40px;
}

#subtitle {
	position		: 	absolute;
	left				: 	40px;
	top					: 	35px;	
}


#searchblock {
	position			: 	absolute;
	left				: 	40px;
	top					: 	145px;
	width 				: 	224px;
	height 				: 	129px;
	background-image	:	url(../images/search_bground.png);
	z-index				:	1;
}

#searchfield {
	position			: 	absolute;
	left				: 	24px;
	top					: 	50px;
	width 				: 	55px;
	z-index				:	4;
}

#searchtext {
	position		: 	absolute;
	left				: 	24px;
	top					: 	18px;
}

#leftmenu {
	padding-top 	: 	15px;
	width 				: 	224px;
	
}


#popmenu {
	padding-top 	: 	150px;
	width 				: 	224px;
	
}

#conmenu {
padding-top 	: 	20px;
	width 				: 	224px;
}


#leftcontent {
	float					:	  left;
	width 				: 	240px;
}
#maincontent {
	float					:	  left;
	width 				: 700px;
	padding-top:15px;
	}

#footer {
	clear: both;
	padding-top: 20px;
	width				: 	994px;
	text-align			:	right;
	margin-left			: 	-40px;

}


#menu_left_top {
	height 				:	15px;
	background-image	:	url(../images/submenu_left_top.png);
}

#menu_pop_top,#menu_con_top 
 {
	height 				:	15px;
	background-image	:	url(../images/submenu_left_top.png);
}

#menu_left_bottom {
	width 				: 	224px;
	height 				:	9px;
	background-image	:	url(../images/submenu_left_bottom.png);
}
#menu_left_mid {
	width 				: 	224px;
	padding-left		:	25px;
	background-image	:	url(../images/submenu_left_mid.png);
	background-repeat	: 	repeat-y;

}

#menu_pop_mid, 
#menu_con_mid {
	width 				: 	224px;
	padding-left		:	5px;
	background-image	:	url(../images/submenu_left_mid.png);
	background-repeat	: 	repeat-y;
}

#menu_pop_bottom, 
#menu_con_bottom {
	width 				: 	224px;
	height 				:	15px;
	background-image	:	url(../images/submenu_left_bottom.png);
}



#mmenu_left_top {
	height 				:	15px;
	background-image	:	url(../images/submenu_left_topy.jpg);
}

#mmenu_pop_top,#mmenu_con_top 
 {
	height 				    :	13px;
	background-image	:	url(../images/submenu_left_topy.jpg);
}

#mmenu_left_bottom {
	width 				: 	224px;
	height 				:	9px;
	background-image	:	url(../images/submenu_left_bottomy.jpg);
}

#mmenu_left_mid {
	width 				: 	224px;
	padding-left		:	25px;
	background-image	:	url(../images/submenu_left_midy.jpg);
	background-repeat	: 	repeat-y;

}

#mmenu_pop_mid, 
#mmenu_con_mid {
	width 				: 	224px;
	padding-left		:	5px;
	background-image	:	url(../images/submenu_left_midy.jpg);
	background-repeat	: 	repeat-y;
}

#mmenu_pop_bottom, 
#mmenu_con_bottom {
	width 				: 	224px;
	height 				:	13px;
	background-image	:	url(../images/submenu_left_bottomy.jpg);
}


.leftmenu_arrows {
	font-family			: Juice ITC;
	font-size			: 18px;
	margin-left			: 5px;
}

#searchbutton {
	position			: 	absolute;
	left				: 	128px;
	top					: 	87px;
	width 				: 	55px;
	height 				: 	26px;
	text-align			: 	center;
}

#search_result_msg {
	background-color	: 	#24bdde;
	width				:	669px;
	height				:	17px;
	padding				:	3px;
}

#intro {
	position			: 	absolute;
	left				: 	280px;
	top					: 	225px;
	width 				: 	696px;
	height 				: 	186px;
	padding				:	10px;
	background-image	:	url(../images/intro-background.png);
	background-repeat	: 	no-repeat;
}

#middenblokken {
	position			: 	absolute;
	left				: 	280px;
	top					: 	885px;
	width 				: 	700px;
 }

#bottom {
	position			: 	relative;
	width 				: 	660px;
	padding-left		:	10px;
	padding-top			:	10px;
	padding-bottom		:	10px;
	border				: 	2px solid #e6e6e1;
	-moz-border-radius	: 	6px;
	border-radius		: 	6px;
 }

#bottom2 {
	position			: 	relative;
	margin-top			:	5px;
	width 				: 	660px;
	padding-left		:	10px;
	padding-top			:	10px;
	padding-bottom		:	10px;
	border				: 	2px solid #e6e6e1;
	-moz-border-radius	: 	6px;
	border-radius		: 	6px;
}

#bottom3 {
	position			: 	relative;
	margin-top			:	5px;
	width 				: 	660px;
	padding-left		:	10px;
	padding-top			:	10px;
	padding-bottom		:	10px;
	border				: 	2px solid #e6e6e1;
	-moz-border-radius	: 	6px;
	border-radius		: 	6px;
}

.txt {
margin-right:20px;
}


.city_linker {
width : 660px;
margin-left: -3px;
}


#topmid {
	position			: 	absolute;
	left				: 	423px;
	top					: 	585px;
	width 				: 	262px;
	height 				: 	50px;
	background-image	:	url(../images/topmidblock.png);
	background-repeat	: 	no-repeat;
}

#gradient_mid {
	position			: 	absolute;
	left				: 	429px;
	top					: 	592px;
	width 				: 	495px;
	height 				: 	258px;
	background-image	:	url(../images/gradient_mid.png);
	background-repeat	: 	repeat-y;
}

#right_mid_box {
	position			: 	absolute;
	font-weight			:	300;
	font-size			:	12px;
	left				: 	265px;
	top					: 	50px;
	width 				: 	250px;
	height 				: 	200px;

}

#icons_box1 {
	position			: 	absolute;
	text-align			: 	center;
	left				: 	173px;
	top					: 	50px;
	width 				: 	40px;
	height 				: 	259px;
}


#block1_topper {
	width 				: 	215px;
	height 				: 	33px;
	background-image	:	url(../images/box-header.png);
	z-index				: 	3;
}

#box1_title {
	padding-top			: 	5px;
	margin-left			: 	20px;
}


#icons_box2 {
	position			: 	absolute;
	text-align			: 	center;
	left				: 	173px;
	top					: 	50px;
	width 				: 	40px;
	height 				: 	259px;
}


#block2_topper {
	width 				: 	215px;
	height 				: 	33px;
	background-image	:	url(../images/box-header.png);
	z-index				: 	3;
}

#box2_title {
	padding-top			: 	5px;
	margin-left			: 	20px;
}




#pointer {
	position			: 	absolute;
	left				: 	235px;
	top					: 	35px;
	width 				: 	43px;
	height 				: 	42px;
	background-image	:	url(../images/thermo_sub.png);
	background-repeat	: 	no-repeat;
}

#pointerb {
	position			    : 	absolute;
	left				      : 	340px;
	top					      : 	15px;
	width 				    : 	74px;
	height 				    : 	73px;
	background-image	:	  url(../images/pointer.png);
	background-repeat	: 	no-repeat; 
	
}



#rsstester {
	position			: 	absolute;
	left				: 	350px;
	top					: 	350px;
	width 				: 	350px;
	height 				: 	350px;
	border				:	1px solid red;
	overflow-x			:	none;
	overflow-y			:	auto;
}

#icons_box3 {
	position			: 	absolute;
	text-align			: 	center;
	left				: 	173px;
	top					: 	50px;
	width 				: 	40px;
	height 				: 	259px;
}


#sli {
	position			: 	absolute;
	left				: 	180px;
	top					: 	50px;
	width 				: 	40px;
	height 				: 	228px;
	z-index				:	100;
}



#block3_topper {
	width 				: 	215px;
	height 				: 	33px;
	background-image	:	url(../images/box-header.png);
	z-index				: 	3;
}

#box3_title {
	padding-top			: 	5px;
	margin-left			: 	20px;
}


#title_intro {
	position			: 	absolute;
	left				: 	150px;
	top					: 	75px;
	
}

#text_intro {
	margin-top			:	25px;
	width 				: 	650px;
}

.clearer {
	clear				: both;
}

/*--------------------Tekststijlen------------------------------*/

#title_midblock {
	color				:	#544a40;
	font-weight			:	700;
	font-size			:	14px;
	text-decoration		:	none;
	width				:	245px;
	height				:	30px;
	text-align			:	center;
	padding-top			:	-3px;
}

h1 {
	color				:	#544a40;
	font-weight			:	300;
	font-size			:	14px;
	text-decoration		:	none;
}

h2 {
	padding:0;
	margin:0;
	color				:	#544a40;
	font-weight			:	700;
	font-size			:	14px;
	text-decoration		:	none;
}

#melding {
	color				:	#544a40;
	font-weight			:	700;
	font-size			:	14px;
	text-decoration		:	none;
	width				:	245px;
	height				:	30px;
	padding-top			:	2px;
	padding-left		:	25px;

}

.iconen {
	position			: 	absolute;
	left				: 	195px;
	top					: 	60px;
	width 				: 	80px;
	height 				: 	200px;


}

.fletters{
	color				:	#254d7e;
	font-weight			:	700;
	font-size			:	14px;
	text-decoration		:	none;
}

.topmenu_letters {
	color				:	#f9f9f9;
	font-weight			:	300;
	font-size			:	11px;
	font-family: Verdana, Arial, sans-serif;
	text-decoration		:	none;
}

.hr_dagen {
	margin-left			:	-7px;
	border				:	1px solid #ccc;
}
.kruimelpad_letters {
	color				:	#000;
	font-weight			:	700;
	font-size			:	11px;
	text-decoration		:	none;
}

.mainmenu_letters {
	color				:	#FFFFFF;
	font-weight			:	700;
	font-size			:	13px;
	text-decoration		:	none;
	padding-left: 5px;
}

.mainmenu_letters_green {
	color				:	#53ad1a;
	font-weight			:	700;
	font-size			:	13px;
	text-decoration		:	none;
}


.title_topbar {
font-weight				:	300;
font-family				:	Georgia;
font-size				:	28px;
color					:	#000;
}

.title_topbarb {
font-family				:	Georgia, serif;
font-size				  :	28px;
color					    :	#FFFFFF;
margin-left       : 40px;
margin-top        : 20px;
position          : absolute;
display           : block;
padding-top       : 30px;
}



.subtitle_topbar {
font-family				:	Georgia, Arial, sans-serif;
font-size				:	18px;
color					:	#000;
}

.title_intro {
font-family				:	Georgia, Arial, serif;
font-size				:	26px;
color					:	#53ad1a;
font-weight				:   300;
padding					:	0;
margin					:	0; 
}
.title_left_menu {
font-size				:	14px;
color					:	#FFFFFF;
font-weight				:	700;
display:block;
width: 210px;
text-align: center;
}

.items_left_menu {
font-size				:	16px;
color					:	#FFFFFF;
font-weight				:	700;
margin-left				:	-20px;
}

.subitems_left_menu {
font-size				:	13px;
color					:	#FFFFFF;
font-weight				:	700;
margin-left				:	-20px;
text-indent				:	22px;
}

.arrows_left_menu {
font-size				:	26px;
color					:	#FFFFFF;
font-weight				:	300;
}

.directnaar {
font-size				:	14px;
font-weight				:	700;
color					:	#FFFFFF;
margin-left				:	15px;
}

.zoek {
font-size				:	14px;
font-weight				:	700;
color					:	#FFFFFF;
border					: 	1px solid #786e65;
border-right			: 	1px solid #000;
border-bottom			: 	1px solid #000;
width					:	55px;
background-color		: 	#786e65;
height					:	25px;
}

.searchtext {
font-size				:	18px;
font-weight				:	700;
color					:	#FFFFFF;
}

.text_intro{
font-size				:	14px;
color					:	#51473d;
}

.bottom_txt1 {
width					:	300px;
float					:	left;
margin-right			:	50px;
z-index					:   2;
}

.bottom_txt_xl {
width					:	600px;

margin-right			:	50px;
z-index					:   2;
}

.bottom_txt2 {
width					:	300px;
float					:	left;
margin-right			:	50px;
z-index					:   2;
font-color				:	#000;
}


#block3, 
#block2, 
#block1 
 {
 position: relative;
 width 				: 	216px;
 height 				: 	299px;
 background-image	:	url(../images/box-background.png);
 background-repeat	: 	no-repeat;
 float: left; 
 margin-right: 12px;
 margin-bottom: 14px;
 }

#block3 h3, 
#block2 h3, 
#block1 h3 
 {
font-family				:	Georgia;
font-size				:	20px;
color					:	#f7f6e7;
display: block;
margin-left:10px;
padding-top:5px;
}

#block3 ul, 
#block2 ul, 
#block1 ul 
 {
 list-style-type: none;
 padding: 0;
 margin: 0;
 margin-top: 10px;
 margin-left:10px;
 }
 
 
#block3 li, 
#block2 li, 
#block1 li 
 {
  border-bottom: 2px solid #C2C0A7;
  padding: 4px;
  padding-left: 0;
 }


#block3 .note, 
#block2 .note, 
#block1 .note 
 { 
  position: absolute;
  bottom: 3px;
  left: 5px;
  display :block;
  font-size: 11px; 
 }

 .box_temperatures {
font-size				:	20px;
color					:	#ef001d;
font-weight				:	700;
}

.green_box_text {
font-size				:	14px;
color					:	#009900;
font-weight				:	700;
}

.black_box_text {
font-size				:	14px;
color					:	#493f35;
font-weight				:	700;
}

.icon_sub {
padding-top				:	5px;
width					:	60px;
height					:	38px;
text-align				:	center;

}




/*--------------------Formelementen------------------------------*/

.large_input {
width					:	180px;
border					: 	1px solid #bebebe;
}


/*--------------------Misc------------------------------*/
.menu_seperator1{
border					: 1px solid #f7f6e7;
width					: 217px;
width					: 216px;
margin-left				: -21px;
margin-top				: -6px;
}
.menu_seperator2{
border					: 1px solid #cc9966;
width					: 216px;
margin-left				: -21px;
}

.boxhr{
margin-right			: 15px;
margin-top				: -0px;
border					: 0;
}



/*-----------------Drag Drop--------------------------------------*/
/* This is the box that is parent to the dragable items */
	#dragableElementsParentBox{
		padding				:	10px;	/* Air */
	}

	#maincontainer {
		position			: 	absolute;
		left				: 	270px;
		top					: 	590px;
		width 				: 	180px;
		height 				: 	300px;
		z-index				:	3;
		}

	#dagen {
		position			: 	absolute;
		left				: 	20px;
		top					: 	14px;
		width 				: 	180px;
		height 				: 	20px;
		}


	#arrow_slider {
		position			:	absolute;
		margin-top			:	20px;
		width 				: 	150px;
		height 				: 	228px;

		}

	.clear{
		clear:both;
	}

	/* END DEMO CSS */

	/* REQUIRED CSS */

	#rectangle{
		float:left;
		border:1px dotted #F00;	/* Red border */
		background-color:#FFF;
	}
	#insertionMarker{	/* Don't change the rules for the insertionMarker */
		width:		6px;
		position:	absolute;
		display:	none;
	}
	#insertionMarker img{	/* Don't change the rules for the insertionMarker */
		float:left;
	}
	#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
		position:absolute;
		display:none;
		border:1px solid #000;
		filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
		opacity:0.5;	/* 50% opacity , i.e. transparency */

	}
	
	
.blue_box_text {
font-size				:	14px;
color					:	#0099ff;
font-weight				:	700;
}

.red_box_text {
font-size				:	14px;
color					:	#FF0000;
font-weight				:	700;
}


	.not-bold {
		font-weight:300;
	}
	.gray-s {
	xdisplay:none;
	position: absolute;
	margin-left: 0;
	margin-top: 270px;
	padding: 10px;
	border:0;
	}

.gray-s2 {
	position: absolute;
	margin:0;
	padding:0;
	
	}
	.up15 {
	margin-top: -15px;
	}
	p{
	padding-top: 5px;
	margin: 0 20px 0 0;
	text-align: justify;
	}
	
#unittest {
	position			: 	absolute;
	left				: 	280px;
	top					: 	225px;
	width 				: 	696px;
	xpadding				:	10px;
	xborder              :   2px solid #e6e6e1;
}
	
	
.box {
	position			: 	relative;
	margin-top			:	5px;
	width 				: 	660px;
	padding-left		:	10px;
	padding-top			:	10px;
	padding-bottom		:	10px;
	border				: 	2px solid #e6e6e1;
	-moz-border-radius	: 	6px;
	border-radius		: 	6px;
}


/*additions 7-4*/
.bbox {
	width 				: 	650px;
	padding				:   10px;
	border				: 	2px solid #e6e6e1;
	-moz-border-radius	: 	6px;
	border-radius		: 	6px;
}

#addcolumn1 {
	width: 31%;
	height: 100%;
	float: left;
	padding: 5px;
	background-color: #E0EAEF;
	border:1px solid #E0EAEF;
	cursor: pointer;
	border-top:0;
	border-left:0;
}

#addcolumn2 {
	width: 31%;
	height: 100%;
	float: left;
	padding: 5px;
	background-color: #fff;
	border:1px solid #E0EAEF;
	cursor: pointer;
	border-top:0;
	border-left:0;
}

#addcolumn3 {
	width: 31%;
	height: 100%;
	float: left;
	padding: 5px;
	background-color: #E0EAEF;
	border-bottom:1px solid #E0EAEF;
	cursor: pointer;
}


#addcolumn1 ul,#addcolumn2 ul,#addcolumn3 ul,#addcolumn4 ul {
	list-style:none;
	padding:0;
	margin:0;
	cursor: pointer;
}

#addcolumn1 img,#addcolumn2 img,#addcolumn3 img,#addcolumn4 img {
	border: 0;
	cursor: pointer;
}


#addcolumn1 a,#addcolumn2 a,#addcolumn3 a,#addcolumn4 a {
	color: #000;
	cursor: pointer;
}


.addhead {
	font-family : 	Arial, Verdana, Geneva,sans-serif;
	font-size: 15px;
	font-weight: 700;
	margin-left:-6px;
	margin-top:-6px;
	margin-right:-6px;
	padding: 5px;
	color: #0099CB;
	display:block;
	background-color:white;
}

/*For the scallable midblock*/

#scalable_midbox {
  margin:0;
  padding:0;
}

#scalable_midbox .inner {
  background: url('../images/scalable_innerbox.png') no-repeat;	
  min-height: 395px;
  width: 670px;
}

#scalable_midbox .inner ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#scalable_midbox .inner li {
    height: 30px;
    padding-top: 5px;
}

#scalable_midbox .inner .last {
    border: 0;
}

#scalable_midbox .outer {
  background: url('../images/scalable_bottombox.png') no-repeat 0 100%; 	
  height:10px;
  width: 670px; 
}
	
#scalable_midbox .first {
    width: 129px;
    float: left;
    min-height: 225px;
    padding-top: 45px;
    padding-left: 15px;
    z-index: 10;
}

#scalable_midbox .curdate {
    position: absolute;
    display:block;
    padding-top: 4px;
    padding-left: 4px;
    cursor: pointer;
}


#scalable_midbox li {
  list-style: none;
}


#scalable_midbox .second li {
    height: 43px;
    border:0;
}

#scalable_midbox .second .icon {
		position: absolute;
		left: 650px;
		display: block;
		width: 60px;
    text-align:center;
}

#scalable_midbox .dpointer {
    margin-left: -15px;
    margin-top: -2px;
    cursor: pointer;
}

#scalable_midbox .nactive {
    display: none;
}

#scalable_midbox .data {
   
   padding-left: 35px;
}

#scalable_midbox .second {
    width: 264px;
    float: left;
    height: 270px;
    z-index: 1;
    padding-top: 10px;
}

#scalable_midbox .second .title {
    width: 260px;
    text-align:center;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size:	15px;
    padding: 0;margin: 0;
    color: #544a40;
    font-weight: 700;
    height: 42px;
    
}

#scalable_midbox h2 {
	padding:0;
	margin:0;
	color				:	#544a40;
	font-weight			:	700;
	font-size			:	14px;
	text-decoration		:	none;
    
}


#scalable_midbox .ads {
    position: absolute;
    right:-3px;
    bottom:5px;
}


.pagelink {
	color				:	#53ad1a;	
	font-size: 12px;
}

#scalable_midbox .third {
    padding-top: 55px;
    padding-left: 15px;
    width: 245px;
    float: left;
    height: 270px;
}

#scalable_midbox .third .x {
	 margin-top: -17px;
	 padding-top:17px;
	 height:100%;
	 width:100%;
   border-right: 2px solid #F3f2e9;
}

.tt {
	font-size:13px;
	color: #009900;
	font-weight:700;
	}



.dag_letters {
	color				:	#000;
	font-weight			:	700;
	font-size			:	15px;
	text-decoration		:	none;
}

/*addblock*/
/*AddTitles Trebuchet MS 13pt #224673*/
/*AddTitle SMS Trebuchet MS 13pt #48a210*/
/*Contenttile SMS Trebuchet MS 13pt #ff8100*/
/*Content SMS Trebuchet MS 12pt #000 */
/*Links Trebuchet MS 11pt #ff8000*/
/*Links Trebuchet MS 10pt #51473d*/
/*MainTitle 10pt #544a40*/
/*input text 24px 138px border 1px solid 8d8b8b*/
/*274 min-height gradient*/

#add {
	position:relative;
}

#add .outer {
  background: url('../images/addblock_outer.png') no-repeat  0 100%;	
  min-height: 200px;
  width: 658px;
}

#add .inner {
  background: url('../images/addblock_inner.png') no-repeat; 	
  height:39px;
  width: 658px;
}

#add .inner .kopje {
	float:left;
	width:164px;
	text-align:center;
	padding-top: 15px;
}

#add .inner .kopje h3 {
	font-family: "Trebuchet MS",Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #544a40;
	padding:0;
	margin:0;
}

#add .inner .kopje .sms {
	font-family: "Trebuchet MS",Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #ff8100;
	padding:0;
	margin:0;
}


#add .outer .b {
	font-weight: 700;
}


#add .outer input {
	height: 22px;
	width:138px;
	border: 1px solid #8d8b8b;
	font-size:16px;
}

#add .inner .kopje .icon1 {
	position:absolute;
	left: 120px;
	top: -6px;
	}

#add .inner .kopje .icon2 {
	position:absolute;
	left: 284px;
	top: -6px;
	}


#add .inner .kopje .icon3 {
	position:absolute;
	left: 460px;
	top: -6px;
	}	
	
#add .inner .kopje .icon4 {
	position:absolute;
	left: 623px;
	top: -6px;
	}	

#add .outer .addblock {
	float:left;
	width:154px;
	text-align:left;
	padding-left: 10px;
	}


#add .outer .addblock ul {
	padding:0;
	margin:0;
	
}


#add .outer .addblock li {
	margin-bottom:4px;
	padding-top: 10px;
	background: url('../images/border.gif') no-repeat;
	list-style:none;	
}

#add .outer .addblock h4 {
	padding:0;
	margin:0;
	font-family: "Trebuchet MS",Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #224673; 
}

#add .outer  .addblock  .smstitle {
	font-family: "Trebuchet MS",Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #48a210;
	padding:0;
	margin:0;
	padding-top: 10px;
	
}

#add .outer .addblock .ic {
	margin-right: 10px;
	float:left;
	
}

#add .outer .addblock p {
	color:#7f7871;
	text-align:left;
}

#add .outer .addblock .link {
	font-family: "Trebuchet MS",Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #ff8000;
	text-decoration: underline; 
/*Links Trebuchet MS 11pt #ff8000*/
}

#testMenu a.testMenuItem {
	cursor:pointer;
	display:block;
	margin-top: 0;
	text-decoration: none;
	outline:0;
	clear: both;
	line-height: 30px;
	width: 197px;
	padding-left: 15px;
	color: #ffffff;
	border-top: 2px solid white;
	xbackground-color: #ef6208;
}

#testMenu2 a.testMenuItem2 {
	cursor:pointer;
	display:block;
	margin-top: 0;
	text-decoration: none;
	outline:0;
	clear: both;
	line-height: 30px;
	width: 197px;
	padding-left: 15px;
	color: #ffffff;
	border-top: 2px solid white;
	xbackground-color: #09f0ea;
	
}

#testMenu ul,
#testMenu2 ul
 {
  list-style-type: none;
}


/*Climate*/

#blockx {
  position:relative;
  margin-top: 50px;
  margin-bottom: 20px;
  width 				: 	670px;
  border-right:1px solid #bcbcbc;
	height 				: 	400px;
	background-image	:	url(/images/mid_box_background2.png);
	background-repeat	: 	no-repeat; 
}


#gradient_mid_clima {
	position			: 	absolute;
	left				: 	150px;
	top					: 	-30px;
	width 				: 	495px;
	height 				: 	258px;
	xbackground-image	:	url(../images/gradient_mid.png);
	background-repeat	: 	repeat-y;
}

#scroll-area-clima {
	position			: 	absolute;
	left				: 	10px;
	z-index: 10014124;
	top					: 	20px;
	width 				: 	495px;
	height 				: 	258px;
	
}


#topmid-clima {
	position			: 	absolute;
	left				: 	0;
	top					: -13px;
	width 				: 	262px;
	height 				: 	50px;
	background-image	:	url(../images/topmidblock.png);
	padding-top:15px;
	background-repeat	: 	no-repeat;
}


.dag_letters_clima {
	color				:	#000;
	font-weight			:	700;
	font-size			:	13px;
	text-decoration		:	none;
	height				:	31px;
	margin-right		:	60px;
	}
	
.hr_dagen {
	margin-left			:	-7px;
	border				:0;
}


.clima_actief1 {
cursor:pointer;
	position			: 	absolute;
	left				: 	0px;
	top					: 	8px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(../images/arrow2.png);
}


.clima_actief2 {
	position			: 	absolute;
	cursor:pointer;
	left				: 	0px;
	margin-top			: 	39px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(/images/arrow2.png);
	visibility			:	hidden;
}

.clima_actief3 {
	position			: 	absolute;cursor:pointer;
	left				: 	0px;
	margin-top			: 	69px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(/images/arrow2.png);
	visibility			:	hidden;
}


.clima_actief4 {
	position			: 	absolute;cursor:pointer;
	left				: 	0px;
	margin-top			: 	101px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(/images/arrow2.png);
	visibility			:	hidden;
}


.clima_actief5 {
	position			: 	absolute;cursor:pointer;
	left				: 	0px;
	margin-top			: 	133px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(/images/arrow2.png);
	visibility			:	hidden;
}


.clima_actief6 {
	position			: 	absolute;cursor:pointer;
	left				: 	0px;
	margin-top			: 	164px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(/images/arrow2.png);
	visibility			:	hidden;
}


.clima_actief7 {
	position			: 	absolute;cursor:pointer;
	left				: 	0px;
	margin-top			: 	195px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(/images/arrow2.png);
	visibility			:	hidden;
}

.clima_actief8 {
	position			: 	absolute;cursor:pointer;
	left				: 	0px;
	margin-top			: 	225px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(/images/arrow2.png);
	visibility			:	hidden;
}

.clima_actief9 {
	position			: 	absolute;cursor:pointer;
	left				: 	0px;
	margin-top			: 	256px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(/images/arrow2.png);
	visibility			:	hidden;
}

.clima_actief10 {
	position			: 	absolute;
	left				: 	0px;
	margin-top			: 	287px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(/images/arrow2.png);
	visibility			:	hidden;
}

.clima_actief10a {
	position			: 	absolute;cursor:pointer;
	left				: 	0px;
	margin-top			: 	287px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(/images/arrow2.png);
	
}

.clima_actief11 {
	position			: 	absolute;cursor:pointer;
	left				: 	0px;
	margin-top			: 	318px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(/images/arrow2.png);
	visibility			:	hidden;
}

.clima_actief12 {
	position			: 	absolute;cursor:pointer;
	left				: 	0px;
	margin-top			: 	349px;
	width 				: 	167px;
	height 				: 	30px;
	background-image	:	url(/images/arrow2.png);
	visibility			:	hidden;
}