body 
{
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	margin: 0px;
	padding-left: 50%;
	clear: both;
	position: absolute;
	background: url('images/bggrad2.jpg') repeat-x;
	background-color: #464646;
	
}

/* headers */
h1, h2, h3, h5, h6 { margin: 0 0 1em 0; font-family: Verdana, 'Trebuchet MS', sans-serif; }
h1 { font-size: 1.2em; font-weight: bold; color: #F00;}
h2 { font-size: 1.1em; font-weight: bold; color: #003384;}
h3 { font-size: 1em; }
h4 { color: #000000; font-size: 1.1em; font-weight: bold; margin: 0px; padding: 0px;  }

a
{
	text-decoration: none;
	color:#ff0000;
}

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

img
{
border: 0px;
}

/* sitemap */
ul.sitemap { margin: 1em 1em 1em 0; padding: 1em; }
ul.sitemap, ul.sitemap ul { list-style-type: none; }
ul.sitemap ul { margin: .3em 1em 1em 2em; padding: 0; }
ul.sitemap li { padding-left: 15px; background: url(images/i_crumb1.gif) 0 5px no-repeat; }
ul.sitemap li a { padding-bottom: 1px; color: #808080; background-color: transparent; text-decoration: none;}
ul.sitemap li a:hover { border-color: #c9c9c9; color: #ff0000; background-color: transparent; text-decoration: underline;}

/*breadcrumbs*/

#breadcrumbs
{ 
width:600px;
height:3px;
* height:0px;
padding: 5px 7px 0 5px;
* margin: 0px 7px -5px 5px;
font-size:10px;
list-style: none inside;
z-index:              2;
border: 0px solid; 

}

#breadcrumbs ul 
{ 
margin: 0; 
padding: 0; 
}


#breadcrumbs li 
{ 
display: inline; 
margin: -1px; 
padding-left: 13px; 
background: url(images/i_crumb1.gif) left center no-repeat transparent; 
}


#breadcrumbs li a 
{ 
border: 0;
text-decoration: none;  
}

#breadcrumbs li, #breadcrumbs li a 
{ 
color: #7e807d; 
}
    
#breadcrumbs li a:hover
{ 
color: #000; 
text-decoration: underline; 
}

#breadcrumbs li#firstcrumb 
{ 
padding-left: 0; 
background-image: none; 
}

#breadcrumbs li#secondcrumb 
{ 
padding-left: 0; 
background-image: none; 
}

#breadcrumbs h2, h2 { display: none; }


#container 
{
	width: 700px;
	margin-left: -350px;
	
}

/*navigatie zone 1*/

#nav1 
{
	width: 124px;
	height: 30px;
	float: left;
	background: url(images/nav1.jpg) no-repeat;
}


#nav2 
{
	width: 112px;
	height: 30px;
	float: left;
	background: url(images/nav2.jpg) no-repeat;
}

#nav3 
{
	width: 114px;
	height: 30px;
	float: left;
	background: url(images/nav3.jpg) no-repeat;
}

#nav4 
{
	width: 112px;
	height: 30px;
	float: left;
	background: url(images/nav4.jpg) no-repeat;
}

#nav5 
{
	width: 112px;
	height: 30px;
	float: left;
	background: url(images/nav5.jpg) no-repeat;
}

#nav6 
{
	width: 126px;
	height: 30px;
	float: left;
	background: url(images/nav6.jpg) no-repeat;
}

#nav7 /*navigatie zone 3*/
{
    width: 275px;
	height: 25px;
	* height: 15px;
	padding-left: 100px;
	float: left;
}

#nav7  a 
{
   	color:#747474;
}

#nav7  a:hover 
{
   	color:#ff0000;
	
}


 .buttonText 
{
	text-align: center;
	padding-top: 14px;
	font-size: 11px;
	font-weight: bold;
}

.buttonText a
{
	text-decoration: none;
	color:#747474;
}

.buttonText a:hover 
{
	text-decoration: underline;
	color: #111111;
}
#navcontainer 
{
	clear: both;
	margin-top: 10px;
}

#hidden {
	clear: both;
	height: 15px;
}

#main 
{
	padding: 5px;
	width: 688px;
	text-align: justify;
	color: #333;
	line-height: 1.6em;
	background-color: #FFF;
	border: 1px solid #888;
	float: left;
	color:#444;
}

#fpic
{
	width: 686px;
	border: 1px inset #888;	
	height: 200px;
	background-color: #999999;
	clear: both;
	background: url('images/op.jpg') no-repeat;
	
}
#fpic1
{
	width: 686px;
	border: 1px inset #888;	
	height: 200px;
	background-color: #999999;
	clear: both;
	background: url('images/snelweg_02.jpg') no-repeat;
}

#fpic2
{
	width: 686px;
	border: 1px inset #888;	
	height: 200px;
	background-color: #999999;
	clear: both;
	background: url('images/snelweg_03.jpg') no-repeat;
}

#fpic3
{
	width: 686px;
	border: 1px inset #888;	
	height: 200px;
	background-color: #999999;
	clear: both;
	background: url('images/asogedrag_05.jpg') no-repeat;
}

#sidebar 
{
	width: 197px;
	border-left: 1px solid #BBB;
	float: right;
	margin-left: 9px;
	margin-top: 5px;
	padding-left: 8px;
	text-align: left;
	clear: both;
	
}

#sidebar a 
{
   	color:#747474;
}

#sidebar a:hover 
{
	text-decoration: underline;
	color: #FF0000;
}


h1 
{
	font-size: 14px;
	text-align: left;
	line-height: 1.6em;
	* line-height: .5em;
	font-weight: bold;
	color: #ff0000;
	padding-top: 1px;
	
}

.hideme 
{
	display: none;
	color: white;
}

.headertext1
{
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color:#F00;
}

.headertext2 
{
	font-size: 10px;
	color: #000000
}

#footer 
{
	background-color: #484848;
	color: #fff;
	font-size: 10px;
	text-align: left;
	vertical-align: middle;
	height: 20px;
	padding-top: 3px;
	clear: both;
	width: auto;
}
#footer a
{
color:#ffffff;
}

#footer a:hover 
{
	text-decoration: underline;
	color: #FF0000;
}
#b2 
{
	width: 213px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 1em;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana;
	color: #333;
	
}

#b2 ul 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#b2 li 
{
	border-bottom: 1px solid #999;
	margin: 0px;
	width: 213px;
	height: 23px;
	
}

#b2 li a 
{
	display: block;
	padding: 3px 0px 2px 0.5em;
	* margin: .3em .3em .6em .3em; 
	border-left: 5px solid #555;
	* border-left: 3px solid #555;
	border-right: 5px solid #555;
	* border-right: 5px solid #555;
	color: #fff;
	text-decoration: none;
	width: auto;
	* width: 195px;
	background-color:#777;
	
}

#b2 li a:hover 
{
	border-left: 5px solid #ff0000;
	border-right: 5px solid #ff0000;
	color: #fff;
	background-color: #999;
	font-weight:bold;
}

.spring a
{
color:#747474;
}

.spring a:hover 
{
	text-decoration: underline;
	color: #FF0000;
}

.bhz 
{
	width: auto;
	* width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-left: 5px solid #444;
	* border-left: 5px solid #444;
	border-right: 5px solid #444;
	* border-right: 3px solid #444;
	display: block;
	background-color: #444;
}

.ht1 
{
	font-size: 10px;
	font-weight: bold;
	color: #888;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.hw2 
{
	font-size: 12px;
	font-weight: bold;
	color: #999;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}

#smenu
{
    position: relative;
    width: 213px;
    height: 200px;
    background: #666;
    float: right;
    clear:both;
}

.noteblock1
{
    background: #f0f0f0;
    width: 465px;
    padding: 5px;
    border: 1px solid #000;
    color: #000;
    margin: 7px 0px 7px 0px;
}

.mod
{
    margin: 5px 0px 10px 0px;
    padding: 0;
}

.push
{
    margin: 20px 0px 10px 0px;
	color: #999;
}

.push1
{
    margin: 20px 0px 10px 0px;
	color: #999;
	
	width: 550px;
}
.noteheader
{
    width:auto;
    border-bottom: 1px solid #888;
    color: #000;
    height: 24px;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 3px;
	text-align:left;
}

p
{
	width: auto;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
}
.inputf1 {
	width: 250px;
}

.inputf2 {
	width: 40px;
}

.inputf3 {
	width: 60px;
}

.inputf4 {
	width: 63px;
}

.inputf5 {
	width: 174px;
}

.inputf6 {
	width: 250px;
	height: 60px;
}

.inputf7 {
	width: 550px;
	height: 70px;
}

.inputf8 {
	width: 90px;
}