/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/** Algemene stijlen **/


body
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background: URL("images/bodyBackground.gif");
	text-align: center;
}

table, td
{
	border-collapse: collapse;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #FFFFFF;
	vertical-align: top;
}

a {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

b {
	font-family: Verdana, Arial;
	font-size: 10px;
	vertical-align: top;
}

img {
	border: 0px;
}

select {
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid black;
	color: #000000;
	background-color: #ad5a5a;
	width: 120px;
}

input {
	font-size: 10px;
	font-family: verdana;
	color: #000000;
	background-color: #ad5a5a;
	border: 1px solid black;
	width: 120px;
}

input.checkbox {
	border: 0px;
	width: 20px;
}

input.submit {
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid black;
	background-color: #641515;
	color: white;
}

img.image {
	border: 1px solid black;
}

img.imageContent {
	border: 1px solid black;
	margin-top: 10px;
}

.imageDescription {
	font-style: italic;
	padding-left: 25px;
	font-size: 10px;
}

TD.nieuwsDatum {
	color: #909090;
	text-align: right;
}

/** Generieke stijlen **/

.title {
	text-transform: uppercase;	
}

/** Pagina-items **/
TD.pageItemsLinks {
	width: 170px;
	padding: 12 15 20 15;
}

.fotoBackground {
	height: 107px;
	background: url("images/gradient.jpg");
	padding: 6px 5px 1px;
}

.fotoBackground TD {
	vertical-align: bottom;
}

.fotoBackground td img {
	margin-top: 5px;
}

/** Content **/
.content {
	padding: 12 20 20 0;
}

.middle {
	width: 100%;
	background: URL("images/background2.jpg");
	background-repeat: no-repeat;
	background-color: black;
}

.header, .header TD, #stand .header, #programma .header TD, .blockTable .header TD {
	width: 100%;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	background-color: #641515;
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
}

.terug, .terug A {
	padding-left: 5px;
	color: #ecd9d9;
	text-decoration: none;
	font-family: Verdana;
	font-size: 9px;
}

.verder, .verder A {
	color: #ecd9d9;
	text-decoration: none;
	font-family: Verdana;
	font-size: 9px;
}

.pageFooter {
	background: #641515;
	line-height: 18px;
}

.pageFooter h5 {
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
}

.pageFooter div {
	float: left;
	display: inline;
	overflow: hidden;
	width: 225px;
	padding: 10px 10px 20px 10px;
}

.pageFooter A {
	text-decoration: none;
}


/** Menu **/
#menu {
	height: 22px;
	background: URL("images/menuBG.gif");
}

.clCMAbs {
	position:absolute; 
	visibility:visible; 
	left:0; 
	top:0
}

.clBar { 
	position:absolute; 
	width:10; 
	height:10; 
	background-color:Navy; 
	layer-background-color:Navy; 
	visibility:visible; 
}

.clLevel0 { 
	position:absolute; 
	visibility: visible; 
	left: 0px; 
	top: 0px; 
	padding:2px; 
	padding-top: 5px;
	font-family: Verdana, Arial, Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	text-transform: uppercase;
}

.clLevel0over { 
	position:absolute; 
	padding: 2px; 
	padding-top: 5px;
	font-family: Verdana, Arial, Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	text-transform: uppercase;
}
 
.clLevel0border { 
	position:absolute; 
	visibility:visible; 
}

.clLevel1 { 
	position:absolute; 
	visibility: visible; 
	left: 0px; 
	top: 0px; 
	padding:2px; 
	padding-top: 4px;
	font-family: Verdana, Arial, Tahoma;
	font-size: 10px;
	font-weight: bold;
	background-color: #ad5a5a; 
	color: #ecd9d9;
	filter:alpha(opacity=95);
	text-transform: none;
}

.clLevel1over { 
	position:absolute; 
	padding:2px; 
	padding-top: 4px;
	font-family: Verdana, Arial, Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	cursor:pointer; 
	background-color: #9e3f3f;
	text-transform: none;
}
    
.clLevel1border { 
	position:absolute; 
	visibility:visible; 
}



#submenuCell {
	position: absolute;
	filter:alpha(opacity=95);
}


TD.submenuCell {
	background-color: #ad5a5a;
}

.menu A {
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana;
	text-decoration: none;
	line-height: 22px;
}

.submenu A.sub1 {
	visibility: hidden;
	line-height: 22px;
}

