﻿
body 
{
    background-image:url(Images/topachter.gif);
    background-repeat:no-repeat;
    margin-top:0px;
    padding-top:0px;
    line-height:115%;
}

.container {
    margin: 0px auto;
    width : 800px;
    text-align:justify;
}
.container a
{
    color:#1f9134;
    font-weight:bold;
}
.container h3
{
    font-family:Arial;
     font-size:18px;
     color:#1f9134;
}
.container a:hover
{
    color:#91cd47;
    font-weight:bold;
}   
.header {
    background-image:url(Images/Header800165.gif);
    height:165px;
    width:800px;

}
.navbar {
     height: 30px;
     width: 100%;
     
}
.navbar ul {
     margin: 0px;
     padding-Left: 0px;
     padding-top: 0px;
     font-family: Arial, Helvetica, sans-serif;
     line-height: 30px;
     list-style-type:none;
}

.Home
{
    width:70px; 
    height:27px;
    float:left;
    margin-left:15px;
   }
.Home a
{
    display: block;
    width:70px; 
    height:27px;
}

.Bosspaarplan
{
    width:130px; 
    height:27px;
    float:left;
}
.Bosspaarplan a
{

    display: block;
    width:130px; 
    height:27px;
}

.Waarom
{
    width:90px; 
    height:27px;
    float:left;
    
}
.Waarom a
{
    display: block;
    width:90px; 
    height:27px;
}

.Ontwikkelingen
{
    width:140px; 
    height:27px;
    float:left;
}
.Ontwikkelingen a
{
    display: block;
    width:140px; 
    height:27px;
}
.Eigen
{
    width:120px; 
    height:27px;
    float:left;
}
.Eigen a
{
    display: block;
    width:120px; 
    height:27px;
}
.Nieuws
{
    width:80px; 
    height:27px;
    float:left;
}
.Nieuws a
{
    display: block;
    width:80px; 
    height:27px;
}
.Aanmelden
{
    width:110px; 
    height:27px;
    float:left;
}
.Aanmelden a
{
    display: block;
    width:110px; 
    height:27px;
}

.navbar li a 
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    border:0px;
}

.navbar li a:link 
{
    color: #fefefd;
    border:0px;
}
.navbar li a:visited 
{
    color: #fefefd;
    border:0px;
}
.navbar li a:hover 
{
    color: #229434;
    border:0px;
}
.tekst 
{
    color: #000000;
    font-family:Verdana;
    font-size:11px;
    float:left;
    padding-top:20px;
    padding-left:10px;
    width:400px;
}
.sub
{
    color: #000000;
    font-family:Verdana;
    font-size:12px;
    padding:10px;
    width:360px;
    border-bottom:green thin solid;
    border-left:green thin solid;
    border-right:green thin solid;
}

.subGas
{
    color: #000000;
    font-family:Verdana;
    font-size:12px;
    padding:10px;
    width:360px;
}
.subGas2
{
    color: #000000;
    font-family:Verdana;
    font-size:12px;
    padding:10px;
    width:360px;
    height:30px;
    border:green thin solid;
}

.sub:after 
{ content: ""; display: block; height: 0; clear: both; }
.headersub
{
width:380px;    
color: green;
font-family:Verdana;
font-size:14px;   
border-top:green thin solid;
border-left:green thin solid;
border-right:green thin solid;
}

.tekstAanmelden
{
    color: #000000;
    font-family:Verdana;
    font-size:12px;
    padding-top:20px;
    height:700px;
    width: 745px; 
    text-align:center;
    }
