@charset "utf-8";
/* CSS Document */
body {margin:0; padding:0; background-image:url(/images/bg.jpg); background-repeat:repeat;}
p, ol, li, ul, form {margin:0; padding:0;}
#container {width:961px; height:auto; margin:0 auto; border:0px solid red;}

#header, #headercms {background-image:url(/images/header.jpg); width:960px; height:74px;}

#tellertotaal {margin:17px 0 0 770px; position:absolute;}
#telleronline {margin:17px 0 0 899px; position:absolute;}
#tellertotaal, #telleronline {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff;}
#tellertotaal b, #telleronline b {color:red;}

#sanicom {margin:88px 0 0 830px; position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#888;}
#sanicom a {color:#fff; text-decoration:none;}
#sanicom a:hover {color:#888;}

#leftmenu1, #leftmenu2, #leftmenu3 {width:132px; border:0px solid red; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff;}
#leftmenu1 a, #leftmenu2 a, #leftmenu3 a {color:#888; text-decoration:none; line-height:15px;}
#leftmenu2 a {line-height:0;}
#leftmenu2 a:hover {color:#fff; border-bottom:2px solid red; line-height:0;}
#leftmenu2 a.active {color:#fff; border-bottom:2px solid red; line-height:0; margin-bottom:-1px}
#leftmenu2 {height:230px;}
#leftmenu1 a:hover, #leftmenu3 a:hover {color:#fff;}
#leftmenu1 {margin:40px 0 0 0;}
#leftmenu2 {margin:-21px 0 0 0;}
#leftmenu3 {margin:25px 0 0 0;}
#leftmenu2 .year {font-size:11px;}
#leftmenu1 img, #leftmenu2 img, #leftmenu3 img {padding:5px 0;}
#leftmenu2 img {padding:5px 0 11px 0;}
.arrows {padding:5px 0;}