.submenu TD {
	line-height: 15px;
}

.menu LI, .submenu LI {
	list-style: none;
}

.submenu A {
	text-decoration: none;
}

.submenu UL {
	padding-left: 20px;
	margin: 0px;
}

.submenu UL LI {
	padding-left: 20px;
}

#limenu{
	position:relative;
	text-align:left;
	background: URL("images/menuBG.gif");
	background-position: bottom right;
	background-repeat:repeat-x;
	background-color: #be5656;
	z-index:10000;
	height: 22px;
}
#limenu a{ 
	font-weight: bold;
}
#limenu ul{padding:0px;margin:0px;border:0px;display:inline;}
#limenu li{position:relative;top:0px;display:inline;margin:0px;padding:0px;height:22px;}
#limenu li{border-right:1px solid #d4d0c8;margin-right:1px;border:0px;}
#limenu ul.sub1 {
	font-family:verdana;
	font-size:14;
	color:#ffffff;
	text-align: center;
	text-decoration: none;
	height:20px;
	margin:0px;
	padding: 0 10 0 10;
	filter:alpha(opacity=95);
}

#limenu ul.sub1 UL Li {
	font-family:verdana;
	font-size:14;
	color:#ffffff;
	text-decoration: none;
	margin:0px;
	padding: 0;
	text-align: left;
	text-transform: none;
	padding: 2 20 2 20 ;
}

#limenu ul.sub1 UL.sub2  LI.team  {
	padding-left: 40px;
	padding-bottom: 0px;
	margin: 0px;
	height: 14px;
}

#limenu li.menuOver ul.sub1 {
	color:#000000;
}

#limenu li.menuOver {
	z-index:100;
}
#limenu li ul {
	display:none;
	position:absolute;
	margin:0px;
	padding:0px;
	padding-right:10px;
	top:22px;
	left:0px;
	text-align: left;
}
#limenu li.menuOver ul {
	display:block;
}
#limenu li ul li {
	position:static;
	display:block;
	border:0px;
	margin:0px;
	padding:0px;
	width:200px;
	height:10px;
	background-color: #ad5a5a;
	text-align: left;
}
#limenu ul.sub2 {
	height:14px;
	font-family:verdana;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	padding-left:10px;
	line-height:16px;
	background-color: #ad5a5a;
}
#limenu ul.sub2:hover{color:#000000;}

#limenu[class]{top:9px;}
#limenu[class] li ul{}
#limenu[class] li{margin-right:-3px;border:0px; padding-right: 20px}

/** Verjaardagen-kalender **/

#verjaardagen {
	background-color: #ad5a5a;
	padding: 8 5 10 5;
	width: 175px;
	margin-bottom: 20px;
}

#verjaardagen, #verjaardagen TD {
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
}

#verjaardagen .verjaardagDatum {
	padding-top: 10px;
}

#verjaardagen .verjaardagNaam {
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	padding-left: 15px;
	line-height: 18px;
}

#verjaardagen .verjaardagNaamLink {
	color: #000000;
	text-decoration: none;
}

/** Bestuur **/
#bestuur {
	background-color: #ad5a5a;
	padding: 8 5 10 5;
	width: 175px;
	margin-bottom: 20px;
}

#bestuur TD {
	color: #000000;
}

#bestuur .naam {
	color: #000000;
	padding-top: 15px;
	font-weight: bold;
}

#bestuur .functie {
	color: #000000;
	font-family: Verdana;
	font-size: 9px;
	padding-left: 15px;
	line-height: 18px;
}


/** Agenda **/
#agenda {
	background-color: #ad5a5a;
	padding: 8 5 10 5;
	width: 175px;
	margin-bottom: 20px;
}

#agenda, #agenda TD {
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
}

#agenda .agendaDatum {
	padding-top: 15px;
	font-weight: bold;
	font-size: 10px;
}

#agenda .agendaOmschrijving {
	padding-left: 15px;
}

#agenda .volledigOverzicht {
	padding-top: 20px;
	text-align: right;
}

#agenda .volledigOverzicht A {
	color: #000000;
	font-family: Verdana;
	text-decoration: none;
}

/** stand **/

#stand {
	width: 370px;
	background-color: #9e3f3f;
	border: 1px solid black;
}

#stand TD {
	font-family: Verdana;
	color: #ecd9d9;
}

