html {height: 100%;}
body {height: 100%; margin: 0; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt;}
table {margin: 0; border: 0; padding: 0; vertical-align: top; border-spacing: 0;}
tr {}
td {margin: 0; border: 0; padding: 0; vertical-align: top;}
a:link, a:visited, a:active {border: 0; margin: 0; position: relative; display: inline; font-family: verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #000000; text-decoration: none; cursor : pointer;}
a:hover {border: 0; margin: 0; position: relative; display: inline; font-family: verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #000000; text-decoration: underline; cursor : pointer;}
img {border: none; margin: 0;}
input {font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: #000000;}
textarea{font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: #000000;}
form {margin: 0; border: 0; padding: 0; vertical-align: top;  font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: #000000;}
select{font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: #000000;}

.knop {margin: 5px 0 0 0}
.knop div.knop_links {float: left; width: 7px; height: 25px; background: url(images/knop_links_off.png);}
.knop div.knop_rechts {float: left; width: 7px; height: 25px; background: url(images/knop_rechts_off.png);}
.knop input {float: left; display: inline; border: none; height: 25px; background: url(images/knop_midden_off.png) left repeat-x;font-family: verdana,arial,sans-serif; font-size: 8pt; font-weight: bold;text-decoration: none; color: white;}
.knop a {float: left; display: inline; border: none; height: 25px; background: url(images/knop_midden_off.png) left repeat-x; text-decoration: none;}
.knop a div{padding: 5px 5px 0 5px; font-family: verdana,arial,sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; color: white;}
.knop:hover div.knop_links {background: url(images/knop_links_on.png);}
.knop:hover div.knop_rechts {background: url(images/knop_rechts_on.png);}
.knop:hover input {background: url(images/knop_midden_on.png) left repeat-x; color: #666666;}
.knop:hover a {background: url(images/knop_midden_on.png) left repeat-x;}
.knop:hover a div {color: #666666;}

#top_links {background: url(images/achtergrond_top.jpg);}
#top_midden {background: url(images/achtergrond_top.jpg);}
#top_rechts {background: url(images/achtergrond_top.jpg);}
#menu_links {background: url(images/achtergrond_menu.jpg);}
#menu_midden {background: url(images/achtergrond_menu2.jpg) no-repeat;}
#menu_rechts {background: url(images/achtergrond_menu.jpg);}

#topmenu {display: block; margin: 1px 0 0 4px;}
#topmenu ul {position: absolute; z-index: 1000; margin: 0; padding: 0; list-style: none;}
#topmenu li a {font-family: verdana,arial,sans-serif; font-size: 9pt; font-weight: normal;text-decoration: none;}
#topmenu p {display: inline;}
#topmenu a {color: rgb(39,64,128);}
#topmenu .level_0 > li > a {color: white;}
#topmenu .level_0 > li:hover > a {color: rgb(110,55,32);}

#topmenu li {height: 27px; line-height: 27px; margin-top: 1px; text-align: center; background: url(images/menu_border_off.jpg) no-repeat;}
#topmenu li.firstitem {background: none;}

#topmenu .level_0 li {position: relative; float: left;}
#topmenu .level_0 li.firstitem {border: none;}
#topmenu .level_0 > li:hover > a {color: rgb(110,55,32);}
#topmenu li:hover a {display: block;}

.ieMenu {}
#topmenu li:hover .level_1{position: absolute; display: block;}
#topmenu .level_1 {position: absolute; display: none; margin-top: -1px; padding-top: 3px; width: 175px; z-index: 42; border-bottom: solid 1px rgb(98,122,184);}
#topmenu .level_1 li {clear: both; width: 163px; height: 20px; line-height: 20px; margin: 0px; padding: 2px 0 0 10px; text-align: left; background: none; background-color: rgb(185, 212, 238); border: solid 1px rgb(98,122,184); border-bottom: none;}
#topmenu li:hover {background-color: rgb(255,204,0); cursor: pointer; cursor: hand;}
#topmenu .level_1 li:hover > a {display: block;}
#topmenu .level_2 {display: none; width: 175px; z-index: 43; margin-top: -20px; border-bottom: solid 1px rgb(98,122,184);}
#topmenu .level_1 li:hover .level_2 {display: block;}
#topmenu .level_2 {margin-left: 150px; padding: 0;}
#linksmenu {display: block; margin: 0; width: 150; border-bottom: solid 1px #ffffff;}
#linksmenu ul {width: 100%; margin: 0; padding: 0; list-style: none;}
#linksmenu li {font-family: verdana,arial,sans-serif; font-size: 10pt; font-weight: normal;text-decoration: none; color: white;}
#linksmenu div {font-family: verdana,arial,sans-serif; font-size: 10pt; font-weight: normal; text-decoration: none; color: white;}
#linksmenu p {display: inline;}

#linksmenu li {height: 20px; width: 140px; padding: 5px 0 0 10px; float: left; background: rgb(98,122,184); border-top: solid 1px rgb(148,172,234); border-bottom: solid 1px rgb(85,109,171);}
#linksmenu li:hover {color: rgb(110,55,32); background:  rgb(185,212,238); cursor: pointer; cursor: hand;}

#zijkant_links {background: url(images/zijkant.jpg) repeat-x;}
#zijkant_rechts {background: url(images/zijkant.jpg) repeat-x;}

#body_links {background: rgb(185,212,238);}
#body_midden {padding: 10px;}
#body_rechts {background: rgb(185,212,238);}

table.bericht {margin: 0 0 10px 0; border: 1px solid #FF0000; background: #FF9999;}
td.bericht {padding: 5px;}

#inlogblok {padding: 15px 0 0 10px; width: 140px; height: 138px; background: url(images/inloggen.jpg);}
.inlogtitel {padding: 0; font-family: verdana,arial,sans-serif; font-size: 11pt; font-weight: bold;text-decoration: none; color: #666666;}
.inlogform {padding: 5px 0 0 0;}
a.wwvergeten {border: 0; margin: 0; position: relative; display: inline; font-family: verdana, sans-serif; font-size: 7pt; font-weight: normal; color: #FFFFFF; text-decoration: none; cursor : pointer;}
a:hover.wwvergeten {border: 0; margin: 0; position: relative; display: inline; font-family: verdana, sans-serif; font-size: 7pt; font-weight: normal; color: #FFFFFF; text-decoration: underline; cursor : pointer;}

.doorlink{border: solid 1px rgb(98,122,184); border-top: none;}

#zoekblok {width: 131px; height: 117px; background: url(images/zoeken.jpg);}
.zoektitel {padding: 15px 0 0 45px; font-family: verdana,arial,sans-serif; font-size: 11pt; font-weight: bold;text-decoration: none; color: #666666;}
.zoekform {padding: 20px 10px 0 0; text-align: right;}

.blok {margin: 0 0 20px 0;}
.kop_midden {padding: 10px 0 0 0; background: url(images/kop_midden.png) repeat-x; font-family: verdana,arial,sans-serif; font-size: 10pt; font-weight: bold; text-decoration: none; color: white;}
.inhoud {padding: 10px;border-left: solid 1px rgb(198,127,58); border-right: solid 1px rgb(198,127,58); border-bottom: solid 1px rgb(198,127,58);}

.voorpagina_foto {margin: 0 5px 2px 0; padding: 2px; border: 1px solid #444444; float: left;}
.voorpagina_text {margin: 0; padding: 0; border: 0; vertical-align: top; font-family: verdana,arial,sans-serif;font-weight: normal;font-size: 8pt; color: #666666;}
.titel1 {font-family: verdana,arial,sans-serif; font-size: 8pt; font-weight: bold;text-decoration: none; color: #666666;}
a.leesmeer {border: 0; margin: 0; position: relative; display: inline; font-family: verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #666666; text-decoration: none; cursor : pointer;}
a:hover.leesmeer {text-decoration: underline; cursor: pointer; cursor: hand;}
.nieuwslijntje {margin: 5px 0 5px 0; width: 100%; height: 0px; border-top: solid 1px #999999;}

.intro_foto {float: left; margin: 0 3px 3px 0;}

table.verder {margin: 5px 0 5px 0;}
td.verder {padding: 2px 0 2px 5px; background: rgb(147,87,29); font-family: verdana,arial,sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; color: white;}
a.titel_verder {border: 0; margin: 0; position: relative; display: inline; font-family: verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #666666; text-decoration: none; cursor : pointer;}
a:hover.titel_verder {text-decoration: underline; cursor: pointer; cursor: hand;}

.pagina_info_balk {margin: 0 0 20px 0; border: 1px solid #888888}
.pagina_info_balk td {padding: 5px 10px 5px 10px; font-family: verdana,arial,sans-serif; font-weight: normal;font-size: 8pt; color: #000000;}
.pagina_info_balk a {border: 0; margin: 0; position: relative; display: inline; font-family: verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #000000; text-decoration: none; cursor : pointer;}
.pagina_info_balk a:hover {border: 0; margin: 0; position: relative; display: inline; font-family: verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #000000; text-decoration: underline; cursor : pointer;}

.kop_rechts {width: auto; padding: 10px 0 10px 5px; text-align: center;background: rgb(98,122,184); font-family: verdana,arial,sans-serif; font-size: 10pt; font-weight: bold; text-decoration: none; color: white;}
.sponsors {width: auto; padding: 10px 0 10px 0; background: white; border: solid 1px rgb(147,87,29); font-family: verdana,arial,sans-serif; font-size: 12pt; font-weight: bold; text-decoration: none; color: white;}

#weer .weer_dag{padding: 0 0 10px 0; text-align: center; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 12pt; color: rgb(147,87,29);}
#weer .weer_type{padding: 0 0 10px 0; text-align: center;}
#weer .weer_temp{padding: 0 0 10px 5px; text-align: center;}
#weer .weer_tempmax{width: 25px; height: 15px; padding: 0; text-align: center; vertical-align: middle; float: left; background: rgb(255,204,0); font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: rgb(147,87,29);}
#weer .weer_tempmin{width: 25px; height: 15px; padding: 0; text-align: center; vertical-align: middle; float: left; background: rgb(147,87,29); font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: #FFFFFF;}
#weer .weer_richting{padding: 0 0 10px 0; text-align: center; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 9pt; color: rgb(147,87,29);}
#weer .weer_kracht{padding: 0 0 5px 0; text-align: center; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 9pt; color: rgb(147,87,29);}
#weer .weer_bron{padding: 0; text-align: right; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 7pt; color: rgb(198,127,58);}

.page_info_bar {margin: 10px 0 10px 0; padding:3px; border: solid 1px rgb(191,191,191);}
.page_info_bar * {font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: #444444;}
.info_bar_left {float: left;}
.info_bar_right {float: right;}

.webscript {background: none;}
.webscript * {font-family: verdana,arial,sans-serif; font-size: 8pt; color: #444444}
.webscript table {width: 100%;}
.webscript td {padding-right: 4px;}
.webscript a {}
.webscript .spacer {height: 10px;}
.webscript .subspacer {height: 5px;}
.webscript .error {background: #FF0000;}

.webscript .grouptitle_top {padding: 10px 5px 0 0; color: #444444;}
.webscript .grouptitle_top .text {margin: 0 0 10px 0; width: 100%; padding: 3px; font-weight: bold; background: #CCCCCC;}
.webscript .grouptitle_left {color: #444444;}
.webscript .grouptitle_left .text {font-weight: bold; background: none;}

.webscript .title {padding: 0 5px 0 0; font-weight: bold; color: #444444;}
.webscript .title_left {background: white;}
.webscript .subtitle {font-style:italic; color: #444444;}

.webscript .dash {padding: 0 5px 0 0;}
.webscript .even {padding: 0 0 2px 0;}
.webscript .odd {padding: 0 0 2px 0;}

.webscript .name {font-weight: bold;}
.webscript .function {font-weight: bold;}
.webscript .photo {width: auto; text-align: center;}
.webscript .eventlink {}
.webscript .linkbox {}
.webscript .present {text-align: center;}
.webscript .absent {text-align: center;}
.webscript .unknown {text-align: center;}
.webscript .eventtext {}
.webscript .place {font-style: italic;}
.webscript .eventtime{}
.webscript .eventspage .hometeam {padding-left: 10px; padding-bottom: 3px;}
.webscript .eventspage .eventtext {padding-bottom: 3px;}


#teampage {width: 100%;}
#contactdata {width: 100%;}
#accrec {width: 100%;}
#calendar {width: 100%;}
#contactteams {margin: 0 0 10px 0;}
.cms_info {margin: 0 0 5px 0;}
.outerblock {margin: 0 0 20px 0;}
.outerblock .title {margin: 0 0 3px 0;}
.outerblock .title td {padding: 3px; background:#666666; color: #FFFFFF; font-weight: bold; font-size: 8pt}
.outerblock .title a {color: white;}
.outerblock .subtitle td {padding: 3px; background:#999999; color: #FFFFFF; font-weight: bold; font-size: 8pt}
.outerblock .innerblock table {margin: 0 0 10px 0;}
.outerblock .innerblock td {padding: 0 2px 1px 0;}
#calendar .innerblock_o_1 {width: 30px; padding: 2px 0 2px 0;}
#calendar .innerblock_o_2 {width: 15px; padding: 2px 0 2px 0;}
#calendar .innerblock_o_3 {width: 30px; padding: 2px 0 2px 0; text-align: right;}
#calendar .innerblock_o_4 {width: 500px; padding: 2px 0 2px 5px;}
#calendar .innerblock_o_5 {width: 15px; padding: 2px 0 2px 0;}
#calendar .innerblock_e_1 {padding: 2px 0 2px 0;}
#calendar .innerblock_e_2 {padding: 2px 0 2px 0;}
#calendar .innerblock_e_3 {padding: 2px 0 2px 0; text-align: right;}
#calendar .innerblock_e_4 {padding: 2px 0 2px 5px;}
#calendar .innerblock_e_5 {padding: 2px 0 2px 0;}

/* Transactions */
.screen {margin-top: 0pt; margin-left: 0pt; background: white;}
.screen * {font-family: verdana,arial,sans-serif; font-size: 8pt;}
.screen table {padding: 2px;}
.screen td {padding: 2px;}
.screen font {}
.screen input {}
.block_l0{font-size: 8pt}
.record_l0_e{background: #D8D8D8;font-size: 8pt}
.record_l0_o{background: #EEEEEE;font-size: 8pt}
.block_l1{background: #EEEEEE;font-size: 8pt}
.record_l1_e{background: #D8D8D8;font-size: 8pt}
.record_l1_o{background: #EEEEEE; font-size: 8pt}
.block_l2{background-image: url(images/gray_179.jpg);font-size: 8pt}
.record_l2_e{background: #D8D8D8;font-size: 8pt}
.record_l2_o{background: #EEEEEE;font-size: 8pt}
.blocktitle{background:#666666; color: #FFFFFF; font-weight: bold; font-size: 8pt}
.message{background: #FFFFCC; font-size: 8pt}
.event_title {width: auto; position: relative; margin: 0 0 5px 0; padding: 3px 10px 3px 10px; vertical-align: middle; background: #AAAAAA; font-size: 8pt; font-weight: bold; color: #FFFFFF;}
.event_events {width: auto; position: relative; margin: 0 0 10px 0; padding: 0; background: transparent; font-size: 8pt; color: #000000;}