.GroeneRand
{
 
 width: 570px;
 background-image:url('Images/GroeneRandAchter.gif');
 background-repeat:repeat-y;
 padding:15px;
 border: green thin solid;
 margin:auto;
}
.GroeneRandBrochure
{
 
 width: 450px;
 background-image:url('Images/GroeneRandAchter.gif');
 background-repeat:repeat-y;
 padding:15px;
 border: green thin solid;
 margin:auto;
}
.LabelsAanmelden
{
margin-left: 20px;
float:left;
height:20px;
width:100px;
text-align:left;
}
.LabelsBosonderhoud
{
width:140px;
text-align:left;
float:left;
}
.LabelsCalculatie
{
vertical-align:bottom;
float:left;
height:23px;
font-size:12px;
padding-top:2px;
}
.LabelsUitslag
{
float:left;
border-bottom: green 1px solid;
border-left:green 1px solid;
border-right:green 1px solid;
margin-bottom:8px;
}
.LabelsCalculatieUitstoot
{
vertical-align:bottom;
float:left;
height:23px;
font-size:12px;
padding-top:7px;
background-color:#d8d8d8;
text-align:center;
}
.LabelsCalculatieCompensatie
{
vertical-align:bottom;
float:left;
height:23px;
font-size:12px;
padding-top:7px;
background-color:#b2dd7c;
text-align:center;
}
.LabelsUitslagHeader
{
vertical-align:bottom;
text-align:center;
float:left;
height:23px;
font-size:13px;
padding-top:7px;
font-weight:bold;
background-color:#dbefbe;
border-top: green 1px solid;
border-left:green 1px solid;
border-right:green 1px solid;

}
.Totaal
{
 width:365;
 border: green thin solid;    
}


.DropDown
{
 border: green thin solid;
 outline-color:Green;    
}

.TextBosonderhoud
{
float:left;
text-align:left;
}
.TextboxenAanmelden
{
height:20px;
float:left;
text-align:left;
}
.TextboxenCalculatie
{
height:20px;
float:left;
text-align:right;
vertical-align:bottom;
}
.buttonValidate
{
float:left;
}
.ValAanmelden
{
float:left; 
height:20px;   
text-align:left;

}
.radio
{
text-align:center;
}
.foto
{
    width:375px;
    float:left;
    margin-left:10px;
    margin-top:100px;
    border-width:0px;
    border-color:White;
  }
  .foto a
  {
    border-width:0px;
  }
  .fotoDefault
  {
    width:375px;
    float:left;
    margin-left:10px;
    margin-top:50px;
    border-width:0px;
    border-color:White;
    color: #000000;
    font-family:Verdana;
    font-size:12px;
    
  }
    .fotoDefault a
  {
    border-width:0px;
  }
  
.map
{
    float:left;
    color: #000000;
    font-family:Verdana;
    font-size:12px;
    width:300px;
    height:430px; 
    margin-left:30px;
    margin-top:70px;
  }
.kaart
{
    float:left;
    color: #000000;
    font-family:Verdana;
    font-size:12px;
    width:580px;
    height:550px; 
    margin-top:30px;
  }
  .kaartUtrecht
{
    float:left;
    color: #000000;
    font-family:Verdana;
    font-size:12px;
    width:200px;
    height:200px; 
    margin-top:220px;
    margin-right:10px;
  }
.foto image
{
   border-width:0px;
   border-color:White
} 
.urucu
    {
    width:300px;
    float:left;
    margin-left:25px;
    margin-top:75px;
}

.coari
    {
    width:300px;
    float:left;
    margin-left:25px;
    margin-top:75px;

}

.amazone
  {
    width:350px;
    float:left;
    margin-left:10px;
    margin-top:75px;
    border-style:solid;
    border-width:thin;
    border-color:#1f9134;
    font-family:Verdana;
    font-size:12px;
    font-style:italic;
    padding:5px; 
   /* background-image:url('Images/kaart.jpg');
    background-repeat:no-repeat;
    background-position:center;*/
      }

.footer
{
    clear:both;
    width:800px;
    height:60px;
    
}
#contact
{
    font-family:Arial;
    font-size:12px;
    float:right;
    margin: 35px 25px 0px 0px;
    color:#91cd47;
}

#contact a
{
    color:#91cd47;
    font-weight:bold;
}

#voorwaarden
{
    font-family:Arial;
    font-size:12px;
    float:right;
    margin: 35px 350px 0px 0px;
    color:#91cd47;
}
#voorwaarden a
{
    color:#91cd47;
    font-weight:bold;
}
#slideshow {
	width: 340px;
	height: 260px;
	overflow: hidden;
	position: relative;
	font-size: 0.9em;
	font-weight: bold;
}

#slideshow p.description {

}

#slideshow div.scroll {
	width: 73px;
	height: 17px;
	left: 250px;
	top: 225px;
	position: absolute;
	padding-top: 1px;
	color: #fff;
	text-align: center;
	border: solid 1px #fff;
}

#slideshow div.scroll img {
	top: 6px;
	position: absolute;
}

#slideshow div.scroll img.left {
	left: 10px;
}

#slideshow div.scroll img.right {
	right: 10px;
}