/******************************************
Zonnedauw Ameland
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: #65a589;
  font: 13px Arial, Lucida Grande, Georgia, Times, sans-serif;
  line-height: 20px;color: #3b308a; 
  }
  
    div#site{
  }
  
  div#logo{
  width: 350px;
  height: 50px;
  background:url(../img/img_logo2.gif) no-repeat; 
  background-position: bottom;
    float: left;
  display: inline;
  position: absolute;
  }
  
    div#top{
  width: 100%;
  height: 224px;
  background:url(../img/img_header1.jpg) repeat-x; 
  }
  

  
    div#header{
  width: 1150px;
  height: 184px;
  background:url(../img/img_header.jpg) no-repeat; 
  margin: 0 auto;
  position: relative;
  }
  
    div#vlaggen{
  width: 100px;
  height: 50px;
  position: absolute;
  left: 310px;
  }
       div#foto2{
  width: 374px;
  height: 160px;
  background: transparent; 
  float: left;
  display: inline;
  margin: 0 14px 0 0;
  }
  
     div#foto{
  width: 374px;
  height: 136px;
  background: transparent; 
  float: left;
  display: inline;
  margin: 24px 0 0 0;
  }
  
      div#foto1{
  width: 180px;
  height: 136px;
  background: transparent; 
  float: left;
  display: inline;
  margin: 24px 0 0 0;
  }
  
  div#menu1{
  width: 1150px;
  height: 40px;
  background: transparent; 
  margin: 0 auto;
  }
  
    div#menu{
  width: 1150px;
  height: 40px;
  background: transparent; 
  float: left;
  display: inline;
  }
  
  div#main{
  width: 100%;
  background:#fff url(../img/img_achtergrond.jpg) repeat-x; 
  background-position: top;
  }
  
  div#container{
  width: 1150px;
  background: transparent; 
  margin: 0 auto;
  }
  
    div#content{
  width: 700px;
  background: transparent; 
  float: left;
  display: inline;
  }
  
   div#sidebar{
  width: 220px;
  height: 495px;
  background: transparent; 
  float: left;
  display: inline;
  margin: 20px 0 50px 77px;
  }
  
  div#sfeer1{
  width: 220px;
  height: 170px;
  background: url(../img/img_sfeer1.gif);
  float: left;
  display: inline;
  margin: -10px 0 0 0;
  }
 
   div#sfeer2{
  width: 220px;
  height: 132px;
  background: url(../img/img_sfeer.gif);
  float: left;
  display: inline;
  margin: 20px 0 0 0;
  }
  
   
    div#sfeer3{
  width: 220px;
  height: 170px;
  background: url(../img/img_sfeer2.jpg);
  float: left;
  display: inline;
  margin: 20px 0 0 0;
  }
  
   div#tekst{
  width: 675px;
  min-height: 430px;
  background: transparent; 
  float: left;
  display: inline;
  margin: 50px 0 20px 55px;
  }
  

  

  

  
  div#button1{
  width: 128px;
  height: 23px;
  background: transparent; 
  float: left;
  display: inline;
  border-right: 1px solid #65a589;
  margin: 19px 0 0 340px;
  }
  
    div#button{
  width: 128px;
  height: 23px;
  background: transparent; 
  float: left;
  display: inline;
  border-right: 1px solid #65a589;
    margin: 19px 0 0 0;
  }
  
      div#box{
  width: 966px;
  min-height: 455px;
  float: left;
  display: inline;
  background: transparent; 
  margin: 50px 0 0 80px;
  }
  

  

  

  
   div#bottom{
  width: 100%;
  margin: 0 auto;
  }
  
     div#footer{
  width: 1150px;
  background-color: #65a589;
  text-align: center;
  margin: 0 auto;
  }
  
       div#regel{
  width: 1150px;
  background-color: #65a589;
  text-align: center;
  float: left;
  display: inline;
  }
  
       div#thumb{
  idth: 175px;
  height: 117px;
  float: left;
  display: inline;
  background: transparent;
  margin: 0 15px 15px 0;
  }
  
         div#clear{
         	clear: both;
         	height: 0;
         	width: 100%;
  }
  
  
  

   
  
  
    
    /*TYPOGRAFIE
**************************************************/

  p{
  margin-bottom: 20px;
  font: 13px Arial, Lucida Grande, Georgia, Times, sans-serif;
  line-height: 20px;color: #3b308a;}
  
   ul li{
  font: 13px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #3b308a;
      line-height: 20px;}
  
 div#footer p{
  margin-bottom: 20px;
  font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
  line-height: 20px;color: #fff;
  text-align: center;
  margin: 10px 0 0 0;}

  ul{font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #707172;
  margin-bottom: 10px;
    line-height: 20px;}

  li {
  	list-style-position: outside;
  	    line-height: 20px;
  }
  
