/******************************************
KBM Machinefabriek
CSS : Thirsa de Jager
WWW: http://www.lautenbag.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

:-moz-any-link:focus {outline: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;}

img, a img, :link img, :visited img {border: 0;}
div.clear {clear: both; width: 100%; height: 0px;}

/*LAYOUT
**************************************************/
body{
	background: #245b97;
	font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #58585a;
  line-height: 18px;
  }
    
  /*TOP
**************************************************/
  
div#top{
  height: 190px;
  width: 100%;
  background: #fff url(../img/img_top.jpg) repeat-y;
  background-position: right;
  }
  
div#header{
  width: 980px;
  height: 190px;
  margin: 0 auto;
  background: #fff;
  }
  
div#headerimg{
  width: 980px;
  height: 150px;
  float: left;
  display: inline;
  background: #fff;
  }
  
div#headerimg img{
  width: 245px;
  float: left;
  display: inline;
  }

  
    /*MENU1
**************************************************/

div#menu1{
  width: 980px;
  height: 40px;
  float: left;
  display: inline;
  background: transparant;
  font: normal 14px/18px Arial, Verdana, sans-serif;
    text-decoration: none;
  color: #fff;
  }
  
div#tabs{
  width: 245px;
  height: 40px;
  float: left;
  display: inline;
  background: transparant;
  }
  
div#adres{
  width: 410px;
  height: 37px;
  float: left;
  display: inline;
  background: transparent;
  font: normal 11px/18px Arial, Verdana, sans-serif;
  padding: 3px 0 0 325px;
  color: #9b9e9e;
  }
  
div#home{
  width: 245px;
  height: 40px;
  float: left;
  display: inline;
  background: transparant;
  }
  
ul#menu1{
	float: left;
	display: inline;
  list-style: none;
  z-index: 2;
  clear: both;
  height: 40px;
  background: transparant;
  padding: 0;
  margin: 0 0 0 0;
  }
  
  ul#menu1 li{
	display: inline;
  }
  
ul#menu1 li a{
  margin: 10px 0 0 0;
  border: 0;
  padding: 0 15px 0 15px;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
  height: 20px;
  z-index: 3;
  border-right: 1px solid #fff;
  text-decoration: none;
  color: #fff;
  }
  
ul#menu1 li a:hover{
  color: #003772;
  }
  
ul#menu1 li.actief a{
  color: #003772;
  }
  

  
  /*MAIN
**************************************************/

div#main{
  width: 100%;
  background: #245b97 url(../img/img_achtergrond.jpg) top repeat-x;
  }
  
div#container{
  width: 980px;
  margin: 0 auto;
  background: #fff;
  }
  
div#content{
  float: left;
  display: inline;
  height: 575px;
  height: auto;
  min-height: 575px;
  width:573px;
  background-color: transparent;
  margin: 80px 0 40px 85px;
  }

  div#content img{
  float: left;
  display: inline;
  margin: 0 10px 10px 0;
  border: 1px solid #000066;
  }
  
div#vak{
  float: left;
  display: inline;
  width:573px;
  background-color: transparent;
  border-top: 1px solid #d9dadb;
  padding: 20px 0 20px 0;
  }
  
div#foto{
  width:245px;
  height: 150px;
  float: left;
  display: inline;
  margin: 0 10px 0 0;
  }
  
div#foto1{
	width:245px;
	height: 150px;
  float: left;
  display: inline;
  clear: left;
  margin: 0 20px 20px 0;
  }
  
div#tekst{
		width:318px;
	height: 150px;
  float: right;
  display: inline;
  }

div#sidebar{
  float: right;
  display: inline;
  height: 645px;
  height: auto;
  min-height: 645px;
  width:225px;
  background: #f29400 url(../img/img_sidebar.jpg) no-repeat;
  background-position: bottom;
  padding: 20px 0 40px 20px;
  margin: 0 0 40px 0;
  }
  
div#sidebar_vak{
  float: left;
  display: inline;
  width:205px;
  margin: 10px 0 0 0;
  border-top: 1px solid #fff;
  padding: 15px 0 0 0;
  }
  
div#thumb{
  margin: 0 0 5px 0;
  }
  
div#box{
	margin: 0 0 15px 0;
	}
  

  
  /*BOTTOM
**************************************************/

