.BODY{background-image: url(bg.gif); text-align: center;}
#veldlogin {font-family: Tahoma, Arial; font-size: 12px; padding:10; color:red;} 
#veldlogin A:link, #veldlogin A:visited {color:darkred; font-size: 12px;} 
#veldlogin A:hover {color:blue;}
#nieuwespeler {text-align:center; color:darkred; font-weight:bold;}
#wachtwoordkwijt {visibility:hidden;}
#selwedkas {visibility:hidden;}


.twitter {font-family:Tahoma, Arial; font-size:8px;}
.twitter A:link, .twitter A:visited {color:darkred;} 
.twitter A:hover {color:blue;}

#bbcid{
width: 300px;
padding: 5px;
background-color: lightyellow;
border: 1px dashed black;
}
#bbcid a:link, .cnnclass a:visited{
text-decoration: none;

color: black;
}

#bbcid-paginatediv{ /*Style for auto generated pagination DIV pertaining to #bbcid RSS box*/
width: 300px;
}

.cnnclass{
padding: 5px;
margin-bottom: 1em;
}

.cnnclass a:link, .cnnclass a:visited{
text-decoration: none;
font-size: 120%;
}

.bbcclass{
width: 400px;
padding: 6px;
background-color: lightyellow;
border: 1px solid #004A00;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: lightgray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}

.bluetext {font-family: Tahoma, Arial; font-size:12px;}

.link1 {	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
	TEXT-DECORATION: none;
	text-transform: uppercase;
	color: #FFFFFF;
}

.link3 {
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
	text-transform: none;
	color: #FF0000;
	text-decoration: underline;
}
.text {
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.text2 {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.text5 {
	font-family: Tahoma, Arial;
	font-size: 13px;
	font-weight: normal;
	color: black;
	text-decoration: none;
}
.text6 {
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #4A4A4A;
	text-decoration: none;
}


.veld1 {z-index: 2; background-image:url(veld1.jpg); text-align:left;
	width: 220; height: 300; position:relative; left:199; top:199;}
.inhoudveld {z-index: 3; width: 200; height: 260; position:relative; left: 20; top:20; 
	text-align:left; overflow:auto;}
#veldlogin {z-index: 4; background-image:url(login33.jpg); text-align:left;
	width:345;} A:link {color:darkred;}
A:visited {color:darkred;}
A:hover {color:blue;}
#inhoudlogin {z-index:5; width: 305; height:220; position:relative; left: 20; top:30;}
#meldinglogin {color: #BE0303;}
#nieuwespeler {text-align:center; color:darkred;}


.main {z-index:1; top:0; align:center; margin:0 auto; width:620; height:675; 
	font-family: Tahoma, Arial; font-size: 14px;}
.mainuit {z-index:1; top:0; margin:0 auto; width:868; height:675; 
	font-family: Tahoma, Arial; font-size: 14px;}
.main2 {z-index:1; top:0; align:center; margin:0 auto; width:830; height:675; 
	font-family: Tahoma, Arial; font-size: 14px;}
.main1 {align:center; margin:0 auto; 
	font-family: Tahoma, Arial; font-size: 14px;}
.layerkop {border:2px solid darkred; overflow:visible; text-align:center;
	position:relative; left:-2; top:-2; width:230; height:23; color:darkred; font-weight: bold;
	font-size:16px;}

#layerlinks, #layermidden, #layerrechts, #layertest  { position:relative; float:left; width:230; height:620; border:2px ridge darkred; margin:11;}
#layerlinkstour {background-color:white;
	position:relative; float:left; left:29;  width:500; height:75; text-align:left;
	padding-left:20; padding-right:20;  }
#selectlijstlinkstour {z-index:3; position:relative; left:0; top:5; width:230;}
#vullingtour {width:0; float:left; height:500}
	
#layermidden, #layerrechts {visibility:hidden;} 
#bevestigen {height:15; width:700; align:center; margin:5; padding:10;}
#layeronder {background-color:white; 
	position:relative; float:left; left:0; top:10; width:630; height:115; text-align:left;}
#layerkop1 {background-color:white;
	position:relative; float:left; left:29; top:10; width:593; height:170; text-align:left;
	padding-left:20;padding-right:20;}
#layerkop2 {background-color:white;
	position:relative; float:left; left:29; top:10; width:765; height:110; text-align:left;
	padding-left:20;padding-right:20;}
#selectrenners {width:230; height:200; overflow:auto; margin-top:15;}
.selectlijst {position:relative; left:0; top:5; width:230; margin-bottom:10;}

#lijst2 {z-index:3; position:relative; left:0; top:15; width:230; height:570; overflow:auto;}
#lijst1 {position:relative; left:0; top:15; width:230; height:570;}

#lijst1head {position:relative; left:0; top:15; width:270; height:570;}
#lijst2head {z-index:3; position:relative; left:0; top:15; width:270; height:570; overflow:auto;}
#layermiddenhead, #layerrechtshead { position:relative; float:left; width:270; height:620; border:2px ridge darkred; margin:11;}

#wedstrijden {z-index:3; position:relative; left:0; top:5; width:230; height:445;}
#uitslag {position:relative; left:0; top:5; width:230; height:400;}
#selectrenners1 {z-index:3; position:relative; left:0; top:15; width:230; height:445; overflow:auto;}

#selectlijstlinks {z-index:3; position:relative; left:0; top:5; width:230; height:350;}
#kosten {margin:10; height:30; width:200; text-align:left;}
#knopvanlijst {z-index:4; position:relative; left:10; top:10; width:210; height:30;}
#selspeler1 {z-index:4; position:relative; left:10; top:10; width:210; height:30;}
#selspeler2 {z-index:4; position:relative; left:10; top:10; width:210; height:30;}
#sellijst1 {z-index:4; position:relative; left:10; top:10; width:250; height:60; overflow:hidden;}
#sellijst2 {z-index:4; position:relative; left:10; top:10; width:250; height:60; overflow:hidden;}