h1{font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #47876b;
  text-align: left;
  margin: 8px 0 10px 0;
  font-weight: bolder;
  }
  
  a:hover h1{font: 13px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #c2443b;
  text-align: center;
  margin-top: 0px;
    cursor: pointer;}
  
  
h2{font: 22px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #3b308a;
  line-height: 28px;
  margin-bottom: 20px;
    cursor: pointer;
  }
  
  h3{font: 21px Eurostile, Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #fff;
  letter-spacing: 2px;
    margin-bottom: 20px;
  }
  
h4{font: 13px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #021c33;
  text-align: center;
  margin-top: 5px;
    cursor: pointer;}
    
      h5{font: 16px Eurostile, Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #002f55;
  letter-spacing: 2px;
    margin: 0 0 20px 0;
    float: left;
    display: inline;
    clear: both;
    width: 600px;
  }
  
  h6{font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #3b6489;
  text-align: right;
  float: left;
  display: inline;
  clear: both;
   cursor: pointer;
       width: 600px;
           margin: 0 0 40px 0;
  }
  
div#wrapper1 h6{font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #3b6489;
  text-align: right;
  float: left;
  display: inline;
  clear: both;
       width: 600px;
           margin: 0 0 40px 0;
  }
  
  a:hover h6{font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #6d96b2;
  text-align: right;
  float: left;
  display: inline;
  clear: both;
   cursor: pointer;
  }
  

a{ background: transparent padding: 2px;}
a:link{     color: #3b308a; text-decoration: underline;}
a:visited{  color: #3b308a; text-decoration: underline;}
a:hover{    color: #e59200; text-decoration: underline;}
a:active{   color: #3b308a; text-decoration: underline;}




/*LISTS*/
div#tekst ul li{
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;}
	

  
	
/*MENU__________________________________________*/

ul#menu {
  width: 650px;
  list-style: none;
  z-index: 2;
	clear: both;
	height: 30px;
	background: transparent;
	padding: 0;
	margin: 10px 0 0 370px;
	}

ul#menu li {
  float: left;
  display: inline;
  list-style: none;
  position: relative;
    width: 127px;
  z-index: 3;
  	margin: 0 0 0 0;
	}

ul#menu ul {
  margin: 0;
  border: 0;
  padding: 0;
  width: 100px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 4;
    line-height: 10px;
	}

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

/* HOOFDMENU */
ul#menu li a {
  padding: 0 8px;
  margin: 0px;
  float: none !important;
  float: left;
  display: block;
	background: transparent;
  color: #65a589;
  line-height: 30px;
  text-decoration: none;
  text-align: center;
  height: auto !important;
  height: 1%;
	border: 0;
	border-right: 1px solid #65a589;
  }

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

/* 1STE SUBMENU */
ul#menu li:hover li a,
ul#menu li.iehover li a {
  float: none;
	background: #fff;
  color: #65a589;
  font-size: 11px;
  line-height: 18px;
	border: 1px solid #65a589;
	width: 110px;
	  margin: 0 0 0 -1px;
	  padding: 6px 8px 6px 8px;
  }

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 {
  background: #fff;
  color: #9d4536; 
  }


 

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: 120px;
	height: 40px;
	font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #3b308a;
	line-height: 15px;
	}
	
label.double{
	float: left;
	display: block;
	width: 50px;
	height: 40px;
	font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #3b308a;
	line-height: 15px
}

.input{
	float: left;
	display: inline;
	width: 300px;
	height: 20px;
	font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
	color: #3b308a;
}

select{
	float: left;
	display: inline;
	width: 300px;
	height: 20px;
	font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
	color: #3b308a;
}

.input2{
	float: left;
	display: inline;
	width: 70px;
	height: 20px;
	font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
	color: #3b308a;
	margin-right: 5px;
}

textarea{
	float: left;
	display: inline;
	width: 304px;
	height: 120px;
	font: 14px Arial, Lucida Grande, Georgia, Times, sans-serif;
  color: #3b308a;
  margin: 0 0 15px 0;
}

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

form{
	width: 450px;
	}
	
form div#invullen{
	width: 450px;
	height: 15px;
background-color: #fff;
  text-align: left;
  float: left;
  display: inline;
  margin-bottom: 20px
	}




div#regel a {
	color: #fff;
	text-decoration: none;
}

	div#regel a:hover{
	text-decoration: underline;
	}