/**************** BODY ELEMENTEN ****************/

*{margin:0; padding:0;}

body{
font:75% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
 background:#02508F url(../images/bg.gif) repeat-x top;}

#inlog{
width:800px;
margin:5px auto;
padding:1px 0;
text-align:right;
color:#FFFFFF;
}

#inlog a{
text-decoration:underline;
color:#FFFFFF;
}

#container{
width:800px;
margin:6px auto;
padding:1px 0;
text-align:left;
background:#ffffff;
color:#303030;
border:1px solid #a0a0a0;}

a{color:#4482BC; font-weight:bold; text-decoration: underline; background-color:inherit;}
a:hover{color:#4482BC; text-decoration:underline; background-color:inherit;}
a img{border:none;}

p{padding:0 0 1.6em 0; color:#666666}
p form{margin-top:0; margin-bottom:20px;}
	
/*******  HEADER  ********/

#header{
height:90px;
width:800px;
margin:0px 1px 1px 1px;
background-image: url(../images/topbg.jpg);}
	
#header h1{
padding:30px 0 0 20px;
font-size:2.2em;
letter-spacing:-2px;
color: #333;
font-weight:normal;}	

#header h2{
margin:8px 0 0 35px;
font-size:1.4em;
color:#666666;
letter-spacing:0px;
font-weight:normal;}

#header2{ 
text-align:right;
height:25px;
width:780px;
margin:0 1px 1px 1px;}
	
#header2 h3{
padding:0px 20px 0 0 ;
font-size:0.8em;
color: #333333;
letter-spacing:0px;
font-weight:normal;}
	
/*******  NAVIGATIEMENU HORIZONTAAL  ********/

#bg{
height:2.8em;
line-height:2.6em;
background-color:#99CC00;
width:500;}

#inlogmenu{
float:right;
margin:0px 0px 0px 0px;
text-align:right;
padding-right:5px;
padding-left:10px;
height:2.8em;
line-height:2.6em;
background-color:#99CC00;
width:auto;
color:#ffffff;}

#inlogmenu a{
padding:0 5px;
font-weight:normal;
color:#ffffff; 
text-decoration:underline;
background-color:inherit;}

#inlogmenu a:hover{
color: #FFFFFF; 
text-decoration:underline;}

#navigation{
height:2.8em;
line-height:2.8em;
width:auto;
margin:0px 0px 0px 1px;
background: #99CC33 ;
color:#99CC00;}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;}

#navigation li a{
display:block;
padding:0 10px;
font-size:1.0em;
font-weight:bold;
text-transform:none;
text-decoration:none;
background-color:inherit;
color: #ffffff;}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background: #FFFFFF;
color:#99CC00;
font-weight:bold;
text-decoration:none;}

#navigation2{
height:2.8em;
width:785px;
margin:0 1px;}

/**************** NAVIGATIEMENU VERTIKAAL ****************/

#navcontainer ul
{
list-style-type:none;
text-align: left;
margin:0 0 10px 6px;
text-transform:uppercase;
color: #99CC00;
font-size:0.8em;}

#navcontainer ul li a
{
text-decoration: none;
background: url(../images/list-off.gif) left center no-repeat;
padding-left: 15px;
color: #99CC00;
font-weight:bold;}

#navcontainer ul li a:hover{
background:  url(../images/list-on.gif) left center no-repeat;
color: #99CC00;
text-decoration:none;}

#navcontainer ul li a#current{
color: #99CC00;}

/**************** CONTENT ****************/

#content{
float:left;
width:580px;
font-size:0.9em;
padding:30px 30px 15px 20px;
}

#contenttekst{
width:480px;
margin-bottom:25px;}

#content h2{display:block; margin:0 0 20px 0; font-size:1.6em; font-weight:normal; color:#505050;}
#content h3{margin:0 0 10px 0; font-size:1.4em; letter-spacing:0px; color:#505050}
#content a:hover,#subcontent a:hover{text-decoration:underline;  }

.head {color: #00FF66; } 

.lh{ font-size:14px;}


/**************** Sidebar styles ****************/

#subcontent{
float:right;
width:140px;
padding:30px 10px 10px 10px;
line-height:1.4em;
background-color: #EEEEEE #FFFFFF;
}

#subcontent h2{
display:block;
margin:0 0 15px 10px;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;}

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Footer styles ****************/

#footer{
clear:both;
width:800px;
padding:5px 0;
margin:0 1px;
color:#f0f0f0;
background-color:#99CC00;}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; font-weight:normal;}
#footer a:hover{color:#ffffff; text-decoration:underline;}

/**************** Misc classes and styles ****************/

.headertitle a{ font-weight:normal; text-decoration:none}
.headertitle a{ color: #666666;}
.headertitle a:hover{color: #333333;}

#navagenda {
color:#99CC00; 
font-weight:bold;
}


#navagenda a{
font-weight:bold;
color:#99CC00; 
text-decoration:none;
background-color:inherit;}

#paginatitel 			{	font-size:14px;
							font-weight:bold;
							text-decoration:none;
							color:#99CC00;}

#ad {padding-top:50px}
#statustekst {color:red;}
.small {font-size:0.8em;}

.box{
margin:0 0 20px 0px;
padding:5px;
background-color:#ffffff;
color:#505050;
line-height:1.5em;}

.inputlabelbold			{	font-size:11px;
							font-weight:bold;}

input:focus,textarea:focus {background-color:yellow;}