#selwedstrijd {z-index:4; position:relative; left:10; top:10; height:30; overflow:hidden;}

#knopvoegwedstrijdtoe {z-index:4; position:relative; left:10; top:10; width:210; height:30;}
.koplijsten {z-index:4; position:relative; left:10; top:10; width:210; height:80;}

.knopvoegtoe1 {z-index:4; position:relative; top:10; width:210; height:40;}
.knopvoegtoe {z-index:4; position:relative; top:10; width:210; height:30;}
#knoplijstopslaan {z-index:4; position:relative; left:10; top:10; width:210; height:30;}
#knopverwijderlijst {z-index:4; position:relative; left:10; top:10; width:210; height:30;}
#knopvoeglijsttoe {z-index:4; position:relative; left:10; top:10; width:210; height:30;}
#aantalrenners {z-index:5; position:relative; left:10; top:10; width:230; height:30;}
#aantallijsten {z-index:5; position:relative; left:10; top:10; width:210; height:30;}

#meldingklein {border:2px ridge darkred; padding:5; margin:10; text-align:center; visibility:hidden;}	
#melding {color:darkred;}
#kader {padding:10;}

.kal A:link, .kal A:visited {color:darkred; font-size: 12px;} 
.kal A:hover {color:blue;}

#kop {
	font-family: Tahoma, Arial;
	font-size: 18px;
	font-weight: bold;
	border:2px dashed gray;
	padding:10;
	margin-bottom:10;
}
.link2 {
	font-family: Tahoma, Arial;
	font-size: 9px;
	font-weight: bold;
	color: #00518C;
	text-decoration: none;
	text-transform: uppercase;

}
.text3 {
	font-family: Tahoma, Arial;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.text4 {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #626262;
	text-decoration: none;
}
.linkll {
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
	TEXT-DECORATION: none;
	text-transform: uppercase;
}
a:visited {
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
	TEXT-DECORATION: none;
	color: #FFFFFF;
	text-transform: none;

}
a:link {
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
	TEXT-DECORATION: none;
	color: #FFFFFF;
	text-transform: none;

}
a:active {
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
	TEXT-DECORATION: none;
	color: #FFFFFF;
	text-transform: none;

}
a:hover
{
	COLOR: #FF7021;
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
	TEXT-DECORATION: none;
	text-transform: none;

}

.thinLine {
	border:1px solid #7F9DB9;
	color:#3A4B57;
}

.activeTabLink{
	display:block;
	height:29px;
	width:160px;
	text-align:center;
	line-height:26px;
	background: url('http://www.wielerspellen.nl/images/tab-active-middle.gif');
	background-repeat: repeat-x;
}
a.activeTabLink:link, a.activeTabLink:visited, a.activeTabLink:active a.activeTabLink:hover{
	color:black;
	font-weight:bold;
	font-size:12px;
	background: url('http://www.wielerspellen.nl/images/tab-active-middle.gif');
	background-repeat: repeat-x;
}
.inactiveTabLink{
	display:block;
	width:160px;
	height:29px;
	line-height:26px;
	background: url('http://www.wielerspellen.nl/images/tab-inactive-middle.gif'); 
	background-repeat: repeat-x;
}
a.inactiveTabLink:link, a.inactiveTabLink:visited, a.inactiveTabLink:active {
	color:black;
	font-weight:normal;
	font-size:12px;
	background: url('http://www.wielerspellen.nl/images/tab-inactive-middle.gif');
}
a.inactiveTabLink:hover{
	color:black;
	font-weight:bold;
	font-size:12px;
	background: url('http://www.wielerspellen.nl/images/tab-hover-middle.gif');
	background-repeat: repeat-x;
}
.activeTabLeft {
	width:5px; 
	height: 29px; 
	background-image: url('http://www.wielerspellen.nl/images/tab-active-left.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}
.activeTabRight {
	width:5px; 
	height: 29px; 
	background-image: url('http://www.wielerspellen.nl/images/tab-active-right.gif'); 
	background-repeat: no-repeat;
	background-position: bottom;
}
.inactiveTabLeft {
	width:5px; 
	height: 29px; 
	background-image: url('http://www.wielerspellen.nl/images/tab-inactive-left.gif');
	background-repeat: no-repeat;
	background-position: bottom; 
}
.inactiveTabRight {
	width:5px; 
	height: 29px; 
	background-image: url('http://www.wielerspellen.nl/images/tab-inactive-right.gif'); 
	background-repeat: no-repeat;
	background-position: bottom;
}

.buttonLeft {
	height:22px;
	width:5px;
	background-repeat: no-repeat;
	background: url('http://www.wielerspellen.nl/images/button-hover-left.gif');
}
.buttonRight {
	height:22px;
	width:5px;
	background-repeat: no-repeat;
	background: url('http://www.wielerspellen.nl/images/button-hover-right.gif');
}

.button{
	display:block;
	height:22px;
	color:black;
	font-weight:normal;
	font-size:12px;
	text-align:center;
	line-height:22px;
	background-repeat: repeat-x;
	white-space:nowrap;
}
a.button:link, a.button:visited, a.button:active a.button:hover{
	background: url('http://www.wielerspellen.nl/images/button-hover-middle.gif');
	color:black;
	font-weight:normal;
	font-size:12px;
}
a.button:hover{
	background: url('http://www.wielerspellen.nl/images/button-middle.gif');
}