/*  
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)
*/

* {
	font-family			: 	"Trebuchet MS", Verdana, Geneva;
}

body {
	padding				:	0px;
	margin				:	0px;
	background-color	:	#254c7d;
	background-image	:	url(/images/background-color.jpg);
	background-repeat	:	repeat;
	font-family			: 	"Trebuchet MS", Verdana, Geneva;
	font-size			:	12px;
	color				:	#333;
}
     
img {
    border				: 	0;
}  
   

.links {
color: #000000;
text-decoration: none;
}

a {
text-decoration			: 	none;
color					:	white;
}
     
/*--------------------DIVs------------------------------*/


#container {
	position			:	relative; 
	margin				: 	0 auto;
	width				: 	1024px;
	background-image	:	url(/images/background-color.jpg);
}

#header {
	width				: 	1024px;	
	height				: 	214px;	
	background-image	:	url(/images/topbar.png);
	background-color	:	#254c7d;
}

#main {
	width				: 	1024px;	
	background-image	:	url(/images/body-background.jpg);
	background-repeat	:	repeat-y;
	min-height:1800px;
	padding-left		:	40px;
	
}

#footer {
	width				: 	1024px;	
	text-align			:	right;
	background-image	:	url(/images/body-background.jpg);
	background-repeat	:	repeat-y;
	margin-left			: -40px;
	margin-top			: 50px;
}

#fm {
	margin-right		: 	40px;
}

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

#copyright {
	float				: 	left;
}

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

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

#mainmenu_items {
	position			: 	absolute;
	left				: 	560px;
	top					: 	186px;
	width 				: 	429px;
	height 				: 	27px;
	z-index				:	10;
}

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


#title {
	position			: 	absolute;
	left				: 	545px;
	top					: 	100px;
}


#searchblock {
	position			: 	absolute;
	left				: 	40px;
	top					: 	225px;
	width 				: 	224px;
	height 				: 	129px;
	z-index				:	3;
}

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


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

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

#leftmenu {
	position			: 	relative;
	padding-top 		: 	150px;
	width 				: 	224px;
}
#menu_left_top {
	height 				:	15px;
	background-image	:	url(/images/menu_left_top.png);
}
#menu_left_bottom {
	width 				: 	224px;
	height 				:	15px;
	background-image	:	url(/images/menu_left_bottom.png);
}
#menu_left_mid {
	width 				: 	199px;
	padding-left		:	25px;
	background-image	:	url(/images/menu_left_mid.png);
	background-repeat	: 	repeat-y; 
	
}

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

#searchbutton {
	position			: 	absolute;
	left				: 	150px;
	top					: 	77px;
	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; 
}


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

#intro_links {
	position			: 	absolute;
	left				: 	280px;
	top					: 	225px;
	width 				: 	666px;
	padding				:	10px;
	border				: 	2px solid #e6e6e1;
	-moz-border-radius	: 	6px;
	border-radius		: 	6px;
}

#middenblokken {
	position			: 	absolute;
	left				: 	280px;
	top					: 	755px;
	width 				: 	700px;
 }
 
 .link_title {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  font-family			: 	"Trebuchet MS", Verdana, Geneva;  
  padding-top: 0;
 }

#bottom {
	position			: 	relative;
	width 				: 	660px;
	padding-left		:	10px;
	padding-top			:	10px;
	padding-right		:	15px;
	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 : 600px;
margin-left: -3px;
}

#block1 {
	position			: 	absolute;
	left				: 	280px;
	top					: 	425px;
	width 				: 	216px;
	height 				: 	299px;
	background-image	:	url(/images/box-background.png);
	background-repeat	: 	no-repeat; 
}

#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;
}


#block2 {
	position			: 	absolute;
	left				: 	520px;
	top					: 	425px;
	width 				: 	216px;
	height 				: 	299px;
	background-image	:	url(/images/box-background.png);
	background-repeat	: 	no-repeat; 
}

#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;
}



#block3 {
	position			: 	absolute;
	left				: 	760px;
	top					: 	425px;
	width 				: 	216px;
	height 				: 	299px;
	background-image	:	url(/images/box-background.png);
	background-repeat	: 	no-repeat; 
}

