/*
Copyright: Darren Hester 2006, http://www.designsbydarren.com
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by-nc/2.5/
*/

body {
  
  background: #F3FDE5 url('/layouts/img/bg.jpg') top center no-repeat fixed;
  background-color: #F3FDE5;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;  
}

A:link {
	COLOR: #CC9900; text-decoration: none
}
A:visited {
	COLOR: #CC9900; text-decoration: none
}
A:active {
	COLOR: #CC9900; text-decoration: none
}
A:hover {
	COLOR: #FF6600; text-decoration: none;
}
.paginator tr td{vertical-align:top; 
	border-bottom: 1px #DBDED8 solid; height:35px;		
}
.paginator tr th{vertical-align:top; text-align:left;
	border-bottom: 2px #DBDED8 solid;		
}
tr.horizontal th {vertical-align:middle;text-align:left}
tr.horizontal td {vertical-align:middle;}
#page_wrapper {
	margin-top: 26px;
	  margin-left: auto; 
	  margin-right: auto;
	  width: 980px;
	  text-align: left;
	  background: #FFFFFF ;
	  
}

#page_header {
  height: 100px;
  width: 980px;
  background: #9ACD34 url('/UserFiles/Image/header/header3.jpg') top right no-repeat;
  clear: both;
}

#title{
  font-family: verdana, arial, sans-serif;
  font-size:14px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #018843;
}

#page_header h1 {
  margin: 0px;
  padding-top:5px;
  padding-left:5px;
  font-family: verdana, arial, sans-serif;
  font-size:30px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #FFFFFF;
}
.sidebar h1 {
  font-family: verdana, arial, sans-serif;
  font-size:15px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #99CC33;
	
}
.content h1 {
  font-family: verdana, arial, sans-serif;
  font-size:15px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #99CC33;
	
}
.content h2 {
  font-family: verdana, arial, sans-serif;
  font-size:14px;
  font-weight: bold;
  color: #99CC33;
	
}


th {
  font-family: verdana, arial, sans-serif;
  font-size:11px;
  color: #85b1de;
  vertical-align: top;
  text-align: right;	
}

select
{
    font-family: verdana, Sans-Serif;
    font-size: 12px;
    line-height:22px;
    margin-bottom: 3px;
    border: solid 1px #85b1de;
    background-image: url( '/layouts/img/blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
    background-color:#F1F5FA;    
} 	

input[type="text"], textarea
{
    font-family: verdana, Sans-Serif;
    font-size: 11px;
    
    height: 15px;
    margin-bottom: 3px;
    border: solid 1px #85b1de;
    background-image: url( '/layouts/img/blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
} 	
input[type="text"]:focus, textarea:focus
{
    background-image: url( '/layouts/img/green_bg.png' );	
    border: solid 1px #33677F;
}
.activeField
{
    background-image: url( '/layouts/img/green_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
    border: solid 1px #33677F;
}
.idle
{
    border: solid 1px #85b1de;
    background-image: url( '/layouts/img/blue_bg.png');
    background-repeat: repeat-x;
    background-position: top;
}
.typecheckradio {
	border: solid 0px #85b1de;
	background-image: none;	
}	

#page_header h2 {
  margin: 0px;
  padding-left:5px;
  font-family: verdana, arial, sans-serif;
  font-size:13px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #018843;
}


#menu_bar {
  height:27px;
  clear: both;
}

#menu_bar ul {
  margin-top: 0px;
  height:10px;
  padding-left: 0px;
  margin-left: 0px;
  background: #FFFFFF;
  color: White;
  float: left;
  width: 100%;
  font-family: verdana, arial, sans-serif;
  font-size:14px;
  font-weight: bold;
}
#menubar_under{	
	height:15px;
	background: #FFFFFF url('/layouts/img/whiteshad.jpg')  repeat-x;
}

#menu_bar ul li { display: inline; }

#menu_bar ul li a
{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:15px;
  background: #FFFFFF;
  color: #005A2C;
  text-decoration: none;
  float: left;
  border-right: 1px solid #fff;
}
#menu_bar ul li.loggedin a {
  color: #FFF;
   background: #FF6600 url('/layouts/img/menu_bg_loggedin.gif') top left repeat-x;

}

#menu_bar ul li a:hover
{
  background: #FF6600 url('/layouts/img/menu_hover_bg.gif') top left repeat-x;
  color: #FFFFFF;
}

#fotofooter {  
  width:960px;
  overflow:hidden;  
  background-color: white;
  margin-top: 0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  
}
#fotocontainer{
	width: 960px;
	float:left;	  
}

.phtbox {
	height: 110px;
	background-color: #000000;
	position:relative; 
	text-align:center; 
	min-width:187px;
	margin:auto;
	
}	
div.jMyCarousel .prev{
	background: url('/layouts/img/left.png') center center no-repeat;
	width:40px;
	height:31px;
	border:0px;
}

div.jMyCarousel .next{
	background: url('/layouts/img/right.png') center center no-repeat;
	width:40px;
	height:31px;
	border:0px;
}

div.jMyCarousel .up{
	background: url('/layouts/img/up.png') center center no-repeat;
	width:61px;
	height:40px;
	border:0px;
}

