html {height: 100%;}
body {margin: 0; font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 8pt; background: url(/images/bg_body.jpg) top left repeat-x;}
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 {font-family: verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #444444; text-decoration: none; cursor : pointer;}
a:hover {font-family: verdana, sans-serif; font-size: 8pt; font-weight: bold; color: #444444; text-decoration: underline; cursor : pointer;}
img {border: none; margin: 0;}
input {font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: #444444;}
textarea{font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: #444444;}
form {font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: #444444;}
select{font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: #444444;}

.clearfloat{clear:both;}
.message {margin: 0 0 10px 0; padding: 5px; width: auto; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; border: 1px solid #FF0000; background: #FF9999;}

#topcompilatie_left{position: absolute; left: -709px; top 0; margin-left: 50%; width: 229px; height: 291px; background: url(images/topcompilatie_left.png) top left no-repeat;}
#topcompilatie_middle {position: absolute; left: -480px; top 0; margin-left: 50%; width: 960px; height: 233px; background: url(images/topcompilatie_middle.jpg) top left no-repeat;}
#topcompilatie_right{position: absolute; left: 480px; top 0; margin-left: 50%; width: 229px; height: 291px; background: url(images/topcompilatie_right.png) top left no-repeat;}

#container{position: absolute; left: -480px; top: 233px; width: 960px; margin-left: 50%; border-left: solid 1px white; border-right: solid 1px white; background: white;}

#block_left{width: 148px; padding: 23px 0 0 0; background: rgb(238,238,238);}
#menu_outer{}
.left_menu_off{margin: 0; padding: 4px 0 0 5px; height: 18px; background: url(/images/menuleft_off.jpg) left top no-repeat; cursor: pointer; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: white;}
.left_menu_on{margin: 0; padding: 4px 0 0 5px; height: 18px; background: url(/images/menuleft_on.jpg) left top no-repeat; cursor: pointer; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: white;}

#block_right{width: 128px; padding: 12px 0 0 0; background: rgb(238,238,238);}
.sponsor_title {width: auto; height: 27px; padding: 10px 0 0 0; text-align: center; font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 9pt; color: white; background: url(/images/bg_sponsoring.jpg) top left repeat-x;}
.sponsor_logos {width: auto; padding: 10px 0 5px 0; background: white; text-align: center;}
.sponsor_logo {margin: 0 0 10px 0;}

#content {width: 680px; padding: 20px 10px 0 10px; background: white;}
#column_left{float: left; width: 49%; height: 100%;}
#column_right{float: right; width: 49%; height: 100%;}

.block_title {width: auto; height: 25px; padding: 7px 0 0 10px;  font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 9pt; color: rgb(102,102,102); background: url(/images/bg_blocktitle.jpg) top left repeat-x; border: solid 1px rgb(204,204,204); border-bottom: solid 1px rgb(232,232,232);}
.block_title .firstletter {font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 9pt; color: rgb(106,134,184);}
.block{width: auto; margin: 0 0 10px 0; padding: 5px; border: solid 1px rgb(204,204,204); border-top: none; background: white;}
.more{margin: 2px, 0, 2px, 0;}
.more_title{margin: 0 0 5px 0; padding: 2px 0 2px 5px; font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 8pt; color: #444444; background: rgb(212,228,240);}
.more .date{width: 20px; margin: 0; padding: 0 10px 0 0; font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 8pt; color: rgb (127,127,127);}
.more .text{font-family: verdana, arial ,sans-serif; font-weight: normal; font-size: 8pt; color: rgb (127,127,127);}

.intro_photo{float: left; margin: 0 5px 2px 0; padding: 2px; border: solid 1px rgb(191,191,191);}
.block h1{margin: 0 0 2px 0; padding: 0; font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 8pt; color: #444444;}
.block p{margin: 0 0 5px 0; padding: 0; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color:  #444444;}
.block a{margin: 0 0 5px 0; padding: 0; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color:  #444444;}

#footer {}

.page_info_bar{margin: 10px 0 10px 0; padding: 2px; border: solid 1px rgb(191,191,191);}
.info_bar_left{float: left; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: rgb (127,127,127);}
.info_bar_right{float: right; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: rgb (127,127,127);}

.login_block{width: auto; padding: 5px 0 5px 8px; background: url(/images/bg_inloggen.jpg) repeat-x;}
.login_block .block_user{}
.login_block .text_user{font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: white;}
.login_block .input_user{}
.login_block .block_password{}
.login_block .text_password{font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: white;}
.login_block .input_password{}
.login_block .input_button{margin: 3px 0 3px 0;}
.login_block .login_button_off{}
.login_block .login_button_on{}
.login_block .newpassword{}
.login_block .newpassword a{font-family: trebuchet ms,verdana,arial,sans-serif; font-size: 7pt; font-weight: normal; color: white;}
.loggedin_block{width: auto;  margin: 0 0 5px 0; padding: 5px 0 5px 8px; background: url(/images/bg_inloggen.jpg) repeat-x;}
.loggedin_block .text_loggedin_as{font-family:  verdena,sans-serif; font-weight: bold; font-size: 12px; color: white;}
.loggedin_block .text_username{font-family: verdena,sans-serif; font-weight: normal; font-size: 12px; color: white;}
.loggedin_block .logoff_button{margin: 10px 0 0 0; font-family:  verdena,sans-serif; font-weight: normal; font-size: 12px; color: white;}
.loggedin_block .logoff_button a{color: white;}

.search_block{width: auto; margin: 0 0 0 0; padding: 10px 10px 10px 10px; background: url(/images/bg_inloggen.jpg); border-top: solid 1px rgb(188,72,127);}
.search_block .input_search{}
.search_block .input_button{float: left; margin: 3px 0 0 0;}
.search_block .search_off{}
.search_block .search_on{}

#topmenu {display: block; position: absolute; top: 208px; left: -480px; margin-left: 50%; width: 960px;}
#topmenu ul {position: absolute; z-index: 1000; margin: 0; padding: 0; list-style: none;}
#topmenu li {font-family: verdana,arial,sans-serif; font-size: 10pt; font-weight: bold; text-decoration: none; color: white;}
#topmenu div {text-align: center; font-family: verdana,arial,sans-serif; font-size: 9pt; font-weight: bold; text-decoration: none; color: white;}
#topmenu p {display: inline;}

#topmenu li {height: 21px; padding: 3px 0 0 0; float: left; border-right: solid 1px rgb(215,0,0); border-left: solid 1px rgb(252,226,0);}
#topmenu li.firstitem {border: none; border-right: solid 1px rgb(215,0,0);}
#topmenu li.lastitem {border: none; border-left: solid 1px rgb(252,226,0);}
#topmenu li ul {position: absolute; display: none; margin: 0 0 0 -1px; padding: 6px 0 0 0; border-bottom: solid 1px rgb(247,146,1);}
#topmenu li ul li {clear: both; width: 175px; height: 17px; padding: 2px 0 0 5px; text-align: left; background: rgb(145,25,65); border-top: solid 1px rgb(247,146,1); border-left: solid 1px rgb(247,146,1); border-right: solid 1px rgb(247,146,1);}
#topmenu li:hover {cursor: pointer; cursor: hand;}
#topmenu li:hover div {display: block; color: rgb(145,25,65);}
#topmenu li:hover ul{position: absolute; display: block; cursor: pointer; cursor: hand; z-index: 1000;}
#topmenu li:hover ul li div {width: 90%; color: white; text-align: left; float: left;}
#topmenu li:hover ul li:hover {background: rgb(247,146,1);}
#topmenu li ul li ul {margin: 3px 0 0 160px; padding: 0;}
#topmenu li:hover ul li ul {display: none;}
#topmenu li:hover ul li:hover ul {display: block;}

#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;}


#guestbook{margin: 3px 0 10px 0;}
#guestbook .textblock{margin: 0 0 5px 0;}
#guestbook .fieldtitle{float: left;}
#guestbook .fieldtext{}
#guestbook .textareablock{margin: 0 0 5px 0;}
#guestbook .textbuttonblock{}
#guestbook_show{width: auto; margin: 10px 0 10px 0;}
#guestbook_show .commentblock{width: auto;margin: 0 0 10px 0;}
#guestbook_show .commentheader{margin: 0;}
#guestbook_show .commentname{float: left; width: 50%; font-weight: bold; margin: 0;}
#guestbook_show .commentdatetime{margin: 0; width: auto; text-align: right;}
#guestbook_show .commenttext{margin: 0; padding: 0 0 0 20px;}

#weather .weer_dag{padding: 0 0 10px 0; text-align: center; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 12pt; color: rgb(106,134,184);}
#weather .weer_type{padding: 0 0 10px 0; text-align: center;}
#weather .weer_temp{padding: 0 0 10px 5px; text-align: center;}
#weather .weer_tempmax{width: 25px; height: 15px; padding: 0; text-align: center; vertical-align: middle; float: left; background: rgb(182,182,182); font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: rgb(69,69,69);}
#weather .weer_tempmin{width: 25px; height: 15px; padding: 0; text-align: center; vertical-align: middle; float: left; background: rgb(72,72,72); font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: #ffffff;}
#weather .weer_richting{padding: 0 0 10px 0; text-align: center; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 9pt; color: rgb(106,134,184);}
#weather .weer_kracht{padding: 0 0 5px 0; text-align: center; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 9pt; color: rgb(72,72,72);}
#weather .weer_bron{padding: 0; text-align: right; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 7pt; color: rgb(182,182,182);}
#weather a {font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 7pt; color: rgb(182,182,182);}

.webscript {background: none;}
.webscript table {width: 100%;}
.webscript td {padding-right: 4px;}
.webscript .spacer {height: 10px;}
.webscript .subspacer {height: 5px;}
.webscript .grouptitle_top .text {margin: 0 0 10px 0; width: 100%; padding: 3px;font-size: 8pt; font-weight: bold; color: #000000; background: #CCCCCC;}
.webscript a {padding: 2px 5px; font-size: 8pt; font-weight: bold; border: solid 1px #444444; background: #CCCCCC;}
.webscript .grouptitle_top {padding: 10px 5px 0 0;}
.webscript .grouptitle_top .text {margin: 0 0 10px 0; width: 100%; padding: 3px;font-size: 8pt; font-weight: bold; color: #000000; background: #CCCCCC;}
.webscript .grouptitle_left .text {margin: 0; padding: 0;font-size: 8pt; font-weight: bold; color: #000000; background: none;}
.webscript .title {padding: 0 5px 0 0; font-weight: bold;}
.webscript .title_left {background: white;}
.webscript .dash {padding: 0 5px 0 0;}
.webscript .even {padding: 0 0 2px 0;}
.webscript .odd {padding: 0 0 2px 0;}
.webscript .function {padding: 0 5px 0 0; font-weight: bold;}
.webscript .teamfunction {width: 120px; height: 130px; margin: 0;}
.webscript .teamfunction .photo {width: auto; text-align: center;}
.webscript .teamfunction .function {width: auto; text-align: center;}
.webscript .teamfunction .name {width: auto; text-align: center;}
.webscript .teammember {width: 120px; height: 130px; margin: 0;}
.webscript .teammember .photo {width: auto; text-align: center;}
.webscript .teammember .name {width: auto; text-align: center;}
.webscript .teamemail a {padding: 2px 5px; font-size: 8pt; font-weight: bold; border: solid 1px #444444; background: #CCCCCC;}
.webscript .eventlink a {padding: 0; font-size: 8pt; font-weight: bold; border: none; background: none;}
.webscript .linkbox {padding: 4px 0;}
.webscript .present {text-align: center;}
.webscript .absent {text-align: center;}
.webscript .unknown {text-align: center;}
.webscript .eventtext {padding-bottom: 5px;}
.webscript .place {font-style: italic;}
.webscript .eventtime{padding: 0 5px 0 0;}
.webscript .eventspage .hometeam {padding-left: 10px;}
.webscript .calendar a {padding: 0; font-size: 8pt; font-weight: bold; border: none; background: none;}

/* Transactions */
.screen {font-family: verdana,arial,sans-serif; font-size: 8pt; margin-top: 0pt; margin-left: 0pt; background: white;}
.screen table {margin: 0;}
.screen td {font-family: verdana,arial,sans-serif; font-size: 8pt; padding: 2px;}
.screen font {font-family: verdana,arial,sans-serif; font-size: 8pt;}
.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;}