/******************************************
Website : www.agrobouw.nl
CSS : Lautenbag Reclame (Diederik Dijkstra)
E-mail: info@lautenbag.nl
WWW: http://www.lautenbag.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

/*
1. LAYOUT
2. TYPOGRAFIE
3. LINKS
4. LIJSTEN
5. AFBEELDINGEN
6. MENU
7. SUBMENU
8. TABLE
9. FORMULIER
10.THICKBOX
*/

/*--- reset ---*/
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;}
:-moz-any-link:focus { outline: none; }

/* 1. LAYOUT
******************************************/

body{
	background-color: #fbf1d3;
	margin-bottom: 40px;}

div#container{
	width:750px;
	margin:0 auto;
	text-align:left;
	background: #adadad url('img/bg.jpg') 10px top repeat-y;}

div#top{
	background: #fbf1d3;
	text-align: right;}

div#header{
	float: left;
	overflow: hidden;
	display: inline;
	width:500px;
	height: 250px;
	margin: 0;
	background-color: #adadad;
	background-position: 0 10px;
	background-repeat: no-repeat;}
	

div#logo2{
 position: relative;
 	z-index: 2;
 	  top: 0;
  left: 0;
	width: 150px;
	height: 120px;
	margin: 10px 0 0 0;
	background: transparent url('img/logo2.png') left 0 no-repeat;}
	
	div#slideshow{
  position: relative;
	z-index: 1;
  top: -130px;
  left: 0;
  width: 500px;
  height: 240px;
  margin: 10px 0 0 0;
  background: transparent;
  text-align: right;}


div#adres{
	float: left;
	display: inline;
	background-color: #e9b825;}

div#adres table{
	border: 8px solid #e9b825;}

td.adres1 span{ margin: 0 0 0 40px;}
td.adres2 span{ margin: 0 0 0 10px;}
 
div#content{
	float: right;
	display: inline;
	clear: right;
	width:500px;
	margin: 0 10px 0 0;}

div#tekst{
	float: left;
	display: inline;
	padding: 40px;
	width: 420px;}

div#logo{
	float:left;
	display: inline;
	z-index: 2;
	width: 230px;
	height: 130px;
	margin: 0 0 0 10px;
	background: #adadad url('img/logo.png') left 10px no-repeat;}
	

div#menu{
	float:left;
	display: inline;
	clear:left;
	width:190px;
	margin: 0 0 0 30px;}

div#footer{
	background: #adadad;
	color: #FFF;
	clear:both;
	margin: 0 10px;
	line-height: 40px;
	width:730px;
	text-align: right;}

div#copyright{
	float: left;
	display: inline;}

div.clear{
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
	margin: 0;
	padding: 0;}

div#pagenav{
	clear: both;
	float: left;
	display: inline;
	width: 420px;
	text-align: right}


/* 2. TYPOGRAFIE
******************************************/

body{
	font: normal 12px/18px Arial, sans-serif;
	color: #555555;}

div#top, div#footer{
	font: normal 11px/40px Arial, sans-serif;
	color: #676767;}

div#adres{
	font: normal 11px/14px Arial, sans-serif;
	color: #004026;}

h1{	font: bold 28px/32px Tahoma, Verdana, Arial, sans-serif;
	color: #004026;
	margin: 0 0 20px;
	letter-spacing: -1px;}

h2{	font: bold 16px/20px Tahoma, Verdana, Arial, sans-serif;
	color: #004026;
	margin: 10px 0;}	
	
h3{	font: bold 22px/28px Tahoma, Verdana, Arial, sans-serif;
	color: #004026;
	margin: 10px 0;}

h3{	font: bold 14px/18px Tahoma, Verdana, Arial, sans-serif;
	color: #000;
	margin: 10px 0;}

h4{	font: bold 12px/18px Tahoma, Verdana, Arial, sans-serif;
	color: #000;
	margin: 10px 0;}
 
h5{	font: bold 10px/18px Tahoma, Verdana, Arial, sans-serif;
	color: #000;
	margin: 10px 0;} 
 
p{margin: 10px 0;}

/* 3. LINKS
******************************************/

div#tekst a {         text-decoration: underline; font-weight: bold; margin: 0;}
div#tekst a:link {    color: #004026;}
div#tekst a:visited { color: #004026;}
div#tekst a:hover {   color: #004026; text-decoration: underline;}
div#tekst a:active {  color: #004026;}

div#top a {         text-decoration: none; font-weight: normal; margin: 0 0 0 15px;}
div#top a:link {    color: #676767;}
div#top a:visited { color: #676767;}
div#top a:hover {   color: #333; text-decoration: none;}
div#top a:active {  color: #333;}

div#adres a {         text-decoration: none; font-weight: normal; margin: 0; background-image: none; padding: 0;}
div#adres a:link {    color: #004026;}
div#adres a:visited { color: #004026;}
div#adres a:hover {   color: #004026; text-decoration: underline;}
div#adres a:active {  color: #004026;}

div#footer a {         text-decoration: none; font-weight: normal; margin: 0 0 0 15px;}
div#footer a:link {    color: #676767;}
div#footer a:visited { color: #676767;}
div#footer a:hover {   color: #333; text-decoration: none;}
div#footer a:active {  color: #333;}

div#pagenav a {         text-decoration: none; font-weight: normal; margin: 0 0 0 3px; line-height: 28px;
						background: #e8e8e8; padding: 0 4px; border: 1px solid #dbdbdb}
div#pagenav a:link {    color: #676767;}
div#pagenav a:visited { color: #676767;}
div#pagenav a:hover {   color: #fff; text-decoration: none;
						background: #004026; padding: 0 4px; border: 1px solid #004026}
div#pagenav a:active {  color: #fff;}

div#pagenav a.hier {         color: #333; background: #fbf1d3; padding: 0 4px; border: 1px solid #e9b825}
div#pagenav a.hier:link {    color: #333;}
div#pagenav a.hier:visited { color: #333;}
div#pagenav a.hier:hover {   color: #fff; text-decoration: none;
						     background: #004026; padding: 0 4px; border: 1px solid #004026}
div#pagenav a.hier:active {  color: #fff;}

/* 4. LIJSTEN
******************************************/

div#tekst ul {
	list-style-type: disc;
	margin: 10px 0 0;
    padding: 0 0 0 20px;
    font: normal 12px/18px Arial, sans-serif;
    color: #676767;
    width: 400px;}

