* {font-family: tahoma; font-size: 11px; margin: 0px; padding: 0px; }
body {background-color: #d4d9dd; }

div#main {background-color: white; width: 780px; margin: auto; border-right: 2px solid #a2b8c8; border-left: 2px solid #a2b8c8; padding-top: 22px; }
h1 {padding: 8px 5px; font-size: 14px; color: #a2b8c8; border-bottom: 2px solid #a2b8c8; display: inline; margin: 13px; margin-bottom: 15px; float: left; clear: both; }
h2 {clear: both; margin-left: 19px; padding: 0px 15px; font-size: 13px; font-weight: bold; color: #a2b8c8; background-image: url("img/bullet.gif"); background-repeat: no-repeat; background-position: left 50%;  }

div.club {clear: both; width: 754px; margin: 13px; background-image: url("img/club.gif"); background-position: top right; background-repeat: no-repeat; }
div.club h3 {background-image: url("img/club.gif"); background-position: top left; font-size: 13px; padding: 10px 20px 5px; margin-right: 20px; }
div.club .logo { float: right;  }
div.club div.props {background-image: url("img/club.gif"); background-position: bottom left; background-repeat: no-repeat; padding: 10px; border-right: 2px solid #a2b8c8; overflow: hidden; }
div.club dl dt {color: gray; font-style: italic; width: 80px; text-align: right; float: left; clear: left; margin-right: 10px; margin-bottom: 2px;  }
div.club dl dd {float: left; width: 350px; margin-bottom: 2px;  }
div.club dl dd a {text-decoration: none; color: black; }
div.club dl dd ul li {list-style-type: none; width: 150px; }

img.belgie {width: 28px; height: 23px; float: right; margin: 5px 10px 0px; }

div#footer {clear: both; text-align: center; color: #a2b8c8; padding: 12px; }

div#navigatie {top: 0px; position: fixed; width: 780px; }
div#navigatie ul {display: block; padding: 0px 100px; overflow: hidden; background-color: #abbfce; border-bottom: 2px solid #a2b8c8; }
html>body div#navigatie ul {background-color: rgba(162,184,200,0.9); }
div#navigatie li {float: left; display: block; list-style: none; }
div#navigatie li a {display: block; width: 100px; text-align: center; padding: 6px 45px; text-decoration: none; color: white; font-size: 14px; font-weight: bold; }
div#navigatie div.subnav {background-color: white; clear: both; border-bottom: 2px solid #a2b8c8; padding: 20px; display: none; }
div#navigatie div.subnav.actief {display: block; }

div#alertbox {bottom: 0px; position: fixed; width: 760px; background-color: #a4b4b4; padding: 10px; display: none; }

html>body div#navigatie div.subnav {background-color: rgba(255,255,255,0.9); }

form#frmlocatie {text-align: center; }

a img {border: 0px; }

#shadowbox_content {background-color: white; }

form#frmdatum {overflow: auto; width: 100%; }
table.maand {display: block; float: left; margin: 12px; height: 165px;  }
table.maand th {padding: 5px 0px 2px; text-align: center; background-color: #CCCCCC;  }
table.maand tr {background-color: #efefef; }
table.maand td.dag {background-color: white; border: 1px solid gray; text-align: center; padding: 3px;  }
table.maand td.vandaag, table.maand tr.hover td.dag.vandaag {border-color: red;  }
table.maand td.vandaag a {color: red;  }
table.maand tr.hover td.dag {border-color: green; }
table.maand td.dag a {color: black; text-decoration: none; }

p {padding: 2px 0px 5px; }

/* ADMIN */

span.info {color: gray; }

div#admin table {border-collapse: collapse; width: 100%; }
div#admin dt {width: 140px; text-align: right; padding: 3px; text-align: right; display: inline; float: left; clear: left; }
div#admin dd {border: 0px; display: inline; width: 575px; float: left; padding: 3px; }
div#admin div.scroll {height: 100px; overflow: auto; border: 1px solid gray; border-width: 1px 0px; }
div#admin div.scroll th, div#admin div.scroll td {border: 1px solid gray; padding: 3px; }
div#admin div.scroll th {border-top: 0px; }
div#admin input {width: 100%; border: 0px; border-bottom: 1px dotted gray; }
div#admin select, div#admin textarea {border: 1px dotted gray; width: 100%; overflow: auto; }
div#admin input.submit {width: auto; background-image: url("img/save.gif"); background-repeat: no-repeat; background-position: 2px center; border: 1px solid gray; padding: 2px; padding-left: 20px;  }
div#admin input.send {background-image: url("img/mail.gif"); }
div#admin input.chckbox {width: auto; }
div#admin fieldset {margin: 10px; padding: 10px; clear: both; }
div#admin legend {font-weight: bold; padding: 0px 3px; }
