/* HTML en BODY */
html {overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: auto; margin: 0; height: 100%; background: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #686868; scrollbar-highlight-color: #f5f4f2; scrollbar-3dlight-color: #686868; scrollbar-shadow-color: #000; scrollbar-darkshadow-color: #686868; scrollbar-track-color: #ccc; overflow:scroll;}
/*body {position: relative; min-height: 100%; width: 999px; padding: 0px; margin: 0 auto; background-color: #d7e6e1; background-attachment: fixed; background-image: url(../images/hc-bck.jpg); background-repeat: repeat-y; background-position: center top; border: 0px;}*/
td, div, body, input,textarea, span {font-family: "Palatino Linotype", "Courier New", Courier, mono; font-size:12px; letter-spacing: 0.1em; line-height: 16px; }
body {position: relative; min-height: 100%; width: 999px; padding: 0px; margin: 0 auto; background-color: #d7e6e1; background-attachment: fixed; background-image: url(../images/hc-bck.jpg); background-repeat: repeat-y; background-position: center top; border: 0px;}
/* LAYERS */ content
#container {position: absolute; min-height: 100%; width: 999px; padding: 0px; margin: 0 auto 35px; border: 0px; z-index: 1;}
#metanav {position: absolute; top: 3px; left: 0px; text-align: right; width: 989px; height: 11px; padding: 0px 10px 0px 0px; z-index:2; vertical-align: top; text-transform: uppercase; font-size:10px;}
#date {position: absolute; top: 76px; left: 0px; text-align: left; width: 999px; height: 10px; padding: 0px 0px 0px 16px; z-index:2; vertical-align: top; text-transform: uppercase; font-size:10px;}
#logo {position: absolute; top: 265px; left: 0px; text-align: left; width: 317px; height: 63px; padding: 0px 0px 0px 16px; z-index:10; vertical-align: top; }
#content {position: absolute; top: 95px; left: 0; text-align: left; width: 999px; height: 247px; padding: 0px; z-index:2; background-attachment: scroll; background-image: url(../images/hc-bck-img-trans-wit.png); background-repeat: repeat; background-position: left top; vertical-align: top; }
#contentmenu {position: absolute; top: 10px; left: 13px; text-align: left; width: 316px; height: 225px; padding: 5px; z-index:3; background-attachment: scroll; background-image: url(../images/hc-bck-blok1.png); background-repeat: no-repeat; background-position: left top; vertical-align: top; text-transform: uppercase; font-size:10px; line-height: 15px;}
#contentslogan {position: absolute; top: 10px; left: 342px; text-align: left; width: 317px; height: 225px; padding: 5px; z-index:3; background-attachment: scroll; background-image: url(../images/hc-bck-blok2.png); background-repeat: no-repeat; background-position: left top; vertical-align: top;}
#contentnoslogan {position: absolute; top: 10px; left: 342px; text-align: left; width: 317px; height: 225px; padding: 5px; z-index:3; background-attachment: scroll; background-image: url(../images/hc-bck-noslogan.png); background-repeat: no-repeat; background-position: left top; vertical-align: top;}
#contentintro {position: absolute; top: 10px; left: 672px; text-align: left; vertical-align: top; width: 306px; height: 225px; padding: 5px 10px 5px 10px; z-index:3; background-attachment: scroll; background-image: url(../images/hc-bck-blok3.png); background-repeat: no-repeat; background-position: left top; color:#FFFFFF}
#tekst {padding: 5px 10px 5px 10px;}
#show {position: absolute; top: 353px; left: 13px; text-align: left; width: 705px; height: 139px; padding: 5px; z-index:5; background-attachment: scroll; background-image: url(../images/hc-bck-show.png); background-repeat: repeat; background-position: left top; vertical-align: top;}
#fotolijst {position: absolute; top: 445px; left: 0px; text-align: right; width: 350px; padding: 5px 100px 5px 5px; z-index:2; background-attachment: scroll; background-image: url(../images/hc-bck-show.png); background-repeat: repeat; background-position: left top; vertical-align: top;}
/*#nieuwsblok { position: absolute; top: 20px; right: 154px; bottom: 38px; text-align: left; vertical-align: top; width: 247px; padding: 5px 10px 5px 10px; z-index:3; background-attachment: scroll; background-image: url(../images/hc-bck-img-trans-wit.png); background-repeat: repeat; background-position: left top;}*/
#nieuwsblokinhoud {z-index:1;position: relative; left:215px; width: 267px; padding: 0px; margin: 0 auto 35px; border: solid 0px #000000; }
#nieuwsblok { position: relative; top: 0px; right: 0px; bottom: 38px; text-align: left; vertical-align: top; width: 247px; padding: 5px 10px 5px 10px; background-attachment: scroll; background-image: url(../images/hc-bck-img-trans-wit.png); background-repeat: repeat; background-position: left top; border: solid 0px #000000;}
#containerinhoud {position: relative; min-height: 650px; width: 999px; padding: 0px; margin: 0 auto 35px; z-index: 4; border: solid 0px #000000;}
#inhoud {position: relative; top: 0px; left: 364px; text-align: left; vertical-align: top; width: 539px; padding: 5px 10px 5px 10px; z-index: 5; background-attachment: scroll; background-image: url(../images/hc-bck-img-trans-inhoud.png); background-repeat: repeat; background-position: left top;}
#footer {position: absolute; bottom: 10px; left: 0px; text-align: center; vertical-align: top; width: 999px; height: 22px; padding: 6px 0px 0px 0px; z-index:5; text-transform: uppercase; font-size: 9px; letter-spacing: 0.1em; background-attachment: scroll; background-image: url(../images/hc-bck-nawbalk.png); background-repeat: repeat-x; background-position: left top;}
/* ALGEMEEN */
body, div, tr {color: #424141;}
input,textarea {color: #666666; background-color:#FFFFFF; border-bottom-color:#666666; border-left-color: #666666; border-right-color:#e2cb91; border-top-color: #666666; border-style: solid;}
hr { color:#c61a3b;}
li {line-height: 24px; font-size:11px;}
a {color: #CC0000; font-weight:bold; text-decoration: none;}
a:visited {color: #CC0000; font-weight:bold; text-decoration: none;}
a:active {color: #CC0000; font-weight:bold; text-decoration: none;}
a:hover {color: #424141; font-weight:bold; text-decoration: underline;}
a.meta {color: #424141; font-weight:bold; text-decoration: none;}
a.meta:visited {color: #424141; font-weight:bold; text-decoration: none;}
a.meta:active {color: #424141; font-weight:bold; text-decoration: none;}
a.meta:hover {color: #424141; font-weight:bold; text-decoration: none; background-color:#FFFFFF}
a.menu {color: #424141; font-weight:bold; text-decoration: none;}
a.menu:visited {color: #424141; font-weight:bold; text-decoration: none;}
a.menu:active {color: #424141; font-weight:bold; text-decoration: none;}
a.menu:hover {color: #424141; font-weight:bold; text-decoration: none; background-color:#FFFFFF}
a.submenu {color: #424141; font-weight:bold; text-decoration: none;}
a.submenu:visited {color: #424141; font-weight:bold; text-decoration: none;}
a.submenu:active {color: #424141; font-weight:bold; text-decoration: none;}
a.submenu:hover {color: #424141; font-weight:bold; text-decoration: none; background-color:#c3bcb1}
a.mail {color: #424141; font-weight:normal; text-decoration: none;}
a.mail:visited {color: #424141; font-weight:normal; text-decoration: none;}
a.mail:active {color: #424141; font-weight:normal; text-decoration: none;}
a.mail:hover {color: #424141; font-weight:normal; text-decoration: underline;}
a.intro {color: #FFFFFF; font-weight:normal; text-decoration: underline;}
a.intro:visited {color: #FFFFFF; font-weight:normal; text-decoration: underline;}
a.intro:active {color: #FFFFFF; font-weight:normal; text-decoration: underline;}
a.intro:hover {color: #FFFFFF; font-weight:normal; text-decoration: none;}
.vet { font-weight: bold; }
.hoofdletters { text-transform: uppercase;}
.hoogte14 { line-height: 14px;}
.hoogte16 { line-height: 16px;}
.hoogte18 { line-height: 18px;}
.letter-tien { font-size:10px}
.letter-elf { font-size:11px}
.letter-twaalf { font-size:12px}
.letter-veertien{ font-size:14px}
a.leesverder {color: #424141; font-weight:normal; text-decoration: none; text-transform: uppercase; font-size:10px}
a.leesverder:visited {color: #CC0000; font-weight:normal; text-decoration: none; text-transform: uppercase; font-size:10px}
a.leesverder:active {color: #CC0000; font-weight:normal; text-decoration: none; text-transform: uppercase; font-size:10px}
a.leesverder:hover {color: #CC0000; font-weight:normal; text-decoration: underline; text-transform: uppercase; font-size:10px}