/******************************************
Website : www.jouwertdevries.nl
CSS : Lautenbag Reclame (Diederik Dijkstra & Arnold van der Zee)
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. SIDEBAR MENU
6. MENU
7. LOGO
8. SLIDESHOW
*/

/*--- 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;}


#tekst img{
border:1px solid #000;
}


img, a img, :link img, :visited img { 
border: 0;
}


:-moz-any-link:focus { outline: none; }


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

body{
  font: 76% arial,sans-serif;
  background: transparent url('img/bg.jpg') fixed center top no-repeat;
  text-align:center}

/*HEADER*/
div#header{
  height: 384px;
  margin: 0;
  background: transparent url('img/bg_header.jpg') center top repeat-x;
  overflow: hidden;}

div#hd_box{
  text-align: left;
  width: 940px;
  height: 384px;
  margin: 0 auto;
  background: transparent url('img/bg_hdbox.jpg') left top no-repeat;}
 
div#top{
  float: left;
  display: inline;
  text-align: right;
  margin: 0 20px;
  width: 900px;
  height: 44px;
  background: transparent url('img/bg_top.jpg') left top no-repeat;}

div#menu{
  float: left;
  display: inline;
  margin: 0 20px;
  width: 900px;
  height: 55px;
  background: #000;}

div#box{
  float: left;
  display: inline;
  margin: 0 20px;
  width: 900px;
  height: 286px;
  background: #fff;}

div#logo{
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  margin: 0;
  width: 340px;
  height: 246px;
  background: transparent url('img/bg_logo.png') left top no-repeat;}

div#topcontent{
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  margin: 0;
  width: 600px;
  height: 40px;
  background: #fff url('img/bg_topcontent.jpg') left top no-repeat;}

div#slideshow{
  position: relative;
  z-index: 1;
  top: -279px;
  left: 170px;
  width: 730px;
  height: 278px;
  margin: 0;
  background: transparent;
  text-align: right;}

/*CONTENT*/
div#container{
  text-align: left;
  width: 900px;
  margin: 0 auto;
  background: #fff url('img/bg_container.jpg') left top repeat-y;}

div#content{
  float: left;
  display: inline;
  width: 600px;
  background: #fff url('img/bg_content.jpg') left top repeat-y;}

div#tekst{
  float: left;
  display: inline;
  width: 520px;
  margin:  0 0 0 40px;}

div#sidebar{
  float: right;
  display: inline;
  width: 300px;
  background: transparent url('img/bg_sidebar.jpg') left top no-repeat;}

div#banner{
  float: left;
  display: inline;
  margin: 20px 33px;}

div#bottomcontent{
  float: left;
  display: inline;
  margin: 0;
  width: 600px;
  height: 90px;
  background: transparent url('img/bg_bottomcontent.jpg') left top no-repeat;}

div#footer{
  clear:both;
  width:100%;
  height: 90px;
  text-align: right;
  background: transparent url('img/bg_menu.png') left top;}
  
div#naw{
  float: left;
  display: inline;
  height: 40px;
  line-height: 40px;
  margin: 0px;
  width: 695px;
  text-align: right;
  color: #fff;
  overflow: hidden;
  font-weight: normal;
  font-size: 10px;}

/*TRUCS*/
div.min-height{
  float: left;
  display: inline;
  width: 1px;
  height: 500px;}

div.clear{
  width:100%;
  clear: both;
  height: 1px;
  background-color: transparent;}
  

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

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

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

h2{
  font: bold 18px/22px Arial, sans-serif;
	color: #000;
	margin: 0 0 20px;}

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

p{margin: 0 0 20px;}

div#top, div#footer{ font: normal 11px/40px Arial, sans-serif;}
div#top span, div#footer span{ margin: 0 20px 0 0;}

div#bottomcontent span{
  float: left;
  display: inline;
  margin: 40px 0 0 20px;
  line-height: 50px;
  width: 580px;
  height: 50px;
  color: #fff;}

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

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

