html, body{ margin: 0px; height: 100%; font-family: Verdana; font-size: 11px; background-color:black; color:#dddddd}
a{ color: #dddddd }
input, select, textarea{ font-size: 10px; font-family: Verdana }
img{ border: 0px; }
h1{ font-size: 14px; font-weight: normal; padding: 10px 0px; margin: 0px; color: white; }
input.btn{ font-size: 11px; font-weight: bold; }

#container{ width: 100%; height: 100%;  }

#top_login{ color: #777; border-bottom: 1px solid #555; text-align: center; height: 22px; overflow: hidden;}
#top_inner{ width: 1000px; margin: 0px auto; text-align: left; }
#top_login a{ color: #777; text-decoration: none} 
#top_login a:hover{ color: #ddd; text-decoration: none} 
#top_login input{ background-color: #333; font-size: 10px; color: #aaa; border: 1px solid #777; color: #ddd }
#top_login .login{ border: none; width: 80px; height: 18px; background:url(../images/btn_login.gif) left top no-repeat; }
#top_login .aanmelden{ border: none; width: 120px; height: 18px; background:url(../images/btn_aanmelden2.gif) left top no-repeat; }
#top_login .right a{ color: #777; font-size: 10px; }
#loginform{ width: 630px; float: left; line-height: 22px;}
#home_buttons{ width: 350px; line-height: 22px; text-align: right; float: left}
#header, #home_banner{ background: url(../images/bg_header.gif) repeat-x left top; height: 120px; text-align: center; border: 1px solid black; clear: both; }
#header .inner{ width: 1000px; text-align: left; margin: 0px auto; }
#header .inner #header_flash{ width: 320px; height: 144px; position: absolute; margin-left: 680px; z-index: 1; background-color: #888; }
.greybar{ border-top: 1px solid #555; height: 1px; font-size:0px; clear: both;}
#banner_inner{ width: 700px; height: 100px; margin: 0px auto; }

#menu{ background: url(../images/bg_menu.gif) repeat-x bottom; height: 79px; text-align: center;}
#menu_img{  background-image: url(../images/bg_home_top.gif); background-repeat: no-repeat; background-position: right 40px; height: 79px; }
#menu_holder{ width: 1000px; margin: 0px auto; }
#menu ul{ list-style: none; }
#menu li{ float: left; height: 26px; width: 134px; background-image: url(../images/menu_normal.gif); text-align: center;  position: relative; z-index: 3; }
#menu li.selected{ background-image: url(../images/menu_selected.gif) }
#menu li a{ text-decoration: none; font-weight: bold; color: #999;  line-height: 25px;}
#menu li.selected a, #menu li a:hover, #menu li a.selected{ color: white }
#menu ul ul{display: none; }

#top_sub_menu ul{ clear: both; }
#top_sub_menu li{background: none; width: auto; margin-right: 25px; padding-right: 25px; margin-top: 17px; #margin-top: 0px; border-right: 2px solid #12499d; height: 15px}
#top_sub_menu li a{ color: #92b5e9; line-height: 10px}
#top_sub_menu li.selected{ background: none; color: #dddddd; border-right: 2px solid #0a2a5a}
#top_sub_menu li.selected a{color: white}
#top_sub_menu li a:hover{ color: white }
#top_sub_menu li.selected a:hover{ color: black }

#middle, #bottom{ text-align: center }
.content{ width: 1000px; margin: 20px auto; text-align: left; }
.content h2{ text-indent: -9999px; height: 31px; overflow: hidden; position: relative; margin: 0;}
.content h2 a{ display: block; position: absolute; height: 25px; }
.content .bordered{ border: 1px solid #555; background: url(../images/bg_home_div.gif) repeat-x left top black; }
.content .tekst{ margin: 7px 15px; line-height: 16px; color:#ddd;}
.content a.meer{ background: url(../images/meer.gif) no-repeat 0px 3px; padding-left: 10px;  }

#vanaf_aug{ width: 530px; float: left; }
#vanaf_aug h2{ background-image: url(../images/h2_vc_teampagina.gif); }
#vanaf_aug h2.leven{ background-image: url(../images/h2_leven.gif); }
#vanaf_aug h2.iphone{ background-image: url(../images/h2_iphone.gif); }
#vanaf_aug h2.programmaboekje{ background-image: url(../images/h2_programmaboekje.gif); }
#comp_tekst{ width: 480px; float: left; }
#comp_tekst h2{ background-image: url(../images/h2_competitie.gif); }
#vanaf_bottom{ width: 530px; float: left; }
#vanaf_bottom h2{ background-image: url(../images/h2_biedt.gif); }
#home_team{ float: left; }

#live{ width: 321px; float: left; margin-top: 10px; }
#live_contact{ width: 160px; float: left; }
#live_contact h2{ background-image: url(../images/h2_live_contact.gif); height: 23px}
#eigen_mailbox{ width: 161px;  float: left; }
#eigen_mailbox h2{ background: url(../images/h2_eigen_mailbox.gif) no-repeat 1px 0px; height: 23px; }

#iphone{ margin-top: 10px; float: left; }


#opstelling{ width: 445px; float: left; margin-left: 20px; }
#opstelling h2{ background-image: url(../images/h2_opstelling.gif); }
#flash_opstelling{ width: 240px; height: 180px; float: right; }

#toernooi h1{ font-size: 24px; color: white; line-height: 16px; margin-top: 20px; }
#toernooi h2{ font-size: 12px; color: #686868;}
#toernooi #tekst{ color: #ddd; line-height: 15px; overflow-y: auto; position: absolute; width: 760px; height: 460px; margin: 0px; padding: 0px;}
#toernooi .cat{ float: left; width: 226px; margin: 4px; margin-left: 0px; margin-right: 8px; border: 1px solid #777; padding: 5px}
#toernooi .cat h3{ font-size: 13px; padding: 0px; margin: 0px; }
#toernooi h4{ margin: 0px; padding: 0px; border-bottom: 1px solid #777; margin-top: 10px; }
#toernooi th{ text-align: left; color: #aaa }
.error .trans{ background:url(../images/beheer/error.gif) no-repeat center center; }

.fhmessage{padding: 5px;padding-left: 10px;background-color: #ffffcc;margin:10px;line-height:120%;border:1px solid #FFEC00;color:#333;}
.fherror{line-height: 12px; color: #ff0000; }

#scroll_container{ width: 300px; height: 200px; background: url(../images/vac_bg_scroller.gif) no-repeat left top;  float: left; overflow: hidden;}
#vacature_intro{ width: 300px; float: left; color: black}
#vacature_intro h2{ background-image: url(../images/h2_vacatures.gif); }
#vacatures_div{ width: 680px; float: right; color:black }
#scroller{ margin-top:200px; }
#scroller .vac{ height: 180px; padding: 10px; line-height: 18px; }
.vac .vac_head{ font-size: 14px; font-weight: bold; color: white}
.vac .vac_datum{ font-size: 11px; color: #a0c6ff; }
.vac .omschrijving{ height: 95px; overflow: hidden; color: white; }
.vac a img{ opacity: .50;  filter: alpha(opacity=50);}
.vac a:hover img{ opacity: 1;  filter: alpha(opacity=99); }
.logo_bg{ text-align: center; opacity: .05;  filter: alpha(opacity=05); width: 300px; margin-top: -10px;  margin-bottom: -190px; }
.op_zoek{ width: 150px; height: 50px; background: url(../images/btn_vac_op_zoek.gif) no-repeat left top; font-size: 11px; text-align: center; padding: 5px 0px; float: right; margin: 10px; }
.op_zoek a{ text-decoration: none; }
#vacatures_div th{ border-bottom: 1px solid #1b68dc; }
#vacatures_div tr.even{ background-color: #92bbf9; }
#vacatures_div td{ vertical-align: top }
#vacatures_div table a{ color: black }
#vac_aanmelden{ width: 310px; float: left; }

#vrienden_div, #favorieten, #login_div{  width: 450px; float: left; margin: 0px 20px; background: url(../images/vrienden_bg.gif) repeat-y left top; height: 310px; }
#login_div .inner{ background: url(../images/blank_onder.gif) no-repeat left bottom;  height: 100%; }
#vrienden_div .inner{ background: url(../images/vrienden_onder.gif) no-repeat left bottom;  height: 100%; }
#favorieten .inner{ background: url(../images/favorieten_onder.gif) no-repeat left bottom;  height: 100%;  }
#vrienden_div .padder, #favorieten .padder, #login_div .padder{ margin: 0px 15px; padding-bottom: 10px; height: 100%; }
#vrienden_div h2, #favorieten h2, #login_div h2{ font-size: 14px; font-weight: normal; font-style: italic; padding: 0px; margin: 0px; padding-top: 20px; }

#vrienden_div a, #favorieten a, #login_div a{ color: #fff; }
#vrienden_div .block, #vrienden_div .block a, #login_div .block a{ color: #777; }

#submenu{ background: url(../images/submenu_bg.gif) repeat-x left top; height: 90px; font-size: 12px; width: 100%; }
#regios{list-style: none; padding: 0px; margin: 0px; width: 450px; height:17px; margin-top: 2px; }
#regios li{float: left; width: 57px; cursor: pointer; line-height: 20px; font-weight: bold; color: #ccc; opacity: .5;  filter: alpha(opacity=50); border:none}
#regios li.selected, #regios li.hover{ opacity: 1;  filter: alpha(opacity=99); border:none; }

#klasses{ float: left; clear: both;}
#klasses hr{ margin: 0px; padding: 0px; }
#klasses table{ height: 60px }
#klasses table td{ padding: 0px;}
#klasses table td.zatzon{ padding: 2px 6px; font-weight: bold;}
#klasses table table{ height: 100%}
#klasses table table td{ padding: 2px 6px; font-size: 10px; width: 20px; text-align: center;}
#klasses a{ color: #bbb; padding: 2px; text-decoration:none}
#klasses a:hover, #klasses a.selected{ color: #eee; font-weight: bold; padding: 2px;}

#copyright{ float: right; color: #555; font-size: 10px; margin: 25px 5px; text-align: right}
#copyright a{ color: #555; }

#submenu_main{ list-style: none; margin: 0px; padding: 0px; width: 300px; padding-left: 20px; float: left; margin-top: 5px}
#submenu_main li{ float: left; opacity: .5; filter: alpha(opacity=50); cursor: pointer; padding-right: 30px; }
#submenu_main li.selected, #submenu_main li.hover{ opacity: 1;  filter: alpha(opacity=99); border: none; background:black}
#submenu_main li.selected{ background: url(../images/menu_arrow.gif) no-repeat 88px 0px; }

#submenu_sub{ list-style: none; margin: 0px; padding: 0px; width: 600px; height: 90px;}
#submenu_sub li{ display: none; }
#submenu_sub li.selected{ display: inline; }

.submenu_items{ list-style: none; margin: 0px; padding: 0px; margin-top: 35px; width: 600px; }
.submenu_items li{ float: left; }
.submenu_items li a{ color: #777; font-weight: bold; padding: 10px 5px;}
.submenu_items li a:hover, .submenu_items li.selected a{ color: #eee; background-color:black }

.clear{ clear: both; }

#btn_aanmelden{ width: 120px; border: none; height:35px; background: url(../images/btn_aanmelden.gif) no-repeat; cursor: pointer; }
#aanmelden_div{ padding: 0px 20px; }
#aanmelden_div input{ color: #000; font-style: normal; }
#aanmelden_div input.nofocus{ color: #777; font-style: italic; }
#aanmelden_div input.error_field{ color: #333 }

#redenen{ list-style:none }
#redenen li{ list-style-image: url(../images/star.gif); color: #ddd; vertical-align: middle; padding-left: 10px; padding-top: 4px; line-height: 14px; padding-bottom: 10px; }

#comp_choose{ width: 250px; float: left; margin-left: 10px; }
#comp_chooser_options{ position: absolute; z-index: 10; background-color: #3272d2; width: 196px; border: 1px solid #7c8fab; color: white; margin-left: 417px; margin-top: 25px; }
#comp_chooser_options .type{ padding: 2px 10px; border-bottom: 1px solid #447ccf; cursor: pointer; font-weight: bold;  } 
#comp_chooser_options .type:hover{ color: #fff; background-color: #1656b7; }
#comp_banner{ width: 250px; float: right;  }
#comp_choose h2{ background-image: url(../images/h2_zoek_competitie.gif) }
#input_club{ width: 150px; }
#comp_cat{ width: 156px; }
.hulp{ font-style: italic; color: #777; }
#comp_bottom, #comp_middle{ margin-top: 20px; }
#comp_topscorerslijst{ float: left; text-align: center; }
#comp_tekst2{ width: 390px; margin: 0px 15px; float: left}
#comp_tekst2 h2{ background-image: url(../images/h2_competitie.gif); }
#comp_bottom #live{ margin-top: 0px; padding-top: 0px; }
#zoekcomp{ float: left; width:500px; margin-left: 10px; margin-top: 10px; }
#zoekcomp h2{ background-image: url(../images/h2_zoek_heren.gif); }

#home_team_flash{ width: 445px; height: 350px; margin-left: 20px; }
#home_comp{ background: url(../images/banner_bg.png) repeat-x left top; }
#home_favorieten{ width: 350px; float: left; margin-top: 20px; }
#home_favorieten h2{ background-image: url(../images/h2_favorieten.gif); height: 30px; margin-bottom: 1px; }
#poll{ width:298px; margin-left:20px; float:left; }
#poll .bordered{ background:url(../images/poll_bg.gif) no-repeat bottom left; height: 284px; }
#poll h2{ background-image: url(../images/h2_poll.gif); height: 30px; margin-bottom: 1px; }
#poll h3{ font-size: 14px; font-weight: bold; color: #ffb400; line-height:18px; padding: 0px;}
#poll .poll_antwoord{ background: url(../images/poll_answer.gif) no-repeat top left;  padding: 8px 40px; font-size: 12px; color: white; font-weight: bold; margin-bottom:10px; clear:both}
#poll .poll_antwoord:hover{ background-color: #333; cursor:pointer; }
#poll .poll_antwoord.done{ padding-top:0px; padding-bottom:16px}
#poll .poll_antwoord.done:hover{ background-image: url(../images/poll_answer.gif); cursor:auto; }
#poll .percentage{ height:12px; border: 1px solid #555; background:#06C; margin-top:3px; width: 2px; float:left; clear:both}
#poll .lbl{ margin-left: 5px; color: #555; font-size:12px; font-weight:bold; margin-top:2px; text-indent:5px;}

#home_competities{ width: 635px; float: left; margin-left: 15px; margin-top: 20px; }
#home_competities .head{ background-image: url(../images/h2_home_competities.gif); height: 30px; margin-bottom: 1px; }
#home_competities .down{ background-image: url(../images/competities_down.gif); width: 27px; height: 21px; float: right; margin-right: 20px; margin-top: 5px; cursor: pointer; }
#home_competities .competities{ float: right; width: 150px; border: 1px solid #7c8fab; border-right: none; padding: 3px 10px; font-size: 11px; font-weight: bold; margin-top: 5px; cursor:pointer}

#comp_regios{ width: 100px; float: left; }
#comp_regios .regio{ width: 83px; height: 17px; padding: 3px 8px; background: url(../images/home_comp_regio_hover.png) no-repeat left top; text-transform: uppercase; font-weight: bold; margin-bottom:4px; cursor: pointer; color: #999; }
#comp_regios .regio:hover, #comp_regios .regio.selected{ background-image: url(../images/home_comp_regio.png); color: #fff; }
#comp_competities{ width: 500px; float: left;  height: 180px; }
#comp_competities.loading{ background: url(../images/loader2.gif) no-repeat right bottom; }
#comp_competities .header{ font-size: 14px; font-weight: bold; }
#comp_competities td{ vertical-align: top; }
#comp_competities td td{ padding: 4px 5px; }
#comp_competities a{ text-decoration: none; font-size: 12px; font-weight: bold; color: #999; }
#comp_competities a.favo{ color: #ffb400; }
#comp_competities a.lastvisit{ color: #fff; }
#comp_competities a:hover{ color: #ddd; }

#artikel { width: 670px; float: left;}
#artikel img{ margin-right: 10px; }
#artikel h1{ font-weight: bold; font-size: 24px; padding: 0px; margin: 0px; color: #ffb400; }
#artikel .tags a{ color: #555; text-decoration: none; }
#artikel .tags a:hover{ color: #ddd; text-decoration: underline; }
#artikel .inleiding{ font-weight: bold; color: white; margin-top: 10px; font-size: 12px; }
#artikel .tekst{ color: #ddd; margin-top: 20px; padding-bottom: 20px; }

#artikel_right{ width: 300px; float: right; line-height: 16px; color: #aaa; }
#artikel_right .artikel{ margin-top: 10px; margin-left: 3px;}
#artikel_right h3{ color: #fff; }
#artikel_right a{ font-size:12px; color: #fff; font-weight: bold; }

#home_favorieten .bordered{ background: url(../images/bg_favorieten.gif) no-repeat left top; height: 202px; }
#home_favorieten .key{ text-align: right; color: #777; }
#home_favorieten .sep{ color: #777; }
#home_favorieten a{ text-decoration: none; }

.video{ width: 425px; height: 355px; float: left; margin-right: 10px; }