div#tekst ul li {
	padding: 0 0 0 5px;}

div#tekst ol {
	list-style-type: decimal;
	margin: 10px 0 0;
    padding: 0 0 0 30px; 
    font: normal 12px/18px Arial, sans-serif;
    color: #676767;}

div#tekst ol li {
	padding: 0 0 0 5px;}

/* ul id=referenties */

div#tekst ul#referenties{
	float: left;
	display: inline;
	margin: 10px 0;
	padding: 0;
	width: 440px;
	border-top: 1px solid #e9b825;}

div#tekst ul#referenties li{
	float: left;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	border-bottom: 1px solid #e9b825;
	width: 220px;}

div#tekst ul#referenties a{
	float: left;
	display: inline;
	padding: 0;
	margin: 0; 
	width: 220px;}

div#tekst ul#referenties a:link,
div#tekst ul#referenties a:visited{
	color: #004026;
	background: #fff;
	text-decoration: none;}

div#tekst ul#referenties a:hover{
	color: #004026;
	background: #fbf1d3;
	text-decoration: none;}

div#tekst ul#referenties a img.thumb{
	float: left;
	display: inline;
	padding: 4px;
	background-color: #fff;
	margin: 10px 0 10px 0px;}

div#tekst ul#referenties a:hover img.thumb{
	border: 0px solid #fbf1d3;
	background-color: #fbf1d3;}
	
div#tekst ul#referenties a span.titel{
	float: right;
	display: inline;
	text-align: left;
	font: bold 14px/20px Tahoma, Verdana, Arial, sans-serif;
	color: #004026;
	margin: 10px 0px 0 4px;
	letter-spacing: -1px;
	width: 216px;
	cursor: pointer;}

div#tekst ul#referenties a span.tekst{
	float: right;
	display: inline;
	text-align: left;
	font: normal 12px/18px Arial, sans-serif;
	color: #676767;
	margin: 5px 0px 10px 4px;
	width: 216px;
	cursor: pointer;}

div#tekst ul#referenties a:hover span.tekst{
	color: #333;}

/* 5. AFBEELDINGEN
******************************************/

div#logo a img{
	margin: 10px 0 0 0;
	border: 0;}

/* 6. MENU
******************************************/

div#menu ul {
	float: left;
	clear: left;
	display: inline;
	margin: 20px 0;
	padding: 0;
	white-space: nowrap;}

div#menu ul li{
	display: inline;
	float: left;
	clear: left;
	list-style-type: none;
	margin: 1px 0 0;
	width: 190px;}
	
div#menu ul li a{
	font: normal 12px/32px Arial, sans-serif;
	padding: 0 10px 0 20px;
	float: left;
	display: inline;
	width: 160px;}
	
div#menu ul li a:link,
div#menu ul li a:visited{
	color: #fff;
	text-decoration: none;
	background: #00311d url('img/menu.gif') 8px 50% no-repeat;}
	
div#menu ul li a:hover{
	color: #00311d;
	text-decoration: none;
	background-color: #fff;
	background-position: -182px 50%;}
	
div#menu ul li a:active{
	color: #00311d;
	text-decoration: none;
	background-color: #fff;
	background-position: -182px 50%;}

/* Menu class=hier */

div#menu ul li.hier {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 1px 0 0;
	width: 190px;}

div#menu ul li.hier a {
	font: normal 12px/32px Arial, sans-serif;
	padding: 0 10px 0 20px;
	float: left;
	display: inline;
	width: 160px;}
	
div#menu ul li.hier a:link,
div#menu ul li.hier a:visited{
	color: #00311d;
	text-decoration: none;
	background: #e9b825 url('img/menuhier.gif') -182px 50% no-repeat;}
	
