/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

a {color: #51595f; text-decoration:none;}
a:hover {color: #51595f; text-decoration:underline;}

body {
	background: #70a9df url(images/bg.png) repeat-x;
	color: #000000;
	font: normal 62.5% Tahoma,sans-serif;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-top: 8px;
	padding-left:10px;
	color:#fb7803;
	}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;	
	font-weight:bold;	
	color:#fb7803;
	font-variant:small-caps;
	padding-left:15px;
	padding-top:8px;
	}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;	
	font-weight:bold;	
	color:#565555;
	text-decoration:underline;
	padding-left:10px;
	padding-top:10px;
	float:left;
	}
	
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-weight:normal;	
	color:#000000;
	text-decoration:none;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	float:left;
	}	
	
	
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	color:#565555;
	
	}


	
/* container */

#container {
	
	font-size: 1.2em;
	margin: 0 auto;	
	width: 812px;
	height:100%;
	background:url(images/container1.jpg);
	margin-top:0px;	
}

#header{
    width:812px;
	height:55px;
	}
	
#logo{
    width:201px;
	height:47px;
	float:left;
	background: url(images/logo.png)
	}
	
/* begin horizontaal menu bovenaan */
#menutop{
    width:605px; 
	height:100%; 
	float:right; 
	
	 }
	 
#menutop #icon_nav a
{
	float: left;
	padding-top:10px;
	text-align:center;
	text-decoration:none;
	
}

#menutop #icon_nav a span
{
	color:#ffffff;		
	
}


#menutop #icon_nav #nav_home
{
	width: 108px;
	height: 23px;
	margin-left: 8px;
	margin-top:25px;
	background: url( ./images/menuknop.jpg  );
}

#menutop #icon_nav #nav_home:hover
{
	background: url( ./images/menuknop1.jpg );
}


#menutop #icon_nav #nav_navigatie
{
	width: 108px;
	height: 23px;
	margin-left: 8px;
	margin-top:25px;
	background: url( ./images/menuknop.jpg );
}

#menutop #icon_nav #nav_navigatie:hover
{
	background: url( ./images/menuknop1.jpg );
}

/*content indeling*/

#contenttop{
    width:812px;
	height:10px;
	background: url(./images/contenttop.jpg);
	}
	
#content{
    width:812px;
	height:100%;
	background: url(./images/contentmiddle.jpg);
	}	
	
#contentbottom{
    width:812px;
	height:16px;
	background: url(./images/contentbottom.jpg);
	}
	
/* linker sitebar */

#leftsitebar{
    width:185px;
	height:100%;
	float:left;
	margin-left:10px;
	margin-top:0px;
	}	
	
#menuheader{    
	width:185px;
	height:32px;
	background: url(images/menuheader.jpg);
	}
	
#menumiddle{
    width:185px;
	height:100%;
	background: url(images/menumiddle.jpg);
	float:left;
	}	
	
#menubottom{
    width:185px;
	height:7px;
	float:left;
	margin-bottom:5px;
	background:url(./images/menubottom.jpg);
	}
	
/*klantenlogin in linker sitebar*/

#login{
    
	
	color:#ffffff;
	float:left;
	width:185px;
	height:100%;
	background: url(images/menumiddle.jpg);
	}
	
#login form{
    padding-top:10px;
	padding-left:10px;
	}
	
#wachtwoord{
    float:left;
    width:180px;
	margin-top:5px;
	margin-right:0px;
	_margin-right:30px;
	_margin-top:-10px;
	}
	
#wachtwoord a{
    color:#ffffff;
	text-decoration:none;
	}
	
#wachtwoord a:hover{
    color:#ffffff;
	text-decoration:underline;
	}			
	
.login_form{
    height:18px; 
	width:135px; 
	border: 1px solid # b4bbbe;
	padding-left:15px; 
	padding-top:3px}
	
#login_btn Input[type="submit"]{
	margin-top:7px;
	_margin-top:12px;
	float:left;	
	}
	
.user_vlak{
    margin-top:5px;
	margin-bottom:2px;
	color:#ffffff;
	}	
	
.pass_vlak{
    margin-top:5px;
	margin-bottom:2px;
	color:#ffffff;
	}
	
/* linkpartnergedeelte*/

#partnersmenu {
    width:185px;
	height:100%;
	background: url(images/menumiddle.jpg);
	float:left;
	
    }

#partnersmenu ul {
	list-style: none;
	
}

#partnersmenu li a  {	
	background:url(images/menuitem.jpg) no-repeat ;
	display: block;
	width: 171px;
	height:21px;
	margin-left:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #2a5782;
	text-decoration: none;
	padding-top:4px;
	padding-left:10px;
	float:left;
	
}

#partnersmenu li a:hover  {
	background:url(images/menuitem1.jpg) no-repeat; 
	color: #2a5782;
	padding-top:4px;
}			
	
/*rechter content gedeelte*/

#middle{
   width:610px;
   height:100%;
   float:right;	
   }
   
#banner{
   width:468px;
   height:60px;
   margin-left:71px;
   margin-top:10px;
   margin-bottom:10px;
   }
   
.banner1{
   margin-left:3px;
   }   
   
/*instellingen voor stappenplan*/

#stappenplan{
    width:610px;
	height:45px;
	margin-top:10px;
	margin-left:10px;
	}
	
#nummer{
    width:38px;
	height:38px;
	float:left;
	}
	
#tekst{
    width:530px;
	height:100%;
	background: #ffffff url(images/tekstbg.jpg) repeat-x;
	float:right;
	color:#565555;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-right:25px;
	padding-top:5px;
	padding-left:5px
	}	
	
/*instellingen voordelen onderzijde*/

#voordelen{
    width:500px;
	height:100%;
	margin-top:3px;
	margin-left:5px;
	float:left;	
	}
	
ul.voordelen{
	width: 500px;
	float: left;
	margin-top: 5px;
	padding-left: 10px;	
	padding-top: 5px;
	list-style-type: none; 
	margin-bottom: 0px;
	height: 100%;
	}

ul.voordelen li{	
	margin-right: 10px; 
	padding-left:20px;
	padding-top:3px;
	line-height:16px;
	background: url('images/ster.png') no-repeat left center; 
	color: #565555; 
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
/* BEGIN CSS FOOTER */
#footer{width:812px; height:12px; float:left;  margin-top:0px;}
ul#footer_nav{margin-left:5px; list-style:none; margin-top:3px;}
ul#footer_nav li{float:left; margin-right:25px; font-family:Tahoma;}
#footer_nav a{font-size:10px; font-weight:normal; text-decoration:none; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer_nav a:hover{text-decoration:underline; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#footer p#copyright{position:relative; float:right; color:#ffffff; font-size:11px; margin-right:10px; margin-top:-5px;}						

/*overige instellingen*/

 
 .streepmenu{
     width:570px;
	 border-bottom:1px dotted #cccccc;
	 margin-left:10px;
	 margin-top:10px;
	 }

				

/*clear*/

.clear {

clear: both;
}