div#bottom{
  clear: both;
	background: #245b97 url(../img/img_site.jpg) repeat-y;
	background-position: center;
	margin: 0 auto;
  }

div#footer{
  clear: both;
  width: 980px;
  height: 60px;
  margin: 0 auto;
  background: #fff;
  }
  
div#footerimg{
  width: 940px;
  height: 59px;
  margin: 0 auto;
  background: #fff;
  border-top: 1px solid #d9dadb;
  font: normal 11px/18px Arial, Verdana, sans-serif;
  color: #9b9e9e;
  margin: 0 0 0 20px;
  }
  
div#footerimg img{
  margin: -30px 0 0 840px;
  position: absolute;
  }

    /*TYPOGRAFIE
**************************************************/ 
  
div#content p{
  color: #58585a;
  line-height: 18px;
  margin-bottom: 15px;
  clear: left;
  }
  
div#footer p{
  color: #9b9e9e;
  line-height: 18px;
  margin-bottom: 15px;
  }
  
div#footer a{
  color: #9b9e9e;
  line-height: 18px;
  margin-bottom: 15px;
    text-decoration: underline;
  }
  
  div#adres a{
  color: #9b9e9e;
  line-height: 18px;
  margin-bottom: 15px;
    text-decoration: underline;
  }
  
div#content a{
  color: #58585a;
  line-height: 18px;
  margin-bottom: 15px;
  text-decoration: underline;
  }
  

  
div#sidebar h1{
	font-size: 16px;
  color: #003772;
  line-height: 30px;
  padding: 0 0 15px 0;
  text-decoration: none;
  }
  
div#sidebar_vak p{
  font-size: 11px;
  color: #fff;
  line-height: 18px;
  padding: 0 0 5px 0;
  text-decoration: none;
  }
  
div#sidebar_vak p.verder a{
	font-size: 11px;
  color: #003772;
  line-height: 18px;
  padding: 0 0 5px 0;
  text-decoration: none;
  }
  
div#vak p.verder a:hover{
	text-decoration: underline;  }
	
div#vak p.verder a{
font-size: 11px;
  color: #003772;
  line-height: 18px;
  padding: 0 0 5px 0;
  text-decoration: none;
  }
  
div#sidebar_vak p.verder a:hover{
	text-decoration: underline;  }
  
div#sidebar_vak h2{
  font-size: 13px;
  color: #fff;
  line-height: 18px;
  text-decoration: none;
  font-weight: bolder;
  }

  
h1{
  font-size: 16px;
  color: #003772;
  line-height: 30px;
  padding: 0 0 25px 0;
  text-decoration: none;
  clear: left;
  }

h2{
  font-size: 13px;
  color: #003772;
  line-height: 11px;
  font-weight: bolder;
  line-height: 18px;
  }
  
h3{
  font-size: 12px;
  color: #003772;
  line-height: 11px;
  font-weight: bolder;
  }
  
h4{
  font-size: 11px;
  color: #003772;
  line-height: 11px;
  font-weight: bolder;
  }
  
  h5{
  font-size: 11px;
  color: #003772;
  line-height: 11px;
  font-weight: bolder;
  }
  
div#content  ul {
	margin: 0px 0 10px 15px;
	}

div#content ol {
	margin: 0px 0 10px 22px;
	}

div#content ol li {
	display: list-item;
	}
      /*MENU
**************************************************/
  
div#menu2{
  width: 980px;
  height: 40px;
  float: left;
  display: inline;
  background: #003772;
  }
  
div#menu{
	margin: 10px 0 0 0;
  width: 980px;
  height: 20px;
  float: left;
  display: inline;
  background: transparent;
  font: normal 14px/18px Arial, Verdana, sans-serif;
  }
  
ul#menu{
  width: 980px;
  list-style: none;
  z-index: 2;
  clear: both;
  height: 20px;
  background: transparent;
  padding: 0;
  margin: 0 0 10px 0;
  }

ul#menu li {
  border: 0;
  padding: 0 15px 0 15px;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
  height: 20px;
  z-index: 3;
  border-right: 1px solid #6161c8;
	}
	
ul#menu ul {
  margin: 0;
  border: 0;
  padding: 10px 0 0 0;
  width: 100px;
  list-style: none;
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 4;
	}

ul#menu ul li {
  float: none;
  display: block !important;
  display: inline;
  height: 40px;
	}