div#menu ul li.hier a:hover{
	color: #00311d;
	text-decoration: none;
	background-color: #fff;
	background-position: -182px 50%;}
	
div#menu ul li.hier a:active{
	color: #00311d;
	text-decoration: none;
	background-color: #fff;
	background-position: -182px 50%;}

/* 7. SUBMENU
******************************************/

div#menu ul li.sub {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 1px 0 0;
	width: 190px;
	border-bottom: 1px solid #00311d;}

div#menu ul li.sub a {
	font: normal 11px/24px Arial, sans-serif;
	padding: 0 10px 0 30px;
	float: left;
	display: inline;
	width: 150px;}
	
div#menu ul li.sub a:link,
div#menu ul li.sub a:visited{
	color: #fff;
	text-decoration: none;
	background: transparent url('img/submenu.gif') 18px 50% no-repeat;}
	
div#menu ul li.sub a:hover{
	color: #a8a8a8;
	text-decoration: none;
	background-position: -172px 50%;}
	
div#menu ul li.sub a:active{
	color: #a8a8a8;
	text-decoration: none;
	background-position: -172px 50%;}

/* Menu class=subhier */

div#menu ul li.subhier {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 1px 0 0;
	width: 190px;
	border-bottom: 1px solid #00311d;}

div#menu ul li.subhier a {
	font: normal 11px/24px Arial, sans-serif;
	padding: 0 10px 0 30px;
	float: left;
	display: inline;
	width: 160px;}
	
div#menu ul li.subhier a:link,
div#menu ul li.subhier a:visited{
	color: #e9b825;
	text-decoration: none;
	background: transparent url('img/submenuhier.gif') -172px 50% no-repeat;}
	
div#menu ul li.subhier a:hover{
	color: #fff;
	text-decoration: none;
	background-position: 18px 50%;}
	
div#menu ul li.subhier a:active{
	color: #fff;
	text-decoration: none;
	background-position: 18px 50%;}

/* 8. TABLE
******************************************/

/* 9. FORMULIER
******************************************/

div#tekst table#contactform{
	background: transparent;
	text-align: left;
	width: 420px;
	border: 0;
	margin: 0;
	padding: 0;}          

div#tekst table#contactform tr td {
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;}

div#tekst table#contactform input, div#tekst table#contactform textarea{
	font: 12px arial, verdana, sans-serif; 
	color: #004026}

div#tekst table#contactform .button{
	background-color: #004026;
	color: #fff;
	margin: 10px 0 0 0;
	padding: 4px;
	text-align: center;
	border: 2px solid #dbdbdb;}

label.veld-voornaam,
label.veld-achternaam,
label.veld-adres,
label.veld-woonplaats,
label.veld-postcode,
label.veld-telefoon,
label.veld-email{
	line-height: 20px }

input.veld-woonplaats,
input.veld-postcode {
	width: 96%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	border: 1px solid #fef6e9;
	background-color: #fef6e9;
	border-bottom: 1px solid #f6a723; } 

input.veld-voornaam,
input.veld-achternaam,
input.veld-adres,
input.veld-telefoon,
input.veld-email {
	width: 98%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	border: 1px solid #fef6e9;
	border-bottom: 1px solid #f6a723;
	background-color: #fef6e9; } /* achtergrondkleur invoerveld */

table#contactform textarea{
	width: 98%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	height: 140px;
	border: 1px solid #fef6e9;
	border-bottom: 1px solid #f6a723;
	background-color: #fef6e9; }/* achtergrondkleur invoerveld */

table#contactform .checkbox{
	margin: 0 10px;}

/* 10.THICKBOX
******************************************/

/*zie thickbox.css*/

/* 11. SLIDESHOW
******************************************/

table { margin: 0; padding: 0;}
table tr{margin: 0; padding: 0;}
td { margin: 0; padding: 0; border: 0;}

pre { display: none;
       visibility: hidden; }
code { display: none; 
        visibility: hidden;}

div.pics { height: 240px; width: 500px; padding:0; margin:0; overflow: hidden;}
div.pics img { height: 240px; width: 500px; padding: 0; margin: 0; top:0; left:0 }



/* actueel
******************************************/
div#actueel{
	width: 190px;
	float: left;
	display: inline;
	padding: 0 0 15px 0;
}

div#actueel h1{
	font-size: 18px;
	margin: 0px;
	color: #00311d;
	font-weight: bold;
}

div.item{
	float: left;
	display: inline;
	border-bottom: 1px solid #555555;
	margin: 0 0 5px 0;
	color: #00311d;
	width: 190px;
}

div.item a{
	text-decoration: none;
	color: #e9b825;
}
div.item a:hover{
	text-decoration: none;
	color: #00311d;
}

div.item h2{
	font-weight: bold;
	font-size: 14px;
}

div.item p{
	margin: 0 0 5px 0;
}
div.item img{
	float: left;
	display: inline;
	margin: 3px 5px 5px 0;
}