/*
Lichtgrijs: #8a8a8a
Donkergrijs: #636363
Groen: #39c021
Tekst: #636363
Borders: #c3c3c3
THs: #acacac
*/

* { outline-color: #8a8a8a; }

html {
 background: #fff url(img/body.gif) repeat-x top left;
 padding: 0;
 margin: 0;
 }

body {
 width: 708px;
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-size: 10px;
 line-height: 14pt;
 margin: 0 auto;
 padding: 20px 0;
 color: #636363;
 }

a {
 text-decoration: none;
 }

h1 {
 background: transparent url(img/header.png) no-repeat 0 0;
 height: 214px;
 margin: 0;
 padding: 0;
 text-indent: -9999em;
 }

h1 a {
 display: block;
 width: 708px;
 height: 164px;
 overflow: hidden;
 }

h2 {
 color: #39c021;
 font-size: 1.1em;
 padding: 0 0 10px 0;
 margin: 0;
 }
 
h3, legend {
 font-size: 1em;
 font-weight: bold;
 margin: 0;
 padding: 0;
 color: #636363;
 }

address {
 margin: 0 0 10pt 0;
 font-style: normal;
 }

#inhoud {
 font-size: 1.3em;
 background: transparent url(img/inhoud.png) repeat-y 0 0;
 width: 664px;
 padding: 10px 22px 5px 22px;
 margin: 0;
 }
 
#inhoud p {
 width: 450px;
 }

#inhoud li {
 width: 420px;
 }

p {
 margin: 0 0 10pt 0;
 }

a {
 color: #6a89c3;
 }

a:hover, a:focus {
 color: #3d64b0;
 }

table {
 width: 50%;
 border: 0;
 border-collapse: separate;
 border-spacing: 0 1px;
 background: #c3c3c3;
 margin: 15px 0;
 }

td {
 padding: 0;
 background: #fff url(img/tabel.gif) repeat 0 0;
 color: #636363;
 text-align: center;
 }

th {
 background: #eaeaea;
 padding: 0 5px;
 color: #39c021;
 font-weight: normal;
 }
 
ul {
 list-style: none;
 margin: 0;
 padding: 0 0 0 20px;
 }

#inhoud li {
 background: transparent url(img/li.gif) no-repeat 0 -5px;
 padding-left: 15px;
 }

#bestelling #inhoud li {
 background: transparent;
 padding: 0;
 }

#nav {
 padding: 0;
 margin: -38px 5px 0 5px;
 height: 38px;
 }

#nav li {
 display: inline;
 margin: 0;
 padding: 0;
 }

#nav a {
 line-height: 22px;
 color: #8a8a8a;
 font-weight: bold;
 font-size: 1.3em;
 text-align: left;
 padding: 12px 17px;
 margin: 0;
 background: transparent url(img/nav.gif) no-repeat 11px 0;
 }

#nav a:hover, #nav a:focus {
 color: #636363;
 background-position: 11px -45px;
 }

#nav .current a {
 color: #39c021;
 background-position: 11px -90px;
 }

#footer {
 margin: 0;
 padding: 0 21px;
 background: transparent url(img/footer.png) no-repeat 0 0;
 display: block;
 width: 666px;
 height: 32px;
 line-height: 41px;
 text-align: right;
 font-size: 1.2em;
 color: #acacac;
 }

#footer strong {
 display: none;
 }

#grembergen {
 float: left;
 }

#keur {
 float: right;
 }

.beschrijvend {
 border: 0;
 }

legend.beschrijvend {
 display: none;
 }

fieldset {
 border: 0;
 margin: 0;
 padding: 0;
 }

#bestelling ul {
 list-style: none;
 padding: 0;
 }

#bestelling input, #bestelling select {
 font-family: 'Trebuchet MS';
 padding: 2px;
 }
 
#bestelling input:focus {
 border-color: #39c021;
 }

#bestelling table {
 width: 100%;
 }

#bestelling td {
 background: #fff;
 padding: 0;
 }

#bestelling table input, #bestelling table select {
 width: 90%;
 }

#bestelling table li {
 display: inline;
 width: 60px;
 }

#bestelling table li input {
 width: 15px;
 }

#bestelling table tr {
 height: 50px;
 }

#bestelling dl {
 line-height: 24px;
 }

#bestelling dd {
 margin: -24px 0 0 150px;
 }

#firma {
 margin-top: -62px;
 margin-left: 60px;
 background: transparent url(img/firma.png) no-repeat 0 0;
 width: 287px;
 height: 72px;
 padding: 6px 20px;
 }

#firma input {
 width: 145px;
 }

#firma dd {
 margin: -24px 0 0 100px;
 }
 
#zijbalk {
 width: 210px;
 position: absolute;
 top: 244px;
 margin-left: 457px;
 }
 
#zijbalk h3 {
 background-color: #eaeaea;
 color: #39c021;
 padding: 5px;
 border: 1px solid #c3c3c3;
 border-bottom: 1px solid #39c021;
 }

#zijbalk p {
 background: #fff;
 padding: 5px;
 margin: 0;
 border: 1px solid #c3c3c3;
 border-top: 0;
 width: auto;
 }
 
#zijbalk img {
 margin-top: 29px;
 border: 0;
 }
 
label:hover, .submit:hover {
 cursor: pointer;
 }

.google-maps {
 margin: 10px 0;
 }

.google-maps-styled {
 margin: 10px 0;
 height: 360px;
 width: 100%;
 }

/* Contact */

#contact input, #contact textarea {
 width: 440px;
 padding: 5px;
 font-size: 10pt;
 font-family: 'Trebuchet MS', Arial;
 border: 1px solid #c3c3c3; 
 }

#contact input:focus, #contact textarea:focus {
 border-color: #39c021;
 }

#contact .submit {
 width: 452px;
 margin: 25px 0 0 0;
 padding: 5px;
 background: #d4d4d4;
 }

#contact form dt {
 padding: 5px 0;
 }

#contact form dd {
 margin: -25px 0 0 125px;
 padding: 0;
 }
 
#contact legend {
 display: none;
 }

.hulp small {
 display: none;
 }

.fout input, .fout textarea {
 background: #fff url(img/fout.png) no-repeat 430px 5px;
 }

#qiwi {
 display: none;
 }