:root { overflow-y: scroll !important; }

* {

margin: 0;
padding: 0;

}
 
body {

background: url("../images/body.gif") #6e6e6e repeat-x;

}

#container {

width: 800px;
margin: 0 auto;
padding-top: 0px;

}

#header {

width: 800px;
height: 87px;
background: url("../images/banner800x82.jpg") #fff no-repeat;
background-position: center bottom;
float: left;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
padding-left: 5px;
padding-right: 5px;

}

#content {

font: 76% helvetica,arial,sans-serif;
background: #fff;
line-height: 1.3em;
width: 800px;
float: left;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding-left: 5px;
padding-right: 5px;

}

#content #datum {

font: 12px helvetica,arial,sans-serif;
color: #049;
font-weight: 900;
background: url("../images/logoDLsmall.jpg") #eaeaff no-repeat;
text-indent: 22px;
padding-top: 6px;
height: 20px;
width: 130px;
float: left;

}

#content #navbar {

font: 12px helvetica,arial,sans-serif;
color: #049;
font-weight: 900;
background: #eaeaff;
height: 20px;
width: 600px;
float: left;
padding-top: 5px;
padding-bottom: 1px;

}

#content #navbar ul {

list-style-type: none;

}

#content #navbar li {

padding-left: 6px;
padding-right: 6px;
float: left;

}

#content #navbar li a {

font-size: 14px;
font-variant: small-caps;
color: #049;
text-decoration: none;
display: block;

}

#content #navbar li a:hover {

color: #c00;
background: #fff;

}

#content #login {

background: #eaeaff;
padding-top: 3px;
padding-bottom: 3px;
height: 20px;
width: 70px;
float: left;

}

#content #login input.btn {

font-family:Tahoma, serif;
font-size:10px;
background:#05b;
color:#fff;
font-weight:bold;
width:60px;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #000;
border-bottom:1px solid #000;
margin-right: 6px;

}

#content #left {

width: 130px;
padding-top: 5px;
float: left;

}

#content #left h3 {

color: #fff;
text-transform: uppercase;
text-indent: 4px;
font: 14px helvetica,arial,sans-serif;
font-weight: 900;
line-height: 25px;
height: 25px;
background: url("../images/h3.gif") repeat-x;

}

#content #middle {

width: 667px;
padding-top: 5px;
padding-left: 3px;
float: left;
background: #fff;

}

#content #middle h3 {

color: #fff;
font-variant: small-caps;
text-indent: 4px;
font: 14px helvetica,arial,sans-serif;
font-weight: 900;
line-height: 25px;
height: 25px;
background: url("../images/h3.gif") repeat-x;

}

#content #middle h4 {

font-size: 12px;
padding: 2px 4px 2px 4px;

}

#content #middle hr {

color: #049;
background: #049;
height: 1px;

}

#content #middle p {

padding: 2px 4px 6px 4px;

}


#content #middle table {

font-size:1em;

}

#content #middle table th {

color:#fff;
background:#06f;
padding: 2px 5px;

}

#content #middle table td {

padding: 2px 5px;
background:#efefef;

}

#content #middle ul {

line-height: 2em;
text-decoration: none;
text-indent: 5px;
list-style-position: inside;
list-style-type: cicle;
padding: 2px;

}

#content #middle li {

padding-left: 10px;

}

/* Contact formulier */

#content #middle .contact {

background: #fff;

}

#content #middle .contact td {

vertical-align: top;
padding: 2px 0 2px 0;
background: #fff;

}

#content #middle .error {

color:red;

}
/* einde Contact formulier */

/* login form */
#content #middle .login label {

text-align:right;
width:8em;
margin-right:0.5em;
float:left;
display:block;

}

#content #middle .login input {

color:#781351;
background:#fff;
border:1px solid #05b;

}

#content #middle .login  input.submit {

margin-left:7.6em;
color:#fff;
background:#05b;
border:2px outset #d7b9c9;
font-weight:bold;

} 

#content #middle .login fieldset {

margin-left:1em;
border:1px solid #05b;
background:#ffffcc;

}

#content #middle .login legend {

color:#05b;
background:#d2d2e9;
border:1px solid #05b;
padding:2px 6px;
font-weight:bold;

}

/* einde login form */

#content #middle dl dt {

font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;

}

#content #right {

width: 100px;
float: left;

}

#footer {

padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
text-align: center;
font: 11px helvetica,arial,sans-serif;
color: #027;
background: #fff;
float: left;
width: 800px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding-left: 5px;
padding-right: 5px;

}

#footer p {

background: #eaeaff;
width: 800px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 2px solid #f00;
border-bottom: 2px solid #00f;

}