#stand .clubselectie TD {
	font-weight: bold;
	color: #ffffff;
}

#stand .scoretdgreen {
	font-weight: bold;
}

#stand .Agreenheader {
	color: #ecd9d9;
	font-weight: bold;
	font-size: 11px;
	padding-left: 5px;
	padding-top: 4px;
}


/** Programma **/

#programma {
	width: 370px;
	background-color: #9e3f3f;
	border: 1px solid black;
}

#programma TD {
	font-family: Verdana;
	color: #ecd9d9;
	font-size: 10px;
}

#programmaContent {
	margin-bottom: 10px;
}

#programmaContent .datum TD {
	padding: 10 5 2 2;
}

#programmaContent .wedstrijd TD {
	padding: 2 5 8 20;
}

#programma .volledigOverzicht {
	text-align: right;
	padding: 0 10 10 10;
}

#programma .volledigOverzicht A {
	color: #ecd9d9;
	text-decoration: none;
	font-family: Verdana;
}

#volledigProgramma {
	background-color: #9e3f3f;
	border: 1px solid black;
	width: 775px;
}


#volledigProgrammaContent TD {
	color: #ecd9d9;
	font-family: Verdana;
	font-size: 10px;
	padding: 0 10 10 10;
}

#volledigProgrammaContent FORM {
	padding: 10 10 10 10;
}


#volledigProgrammaContent .datum {
	padding-top: 10px;
	padding-bottom: 5px;
}

#volledigProgrammaContent .thuis, #volledigProgrammaContent .uit {
	width: 150px;
}


/** Std. tabel **/

.blockTable {
	background-color: #9e3f3f;
	border: 1px solid black;
}

.blockTable TD {
	font-family: Verdana;
	color: #ecd9d9;
	font-size: 10px;
}

.blockTable A {
	color: #ecd9d9;
	text-decoration: none;
}

A.textLink {
	font-size: 11px;
	text-decoration: underline;
}

.blockTable A.vorigeVolgende {
	text-decoration: underline;
}

.blockTable .blockTableContent TD {
	font-family: Verdana;
	color: #ecd9d9;
	font-size: 10px;
	padding: 5 5 1 5;
}

.blockTable .blockTableContent {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.blockTable .volledigOverzicht {
	text-align: right;
	padding: 0 10 10 10;
}

.blockTable .volledigOverzicht A {
	color: #ecd9d9;
	text-decoration: none;
	font-family: Verdana;
}

/** Gradients **/
.gradients TD {
	font-family: Verdana;
	font-size: 10px;
	color: #ecd9d9;
	font-weight: bold;
	padding: 10 20 10 20;
	cursor: pointer;
	background: url("images/gradient.jpg");
	height: 66px;
}

.gradients TD.selected {
	background: url("images/gradientSel.jpg");
}

.gradients .nieuwsDate, .gradients .nieuwsDate A {
	font-family: Verdana;
	font-size: 9px;
	color: #cecece;
	margin-bottom: 10px;
	font-weight: normal;
}

/** Selectie **/
#selectieDetail, #selectieDetail TD {
	font-family: Verdana;
}

.selectieItem {
	font-weight: bold;
	font-size: 11px;
	padding: 5 0 8 10;
}

/** Teams **/
TD.teamsLijst DIV {
	padding: 5 0 3 10;
}

/** BBA **/
#bba .description {
	font-weight: bold;
}

/** Sponsoren **/
.blockTableContent A.sponsor {
	line-height: 18px;
}

/** Voltreffer **/
.blockTableContent A.voltreffer {
	line-height: 18px;
}

/** Borders **/
.borderLeft {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/borderLeft.png', sizingMethod='scale');
}

.borderRight {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/borderRight.png', sizingMethod='scale');
}

/** Losse stijlen **/
#login INPUT {
	width: 250px;
	border: 1px solid white;
}

#inputTarget {
	width: 250px;
}

.nieuwsEdit {
	padding: 10px;
}

.nieuwsEdit INPUT {
	width: 350px;

}

.nieuwsEdit INPUT.checkbox {
	width: 15px;
	border: 0px;
}

.nieuwsEdit INPUT.pictureButton {
	width: 80px;
	background-color: #cecece;
}

.nieuwsEdit TEXTAREA {
	width: 350px;
	height: 100px;
	font-family: Verdana;
	font-size: 10px;
}

