@charset "utf-8";
/* CSS Document */

body {background-color:#feb115; background-image:url(../images/background.jpg); margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height: 1.4}
h2	{font-weight:100; font-size:26px; font-variant:small-caps; color:#fff; }
h3 {font-weight:100; font-size:20px; color:#fff; }
a {text-decoration: none; border-bottom: solid #3f3f3f 1px; color:#3f3f3f}
a:hover {text-decoration: none; border-bottom: solid black 1px; color:black}
img {border:none;}
p.center {text-align: center}

#topInfo {background-color:#009CFF; text-align:center; border-bottom:1px dashed white; height:23px; padding-top:5px;}

.links {list-style:none;}
.rechts {list-style:none;}
ul.links 	{width:300px; display:inline-block}
ul.rechts {width:300px; display:inline-block; border-left:solid #84cfff 1px;}
li.titel { font-weight:800; list-style:square; padding-bottom:10px;}


h2.sectie {border-left:solid 50px white; border-right:solid 150px white; margin-right:-20px; margin-left:-20px; padding-left:25px;}
h2 a {color:white;}
.right{float:right}
.left {float:left}
.center {text-align: center}
.clearix {display:inline-block}
.block {display:block}

#header { background-image:url(../images/logo.png); background-repeat:no-repeat; background-position:left top; width:900px; height:216px; z-index:500; position:relative; margin-left:auto; margin-right:auto}
#header h1 { bottom:55px; left:300px; position:absolute; font-size:36px; letter-spacing:2px; color:#FFF}
#wrapper {margin-left:auto; margin-right:auto; width:942px}
#container { width:700px; float:left; background-color:#009CFF; margin-top:-150px; padding:110px 20px 20px 20px; min-height: 500px;}

/* MENU */
#menu {width: 200px;float:left; font-variant:small-caps}
#menu ul{list-style-type: circle;list-style-position:inside;margin:0;padding:0;}
#menu li{display: inline;/* for IE5 and IE6 */}
#menu a{color: #483000;text-decoration: none;font-size: 16px;display: block;padding: 6px 3px 6px 20px;width: 300px;background-color: #009CFF;border-bottom: 1px dashed #fff; border-left:1px dashed #fff}
#menu a:link{color: #483000;text-decoration: none;}
#menu a:hover{color: #000;background-color:#FFF;}
#menu li a#current{background: #FFF;color: #000;}
#menu .first {border-top:1px dashed #FFF;}

#nieuws {margin:0; padding:0; list-style:none;}
#nieuws h3 {margin-bottom: 5px; display:inline-block}
span.block {color:white}

.leiding {font-size:12px;}
.leiding ul {}
.leiding li {list-style:none; margin-left:-40px; margin-bottom:-10px;}
.leiding p {display:inline-block}
.leiding .naam {width:220px;}
.leiding .adres {width:320px}
.leiding .telefoon {width:100px;}
.leiding .email {width:40px; text-align: right}
.leiding .edit {margin:0}

.leiding .email a  {border:none;}

#accordion span.datum {color:white; width:175px; display:inline-block; font-size:14px;}
#accordion a {color:white;}
#accordion p {margin-left:250px;}
#accordion h4 {margin-left:75px}

#accordion2 span.datum {color:white; width:175px; display:inline-block; font-size:14px;}
#accordion2 a {color:white;}
#accordion2 p {margin-left:250px;}
#accordion2 h4 {margin-left:75px}

#mailbestelling {margin-top: 50px;}
#mailbestelling label {width:100px; text-align:right; display:block; float:left; margin-right:15px;}
#mailbestelling input { width:300px; height: 25px;}
#mailbestelling textarea { width:500px;}
#mailbestelling .submit {margin-left:115px; width:503px; background-color:white; border: solid black 1px; color:black;}

.gastenboek h4 {margin-bottom:-5px; margin-top:20px; display:inline-block}
.gastenboek li {list-style:none;margin-bottom:20px;}


.action a {border:none; display:inline-block; }
.action {display:inline; margin-left: 30px;}

.programma a {border:none; display:inline-block; color:white; font-size: 12px }
.programma {display:inline; margin-left: 300px;}

.footerline			{font-size:10px; margin-left: 200px;}
.footerline li		{display:inline; padding:0 15px 0 15px; border-left:solid black 1px;}
.footerline li:first-child {border:none}

.groepen img {float:left; margin-right: 15px; margin-bottom:15px;}
.groepen li {clear:both; list-style:none; margin-bottom:20px;}
.groepen {padding-left:0}

.tetrisscore {margin-left:130px; margin-top:50px;}
.tetrisscore li {margin-bottom:20px}
.tetrisscore .score {font-size:26px; width:170px; display:inline-block}
.tetrisscore .first {font-size:30px; font-weight:bolder}

/*ADMIN*/
label {width:65px; display:block; float:left; text-align:right; margin-right:10px; height:30px; font-weight: bold; font-variant: small-caps;}
.submit input {margin-left: 160px;}
input {height:30px; width:400px}
textarea {height:300px; width:600px}

#tetrisspel input {width:200px;}

#fbteaser a, #fbteaser a:hover {border:none;}
#fbteaser {text-align:center; margin-bottom:30px}

#kampen li {line-height:20px}
#kampen li span {font-weight:bold; margin-right:15px}
#kampen {float:left}