div#tekst h1 a {         text-decoration: none; font-weight: bold; margin: 0;}
div#tekst h1 a:link {    color: #008c23;}
div#tekst h1 a:visited { color: #008c23;}
div#tekst h1 a:hover {   color: #000; text-decoration: none;}
div#tekst h1 a:active {  color: #62af5d;}

div#top a {         text-decoration: none; font-weight: normal;}
div#top a:link {    color: #fff;}
div#top a:visited { color: #fff;}
div#top a:hover {   color: #004026; text-decoration: none;}
div#top a:active {  color: #fff;}

div#footer a {         text-decoration: none; font-weight: normal;}
div#footer a:link {    color: #fff;}
div#footer a:visited { color: #fff;}
div#footer a:hover {   color: #008c23; text-decoration: none;}
div#footer a:active {  color: #fff;}

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

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

div#tekst ul li {
  list-style: none;
  background: transparent url('img/listitem.jpg') left 5px no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 0 5px;}

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

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

/* 5. SIDEBAR MENU
******************************************/
     
div#sidebar ul{
  float: left;
  display: inline;
	width: 300px;
	margin: 6px 0 0 0;
	padding: 0;
	list-style: none;}
   
div#sidebar li{
	float: left;
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 300px;
  border-bottom: 1px solid #fff;}
        
div#sidebar a,
div#sidebar a:link,
div#sidebar a:active,
div#sidebar a:visited{
  float: left;
  display: inline;
  font-weight: normal;
  text-decoration: none;
  padding: 0;
  margin: 0;
  width: 300px;
  color: #fff;}

div#sidebar a:hover{
	text-decoration: none;
	background-color: #62af5d;
  margin: 0;}

/*AFBEELDING*/
div#sidebar li a img{
  float: left;
  display: inline;
  background-color: #62af5d;
  margin: 10px 10px 0 20px;
  padding: 4px;
  height: 56px;
  width: 56px;}

div#sidebar li a:hover img{
  background-color: #fff;}

/*TITEL*/
div#sidebar li a h3{
  width: 186px;
  margin: 10px 0 5px 94px;
  padding: 0;
  color: #fff;
  font: bold 13px/16px Arial, sans-serif;
  cursor: pointer;}

div#sidebar li a:hover h3{
  color: #000}

/*TEKST*/
div#sidebar li a p{
  width: 186px; 
  color: #000;
  padding: 0;
  margin: 0 0 0 94px;
  font: normal 12px/17px Arial, sans-serif;
  cursor: pointer;}

/*CLEAR*/
div#sidebar ul li a div.clear{
  width: 300px;
  height: 10px;}

/* 6. MENU
******************************************/
     
div#menu ul{
	width: auto; 
	width: 878px;
	margin: 0 0 0 11px;
	padding: 0;
	line-height: 55px;
	list-style: none;}
   
div#menu li{
	float: left;
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0; 
  line-height: 55px;
  height: 55px;}
        
div#menu a,
div#menu a:link,
div#menu a:active,
div#menu a:visited{
	display: inline-block;
  /* hide from ie/mac \*/
  display: block;
  /* end hide */
  font-weight: bold;
  text-decoration: none;
  padding: 0;
  margin: 0;
  height: 55px;}

div#menu a:hover{
	text-decoration: none;
  margin: 0;
  height: 55px;}
    
div#menu strong{
	display: inline-block;
  /* hide from ie/mac \*/
  display: block;
  /* end hide */
  color: white;}   

/*HOME*/
div#menu li.home a,
div#menu li.home a:link,
div#menu li.home a:active,
div#menu li.home a:visited,
div#menu li.home a:hover{
	background:url('img/menu_home.jpg');
  width: 59px;}

div#menu li.home a:hover{
	background-position:0 -55px;}

div#menu li.home strong a,
div#menu li.home strong a:link,
div#menu li.home strong a:active,
div#menu li.home strong a:visited,
div#menu li.home strong a:hover{
	background:url('img/menu_home.jpg'); 
	background-position:0 -110px;}

div#menu li.home strong a:hover{
	background-position:0 -165px;}

/*ONROEREND GOED*/
div#menu li.onroerendgoed a,
div#menu li.onroerendgoed a:link,
div#menu li.onroerendgoed a:active,
div#menu li.onroerendgoed a:visited,
div#menu li.onroerendgoed a:hover{
	background:url('img/menu_aanbod.jpg');
  width: 76px;}

