@charset "iso-8859-1";
/* author: Geert-Emo Drenth */
@font-face {font-family: Casa; font-style: normal; font-weight: normal; src: url(CASA1.eot)}
@font-face {font-family: Casa; font-style: normal; font-weight: 700; src: url(CASA0.eot)}
* {padding: 0; margin: 0}
td, textarea {line-height: 150%}
a {outline: none}
img, a img {border: none}
body {margin: 15px 0px 0px 0px; padding: 0; scrollbar-base-color: #f8fcfb; scrollbar-arrow-color: #cbcfce; scrollbar-track-color: #f8fcfb}
h1 {font-family: Casa, Verdana; color: #214e43; font-size: 28px; font-weight: normal; letter-spacing: 2px; margin: 0px 0px 10px 0px; padding: 0}
h2 {font-family: Casa, Verdana; color: #214e43; font-size: 22px; font-weight: normal; letter-spacing: 2px; margin: 0px 0px 5px 0px; padding: 0}
h3 {font-family: Casa, Verdana; color: #214e43; font-size: 16px; font-weight: normal; letter-spacing: 1px; margin: 0; padding: 0}
ul.hoofd {margin: 0px 0px 0px 17px; padding: 0; text-indent: 0; list-style-type: square; list-style-image: url(square.gif)}
ul.sub {margin: 0px 0px 0px 34px; padding: 0; text-indent: 0; list-style-type: square; list-style-image: url(square2.gif)}
li.hoofd {margin: 15px 0px 5px 0px; list-style-type: square; list-style-image: url(square.gif)}
li.sub   {margin: 0px 0px 5px 0px; list-style-type: square; list-style-image: url(square2.gif)}
table.contact .submit   {font-family: Verdana, sans-serif; font-size: 12px; color: #f8fcfb; font-weight: bold; border: 2px outset #f8fcfb; width: 150px; margin: 0; padding: 0 14px; background-color: #2b6456; cursor: pointer}
table.contact .select   {font-family: Verdana, sans-serif; font-size: 12px; color: #2b6456; font-weight: normal; border: 2px outset #f8fcfb; width: 300px; padding: 1px 4px; background-color: #f8fcfb}
table.contact .input    {font-family: Verdana, sans-serif; font-size: 12px; color: #2b6456; font-weight: normal; border: 2px inset  #f8fcfb; width: 300px; padding: 1px 4px; background-color: #f8fcfb}
table.contact .textarea {font-family: Verdana, sans-serif; font-size: 12px; color: #2b6456; font-weight: normal; border: 2px inset  #f8fcfb; width: 300px; height: 123px; padding: 1px 4px; background-color: #f8fcfb}
.foutkleur {font-family: Verdana, sans-serif; font-size: 12px; color: #ff0000; font-weight: bold}
.text {color: #58b79f; position: absolute; left: 40px; bottom: 40px; width: 460px; height:300px}

#menuback {position: absolute; left: 0px; top: 0px; width: 150px; background-color: #edf1f0}
#logo {position: absolute; left: 15px; top: 5px; width: 120px; height: 165; margin: 0; padding: 0}
#menu {position: absolute; left: 0px; top: 180px; width: 150px}
#omenu {position: absolute; left: 0px; top: 250px; width: 150px}
#submenu {position: absolute; left: 170px; top: 10px; width: 100px; visibility: hidden}
#taaldiv {position: absolute; left: 0px; top: 0px; width: 150px; text-align: center; visibility: hidden}
#menu ul, #omenu ul {list-style: none; margin: 5px}
#submenu ul {display: table; list-style: none}
#taaldiv ul {list-style: none; margin: 0px 5px 0px 5px}
#menu li, #taaldiv li {font-family: Verdana, sans-serif; font-size: 14px; text-align: left}
#omenu li {font-family: Verdana, sans-serif; font-size: 11px}
#submenu li {font-family: Verdana, sans-serif; font-size: 14px; float: left}
#menu a, #omenu a, #taaldiv a.knop {color: #214e43; display: block; width: 132px !important; width: 140px; padding: 2px 0px 4px 6px; text-decoration: none; white-space: nowrap; overflow: hidden}
#submenu a {color: #214e43; display: block; padding: 2px 9px 4px 9px; text-decoration: none}
#menu a:visited, #omenu a:visited {color: #c0c0c0}
#menu a:hover, #omenu a:hover, #submenu a:hover, #taaldiv a:hover {color: #214e43; background-color: #bccac6}
#menu a.selected, #omenu a.selected, #submenu a.selected, #taaldiv a.selected, #menu a.selected:visited, #menu a.selected:hover, #omenu a.selected:visited, #omenu a.selected:hover, #submenu a.selected:hover, #taaldiv a.selected:hover {color: #ffffff; background-color: #214e43}
#fotolinks {position: absolute; left: 170px; top: 50px; width: 120px}
#fotorechts {position: absolute; right: 20px; top: 50px; width: 120px}
#fotolinks img, #fotorechts img {display: block; margin-bottom: 10px; cursor: pointer}
#tekst {position: absolute; left: 310px; top: 50px; width: 100px; padding-top: 5px; visibility: hidden; font-family: Verdana, sans-serif; font-size: 14px; font-weight: normal; color: #2b6456; line-height: 150%}
#fotodiv {position: absolute; left: 0px; top: 0px; width: 500px; height: 375px; visibility: hidden; z_index: 100}
#footerdiv {position: absolute; left: 170px; top: 0px; width: 100px; visibility: hidden; font-size: 8px; text-align: center}
#footerdiv a {font-family: Verdana, sans-serif; font-size: 8px; color: #7fb1a5; text-decoration: none}
#footerdiv a:hover {text-decoration: underline}

/* oud */
.foot a {font-family: Verdana, sans-serif; font-size: 8px; color: #7fb1a5; text-decoration: none}
.foot a:hover {text-decoration: underline}
.head3 {font-family: Verdana; color: #214e43; font-size: 16px; font-weight: normal; letter-spacing: 1px; margin: 0; padding: 0}
td {font-family: Verdana, sans-serif; font-size: 14px; font-weight: normal; color: #2b6456; line-height: 150%}