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: -780px; top 0; margin-left: 50%; width: 300px; height: 700px; background: url(images/bg_top_left.png) top right no-repeat;}
#topcompilatie_middle {position: absolute; left: -480px; top 0; margin-left: 50%; width: 960px; height: 249px; background: url(images/topcompilatie.jpg) top left no-repeat;}
#topcompilatie_right{position: absolute; left: 480px; top 0; margin-left: 50%; width: 300px; height: 700px; background: url(images/bg_top_right.png) top left no-repeat;}
#topmenubar {position: relative; top: 214px; left: 0; width: 960px;margin-left: 1px;}

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

#middle {padding: 0 0 0 0; background: white; border-left: solid 1px rgb(158,158,158); border-right: solid 1px rgb(158,158,158);}
#block_left{width: 148px; background: rgb(136,179,239);}
#menu_outer{}
#leftmenu{border-bottom: solid 1px white;}
.left_menu_off{margin: 0; padding: 5px 0 0 5px; height: 20px; background: rgb(78,121,181); border-bottom: solid 1px rgb(59,102,162); border-top: solid 1px rgb(127,170,230); cursor: pointer; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: white;}
.left_menu_on{margin: 0; padding: 5px 0 0 5px; height: 20px; background: rgb(130,130,130); border-bottom: solid 1px rgb(59,102,162); border-top: solid 1px rgb(127,170,230); cursor: pointer; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: white;}

#block_right{width: 128px; background: rgb(136,179,239);}
#content {width: 680px; padding: 20px 10px 10px 10px; background: white;}
#column_left{float: left; width: 49%; height: 100%;}
#column_right{float: right; width: 49%; height: 100%;}

.block_title {width: auto; height: 34px; padding: 0; background: url(/images/bg_block_title_right.jpg) top right no-repeat;}
.block_title .image {float: left;}
.block_title .text{padding: 8px 0 0 0; font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 9pt; color: white;}
.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 {background: white;border-left: solid 1px rgb(158,158,158); border-right: solid 1px rgb(158,158,158);}

.sponsor_title {height:27px; padding: 15px 0 0 0; color: white; text-align: center; background: url(/images/bg_sponsortitle.jpg) left top repeat-x;}
.sponsor_logos {padding: 10px 0 0 0; background: white; text-align: center; border-left: solid 1px rgb(158,158,158); border-bottom: solid 1px rgb(158,158,158);}
.sponsor_logo {margin: 0 0 10px 0;}

.tvdsteunt_title {height:27px; padding: 15px 0 0 0; color: white; text-align: center; background: url(/images/bg_sponsortitle.jpg) left top repeat-x;}
.tvdsteunt_logos {padding: 10px 0 0 0; background: white; text-align: center; border-right: solid 1px rgb(158,158,158); border-bottom: solid 1px rgb(158,158,158);}
.tvdsteunt_logo {margin: 0 0 10px 0;}

.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; height 122; padding: 46px 0 0 8px; background: url(/images/bg_inloggen.jpg) no-repeat;}
.login_block .block_user{}
.login_block .text_user{font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: #444444;}
.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: #444444;}
.login_block .input_password{}
.login_block .input_button{margin: 1px 0 1px 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: 50px 0 5px 8px; border: solid 1px rgb(219,219,219); 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: #444444;}
.loggedin_block .text_username{font-family: verdena,sans-serif; font-weight: normal; font-size: 12px; color: #444444;}
.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; padding: 50px 10px 10px 10px; background: url(/images/bg_zoeken.jpg);}
.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; margin: 0;}
#topmenu ul {position: absolute; z-index: 1000; margin: 0; padding: 0; list-style: none;}
#topmenu li {font-family: verdana,arial,sans-serif; font-size: 9pt; font-weight: bold; text-decoration: none; color: white; text-align: center;}
#topmenu a {font-family: verdana,arial,sans-serif; font-size: 9pt; font-weight: bold; text-decoration: none; color: white;}

#topmenu li {height: 34px; margin: 0px; padding: 0; float: left; border-left: solid 1px rgb(245,0,1); border-right: solid 1px rgb(118,0,1);}
#topmenu li.firstitem {border-left: none;}
#topmenu li.lastitem {border-right: none;}
#topmenu li div {height: 24px; margin: 0; padding: 10px 0 0 0;}
#topmenu li ul {position: absolute; display: none; margin: 0 0 0 -1px; padding: 1px 0 0 0; border-bottom: solid 1px rgb(222,222,222);}
#topmenu li ul li {clear: both; width: 175px; height: 17px; padding: 2px 0 0 5px; text-align: left; background: rgb(245,249,251); border: solid 1px rgb(222,222,222); border-bottom: none;}
#topmenu li ul li div {border: none; padding: 0;}
#topmenu li ul li a {color: rgb(129,129,129);}
#topmenu li:hover {cursor: pointer; cursor: hand;}
#topmenu li:hover.firstitem {cursor : pointer; cursor : hand;}
#topmenu li:hover.firstitem a {color: white;}
#topmenu li:hover div {display: block; background: url(/images/bg_menu_on.jpg) left top repeat-x; color: white;}
#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; background: none;}
#topmenu li:hover ul li:hover div {width: 90%; color: rgb(203,0,1); text-align: left; float: left; background: none;}
#topmenu li:hover ul li:hover a {color: white;}
#topmenu li:hover ul li:hover {background: rgb(203,0,1);}
#topmenu li:hover ul li:hover ul li div {width: 90%; color: white; text-align: left; float: left; background: none;}
#topmenu li:hover ul li:hover ul li:hover div {width: 90%; color: white; text-align: left; float: left; background: none;}
#topmenu li:hover ul li:hover ul li:hover a {color: white;}
#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;}

#activity_block{margin: 0 0 10px 0; padding: 2px;}

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