/* 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;
line-height:1.3em;
}

html, body, iframe { 
margin:0; 
padding:0; 
height:750px; 
}

a img {
border:none;
}

a {
color:#3593D5;
}

a:hover {
text-deocration:none;
}

h1 {
font-size:115%;
color:#444444;
border-bottom:1px dotted #999999;
font-weight:bold;
padding-bottom:10px;
margin-bottom:10px;
}

h2 {
font-size:100%;
color:#3593D5;
}

#sidebar h2 {
font-size:90%;
color:#ffffff;
background:#3593D5;
font-weight:bold;
padding:5px 15px;
}

/* header */

#headerwrap {
margin:0px;
padding:10px 0px 0px 0px;
height:124px;
text-align:center;
background:#000000;
border-bottom:60px solid #666666; 
}

#header {
width:950px;
height:134px;
margin:0px auto;
padding:0px;
text-align:left;
position:relative;
}

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

#sponsorlogo {
float:left;
width:164px;
margin-left:646px;
}

/* navigation */

#nav {
position:absolute;
top:103px;
left:200px;
height:40px;
background: url(../images/bg_nav.png) top left repeat-x;
border:1px solid #444444;
width:750px;
}

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

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

#nav ul li a {
display:block;
width:120px;
height:30px;
text-decoration:none;
color:#E8F3FB;
padding-top:10px;
font-weight:bold;
}

#nav ul li a:hover {
color:#ffffff;
}

#nav ul li a.current {
color:#ffffff;
}

#subnav p {
background:#3593D5;
color:#ffffff;
font-weight:bold;
margin-right:20px;
margin-bottom:0px;
padding:3px 15px;
}

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

#subnav ul li {
margin:0px;
padding:5px;
list-style:none;
border-bottom:1px solid #cccccc;
}

#subnav ul li a {
font-size:90%;
text-decoration:none;
}

#subnav ul li a.current {
font-weight:bold;
color:#444444;
}

#subnav ul ul {
margin:3px 0px 0px 0px;
padding:0px;
border-right:0px;
}

#subnav ul li ul li {
margin:0px;
padding:3px;
list-style-image:url(../images/bullet.png);
border-top:1px solid #cccccc;
border-bottom:0px;
}

#subnav ul li ul li a {
font-size:80%;
text-decoration:none;
padding-left: 25px;
}

#subnav ul li ul li a.current {
font-weight:bold;
color:#444444;
}



/* layout */

#contentwrap {
width:950px;
margin:20px auto 20px auto;
text-align:left;
background:#ffffff;
}

#leftbar {
float:left;
width:680px;
margin-right:20px;
}

#subnav {
float:left;
width:180px;
margin-right:20px;
}

#midbar {
float:left;
width:530px;
margin-right:20px;
}

#sidebar {
float:left;
width:250px;
font-size:90%;
}

#rightbar {
float:left;
width:200px;
font-size:90%;
text-align:right;
}

#twocol {
float:left;
width:750px;
text-align:left;
}

#ploegsponsors {
margin-top:95px;
}

/* content  */

iframe {
display:block;
width:100%; 
border:none; 
}

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

/* tables */

#leftbar table td.icon {
border-right:0px;
padding-right:0px;
}

#leftbar table {
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
font-size:90%;
}

#midbar table, #twocol table {
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
font-size:90%;
margin-bottom:20px;
}

#midbar table th, #twocol table th, #leftbar table th {
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
color:#ffffff;
background:#3593D5;
padding:3px 10px;
vertical-align:top;
text-align:center;
}

#midbar table td, #twocol table td, #leftbar table td {
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
padding:3px 10px;
vertical-align:top;
}

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

table.ploeg {
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
margin:20px 100px 0px 0px;
width:100%;
}

table.ploeg th {
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;	
padding:3px 10px;
vertical-align:top;
}

table.ploeg td {
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;	
padding:3px 10px;
vertical-align:top;
}

table.ploeg td.foto {
width:100px;
text-align:center;
}

/* uitslagen */

#vorige table, #volgende table {
width:100%;
}

#vorige input, #volgende input {
color:#ffffff;
background:#3593D5;
margin-top:6px;
padding:5px 10px;
}

/* optima in actie */

#mySlideshow {
margin-left: auto;
margin-right: auto;
}

#mySlideshow #titleContainer {
background-color: black;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #eeeeee;
}

#mySlideshow #titleContainer #label {
text-align: center;
font-weight: bold;
padding: 5px;
}

/* wijnactie */

#wine {
background:#E8F3FB url(../images/wine.png) bottom right no-repeat;
padding-bottom:20px;
margin-bottom:5px;
}

#wine p {
margin-left:15px;
margin-right:15px;
margin-bottom:0px;
}

/* nieuws */

#news {
background:#E8F3FB;
padding-bottom:5px;
}

.item {
margin:10px 0px 0px 0px;
padding-bottom:10px;
}

.item .date {
font-weight:bold;
color:#444444;
width:75px;
float:left;
margin-left:15px;
}

.item .newscontent {
width:145px;
float:left;
margin-bottom:15px;
margin-right:15px;
}

.item h3 {
padding:0px 0px 0px 0px;
font-size:100%;
font-weight:normal;
margin:0px;
}

#sidebar .item h3 a {
text-decoration:none;
}

p.news {
text-align:right;
padding-right:10px;
}

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

.newsitem h2 {
color:#3593D5;
padding:0px 0px 6px 0px;
font-weight:bold;
margin:10px 0px;
font-size:100%;
}

.newsitem h2 span.date {
width:100px;
float:left;
margin-right:20px;
color:#444444;
}

.newsitem p, .newsitem ul {
margin:0px 0px 10px 120px;
}

/* vip */

#vip {
margin-top:20px;
background:#E8F3FB url(../images/champagne.png) bottom left no-repeat;
}

#vip p {
padding-left:15px;
padding-right:15px;
}

/* event */

#event {
margin-top:20px;
background:#3593D5;
color:#ffffff;
padding-bottom:15px;
}

#event table {
border:none;
}

#event table td {
border:none;
}

#event table td p {
padding-left:15px;
padding-right:5px;
}

#event table td img {
margin-right:15px;
}

#event table td a {
color:#ffffff;
}

/* foto */

#foto {
text-align:center;
margin-top:30px;
}

#foto h1 {
text-align:left;
}

/* pers */

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

.persitem p {
color:#3593D5;
padding:0px 0px 0px 0px;
margin:10px 0px;
font-size:100%;
}

.persitem p span.date {
width:100px;
float:left;
margin-right:20px;
color:#444444;
height:30px;
font-weight:bold;
}

/* verslagen */

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

.verslagitem h2 {
color:#3593D5;
padding:0px 0px 6px 0px;
font-weight:bold;
margin:10px 0px;
font-size:100%;
}

.verslagitem h2 span.date {
width:100px;
float:left;
margin-right:20px;
color:#444444;
}

.verslagitem p {
margin:0px 0px 10px 120px;
}

/* footer */

#footerwrap {
text-align:center;
clear:left;
}

#footer {
width:910px;
margin:0px auto 0px auto;
color:#aaaaaa;
font-size:80%;
padding:12px 20px 12px 20px;
text-align:left;
border-top:1px solid #aaaaaa;
}

#footer a {
color:#aaaaaa;
}

/* 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;
}