html {height: 100%;}
body  {margin: 0; padding: 0; height: 100%; vertical-align: middle; font-family: verdana, arial, sans-serif; font-size: 12px; color: #000000; 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; font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 8pt; color: #000000;}
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: rgb(99,99,99); 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: rgb(99,99,99); 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: rgb(99,99,99);}
select{font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: #000000;}
font{font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: #000000;}

.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;}

#bg_algemeen{left 0; top: 0; margin: 0; width: 100%; height: 200px; position: absolute; background: url(/images/bg_golf.jpg) left top repeat-x; border-bottom: solid 1px white;}
#topcomp_algemeen{left: 50%; top: 0; margin: 0 0 0 -50%; width: 100%; height: 534px; position: absolute; background: url(/images/topcomp_algemeen.png) top no-repeat;}

#bg_hockey{left 0; top: 0; width: 100%; height: 200px; position: absolute; background: url(/images/bg_hockey.jpg) left top repeat-x; border-bottom: solid 1px white;}
#topcomp_hockey{left: 50%; top: 0; margin: 0 0 0 -50%; width: 100%; height: 534px; position: absolute; background: url(/images/topcomp_hockey.png) top no-repeat;}

#bg_golf{left 0; top: 0; width: 100%; height: 200px; position: absolute; background: url(/images/bg_golf.jpg) left top repeat-x; border-bottom: solid 1px white;}
#topcomp_golf{left: 50%; top: 0; margin: 0 0 0 -50%; width: 100%; height: 534px; position: absolute; background: url(/images/topcomp_golf.png) top no-repeat;}

#container{left: 50%; top: 0; width: 960px; margin: 0 0 0 -475px; border: none; text-align: left; position: absolute; border: none; overflow: hidden; min-height: 900px;}
#top{width: auto; height: 201px; margin: 0; padding: 0; border: none;}
#top div{float:left; position: relative; top: 155px; left: 0px; width: 139px; height: 40px; margin: 0 0 0 15px;}
.tab_algemeen_off{background: url(/images/knop_algemeen_off.png) left top no-repeat;}
.tab_algemeen_on{background: url(/images/knop_algemeen_on.png) left top no-repeat;}
.tab_hockey_off{background: url(/images/knop_hockey_off.png) left top no-repeat;}
.tab_hockey_on{background: url(/images/knop_hockey_on.png) left top no-repeat;}
.tab_golf_off{background: url(/images/knop_golf_off.png) left top no-repeat;}
.tab_golf_on{background: url(/images/knop_golf_on.png) left top no-repeat;}

#middle{width: auto; height: 100%; margin: 0; padding: 0; border: none; border-left: solid 1px white; border-right: solid 1px white;}
#menu{width: auto; height: 24px; margin: 0; padding: 0; background: url(/images/bg_menu.jpg); border-bottom: solid 1px white; border-left: solid 1px rgb(172,172,172); border-right: solid 1px rgb(172,172,172);}

#middle_left{float:left; width: 148px; margin: 0 0 -2000px 0; padding: 0 0 2000px 0; background: black; border-left: solid 1px rgb(172,172,172);}
.login_block{width: auto; margin: 0; padding: 45px 10px 10px 10px; background: url(/images/bg_inloggen.jpg); border-bottom: solid 1px white;}
.login_block .block_user{}
.login_block .text_user{font-family: verdana,arial,sans-serif; font-weight: bold; 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: bold; font-size: 8pt; color: white;}
.login_block .input_password{}
.login_block .input_button{float: right; margin: 3px 0 3px 0;}
.login_block .login_button_off{}
.login_block .login_button_on{}
.login_block .newpassword{}
.login_block .newpassword a{font-family: verdana,arial,sans-serif; font-size: 7pt; font-weight: normal; color: white;}
.loggedin_block{width: auto; margin: 0; padding: 45px 10px 10px 10px; background: url(/images/bg_inloggen.jpg); border-bottom: solid 1px white;}
.loggedin_block .text_loggedin_as{font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: white;}
.loggedin_block .text_username{font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: white;}
.loggedin_block .logoff_button{margin: 10px 0 0 0;}

#leftmenu{width: auto;}
#leftmenu .left_menu_first_off{width: auto; height: 20px; padding: 5px 0 0 10px; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: white; cursor: pointer; cursor: hand; border-bottom: solid 1px rgb(96,96,96); border-top: solid 1px rgb(164,164,164); background: url(/images/lmenu_button_off.jpg);}
#leftmenu .left_menu_first_on{width: auto; height: 20px; padding: 5px 0 0 10px; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: white; cursor: pointer; cursor: hand; border-bottom: solid 1px rgb(96,96,96); border-top: solid 1px rgb(164,164,164); background: url(/images/lmenu_button_on.jpg);}
#leftmenu .left_menu_off{width: auto; height: 20px; padding: 5px 0 0 10px; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: white; cursor: pointer; cursor: hand; border-bottom: solid 1px rgb(96,96,96); border-top: solid 1px rgb(164,164,164); background: url(/images/lmenu_button_off.jpg);}
#leftmenu .left_menu_on{width: auto; height: 20px; padding: 5px 0 0 10px; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: white; cursor: pointer; cursor: hand; border-bottom: solid 1px rgb(96,96,96); border-top: solid 1px rgb(164,164,164); background: url(/images/lmenu_button_on.jpg);}

#middle_center{float:left; width: 644px; margin: 0 0 -2000px 0; padding: 0px 10px 2000px 10px;background: white;}
#middle_right{float:left; width: 144px; margin: 0 0 -2000px 0; padding: 0 0 2000px 0; background: black; border-right: solid 1px rgb(172,172,172);}
.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: right; margin: 3px 0 0 0;}
.search_block .search_off{}
.search_block .search_on{}
.sponsor_title {width: auto; height: 34px; padding: 15px 0 0 0; text-align: center; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: white;background: url(/images/sponsor_title.jpg) top left repeat-x; border-left: solid 1px rgb(172,172,172);}
.sponsor_logos {width: auto; padding: 0; text-align: center; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: white; background: white; border-left: solid 1px rgb(172,172,172);}
.sponsor_logos div {padding: 0 0 10px 0;}