/** Verjaardagen **/
.verjaardagenMaand TD {
	font-weight: bold;
	line-height: 20px;
	background-color: #ad5a5a;
	border: 1px solid #641515;
	border-top: 0px;
	text-align: center;
}

.verjaardagen TD {
	line-height: 20px;
	border-bottom: 1px solid #641515;
}

.verjaardagen .datum {
	text-align: right;
	font-weight: bold;
	width: 40px;
}

.verjaardagen A {
	font-weight: normal;
}

#verjaardagen .volledigOverzicht {
	padding-top: 20px;
	text-align: right;
}

#verjaardagen .volledigOverzicht A {
	color: #000000;
	font-family: Verdana;
	text-decoration: none;
}

INPUT.button {
	background-color: #cecece;
}

.puntentelling TD {
	text-align: right;
}

.puntentelling TD.description {
	font-weight: bold;
}

#bestuur .volledigOverzicht {
	text-align: right;
	padding: 0 0 10 10;
}

.#bestuur .volledigOverzicht A {
	color: #000000;
	text-decoration: none;
	font-family: Verdana;
}


/** BBA **/
/* Stijlen voor de BBA */

DIV.bba {
	padding: 10px;
}

H1 {
	color: white;
	height: 15px;
	width: 90%;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana;
	margin: 0px;
}

DIV.bba H2 {
	padding: 2 5 2 5;
	color: #000000;
	background-color: #ffffff;
	width: 100%;
	height: 10px;
	font-size: 10px;
	font-family: Verdana;
}

DIV.bba TABLE.opstelling TD {
	text-align: center;
	vertical-align: top;
}

DIV.bba TABLE.teams TD {
	border-right: 1px solid black;
}

DIV.selecteerPopup {
	border: 1px solid black;
	width: 300px;
	background-color: white;
	color: black;
	line-height: 18px;
	position: absolute;
	font-family: Verdana;
}

DIV.bba DIV.selecteerSpelers {
	padding: 5px;
}

DIV.bba SPAN.selecteerPositie {
	background-color: #6d1718;
	color: white;
	width: 300px;
	height: 18px;
	font-weight: bold;
	padding-left: 5px;
}

DIV.bba .speler {
	cursor: pointer;
	width: 150px;
	height: 50px;
	margin: 5px;
	background-color: white;
	color: black;
	padding: 2px;
	display: inline;
}

DIV.bba .spelerSelected {
	cursor: pointer;
	width: 150px;
	height: 50px;
	margin: 5px;
	background-color: #bbbbbb;
	color: black;
	padding: 2px;
	display: inline;
}

DIV.bba TABLE.opstelling .team {
	text-align: left;
}

DIV.bba TABLE.opstelling .positie {
	text-align: left;
	color: #6b6b6b;
	vertical-align: middle;
	padding-left: 5px;
}

DIV.bba TABLE.opstelling .naam {
	text-align: left;
	font-weight: bold;
	color: #000000;
}

.informationBar {
	width: 200px;
	background-color: white;
	color: black;
}

.informationBar TD {
	color: black;
}

TD.opstelling, TD.wedstrijdOverzicht {
	width: 803px;
}

.kiesSpeler {
	cursor: pointer;
}

.kiesSpelerDisabled {
	font-style: italic;
	color: #cecece;
}

.aantalFout {
	font-weight: bold;
	color: #ff0000;
}

.aantalGoed {
	font-weight: bold;
	color: black;
}

TD.wedstrijdOverzicht .speler {
	font-weight: bold;
}

TD.wedstrijdOverzicht .score {
	font-weight: bold;
}

INPUT.score {
	width: 50px;
	height: 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background-color: white;
}

INPUT.scoreVeld {
	width: 20px;
	height: 17px;
	font-size: 10px;
	text-align: center;
	background-color: white;
	font-weight: bold;
}

SELECT.scoreVeld, SELECT.scoreVeld OPTION {
	width: 125px;
	font-size: 10px;
	text-align: center;
	background-color: white;
}

INPUT.scoreVeldCheck {
	width: 20px;
	height: 17px;
	font-size: 10px;
	text-align: center;
	background-color: transparent;
}

TD.wedstrijdOverzicht .uitleg {
	padding-left: 15px;
	color: #BBBBBB;
}

TD.wedstrijdOverzicht .uitlegScore {
	color: #BBBBBB;
}

