/* these are general page properties */ 

body {
margin:0px;
padding:0px;
color:#444444;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:90%; 
text-align:center;
}

/* header */

#headerwrap {
margin:0px;
padding:0px;
height:134px;
background:url(../images/bg_header.jpg) top left repeat-x;
text-align:center;
}

#header {
width:970px;
height:134px;
margin:0px auto;
padding:0px;
background:url(../images/silhouet.jpg) top right no-repeat;
text-align:left;
position:relative;
}

#logo {
width:140px;
height:134px;
float:left;
margin:0px 0px 0px 0px;
}

#logo img {
border:none;
}

#VU {
width:448px;
height:134px;
float:left;
margin:0px 0px 0px 80px;
}

#headersponsors {
width:175px;
height:134px;
float:left;
margin:0px 0px 0px 0px;
}

/* navigation */

#nav {
position:absolute;
left:150px;
top:93px;
width:800px;
height:41px;
}

#nav ul {
margin:0px;
padding:0px;
}

#nav ul li {
margin:0px;
padding:0px;
list-style:none;
width:129px;
float:left;
margin-right:3px;
text-align:center;
}

#nav ul li a {
display:block;
width:129px;
height:21px;
background:url(../images/tab.gif) top left no-repeat;
font-size:90%;
text-decoration:none;
color:#08406F;
padding-top:20px;
}

#nav ul li a.current {
background:url(../images/tab_current.gif) top left no-repeat;
font-weight:bold;
}

#subnavwrap {
margin:0px;
padding:0px;
height:35px;
text-align:center;
background:url(../images/bg_subnav.jpg) top left repeat-x;
}

#subnav {
width:970px;
height:35px;
margin:0px auto;
padding:0px;

}

#subnav ul {
margin:0px 0px 0px 150px;
padding:0px;
}

#subnav ul li {
margin:0px;
padding:0px;
list-style:none;
width:auto;
float:left;
padding-top:10px;
}

#subnav ul li a {
font-size:80%;
text-decoration:underline;
color:#2F5579;

}

#subnav ul li a.current {
font-weight:bold;
color:#08406F;
text-decoration:none;
}

#subnav ul li a#forum, #subnav ul li a#video {
padding-right:20px;
background:url(../images/icon_external.gif) top right no-repeat;
}

#subnav ul li a#forum.current {
font-weight:bold;
color:#08406F;
text-decoration:none;
}

/* content */

#contentwrap {
width:970px;
margin:10px auto 20px auto;
text-align:left;
background:#ffffff;
z-index:100;
}

a img {
border:none;
}

#ploegsponsors {
float:left;
width:180px;
text-align:center;
margin-top:95px;
}

/* tables */

#contentwrap table {
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}

#contentwrap table th {
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
color:#3A6586;
background:#eeeeee;
padding:2px 6px;
vertical-align:top;
text-align:center;
}

#contentwrap table td {
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
padding:2px 6px;
vertical-align:top;
}

#contentwrap table td.sponsor {
text-align:center;
}

#contentwrap table.ploeg {
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
margin:10px 100px 10px 10px;
width:552px;
}

#contentwrap table.ploeg td.foto {
width:175px;
}

/* foto */

#foto {
float:left;
width:370px;
margin-left:15px;
}

#foto a img {
border:none;
}

/* uitslagen */

#contentwrap #vorige, #contentwrap #volgende {
float:left;
width:560px;
margin:0px;
margin-left:10px;
}

#contentwrap #vorige table, #contentwrap #volgende table {
width:550px;
}

#contentwrap #vorige input, #contentwrap #volgende input {
font-size:9pt;
color:#3A6586;
background:#eeeeee;
margin-top:6px;
}

#contentwrap h1 {
font-size:120%;
font-family: "Century Gothic", Arial, Verdana, sans-serif;
color:#444444;
border-bottom:1px dotted #444444;
font-weight:normal;
}

#contentwrap h2 {
font-size:100%;
color:#3A6586;
}

#contentwrap a {
color:#3A6586;
}

#contentwrap a:hover {
text-decoration:none;
}

/* nieuws */

#news {
float:left;
width:560px;
margin-left:10px;
margin-top:20px;
}

.item {
margin:0px 0px 15px 0px;
border:1px solid #cccccc;
}

.item h2 {
color:#3A6586;
background:url(../images/bg_item.jpg) top left no-repeat;
padding:6px 6px 6px 30px;
font-size:12pt;
font-weight:normal;
margin:10px 15px;
}

.item h2 span.date {
color:#397806;
font-size:9pt;
}

.item p {
margin:0px 15px 10px 15px;
color:#444444;
}

.item p a {
color:#5BB915;
}

/* pers */

.pers p.art {
color:#3A6586;
background:url(../images/pers.png) top left no-repeat;
padding:6px 6px 6px 25px;
font-size:9pt;
font-weight:normal;
margin:10px 15px 10px 0px;
}