/* HOOFDMENU */
ul#menu a {
  margin: 0 10px 0 10px;
  float: none !important;
  float: left;
  display: block;
  background: transparent;
  color: #fff;
  text-decoration: none;
  height: auto !important;
  height: 1%;
  border: 0;
  }

ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.iehover a {
  background: transparent;
  color: #f29400;
	}

/* 1STE SUBMENU */
ul#menu li:hover li a,
ul#menu li.iehover li a {
	padding: 0 0 0 10px;
  width: 150px;
  float: none;
  background: #bebeef;
  color: #003772;
  font-size: 12px;
  line-height: 39px;
  border-bottom: 1px solid #003772;
  }
  
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {
  width: 150px;
  background: #f29400;
  color: #003772; 
  }
  
ul#menu li ul li.actief a{
  width: 150px;
  background: #f29400;
  color: #003772; 
  }
  
ul#menu li.actief a{
  color: #f29400; 
  }
  

  
  /* 2DE SUBMENU */
ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a {
		padding: 0 0 0 10px;
	margin: 0 0 0 71px;
	  width: 150px;
  background: #fde6c4;
  color: #f49401;
  font-size: 11px;
  line-height: 27px;
  border-bottom: 1px solid #f49401;
  }

ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a {
		margin: 0 0 0 71px;
	  width: 150px;
  background: #cee8f6;
  color: #84bad6;
    border-bottom: 1px solid #f49401;
  }

/* 3DE SUBMENU */
ul#menu li:hover li:hover li:hover li a,
ul#menu li.iehover li.iehover li.iehover li a {
  background: #222;
  color: #ccc;
  font-size: 11px;
  line-height: 30px;
  border: 1px solid #999;
  }

ul#menu li:hover li:hover li:hover li a:hover,
ul#menu li.iehover li.iehover li.iehover li a:hover {
  background: #000; 
  color: #fff; 
  } 

ul#menu ul ul,
ul#menu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 99px;
  }

ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
  display: none;
  }

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
  display: block;
  }

  /*contactformulier
**************************************************/

label.single{
	float: left;
	clear: left;
	display: block;
	width: 60px;
	height: 25px;
	font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #707172;
	line-height: 25px;
	}
	
input#naam{
	float: left;
	display: inline;
	width: 300px;
	height: 20px;
}


textarea.a{
	float: left;
	display: inline;
	clear: left;
	width: 303px;
	height: 120px;
	font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #707172;
}

input.knop{
	width: auto;
	clear: both;
	float: left;
	display: inline;
	text-align: center;
	margin: 15px 0 15px 0px;
	font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #707172;
}

/*Contact
************************************/
div#contactform {
	width: 573px;
	float: left;
	display: inline;
	margin-top: 30px;
	margin-right: 6px;
}

div#route {
	width: 200px;
	height: auto;
	float: left;
	display: inline;
	margin-left: 6px;
	margin-top: 55px;
}

div#formulier {
	width: 380px;
	float: left;
	display: inline;
	clear: none;
}

div#formulier h3{
	font-size: 14px; 
	font-weight: bold;
	color: #053A70;
	margin-bottom: 5px;
}
	
form#contactformulier{
	margin: 0px 0 0px 0px;
	width: 380px;
	line-height: 16px;
}

form#contactformulier div label{
	clear both;
	float: left;
	display: inline;
	width: 100px;
	margin-top: 5px;
}

input.button{
	clear: both;
	float: left;
	display: inline;
	width: 72px;
	margin: 20px 10px 5px 0px;
}

input{
	clear: both;
	float: left;
	display: inline;
	width: 285px;
	margin: 0 10px 5px 0px;
}

input.single{
	clear: right;
	float: left;
	display: inline;
	width: 50px;
}

div#formulier textarea{
	clear: both;
	float: left;
	display: inline;
	width: 285px;
	margin: 0px 0px 15px 0px;
	height: 100px;
	overflow-y: auto;
		font: 11px Arial, Lucida Grande, Georgia, Times, sans-serif;
		  color: #58585a;
}


div.clearform {
	clear: both;
}

label.single {
	float: left;
	display: inline;
}

sup{
		font: normal 10px/18px Tahoma, Arial, sans-serif;
		color: #e30000;
}

div#bericht {
	clear: left;
}

div#upload {
	clear: left;
}