#copynotice_blocks {
	position			: 	absolute;
	left				: 	910px;
	top					: 	722px;
	width 				: 	216px;
	height 				: 	15px;
	font-size			:	10px;
}
.black_only {
	color				:	black;
}

#pointer {
	position			: 	absolute;
	left				: 	350px;
	top					: 	95px;
	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;
}


#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------------------------------*/

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

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

.mainmenu_letters {
	color				:	#FFFFFF;
	font-weight			:	700;
	font-size			:	14px;
	text-decoration		:	none;
}

.title_topbar, h1 {
font-family				:	Georgia;
font-size				:	28px;
color					:	#FFFFFF;
}

.title_intro {
font-family				:	Georgia;
font-size				:	26px;
color					:	#53ad1a;
}

.title_left_menu {

font-size				:	14px;
color					:	#FFFFFF;
font-weight				:	700;
}

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

.subitems_left_menu {
font-size				:	13px;
color					:	#FFFFFF;
font-weight				:	300;
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;
cursor					:	pointer;
-moz-border-radius		: 	4px;
border-radius			: 	4px;

}

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

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

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

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

.box_title{
font-family				:	Georgia;
font-size				:	20px;
color					:	#f7f6e7;
}

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

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

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

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

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

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




/*--------------------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 #009900;
width					: 216px;
margin-left				: -21px;
}

.boxhr{
margin-right			: 15px;
border					: 1px solid #c2c0a7;
}


	.not-bold {
		font-weight:300;
	}
	

#unittest {
	position			: 	absolute;
	left				: 	280px;
	top					: 	225px;
	width 				: 	696px;
	xpadding				:	10px;
	xborder              :   2px solid #e6e6e1;
}

#datarip {
	position			: 	absolute;
	left				: 	290px;
	top					: 	555px;
	width 				: 	696px;
}

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

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

#scalable_midbox .inner li {
    height: 30px;
    border-bottom: 1px solid #c1bfb4;
    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: 702px; 
}
	
#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 {
    display: block;
    position: absolute;
    left: 350px;
    width: 60px;
    text-align:center;
}

#scalable_midbox .dpointer {
    margin-left: -5px;
    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;	
}

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

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


 #bsms {
 	font-family:Arial, Helvetica, sans-serif; 
        position: absolute;
        top:10px;
        left:40px;
        width: 230px;
        height: 194px;
        background-image:url(http://www.weer.net/images/bsms.png);
    }
    
    #bsmscontent {
		font-family:Arial, Helvetica, sans-serif;
        position: relative;
    }
	
    #bsmscontent #i {
        position: absolute;
        left: 10px;
        top: 100px;
        border: 0;
    }
    
    #bsmscontent span {
        display: block;
        position: absolute;
        top: 140px;
        left: 15px;
        width: 60px;
        font-size: 9px;
        color: #666b6f;
    }
    
    #bsmscontent p {
        display: block;
        position: absolute;
        margin:0;
        padding:0;
        width:130px;
        top: 120px;
        left: 88px;
        font-size: 11px;
        color: #1b1919;
    }
    
    #bsmscontent h3 {
        display: block;
        position: absolute;
        left: 88px;
		width:120px;
		top:5px;
        font-size: 12px;
        color: #075891;
    }
    #i img {
        border: 0;
    }

/*lightbox*/
#filter, #filter2
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #CCA;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}


#box , #box2
{
	display: none;
	position: absolute;
	top: 35px;
	left: -24px;
	width: 994px;
	height: 1800px;
	padding:0;
	margin:0 auto;
	border: 1px solid black;
	background-color: white;
	z-index:10001;
	overflow: none;
}

#boxtitle,#boxtitle2
{
	position:absolute;
	float:center;
	top:-40px;
	border-right:1px solid #333;
	border-left:1px solid #333;
	left:-1px;
	width:994px;
	height:35px;
	padding:0;
	padding-top:4px;
	border-bottom:4px solid #dddddd;
	background-color: #78b1db;
	color:white;
	font-weight:700;
	font-family: Arial, sans-serif;
	font-size:15px;
	text-align:center;
}