div.jMyCarousel .down{
	background: url('/layouts/img/down.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}


/** Carousel 2 **/
div.jMyCarousel{
	margin:auto;
}

div.jMyCarousel ul{
	background-color:#FFF;	
}

div.jMyCarousel ul li{
	margin:0px;
	border:1px solid #444;
	line-height:0px;
	padding:1px;
}

div.jMyCarousel ul li a{ /* in case of link */
	display:block;
	margin:0px;
	padding:0px;
}

div.jMyCarousel ul li a img{
	display:block;
	border:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

#content_wrapper {
	  padding-left: 5px;
	  padding-right: 5px;
		background-color: #FFFFFF;
  margin-top:5px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  clear:both;
}

#right_side {
  width:220px;
  background-color: #FFFFFF;
  border:1px solid #00A807;
  padding-left:10px;
  margin-top:0px;
  margin-bottom:5px;
  
   
}

#skyscrapper_box {
  float:right;
  width:160px;
  height:800px;
  background-color: #000000;
  margin-bottom:10px
}


#center_side {
  
  width:455px;
  margin-left: 10px;
  background-color: #FFFFFF;
  border:0px solid #AAE5A4;
  padding-right:25px;
  margin-top:0px;
  margin-bottom:5px;
  margin-right:20px;

}
#center_side_right {
  width:725px;
  margin-left: 10px;
  background-color: #FFFFFF;
  border:0px solid #AAE5A4;
  padding:10px;
  margin-top:0px;
  margin-bottom:5px;
  margin-right:20px;

}
#left_side {
  float: left;
  width:210px;
  background-color: #FFFFFF;
  border:0px dashed #cccccc;
}
#left_side_big {
  float: left;
  width:675px;
  min-height:420px;
  margin-left: 4px;
  background-color: #FFFFFF;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:0px;
  margin-bottom:5px;
  margin-right:4px;
  
}
#big {
  margin-left: 4px;
  width:960px;
  
  background-color: #FFFFFF;
  margin-top:0px;
  margin-bottom:5px;
  margin-right:4px;
  
}

#loggedin{

  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  border-bottom:1px solid #AAE5A4;
  margin-top:0px;
  padding:3px;
  margin-bottom:4px;  
  margin-right:4px;
  margin-left:4px;

}

#left_side h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  color: #FF6600;
  background-color:#FFFFFF;
  padding:4px;
  border-bottom: 1px solid #018843;
  clear:both;
}

#left_side {
  margin-top:0px;
  margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  padding-left:4px;
}
.newsdate {
	font-size: 10px;
	font-family: Arial, sans-serif;
	line-height: 13px;
	text-align: right;
	width:40px;
	
}
	
.newsitemtitle a{
	font-size: 10px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	
}
.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 0px;
}

#feature_box {
  float:left;
  width:100%;
  background-color: #FFFFFF;
  border-bottom:2px solid #00A807;
  padding-bottom:5px;
  margin-top:0px;
  margin-bottom:5px;
  font-size: 14px;
  
}

#feature_box h41 {
  padding-left:5px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #555555;
  font-weight: bold;
}
.sidebar {
  width:180px;
  background-color: #FFFFFF;

  padding-right:3px;
  margin-top:0px;
  margin-bottom:5px;

}
.sidebar ul li{
 margin-left: -20px;

}
#news_box {
  width:190px;
  background-color: #FFFFFF;
  border:0px solid #AAE5A4;
  padding-right:20px;
  margin-top:0px;
  margin-bottom:5px;

}

#news_box h4 {
  padding-left:0px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #779E28;
}



#news_box p {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #555555;
  line-height: 16px;
  margin-bottom:5px;
  border-bottom: 1px dashed #018843;
}

#page_footer {
  float:left;
  height: 60px;	 
  width: 945px;
  background-color: #99CC33;
  padding-top: 10px;
  padding-bottom:10px;
  padding-left:10px;
  margin-left:8px;;
}

#page_footer p {
  padding-top:18px;
  text-align: center;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  letter-spacing:1px;
}

#spacer {
  height:10px;
  clear:both;
}

.arrow_list { 
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
} 

.arrow_list li { 
  padding-left: 10px;
  background-image: url(/layouts/img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height:18px;
}
.form {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}
.input_submit{
  background-color: #F6FCEC;
  border-top:1px solid #AAE5A4;
  border-left:1px solid #AAE5A4;
  border-right:2px solid #6AB03A;  
  border-bottom:1px solid #6AB03A;  
  width: 100px;
	
}
#Waarneming_id_weer {
	width: 360px;	
}

#smallright{
	float:right;  
	width: 350px;
	height:430px;
	padding: 10px;	
}
h5 {
	font-size: 12px;
	padding: 1px;
	margin: 1px;
	line-height:2px;	
}
.error {
	color: #FF0000;
}
#errortext{
	color: #FF0000;
	border: 1px #B92924 dashed;
	background-color: #F5D6D6;	
	padding: 10px;
	width: 350px;
}
.successtext{
	color: #214D08;
	border: 1px #4B640F dashed;
	background-color: #DEE8C1;	
	padding: 10px;
	width: 410px;
}
#formHistory{
	color: #214D08;
	border: 1px #4B640F dashed;
	background-color: #DEE8C1;	
	padding: 10px;
	width: 550px;

}	
#errortext ul li{
	margin-left: 10px;
	padding-left: 10px;
}
.legenda {
	font-size: 9px;
}
.borderedtd {
	border:1px solid ##333;
}