#content_left{float: left; width: 316px; height: 100%;}
#content_right{float: right; width: 316px; height: 100%;}

.content_title{width: auto; height: 45px; background: url(/images/title_bg.jpg) left top repeat-x;}
.content_title_left{float: left; width: 273px; height: 35px; padding: 10px 0 0 10px; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: white; background: url(/images/title_left.jpg) left top no-repeat;}
.content_title_right{float: right;width: 32px; height: 45px; background: url(/images/title_right.jpg) right top no-repeat;}
.content_block{width: auto; margin: 0 0 10px 0; padding: 5px; border-left: solid 1px rgb(191,191,191); border-right: solid 1px rgb(191,191,191); border-bottom: solid 1px rgb(191,191,191);}
.content_introtitle{width: auto; margin: 0; padding: 2px 0 2px 0; font-family: verdana,arial,sans-serif; font-weight: bold; text-decoration: underline; font-size: 8pt; color: rgb(99,99,99);}
.content_introblock{width: auto; margin: 0 0 10px 0; padding: 5px;}
.content_subtitle{width: auto; margin: 5px 0 5px 0; padding: 2px 0 2px 5px; background: rgb(210,46,66); font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: white;}
.content_more{width: auto; margin: 0;}
.content_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(99,99,99);}
.content_more_title{margin:  font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: rgb(99,99,99);}
.intro_photo{float: left; margin: 0 5px 2px 0; padding: 2px; border: solid 1px rgb(191,191,191);}
.intro_title{float: left; padding: 0 0 2px 0; font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 8pt; color: rgb(99,99,99);}
.intro_text{float: left; padding: 0; margin: 0; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: rgb(99,99,99);}

.detail_intro{margin: 0 0 10px 0; padding: 0; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: rgb(99,99,99);}
.detail_text{margin: 0; padding: 0; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: rgb(99,99,99);}
.detail_files{margin: 10px 0 0 0; padding: 0; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: rgb(99,99,99);}

.page_info_bar{margin: 10px 0 0 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(99,99,99);}
.info_bar_right{float: right; font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 8pt; color: rgb(99,99,99);}








#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: 10pt; font-weight: bold; text-decoration: none; color: white;}
#topmenu a {display: block; width: auto; font-family: verdana, arial, sans-serif; font-size: 9pt; font-weight: bold; text-decoration: none; color: white;}

#topmenu .level0 > li {height: 20px; padding: 3px 0 0 0; float: left; border-left: solid 1px white;}
#topmenu .level0 > li.firstitem {border: none;}
#topmenu .level0 a {text-align: center;}
#topmenu .level0 a:hover {color: rgb(126,127,128)}

#topmenu .level1 {display: none; margin: 4px 0 0 -1px; padding: 3px 0 0 0; border-bottom: solid 1px rgb(200,200,200);}
#topmenu .level0 li:hover .level1 {display: block;}
#topmenu .level1 li {clear: both; width: 175px; height: 18px; padding: 3px 0 0 5px; text-align: left; background: rgb(232,239,245); border-top: solid 1px rgb(200,200,200); border-left: solid 1px rgb(200,200,200); border-right: solid 1px rgb(200,200,200);}
#topmenu .level1 li:hover {background: rgb(212,0,40);}
#topmenu .level1 a {text-align: left; color: rgb(126,127,128);}
#topmenu .level1 a:hover {color: white;}

#topmenu .level2 {display: none; margin: -10px 0 0 160px; padding: 0;}
#topmenu .level2 li {height: 16px; padding: 1px 0 0 3px;}
#topmenu .level1 li:hover .level2 {display: block;}


#ttopmenu li ul {position: absolute; display: none; margin: 4px 0 0 -1px; padding: 3px 0 0 0; border-bottom: solid 1px rgb(200,200,200);}
#ttopmenu li ul li {clear: both; width: 175px; height: 17px; padding: 2px 0 0 5px; text-align: left; background: rgb(232,239,245); border-top: solid 1px rgb(200,200,200); border-left: solid 1px rgb(200,200,200); border-right: solid 1px rgb(200,200,200);}
#ttopmenu li:hover {cursor: pointer; cursor: hand;}
#ttopmenu li:hover.firstitem {background: url(images/menu_border_on_first.jpg) repeat-x; cursor : pointer; cursor : hand;}
#ttopmenu li:hover ul{position: absolute; display: block; cursor: pointer; cursor: hand; z-index: 1000;}
#ttopmenu li:hover ul li div {width: 90%; color: rgb(126,127,128); text-align: left; float: left;}
#ttopmenu li:hover ul li:hover {background: rgb(212,0,40);}
#ttopmenu li:hover ul li:hover div:hover {color: white;}

#ttopmenu li ul li ul {margin: 3px 0 0 160px; padding: 0;}
#ttopmenu li:hover ul li ul {display: none;}
#ttopmenu 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; font-family: verdana, arial, sans-serif;}
#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(210,46,66);}
#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(210,46,66);}
#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;}
/* JaaPut 18-aug-2011 .function had padding: 0 5px 0 0; */
.webscript .function {padding: 5px 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}
.screen td {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;}