#footer a {

color: #049;
text-decoration: none;

}

#footer a:hover {

color: #049;
text-decoration: underline;

}

/* Vertical nav with fold-out for Dutch League web site */
/* http://www.dutchleague.nl */
/* width of #nav is set in layout css */

#nav {

font: bold 12px/18px arial, helvetica, sans-serif;
text-align: left;
margin: 0px;
background: #fff;

}

#nav ul {

list-style: none;
margin: 0px;
padding: 0px;
background: #fff;

}

#nav a.subnav {

background: url("../images/right.gif") right no-repeat;

}

/* style, color and size links and headings to suit */
#nav a {

line-height: 1.5;
display: block;
color: #05b;
text-decoration: none;
margin: 0;
padding: 4px 8px;

}

#nav li:hover {

position: relative;
background: #eaeaff;
border-top: 1px solid #acf;
border-bottom: 1px solid #acf;

}

#nav li {
/* make the list elements a containing block for the nested lists */

position: relative;
border-top: 1px solid #eaeaff;
border-bottom: 1px solid #eaeaff;

} 

#nav ul ul {

position: absolute;
top: -2px;
left: 100%;
width: 100%;
border-top: 1px solid #05b;
border-bottom: 1px solid #05b;
border-right: 1px solid #05b;

}

div#nav li:hover ul ul,
div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul,
div#nav ul ul ul li:hover ul ul
{display: none;}

div#nav li:hover ul,
div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul,
div#nav ul ul ul ul li:hover ul
{display:block;}

/* archief form */
.archief label { color: #049; text-align:right; margin-left:0.6em; margin-right:0.3em; }
.archief input.submit  { color:#fff; background:#05b; border:2px outset #d7b9c9; font-weight:bold; }
.archief fieldset { margin-left:1em; border:1px solid #05b; background: #ffffcc; }
.archief legend { color:#049; background:#d2d2e9; border:1px solid #05b; padding:2px 6px; font-weight: bold; }
/* einde archief form */

/* Nieuws */
.newshead {color:#444;font-weight:bold;margin:6px 4px;padding:0;}
.newshead a { color: #338; text-decoration: none; }
.newshead a:hover { text-decoration: underline; }
.newshead hr { margin-top: 6px; margin-bottom: 6px;}
.newsbody {margin:0 4px;	padding:4px 0px;background:#fff;}
.newsbody span {color:#a00;}
.newsbody hr { margin-top: 6px; }
.newslink {color:#000;background: url("../images/right_r.gif") left no-repeat;
	padding: 3px 0px 0px 10px;display:block}
	
.indexarea {padding:2px 0px 2px 18px;background:#d2d2e9;	font-size:11px;font-weight:bold;color:#338;
	text-align:center;margin:0px 0px 6px 0px}
.indexarea a {padding:2px 0px 2px 0px;color:#5454a9;margin-top:1px;text-decoration:none}
.indexarea a:hover {text-decoration:underline}
.indexarea a.active { color:#338;}
.indexarea a.indexnumber {color:#fff;padding:2px 5px 2px 5px;border-right:1px solid #fff;background:#5454A9;}
.indexarea .activeindex {color:#fff;padding:2px 5px 2px 5px;border-right:1px solid #fff;background:#9393c9;}

.inactive {color:#88b;}
/* Einde Nieuws */

/* specifiek voor scores.php */
#content #middle table.Scores {border:1px solid black;text-align:center;border-spacing:1px}
#content #middle table.Scores th {color:#000;background:#fc9;font-size:12px;font-weight:800;padding:1px 0px;}
#content #middle table.Scores td.avg {padding:1px 1px;font-weight:bold;color:red}
#content #middle table.Scores tr.subhead td{padding:1px 1px;font-size:11px;font-weight:bold;background:#fc9}
#content #middle table tr.AAAeven td{padding:1px 1px;font-size:12px;background:#b0b0ff}
#content #middle table tr.AAAodd td{padding:1px 1px;font-size:12px;	background:#cfcfff}
#content #middle table tr.AAeven td{padding:1px 1px;font-size: 12px;background: #99ff99}
#content #middle table tr.AAodd td{padding:1px 1px;font-size: 12px;	background: #ccffcc}
#content #middle table tr.Aeven td{padding:1px 1px;font-size: 12px;background: #ffff99}
#content #middle table tr.Aodd td{padding:1px 1px;font-size: 12px;background: #ffffcc}
#content #middle table tr.Reven td{padding:1px 1px;font-size: 12px;background: #88f0ff}
#content #middle table tr.Rodd td{padding:1px 1px;font-size: 12px;background: #bffcfc}
/* einde specifiek voor scores.php */