#events {position:absolute; width:797px; height:190px; margin:-212px 0 0 160px; border:0px solid red; background-color:#0D0D0D; border:1px #333 solid; background-image:url(/images/events.jpg);}
.event, .foto {width:151px; height:146px; border:0px solid red; margin:7px 0 0 7px; float:left;}
.foto {height:143px;}
.event img {border:0; margin-bottom:7px;}
.foto img {border:0; margin-bottom:2px;}
#nav {width:67px; height:28px; margin:160px 0 0 365px; position:absolute; z-index:1000;}
#navleft {}
#navright {}
.eventtxt, .fotonaam {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff;}
.fotonaam {color:#888;}
.eventdate, .fotodate {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#888;}
#fotoalbum {width:797px; margin:-212px 0 0 160px; height:656px; background-color:#0D0D0D; border:1px #333 solid; background-image:url(/images/fotoalbum.jpg); background-position:top; background-repeat:no-repeat;}
.foto img {width:151px;height:107px;}
#topnav, #bottomnav  {background-image:url(/images/fotoalbum.jpg); background-repeat:no-repeat; width:797px; height:21px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff; padding:5px 0;}
#topnav {}
#bottomnav {margin-top:603px; margin-bottom:-9px; position:absolute;}
#topnav a, #bottomnav a {color:#fff; text-decoration:none; background-color:#0D0D0D; border:1px solid #333; margin:0 2px; padding:0 7px;}
#topnav a:hover, #bottomnav a:hover {border:1px solid red; color:#fff;}
#topnav .actief, #bottomnav .actief {background-color:#0D0D0D; border:1px solid red; color:#fff; margin:0 2px; padding:0 7px;}
#topnav a.pijlen, #bottomnav a.pijlen {background-color:red; border:1px solid red;}
#topnav a.pijlen:hover, #bottomnav a.pijlen:hover  {background-color:#900; border:1px solid #900;}

#leftfooter, #rightfooter {width:460px; height:auto; border:0px solid red; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff; position:absolute;}
#leftfooter img, #rightfooter img {margin-top:4px; margin-left:1px;}
#leftfooter {margin:45px 0 0 0;}
#rightfooter {margin:45px 0 0 482px;}
#leftfooter a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff; text-decoration:none;}
#leftfooter a:hover {color:#888;}

#brons {width:944px; min-height:200px; height:auto; background-image:url(/images/bgbrons.jpg); margin-top:70px; padding:7px; border:0px #333 solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff;}
#bronstop {width:958px; height:1px; background-color:#0D0D0D; background-image:url(/images/bgbrons-top.jpg); position:absolute; margin-top:70px; border:0px solid red;}
#bronsbottom {width:958px; height:1px; background-image:url(/images/bgbrons-top.jpg); border:0px solid red; margin-bottom:25px;}
#brons a {color:#888; text-decoration:none; line-height:15px;}
#brons a:hover {color:white; width:98%; display: inline-block; border-bottom:2px solid red; line-height:13px;}

#bedrijven {position:absolute; width:532px; height:228px; background-color:#0D0D0D; border:1px #333 solid; z-index:1000; left:50%; top:498px; padding:7px 7px 3px 7px; margin-left:-266px; display:none;}
#bedrijven a {color:red; font-weight:bold; text-decoration:none;}
.bedrijvengrootimg {float:left;}
.bedrijvengrootimg img {background-color:#FFF; width:280px; height:225px;}
.bedrijvengroottekst {float:left; margin-top:7px; margin-left:19px; padding-right:7px; width:172px; color:#FFF; font-size:18px; position:relative;}
.bedrijvengroottekst strong, em {color:#FF0000;}
#bedrijven ul {margin:0 0 0 9px;}

#goud {width:813px; height:189px; margin:-88px 0 0 149px;}
#zilver {width:782px; height:134px; margin:-79px 0 0 160px; background-color:#0D0D0D; padding:7px; border:1px #333 solid;}
#zilver object {margin:-2px 0 0 0; border: 0;}/* margin:-8px 0 0 -4px; border: 0; */

#login, #contact, #gastenboek, #agenda, #textfield {color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; margin:-206px 0 0 160px;}
#login input.submit, #contact input.submit, #gastenboek input.submit, #textfield input.submit {width:auto; background-color:#222; color:#888; margin-top:10px; margin-bottom:20px; cursor:pointer; border:1px solid #333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff; padding:2px 5px; width:175px; margin-bottom:5px;}

#agenda table {margin-left: 270px;}
#agenda table.activiteit {text-align: left;}
.activiteit th {text-align: left; border-bottom: 2px solid red;}

/* CMS Styling */
#cmscontent {position:absolute; width:658px; margin:55px 0 30px 240px; height:auto; min-height:500px; border:1px #333 solid; z-index: -1; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff; background-color:#0D0D0D; padding:15px 30px 23px 30px;}
#cmscontent input, #cmscontent select, #cmscontent textarea, 
#gastenboek input, #gastenboek select, #gastenboek textarea,
#textfield input, #textfield textarea {background-color:#000; color:#fff; border:1px solid #333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff; padding:2px 5px; width:175px; margin-bottom:5px;}
/*#textfield {width:767px; margin:-212px 0 0 160px; height:auto; background-color:#0D0D0D; border:1px #333 solid; padding:15px;}*/
#textfield {width:737px; margin:-212px 0 0 160px; height:auto; background-color:#0D0D0D; border:1px #333 solid; padding:25px 30px 23px 30px;}
#textfield h5, #textfield h6 {border-bottom:1px solid #333; margin-top:-38px; margin-bottom:20px; margin-left:3px; width:730px;}
#textfield h6 {margin-top:-39px; margin-left:6px; width:728px;}
#textfield img {padding:0 0 17px 0; width:735px; height:2px;}

#cmscontent input.submit {width:auto; background-color:#222; color:#888; margin-top:10px; margin-bottom:20px; cursor:pointer;}
#cmscontent a {color:#888; border-bottom:0px solid red; text-decoration:none;}
#cmscontent a.pijlen {color:#fff;}
#cmscontent a:hover {color:#fff; border-bottom:2px solid red;}
#cmscontent h4, #cmscontent tr th, #cmscontent b {color:#fff; border-bottom:2px solid red;}
#leftmenucms {width:210px; border:0px solid red; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff; margin:40px 0 0 0; position:absolute;}
#leftmenucms a {color:#888; text-decoration:none; line-height:15px;}
#leftmenucms a:hover {color:#fff;}
#leftmenucms img {padding:5px 0; width:210px; height:5px;}
#leftmenucms img.img {width:16px;height:16px; margin-bottom:-8px;}
#leftmenucms img.img2 {padding:5px 0; width:189px; height:5px;}
.no {color:red;font-weight:bold;font-size:11px;}
.medailles {background-color:#0D0D0D; padding:3px 10px 10px 10px; border:1px solid #333;}
.info {color:#888; line-height:16px;}
.info strong {color:#fff; border-bottom:0px solid red; font-weight:normal;}
.info table td {height:40px;}
#headercms {background-image:url(/images/headercms.jpg);}
#cmscontent input.active {background:#0D0D0D; border:none; width:15px; margin-bottom:0px;}
a img {border:0;}
table.cms {text-align:center; width:100%;}
a.ad {background-color:#222; border:1px solid #333; padding:2px 5px;}
#cmscontent a.ad:hover {color:#888; border-bottom:0px;}
#cmscontent table.cms input {margin-bottom:0; width:auto; text-align:center;}
#cmscontent table.cms input.submit {margin-top:0; margin-bottom:0; cursor:pointer;}
#cmscontent table.cms td {height:20px;}
#cmscontent h5 {border-bottom:1px solid #333; margin-top:-50px;}/* html margin-top:-48px; */
#cmscontent h6 {border-bottom:1px solid #333; margin-top:-23px;}/* 23px; {background-color:red;} */
#mov-goud {position:absolute;margin:400px 0 0 181px;z-index:1000;}
#mov-goud a.mov, #mov-zilver a.mov, #mov-brons a.mov, #mov-vacature a.mov, #mov-aanpassen a.mov {display:block;width:156px;height:28px;background-color:red;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;}
#mov-zilver {position:absolute;margin:353px 0 0 485px;z-index:1001;}
#mov-brons {position:absolute;margin:439px 0 0 322px;z-index:1002;}
#mov-vacature {position:absolute;margin:313px 0 0 322px;z-index:1003;}
#mov-aanpassen {position:absolute;margin:358px 0 0 322px;z-index:1004;}

#leftmenu2 a.demo {width:100%; height:19px; display:block; background-color:red; border:0; color:#fff; line-height:19px; text-align:center; font-size:10px;}
#leftmenu2 a.demo:hover {width:100%; height:19px; display:block; background-color:#900; border:0;}

table.gastenboek {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff; border:1px solid #333; margin:10px 0 20px 5px; padding:0; background-color:#111; width:727px;}
table.gastenboek p {padding:0 22px 18px 22px;}
td.empty {width:478px;}
td.time {background-color:#0D0D0D; border:1px solid #222; border-top:0; border-right:0; color:#666; margin:0; padding:2px 0; text-align:center; width:125px;}
.red {color:#FF0000; font-weight:bold; padding-left:22px;}
table.gastenboekcms {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff; border:1px solid #333; margin:10px 0 20px 5px; padding:0; background-color:#111; width:647px;}
table.gastenboekcms p {padding:0 22px 18px 22px;}

#handleiding {margin:4px 0 -2px -2px;}
#space {height:20px;}

#zoeken {margin:48px 0 0 770px; position:absolute; z-index:1000;}
#zoeken input {background-color:#444; border:0px solid #333; width:135px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; padding:2px 0;}
#zoeken input.submit {background-color:red; border:1px solid #333; text-align:center; cursor:pointer; width:50px; border:0;}

.klik1, .klik2, .klik3 {position:absolute; margin:40px 0 0 160px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#666;}
.klik2 {margin-left:430px;}
.klik3 {margin-left:700px;}