TD.wedstrijdOverzicht TD {
	padding: 5 0 0 5px;
}

DIV.wedstrijdUitslag {
	width: 100%;
	text-align: center;
}

DIV.wedstrijdUitslag TD {
	font-size: 20px;
}

DIV.wedstrijdUitslag .links {
	text-align: right;
}

TABLE.addTeam TR.header TD {
	font-weight: bold;
	padding-bottom: 10px;
	text-align: left;
}

TABLE.addTeam TD {
	text-align: center;
	padding: 2 5 5 1;
}

TABLE.invulFormulier TD {
	text-align: center;
}

TABLE.invulFormulier .header TD {
	width: 100;
	font-size: 8px;
}

.title {
	width: 100%;
	height: 20px;
	background-color: #6d1718;
	font-weight: bold;
	font-size: 10px;
	color: white;
	padding: 2 5 2 5;
	border: 1px solid black;
	border-left: 0px;
	border-right: 0px;
}

.title A {
	text-decoration: none;
}

.informationBar A {
	color: black;
}

.informationBar .menu TR {
	height: 22px;
}

.opslaanButton {
	cursor: pointer;
	width: 150px;
	height: 20px;
	color: black;
	padding-top: 3px;
	text-align: center;
	font-weight: bold;
	background-color: #d1d1d1;
	border: 1px solid black;
}

.spelersLijst TD {
	padding-right: 20px;
	padding-bottom: 5px;
}

OL {
	line-height: 20px;
}

td.mainTable {
	background: URL('images/background2.jpg');
}

.aanmelden INPUT, .aanmelden SELECT {
	width: 250px;
}

.aanmelden INPUT.button {
	width: 175px;
}

.spelersDetail TABLE TD {
	line-height: 20px;
}

.spelersDetail .spelersDetailWedstrijd {
	font-weight: bold;
}

.spelersDetail .uitleg {
	padding-left: 20px;
}

.spelersDetail .uitlegScore {
	font-style: italic;
}

.spelersDetail TD {
	line-height: 17px;
}

.ranglijst {
	line-height: 17px;
}

.spelerScore TD {
	line-height: 17px;
}

.spelerDetailImage {
	padding-top: 4px;
	padding-right: 5px;
}

.spelerScore .speler {
	width: 350px;
}

.spelerScore .score {
	font-weight: bold;
}

.spelerScore .uitleg {
	padding-left: 20px;
}

.grafiek TD {
	line-height: 20px;
}

.grafiek .speelronde {
	vertical-align: bottom;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	line-height: 20px;
	cursor: pointer;
}

TR.wissel, TR.wissel TD, .wissel A, .wissel .speler {
	color: #999999;
	font-weight: normal;
}

.keuzes TD {
	line-height: 17px;
}

.keuzes TD.speler {
	width: 250px;
}

/** MENU NIEUW **/
UL#menu {
	background-color: green;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

UL#menu LI {
	position : relative;
	line-height: 20px;
	margin: 0px; 
	float: left;
	padding: 0 10; 
}

UL#menu UL {
	list-style: none;
	background-color: #641515;
	position: absolute;
	padding: 0px;
	margin: 0px;
	left: -9999px;
	margin-top: 20px;
	width: 150px;
}

UL#menu UL LI {
	float: none;
	padding: 0px;
}

UL#menu UL UL {
	background-color: #641515;
	width: 220px;
	margin-left: 150px;
	margin-top: 0px;
	padding: 0px;
}

UL#menu LI:hover UL UL, UL#menu LI.hover UL UL {
	left: -9999px;
}

UL#menu LI:hover UL, UL#menu LI.hover UL {
	left: 10;
	top: 0;
}

UL#menu LI:hover UL LI:hover UL, UL#menu LI.hover UL LI.hover UL {
	left: 0;
	top: 0;
}

UL#menu UL A {
	padding-left: 15px;
}

/** STAND vvH1 **/

#stand1 {
	width: 100%;
	background: #9E3F3F;
	margin: 10px 0 0 0;
}

	#stand1 td {
		padding: 0 20px 3px 0;
		line-height: 18px;
	}

	table.competitie {
		margin: 10px 0 10px 10px;
	}

	table.competitie .line0 {
		font-weight: bold;
	}

	table.competitie .column1 {
		font-weight: bold;
		width: 200px;
	}

	#stand1 .header td {
		padding: 0 0 0 5px;
	}