div#menu li.onroerendgoed a:hover{
	background-position:0 -55px;}

div#menu li.onroerendgoed strong a,
div#menu li.onroerendgoed strong a:link,
div#menu li.onroerendgoed strong a:active,
div#menu li.onroerendgoed strong a:visited,
div#menu li.onroerendgoed strong a:hover{
	background:url('img/menu_aanbod.jpg'); 
	background-position:0 -110px;}

div#menu li.onroerendgoed strong a:hover{
	background-position:0 -165px;}

/*TAXATIES*/
div#menu li.taxaties a,
div#menu li.taxaties a:link,
div#menu li.taxaties a:active,
div#menu li.taxaties a:visited,
div#menu li.taxaties a:hover{
	background:url('img/menu_taxaties.jpg');
  width: 80px;}

div#menu li.taxaties a:hover{
	background-position:0 -55px;}

div#menu li.taxaties strong a,
div#menu li.taxaties strong a:link,
div#menu li.taxaties strong a:active,
div#menu li.taxaties strong a:visited,
div#menu li.taxaties strong a:hover{
	background:url('img/menu_taxaties.jpg'); 
	background-position:0 -110px;}

div#menu li.taxaties strong a:hover{
	background-position:0 -165px;}

/*ONTEIGENING*/
div#menu li.onteigening a,
div#menu li.onteigening a:link,
div#menu li.onteigening a:active,
div#menu li.onteigening a:visited,
div#menu li.onteigening a:hover{
	background:url('img/menu_onteigening.jpg');
  width: 114px;}

div#menu li.onteigening a:hover{
	background-position:0 -55px;}

div#menu li.onteigening strong a,
div#menu li.onteigening strong a:link,
div#menu li.onteigening strong a:active,
div#menu li.onteigening strong a:visited,
div#menu li.onteigening strong a:hover{
	background:url('img/menu_onteigening.jpg'); 
	background-position:0 -110px;}

div#menu li.onteigening strong a:hover{
	background-position:0 -165px;}

/*QUOTA*/
div#menu li.quota a,
div#menu li.quota a:link,
div#menu li.quota a:active,
div#menu li.quota a:visited,
div#menu li.quota a:hover{
	background:url('img/menu_quota.jpg');
  width: 68px;}

div#menu li.quota a:hover{
	background-position:0 -55px;}

div#menu li.quota strong a,
div#menu li.quota strong a:link,
div#menu li.quota strong a:active,
div#menu li.quota strong a:visited,
div#menu li.quota strong a:hover{
	background:url('img/menu_quota.jpg'); 
	background-position:0 -110px;}

div#menu li.quota strong a:hover{
	background-position:0 -165px;}

/*PLANSCHADE*/
div#menu li.planschade a,
div#menu li.planschade a:link,
div#menu li.planschade a:active,
div#menu li.planschade a:visited,
div#menu li.planschade a:hover{
	background:url('img/menu_planschade.jpg');
  width: 106px;}

div#menu li.planschade a:hover{
	background-position:0 -55px;}

div#menu li.planschade strong a,
div#menu li.planschade strong a:link,
div#menu li.planschade strong a:active,
div#menu li.planschade strong a:visited,
div#menu li.planschade strong a:hover{
	background:url('img/menu_planschade.jpg'); 
	background-position:0 -110px;}

div#menu li.planschade strong a:hover{
	background-position:0 -165px;}

/*KAVELRUIL*/
div#menu li.kavelruil a,
div#menu li.kavelruil a:link,
div#menu li.kavelruil a:active,
div#menu li.kavelruil a:visited,
div#menu li.kavelruil a:hover{
	background:url('img/menu_kavelruil.jpg');
  width: 90px;}

div#menu li.kavelruil a:hover{
	background-position:0 -55px;}

div#menu li.kavelruil strong a,
div#menu li.kavelruil strong a:link,
div#menu li.kavelruil strong a:active,
div#menu li.kavelruil strong a:visited,
div#menu li.kavelruil strong a:hover{
	background:url('img/menu_kavelruil.jpg'); 
	background-position:0 -110px;}