.pers p.art span.date {
color:#397806;
font-size:9pt;
}

.pers p {
margin:0px 15px 10px 15px;
color:#444444;
}

.pers p a {
color:#5BB915;
}

/* verslagen */

.verslagitem {
margin:0px 0px 10px 0px;
border:1px solid #cccccc;
margin-bottom:15px;
}

.verslagitem h2 {
color:#3A6586;
background:url(../images/bg_verslagitem.jpg) top left no-repeat;
padding:6px 6px 6px 30px;
font-size:12pt;
font-weight:normal;
margin:10px 15px;
}

.verslagitem p {
margin:0px 15px 10px 15px;
color:#444444;
}

.verslagitem p a {
color:#5BB915;
}

/* event */

#event {
float:left;
width:370px;
margin-left:15px;
margin-top:20px;
}

#event table {
border:none;
}

#event table th {
border:none;
color:#3A6586;
font-size:12pt;
font-weight:normal;
background:#ffffff;
text-align:left;
}

#event table td {
border:none;
}

#event table td a {
color:#3A6586;
background:url(../images/bg_event.jpg) center left no-repeat;
padding:8px 6px 8px 30px;
}

/* vip */

#vip {
float:left;
width:370px;
margin-left:15px;
margin-top:20px;
}

p.vip {
background:url(../images/bg_vip.jpg) top left no-repeat;
padding-left:85px;
}

/* pers */

#pers {
float:left;
width:370px;
margin-left:15px;
margin-top:20px;
}

#pers table {
border:none;
}

#pers table th {
border:none;
color:#3A6586;
font-size:12pt;
font-weight:normal;
background:#ffffff;
text-align:left;
}

#pers table td {
border:none;
}

/* more */

#more {
width:370px;
float:left;
margin-left:15px;
margin-top:28px;
background:url(../images/bg_more.jpg) bottom left repeat-x;
border-bottom:1px solid #CFD8EB;
}

#more ul li {
list-style-image: url(../images/list.jpg);
padding:8px 0px 0px 15px;
height:25px;
}

/* footer */

#footerwrap {
background:url(../images/bg_footer.jpg) top left repeat-x;
text-align:center;
clear:both;
}

#footer {
width:970px;
height:40px;
margin:0px auto 0px auto;
color:#ffffff;
font-size:80%;
padding:12px 20px 0px 20px;
}

#footer a {
color:#ffffff;
}

/* content  */

#content {
float:left;
margin:20px 10px;
width:740px;
}

#content h1 {
font-size:120%;
font-family: "Century Gothic", Arial, Verdana, sans-serif;
color:#444444;
border-bottom:1px dotted #444444;
font-weight:normal;
}

iframe {
border:1px solid #444444;
}

#ploegsubnav {
margin-left:20px;
margin-bottom:20px;
}

#ploegsubnav a.current {
color:#444444;
text-decoration:none;
font-weight:bold;
}

p.foto {
margin-left:10px;
}

p.foto img {
border:1px solid #444444;
}

/* foto van de week */

p.caption {
font-size:80%;
text-align:center;
color:#3A6586;
width:320px;
margin-top:5px;
}

p.fotoweek {
margin-bottom:0px;
}

/* fotogalerij */

#album {
width:320px;
height:240px;
float:left;
margin-bottom:20px;
}

/* admin */

#admin {
margin:10px 10px 10px 10px;
float:left;
width:730px;
}

#admin table {
border-top:none;
border-left:none;
}

#admin table th {
border-bottom:none;
border-right:none;
color:#3A6586;
background:#ffffff;
padding:2px 4px;
vertical-align:top;
text-align:right;
}

#admin #event table th {
text-align:left;
}

#admin table.overview {
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}

#admin table.overview th {
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
color:#3A6586;
background:#eeeeee;
padding:2px 4px;
vertical-align:top;
text-align:center;
}

#admin table.overview td {
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
padding:2px 4px;
vertical-align:top;
}

#admin table td {
border-bottom:none;
border-right:none;
padding:2px 4px;
vertical-align:top;
}

#admin table td input.submit {
float:right;
}

#admin h2 {
font-size:100%;
color:#3A6586;
}

#admin a img {
border:none;
}

#adminnav {
float:left;
width:150px;
margin-right:30px;
margin-top:50px;
}

#adminnav ul {
margin:0px;
padding:0px;
}

#adminnav ul li {
margin:0px;
padding:0px;
list-style:none;
width:150px;
}

#adminnav ul li a {
display:block;
width:150px;
background:#3A6586;
color:#ffffff;
text-decoration:none;
padding:3px 5px;
border-bottom:3px solid #ffffff;
}

#adminnav ul li a:hover {
font-weight:bold;
}

#admin #album {
height:270px;
}