html{background-color:#E80000; height:100%; min-height:100%}
body{font-family:verdana; height:100%; min-height:100%}
#bd{clear:both}
div#submenu{background:#e80000}
.first div#content{margin:0 10px 10px}
#doc2{width:960px;position:relative; min-height:100%; background:#fff url(/images/layout/content-bg-2.jpg) repeat-y 0 200px}
#content{font-size:.846em}
#content a img, #content .editmode .editlink, #content .editlink img{border:0}
.clearfix, .editmode, .paragraphitem, div.editmode+div{clear:both}

/* =HEADER
---------------------------------------------------------------------------*/
#hd{background-color: #e80000; height:196px;padding-right:10px;}
.hdbanner {border-bottom:solid 2px #000}
#hd h1 a{position:absolute; top:0; left:0; width:135px; height:145px; text-indent:-999em; overflow:auto}
#iconmenu{position:absolute; right:5px; text-align:right; z-index:99; font-size:.769em}
#iconmenu a{color:#fff}

/* =FOOTER
---------------------------------------------------------------------------*/
#ft{color:#fff; text-align:center; font-size:.769em}

/* =MAINMENU and LEFT SUBMENUS
---------------------------------------------------------------------------*/
#menu{float:left; margin-bottom:6px; margin-top:-3px; font-size:.923em}
#menu li{display:block; float:left; background:url(/images/layout/i-mainmenuitem.png) no-repeat bottom right; height:30px}
#menu li a{font-weight:bold; color:#fff; display:block; line-height:30px; background:url(/images/layout/i-mainmenuitem-left.png) no-repeat bottom left; padding:0 11px; text-decoration:none}
#menu li a:hover{text-decoration:underline}
#menu li.active{height:40px; background-image:url(/images/layout/i-a-mainmenuitem.png)}
#menu li.active a{line-height:40px; background-image:url(/images/layout/i-a-mainmenuitem-left.png); color:#000}
#submenu li{clear:both}
#submenu a, #submenu h3{font-size:.846em}
#submenu h3, #submenu li.link a{color:#fff; font-weight:bold; padding-left:10px; margin:3px 0; background:url(/images/layout/menuitem-bg.png) no-repeat 0 0; line-height:25px; height:1%}
#submenu li.link a{display:block; text-decoration:none}
#submenu li.link a:hover{background-position:0 -25px; position:relative; top:1px; left:1px}
#submenu li a{margin-right:6px}
#submenu div{clear:both; width:178px; float:left; padding-bottom:3px; white-space:nowrap}
#submenu div a{color:#fff; text-decoration:none; display:block; float:left; height:1%}
#submenu div a:hover{text-decoration:underline}
#submenu .submenu-image{background-color:#fff}
#submenu div.submenu-image img{margin:0 auto; display:block}
#submenu .wdmlink{font-family:verdana; border:none; cursor:pointer; cursor:hand; display:block; width:100%; color:#fff; font-weight:bold; padding-left:7px; margin:3px 0; background:transparent url(/images/layout/menuitem-bg.png) no-repeat 0 0; height:25px; text-align:left; font-size:.846em}
#submenu .wdmlink:hover{background-position:0 -25px; position:relative; top:1px; left:1px}

/* =ALG. TYPOGRAFIE
-------------------------------------------------------------------------*/
.first h1{font-size:136%; font-weight:bold; padding:.75em 0; clear:both}
.first h2{font-size:1.272em; font-weight:bold; padding:.75em 0; clear:both}
.first h3{font-size:1em; font-weight:bold; padding:.75em 0; clear:both}
strong, strong em{font-weight:bold}
em, em strong{font-style:italic}
#content p, #newsitem div{margin-bottom:1.5em}
#content td{vertical-align:top}
sup, sub{line-height:0}
#content ul{margin:1.5em; list-style:disc}
#content ol{margin:1.5em; list-style:decimal}

/* =ALG. LINKS
-------------------------------------------------------------------------*/
#content a{text-decoration:none}
#content a:link{color:#f00}
#content a:visited{color:#900}
#content a:hover{color:#f00; border-bottom:1px solid #f00}
#content a:active{color:#f00; border-bottom:1px dotted #f00}

/* =DEFAULT SIDEBAR STYLES
-------------------------------------------------------------------------*/
#sidebar{color:#000; font-size:.846em; line-height:1.6; padding:0 0 3px}
#sidebar ul{margin-top:12px}
#sidebar li{list-style:disc; margin-left:1.5em}
#sidebar strong{color:#002020}
#sidebar a{text-decoration:none}
#sidebar a:link{color:#060606}
#sidebar a:visited{color:#696969}
#sidebar a:hover{color:#060606; border-bottom:1px solid #696969}
#sidebar a:active{color:#060606; border-bottom:1px dotted #696969}

/* =A-SELECTIE
-------------------------------------------------------------------------*/
#user{border:1px solid #FF9F9F; width:80%; padding:5px; margin:0 auto; text-align:center}
#user h3{font-weight:bold; margin:5px 0}

/* =AGENDA
-------------------------------------------------------------------------*/
.shortagendaitem .dow, 
.shortagendaitem .date, 
.shortagendaitem .time{display:block; float:left; width:3em}
.shortagendaitem .time{display:block; float:left; width:5em}
.shortagendaitem{margin-bottom:1em}

/* =FORUM
-------------------------------------------------------------------------*/
#forumtable{table-layout:fixed; width:100%; border-spacing:0; border-collapse:collapse}
#forumtable th{background:#C00; color:#fff; padding:3px; border-bottom:1px solid #000}
#forumtable td{vertical-align:middle; padding:3px; border-bottom:1px solid #C00}
#forumtable tr:hover{background-color:#f3f3f3}
th#col2{width:150px}
th#col3{width:60px}
th#col4{width:200px}
td.col3{text-align:center}
td.col4{font-size:.846em}
#threadtable{table-layout:fixed; width:100%; border-spacing:0; border-collapse:collapse}
.replycontent{padding:1em 0}
.postingcontent{padding:1em 0}
.userdetails{width:200px}
.username, .replytitle{display:block; font-weight:bold}
.bordertop, .border{border-top:1px solid #c00; padding-top:.25em}
.borderbottom, .border{border-bottom:1px solid #c00; padding-bottom:.25em}
.posting .borderbottom{border-color:#c00}
.bottomreplyrow td{border-top:2px solid #c00; vertical-align:bottom; padding:.5em 0}
.topreplyrow td{border-top:1px solid #c00; border-bottom:1px solid #c00; vertical-align:bottom; padding:.5em 0}
td.ar{text-align:right}
.userdetails a, .userdetails img{border:0}
#threadtable .editmode{width:75px; text-align:right}
.backlink{text-align:right}
.backlink a{border:1px solid #000; padding:3px; margin:1px}
.replydate, .editbar{font-size:.846em; color:#666}
.editbar{padding:.5em 0 2em}
.newposting a, 
#threadtable .newposting a{font-size:1.077em; font-weight:bold; padding:2px; border:1px solid black; background:#fff; color:#c00}
#forum2 .newposting a:hover, 
#threadtable .newposting a:hover{background:#c00; border-bottom-color:#000; color:#fff}

/* =HOMEPAGE
-------------------------------------------------------------------------*/
#homepage #bd a{text-decoration:none}
#homepage #bd a:link{color:#f00}
#homepage #bd a:visited{color:#900}
#homepage #bd a:hover{color:#f00; border-bottom:1px solid #f00}
#homepage #bd a:active{color:#f00; border-bottom:1px dotted #f00}
#homepage h3{font-size:100%}
#homepage #sidebar h2, 
#homepage #sidebar h3{font-size:92%; color:#fff; font-weight:bold; padding-left:10px; margin:3px 0; background:url(/images/layout/menuitem-bg.png) no-repeat 0 0; line-height:25px; height:1%}
#homepage #sidebar h3 a{color:#fff !important}
#homepage #sidebar .html{margin-bottom:1.5em}
#homepage .leftbar{background-color:#fff;margin-left:5px}
#homepage .leftbar p{font-size:.846em; margin:1em .25em}
#homepage #content p img{float:left; margin:0 .5em .5em 0; width:100px}
#homepage .leftbar #submenu a{color:#fff; text-decoration:none; display:block; float:left; height:1%}
#homepage #sponsors img{width:150px}
#homepage #sponsors a {margin: 2em 0 2em 0;border:none!important;}
.afgelast{font-size:1.5em; font-weight:bold; color:#E80000 !important}
#volgendewedstrijd{text-align:center}
#volgendewedstrijd table{width:100%}
#volgendewedstrijd td img{display:block; margin:0 auto}
.thuis, .uit{width:45%}
.divider{overflow:hidden}
#volgendewedstrijd h4{margin:.5em 0 0; font-weight:bold}
#volgendewedstrijd h5{margin:0 0 .75em}
#volgendewedstrijd p{margin:.5em 0; font-weight:bold; color:#666}

#homepage .homeinfolinks {padding:0;margin:0;}
.homeinfolinks li {list-style:none;padding:0;margin:0}
#homepage #content .homeinfolinks li a:hover {border:none;}

/* =HTML
-------------------------------------------------------------------------*/
#content .html{margin-left:0; padding:0}

/* =information
-------------------------------------------------------------------------*/
.information .body img{float:right;margin:0 0 5px 1em;}
.information .body{margin:1em 0 0 0}

/* =LIBRARY
-------------------------------------------------------------------------*/
.libimage{text-align:center}
.librarytoc{padding-bottom:20px}
.librarytoc li{margin:0 0 5px 0}
li.libdoc{margin:0 0 5px 50px}

.arclibdoc {position:relative;overflow:auto;background:#FDE68A;padding:0 1em;border:solid 1px #FDD77B}
#archivelib h3 {padding:0 0 0 24px;margin: 1em 0 0;height:24px;cursor:pointer;background:url(/images/layout/updownarrow.png) no-repeat;}
#archivelib .docimage {float:right;margin:0 0 5px 1em;}
#archivelib div {margin-bottom:1em;}
#archivelib .docauthor span {font-weight:bold;margin-right:1em;}
#archivelib .docurl {border-bottom:dotted 1px;padding:4px 0 3px 24px;}

/* =LINKOVERVIEW
-------------------------------------------------------------------------*/
#linkoverview table{width:100%}
#linkoverview table td{width:33%; text-align:left}
#linkoverview .link-images td{vertical-align:middle}
#linkoverview .link-images td a{border-bottom:0}
.link-description td{padding-bottom:1.5em}
td .editmode{display:block}
.startpaginadiv li{margin-left:1.25em; list-style:none}

/* =NEWS
-------------------------------------------------------------------------*/
#news div.text{margin-bottom:1.5em}
#news .text img{float:left; margin:0 6px 6px 0}
.newsarchive{text-align:right; position:absolute; top:208px; left:690px}
.secondpicture, .thirdpicture{margin:3px 0}
#sidebar a.archief{color:red}
#newsitem table{clear:both}

/* =SCHOOLGUIDE
-----------------------------------------------------------*/
.leesverder{clear:both}
.paragraphitem img{float:left; margin:0 10px 10px 0}
#content .paragraphitem td p{margin-bottom:5px}
h4{font-weight:bold}
#schoolguide table font{font-size:12px !important}

/* =SITEMENU/SITEMAP
-----------------------------------------------------------*/
#sitemenu ul{border:0}
#sitemenu li{ clear:both; background:none; margin:.5em 0}
#sitemenu li li{list-style:none}
#sitemenu .editmode{margin-left:1em; position:relative; top:5px}
#sitemenu a.menuitem:hover{border-bottom:solid 1px}
#sitemenu a.menuitem-active{font-size:120%; font-weight:bold}
#sitemenu .more img{width:9px; margin-right:5px}
#sitemenu a.plus:hover{border:0}

/* =SPONSORS
-----------------------------------------------------------*/
#sponsors{width:100%; float:right}
#sponsors a img{height:auto; width:auto; background-color:#fff}
#sponsors a{display:block; height:1%; text-align:center; margin-bottom:10px; border-bottom-width:0}
#sponsors h3{text-align:center; margin-bottom:10px}

/* =TEAMPAGE
-------------------------------------------------------------------------*/
#teampage .tn-news li{margin-left:1.25em; list-style:disc}
#temapage .verslagen p img{float:left; margin:0 .5em .5em 0}
#teampage h2{color:#000; font-weight:bold; padding:1em 0 0 1em; }

/* TEAMNODE
-----------------------------------------------------------*/
#teamnode #column1, #teamnode #column2{overflow:hidden}
#teamnode #column1{float:left; width:500px}
#teamnode #column2{clear:right; float:right; width:230px}
#teamnode h2{font-size:92%; color:#fff; font-weight:bold; padding-left:10px; margin:15px 0 0 0; background-color: #E80000;}
#teamnode .intro {margin-top: 5px;}
#teamnode ul {margin-top: 5px;}
#teamnode #rssgroup .item {float:left;border:solid 1px #ccc;padding:2px;margin:0 2px 4px;background:#fff;text-align:center;}
#teamnode #rssgroup .item:hover {background-color:#ddd}
#teamnode #rssgroup .item img {width:85px;display:block;clear:left;margin:0 auto;}
#teamnode #rssgroup .textlink {width:100%;}
#teamnode #newsitem {padding: 0 0 10px 0; border-bottom-style:dotted; border-width: 1px; border-bottom-color:#E80000;}
#teamnode .shortagendaitem .dow {display:block; float:left; width:1.9em}
#teamnode .shortagendaitem .date {display:block; float:left; width:1.7em}
#teamnode .shortagendaitem .time {display:block; float:left; width:1.5em}
#teamnode .shortagendaitem .time{display:block; float:left; width:3.5em}
#teamnode .shortagendaitem{margin-bottom:.2em}


/* =EMAILFORMBOX
-------------------------------------------------------------------------*/
#emailformbox td, 
#emailformbox th{padding:0 5px}
#emailformbox th{font-weight:bold; border-bottom:solid 1px}
#emailformbox tr{border-bottom:solid 1px}

/* EMAILFORM
-------------------------------------------------------------------------*/
.ff-checkbox{margin-bottom:5px}

/* =POLL
-------------------------------------------------------------------------*/
#homepagepoll{border-top:20px solid #E80000; font-size:.846em; padding:.25em}
#homepagepoll h3{font-weight:bold}
.leftbar #homepagepoll p{font-size:1em}
#homepagepoll input{width:auto !important}
.polltable{margin:1em 0}
.polltable td{padding:2px}
.polltable .label{padding:0 3px 2px}
.polltable input.button{margin:5px 0 1em 0}

/* =SEARCH
---------------------------------------------------------------------*/
#searchform{margin-bottom:1em; width:160px; padding-left:20px; background:#E80000 url('/images/layout/search.png') no-repeat 0 50%}
#homepage #searchform{padding-bottom:5px}
#searchform input{font-size:.846em}
#searchform input.searchfield{width:114px; padding:1px; margin-right:5px}
#searchform input.button{width:35px}

/* =HTML-SPEELPLAN
---------------------------------------------------------------------*/
.speelplan td {padding: 0 5px 0 0}

/* =AANMELDINGEN
---------------------------------------------------------------------*/
#aanmeldingen ul{margin:0 0 2em 0; list-style:none; float:left}
#aanmeldingen li{border-bottom:solid 1px #ccc; float:left; clear:both; width:540px; margin-bottom:3px}
#aanmeldingen li span{display:block; float:left; padding:5px 0}
#standaard .date{width:125px}
#standaard .name{width:415px}
#standaard ul li:hover, #lopende_aanmeldingen ul li:hover{background-color:#ccc}
#lopende_aanmeldingen ul{margin:20px 0}
#lopende_aanmeldingen .th, #lopende_aanmeldingen .th:hover{font-weight:bold; background:#aaa}
#lopende_aanmeldingen .th a{color:#000; padding:0 18px 3px 0}
#lopende_aanmeldingen .th a:hover{color:#E80000; border:none}
#lopende_aanmeldingen a.ascending{background:url('/images/layout/2uparrow.png') right -1px no-repeat !important}
#lopende_aanmeldingen a.descending{background:url('/images/layout/2downarrow.png') right 0 no-repeat !important}
#lopende_aanmeldingen .status{width:60px}
#lopende_aanmeldingen .name{width:220px}
#lopende_aanmeldingen .birthdate{width:100px}
#lopende_aanmeldingen .editor{width:160px}
#aanmeldingen .fieldheader{font-size:1.5em; font-weight:bold; width:500px; text-align:left; margin-top:2em}
#aanmeldingen .fieldname{width:175px; font-weight:bold; text-align:left}
#aanmeldingen .fieldvalue{display:block; width:355px; float:right}
#aanmeldingen .fieldvalue p{margin:0}
#aanmeldingen .editlink:hover span{border-bottom:solid 1px; padding-bottom:1px}
#aanmeldingen .editlink img{position:relative; top:6px; margin-right:1px}
#aanmeldingen .textarea{margin:10px 0}
#aanmeldingen li .editmode{float:right}
div.editmode-aanmeldingen img{display:block; float:left; line-height:21px}
div.editmode-aanmeldingen a {display:block; line-height:21px}
div.editmode-aanmeldingen a:hover{border-width:0 !important}
div.editmode-aanmeldingen a:hover span{text-decoration:underline}
#waiting{text-align:center; padding:50px 0 10px; background:url('/images/layout/loading.gif') 50% 0 no-repeat}