div#menu li.kavelruil strong a:hover{
	background-position:0 -165px;}

/*PACHTERFPACHT*/
div#menu li.pachterfpacht a,
div#menu li.pachterfpacht a:link,
div#menu li.pachterfpacht a:active,
div#menu li.pachterfpacht a:visited,
div#menu li.pachterfpacht a:hover{
	background:url('img/menu_pachterfpacht.jpg');
  width: 135px;}

div#menu li.pachterfpacht a:hover{
	background-position:0 -55px;}

div#menu li.pachterfpacht strong a,
div#menu li.pachterfpacht strong a:link,
div#menu li.pachterfpacht strong a:active,
div#menu li.pachterfpacht strong a:visited,
div#menu li.pachterfpacht strong a:hover{
	background:url('img/menu_pachterfpacht.jpg'); 
	background-position:0 -110px;}

div#menu li.pachterfpacht strong a:hover{
	background-position:0 -165px;}

/*CONTACT*/
div#menu li.contact a,
div#menu li.contact a:link,
div#menu li.contact a:active,
div#menu li.contact a:visited,
div#menu li.contact a:hover{
	background:url('img/menu_contact.jpg');
  width: 79px;}

div#menu li.contact a:hover{
	background-position:0 -55px;}

div#menu li.contact strong a,
div#menu li.contact strong a:link,
div#menu li.contact strong a:active,
div#menu li.contact strong a:visited,
div#menu li.contact strong a:hover{
	background:url('img/menu_contact.jpg'); 
	background-position:0 -110px;}

div#menu li.contact strong a:hover{
	background-position:0 -165px;}

/* 7. LOGO
******************************************/
     
div#logo ul{
  float: left;
  display: inline;
	width: auto; 
	width: 340px;
	margin: 120px 0 0 0;
	padding: 0;
	line-height: 74px;
	list-style: none;}
   
div#logo li{
	float: left;
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0; 
  line-height: 74px;
  height: 74px;}
        
div#logo li a,
div#logo li a:link,
div#logo li a:active,
div#logo li a:visited{
  display: block;
  text-decoration: none;
  padding: 0;
  margin: 0;
  height: 74px;
  width: 340px;
  background:url('img/logo.jpg');}

div#logo li a:hover{
	text-decoration: none;
  background-position:0 -74px;}

/* 8. SLIDESHOW
******************************************/

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

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

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

/*FORMULIER
*****************************************/
table#tabelFormulier{
	clear: left;
	background: transparent;
	text-align: left;
	width: 490px;
	border: 0;
	font-size: 12px;
	margin: 0;
	padding: 0;}          

table#tabelFormulier input,
table#tabelFormulier textarea{
	font: normal 12px/18px Arial, Verdana, sans-serif;
	color: #000;}
	
table#tabelFormulier .button{
	background-color: #329737;
	border: 1px solid #329737;
	color: #FFF;
	margin: 10px 0 0 0;
	padding: 3px;}

label.veld-Bedrijfsnaam,
label.veld-Naam,
label.veld-Adres,
label.veld-Postcode,
label.veld-Woonplaats,
label.veld-Telefoon,
label.veld-Fax,
label.veld-E-mail,
label.veld-Bericht {
	line-height: 20px }

input.veld-Bedrijfsnaam,
input.veld-Naam,
input.veld-Postcode,
input.veld-Woonplaats,
input.veld-Telefoon,
input.veld-Fax{
	width: 96%;
	padding: 3px 2px;
	margin: 0;
	border: 1px solid #329737;
	background-color: #fff;}

input.veld-Adres,
input.veld-E-mail{
	width: 98%;
	padding: 3px 2px;
	margin: 0;
	border: 1px solid #329737;
	background-color: #fff;}

input.veld-Mailinglist{
	border: 0;
	margin: 0 10px 0 0;}

table#tabelFormulier textarea{
	width: 98%;
	padding: 3px 2px;
	margin: 0 0 5px 0;
	height: 100px;
	border: 1px solid #329737;
	background-color: #fff;}