/******************************************
Exklusief lijmwerken
CSS : Thirsa de Jager
E-mail: tdejager@lautenbagreclame.nl
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: 1px;}

/*LAYOUT
**************************************************/

body{
  background:transparent url('img/img_achtergrondb.jpg') center top no-repeat;
  }
  
div#box{
  width: 834px;
  min-height: 700px;
  background: transparent;
  margin:0 auto;
  }
  
div#info{
  float: left;
  display: inline;
  position: absolute;
  width: 297px;
  height: 200px;
  background: transparent url('img/contact.png') center top no-repeat;
  margin:55px 0 0 537px;
  }
  
div#container{
  width: 710px;
  min-height: 700px;
  background: transparent;
  margin: 45px auto;
  }
  
div#header{
  width: 710px;
  height: 180px;
  background: transparent url('img/img_header.jpg') center top no-repeat;
  margin: 0 auto;
  }
  
div#content{
  width: 771px;
  min-height: 700px;
  background: transparent url('img/vlak.gif') center bottom no-repeat;
  float: left;
  display: inline;
  }
  
div#main{
  float: left;
  display: inline;
  clear: left;
  width: 450px;
  min-height: 700px;
  background: transparent; 
  margin: 25px 0 0 25px;
  } 
  
div#foto{
  width: 150px;
  height: 100px;
  background: transparent url('img/img_foto.jpg') center top no-repeat;
  float: left;
  clear: left;
  display: inline;
  margin: 50px 0 0 270px;
  border: 1px solid;
  position: absolute;
  }
  
div#footer{
  width: 710px;
  height: 45px;
  background: transparent;
  float: left;
  clear: both;
  display: inline;
  }  
   
    /*TYPOGRAFIE
**************************************************/

p{font: 13px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #000000;
  line-height: 24px;
  margin: 0 0 10px 0;}
  
p.kvk{font: 11px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #000000;
  line-height: 24px;
  float: left;
  display: inline;
  clear: left;}

p.projecttekst{font: 13px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #000000;
  }

p.project{font: 13px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #000000;
  float: left;
  display: inline;
  clear: left;
  }
  
h2{font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #000000;
  line-height: 25px;}

h1{font: bold 24px Formata, Lucida Grande, Georgia, Times, sans-serif;
  color: #000000;
  line-height: 25px;}
  
h3{font: bold 18px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #f04a00;
  margin: 10px 0 10px 0;}

h4{font: bold 14px Formata, Lucida Grande, Georgia, Times, sans-serif;
  color: #000000;
  }
  
li.menu{
  font: bold 14px Formata, Lucida grande, Georgia, Times, sans-serif;
  color: #f04a00;
  list-style-position: inside;
  padding: 20px 0 0 20px;}
  



a{ background: transparent padding: 2px;}
a:link{     color: #f04a00; text-decoration: none;}
a:visited{  color: #f04a00; text-decoration: none;}
a:hover{    color: #f04a00; text-decoration: none;}
a:active{   color: #f04a00; text-decoration: none}

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

div#menu{
  float: right;
  clear: right;
  width: 235px;
  height: 200px;
  margin: 60px 42px 0 0;
  background: transparent; 
  }
   
ul#menu1 li{
  float: left;
  display: inline;
  clear: left;
  width: 180px;
  list-style-type: none;
  }
  
div#keuze{
  float: left;
  clear: left;
  /*height: 100px;*/
  width: 400px;
  background: transparent;
  /*padding: 0 0 0 20px;*/
  }
  
  /*TABLE
**************************************************/

div#table{
  float: left;
  clear: left;
  display: inline;
  width: 430px;
  height: 250px; 
  background: red;
  }
  
  /*projecten
**************************************************/
   
div.thumb{
  width: 90px;
  height: 90px;
  display: inline;
  /*background: transparent;*/
  /*border:1px solid #000000;*/
  margin:0 10px 10px 0;
  }
  
div.thumbtekst{
	float: right;
	clear: right;
  width: 340px;
  height: 95px;
  background: transparent;
  margin:0 10px 10px 0;
  }

  div.thumbs{
  	float: left;
  	display: inline;
  width: 90px;
  height: 90px;
  background: transparent;
  /*border:1px solid #000000;*/
  margin:0 10px 10px 0;
  }
  
  /*contactformulier
**************************************************/

div#main{
  float: left;
  display: inline;
  clear: left;
  width: 450px;
  min-height: 535px;
  background: transparent; 
  margin: 25px 0 0 25px;
  } 
  
  div#main form div{
	width: 500px;
	font: normal 11px lucida, sans-serif, tahoma, arial;
	line-height: 40px;
	}

div#main form div label{
	clear left;
	float: left;
	display: inline;
	width: 100px;
	}

div#main img {
	float: left;
	display: inline;
	clear: left;
	margin: 0 0 10px 0;
	border: #000000 1px solid;
}

input{
	width: 297px;
	margin: 12px 0px 0px 20px;
}

input.single{
	float: left;
	display: inline;
	width: 150px;
}

div#main form textarea{
	font: normal 11px lucida, sans-serif, tahoma, arial;
	float: left;
	display: inline;
	width: 300px;
	height: 120px;
	margin: 12px 0 0px 20px;
}

input.knop{
  font: normal 1.0em lucida, sans-serif, tahoma, arial;
	width: auto;
	clear: both;
	float: left;
	display: inline;
	text-align: center;
	margin: 15px 0 15px 210px;
}

/*LISTS*/
div#main ul li{
  font: 13px Arial, Lucida Grande, Georgia, Times, sans-serif;
	list-style-type: disc;
	line-height: 24px;
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;}

div#main li.keuze1{
  font: 14px Arial, Lucida grande, Georgia, Times, sans-serif;
  color: #000000;
  margin-bottom:10px;
  line-height: 24px;
  list-style-type: disc;}
  
div#main li.keuze2{
  font: 12px Arial, Lucida grande, Georgia, Times, sans-serif;
  color: #000000;
  margin-bottom:10px;
  line-height: 24px;
  list-style-type: none;
  /*line-height: 0px;*/}
  
div#main li.keuze2 a{
  color: #000000;}