/* CSS Bernttuinontwerp validated Document */

body, html { 
margin : 0;
padding : 0;
background : #001e00; font-family:georgia, verdana, sans-serif;
} 
body { 
min-width : 90%;
} 
#container {width: 980px;
 margin: 5% auto; 
background : #002500;
overflow : hidden;
} 
#kop { 
background-color : #001e00;
height : 100px;
margin : 0;
padding : 0;
overflow : visible;
position : absolute;
top : 0;
width : 100%;
} 
.adres { 
float : left;
width : 150px;
font : normal 0.7em georgia, verdana, sans-serif;
color:#fff;
padding : 1em 0 0 1em;
} 
.logo { 
height : 80px;
overflow : visible;
background : url(../imgkl/berntdesigngreen.jpg) no-repeat 10% 0%;
padding : 1em 0 0 0;
margin-left : 19em;
}
.tabel{background-color : #BDC4A2; color:#006600;} 
h1 { 
font : normal 0.9em/1.2em georgia, verdana, sans-serif;
color : #706c5b;
text-align : left;
} 
.ft0 { 
padding-left : 1em;
color : #cfd3bb;
font-size : 1.4em;
background-color : #002500;
} 
.ft1 { 
padding : 0.3em 1em 0 0;
color : #cfd3bb;
font-size : 0.9em;
line-height : 150%;
text-align : left;
background-color : #002500;
} 
.ft2 { /*bronvermelding*/
padding : 0.3em 1em 0 0;
color : #cfd3bb;
font-size : 0.7em;
text-align : left;
background-color : #002500;
}
.ft5 { /*footerlinks*/
color : #fff;
font-size : 0.6em;
text-align : center;
background-color : #002500;
} 
.ft7 { /*copyright*/
padding : 0.3em 1em 0 0;
color : #cfd3bb;
font-size : 0.8em;
text-align : center;
background-color : #002500;
}
p { 
padding : 0.3em 10em 0 0;
color : #cfd3bb;
font-size : 100%;
line-height : 150%;
text-align : left;
background-color : #002500;
} 
li { 
font-size : 0.9em;
font-family : Georgia, verdana, sans-serif;
padding : 0 0.5em 0 0.5em;
color : #cfd3bb;
} 
ul { 
margin-bottom : 10px;
} 
#tekst { 
float : right;
background-color : #002500;
width : 70%;
min-height : 360px;
margin-top : 50px;
overflow : visible;
word-spacing : 2px;
font : normal 0.9em/1.2em georgia, verdana, sans-serif;
border-left-width : medium;
border-left-style : double;
border-left-color : #3b5538;
padding-top : 0;
padding-right : 0.5em;
padding-bottom : 0;
padding-left : 1em;
} 
.img { 
border : 0;
} 
.imgclass { 
margin-left : 5%;
padding-top : 0;
border : thin;
border-color : #233d1f;
} 
.imgtekst { 
float : right;
border : thin;
border-color : #233d1f;
margin : 0 0 0 10px;
clear : right;
} 
.imgtekstleft { 
float : left;
border : thin;
border-color : #233d1f;
margin : 0 10px 0 10px;
clear : right;
} 
.clearboth { 
clear : both;
height : 1em;
background : #002500;
} 
#copyright { 
clear : both;
width : 100%;
text-align : center;
font-size : 0.7em;
line-height : 150%;
background : #002500;
padding : 3em 0 0 0;
} 
a:link { 
font-weight : bold;
font-size : 105%;
text-decoration : none;
color :#fff;
} 
a:visited { 
font-weight : bold;
font-size : 105%;
text-decoration : none;
color : #fff;
} 
a:hover, a:active { 
font-weight : bold;
font-size : 105%;
text-decoration : none;
color : #002500;
background: #cfd3bb;
} 
/*-----------------------Gegevens------------------*/
.gegevens{ width:100%;
  margin:0 auto;
  padding:0;
  font-family:tahoma;
  font-size: 16px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; background-color:#CCD7CB ;
}
.gegevens h3{
  padding:5px 0;
  margin:0;
  background: #9BB299;
  color: #17291C;
  /*font-weight: normal;font-size: 1.2em;*/
  font : italic 1.4em georgia, verdana, sans-serif;
  /*letter-spacing:.05em;*/
  text-align:center;
  border-bottom: 1px solid #C2C6A3;
  border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius:10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius:10px;
}
.gegevens h5{
   padding:5px 0;
  margin:0;
  background: #9BB299;
  color: #17291C;
  font-weight: normal;
  font-size: .6em;
  /*text-transform: uppercase;
  letter-spacing:.05em;*/
  text-align: center;
  border: 1px solid #C2C6A3;
  border-top: 1px solid #C2C6A3;
  /*border-bottom: 10px solid #fff;*/
}
.gegevens h6{
  background: #E8EFF5;
  padding: 15px;
  margin: 5px;
  color: #3C3C3C;
  font-weight: normal;
  font-size: .8em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.gegevens p{ clear: both;
  padding:0;
  margin:5px 0;
}
.gegevens span{ font-weight: bold;
  color: #000;
  font-size: .95em;
}
.form-wrap{
  border: 1px solid #C2C6A3;
  border-top: 2px solid #C2C6A3;
  overflow: hidden;
}
.gegevens form{/*achtergrond*/
  border-top: 1px solid #D3E1EC;
  padding: 0;
  margin: 0;
}
.gegevens-field{background-color:#CCD7CB;
  width: 200px;
  display: inline;
  border:none;
  margin:0;
  padding:10px;
  float: left;
}
.gegevens-fieldleft{background-color:#CCD7CB;
  width:  45%; /*200px;*/
  display: inline;
  border:none;
  margin:0;
  padding:10px;
  float: left;  overflow:hidden; 
}
.gegevens-fieldright{background-color:#CCD7CB;
  width: 45%; /*200px;*/
  display: inline;
  border:none;
  margin:0;
  padding:10px;
  float: right;
}
.gegevens label{display: block;
  color: #3C3C3C;
  font-size: .8em;
}
 .gegevens textarea{width: 90%; /*was nix*/
  background-color:#f5f5f5;
  padding:5px 10px;
  margin: 2px 0 0 0;
  border:1px solid #dedede;
  border-bottom:1px solid #eee;
  border-right:1px solid #eee;
  font-size:12px;
  line-height:16px;
  color:#000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.gegevens input:hover, .gegevens textarea:hover{
  background-color:#F0F5F9;
  border:1px solid #c2e1ef;
  color:#336699;
}
.gegevens input:active, .gegevens textarea:active{
  background-color:#F0F5F9;
  border:1px solid #F0F5F9;
  color: #006600;/*aanpassen aan tekstlayout van website*/
}
input.button{
  background:#F3F8F3 url(images/apply2.png) no-repeat 5px center;
  cursor:pointer;
  overflow:visible;
  padding:5px 10px 5px 22px;
  margin:0 5px 0 0;
  border: none;
  color:#3C3C3C; /*width: 10px; was nix*/
}
input.button:hover{
  background-color:#9BB299;
  border: none;
  color:#fff;
}
.gegevens input{/*AANPASSEN! dit veld in gelijk aan achtergond zetten, zie ook 'leegjes'*/background-color:#CCD7CA; border:none;
 background-color:#f5f5f5;
  padding:5px 10px;
  margin: 2px 0 0 0;
  border:1px solid #dedede;
  border-bottom:1px solid #eee;
  border-right:1px solid #eee;
  font-size:12px;
  line-height:16px;
  color: #006600;/*aanpassen aan tekstlayout van website*/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /*width: 90%; was nix*/
}
#leegjes{/*aanpassen! dit veld in color vrijwel gelijk aan achtergond zetten*/background-color:#CCD7CA; color:#CCD7C9;font-size: 1px; height:1px; width:1px; border:none;
}
.leegjes{/*aanpassen! dit veld in color vrijwel gelijk aan formachtergond zetten*/background-color:#CCD7CA; color:#CCD7C9;font-size: 1px; height:1px; width:1px; border:none;}
.wegletters{padding-left: 20px; color:#CCD7C9;}
.submit{ float:left; /*width: 50%; was nix*/}
.reset{ float:right; /*width: 30%;was nix*/}
h7{/*style van foutmelding*/ padding-left: 20px; color:#FF0000;font-size: .7em;}