/* design.css */

/* Zentrale Formatierungsdatei von www.raceodyssey.meobasel.ch */
/* Medium: Screen, Standard 2.0 */
/* erstellt durch Jakob Boss */


body {background-color:#000; margin:0;
color:#cccccc;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
}

h1, h2, h3, h4, p, a {color:#CCC;}

h1 {margin:5px 5px 0; padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase; text-align:center;
letter-spacing:.2em; color:#CCC;
font: normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;}

h2 {margin:.25em 0 .25em 0;
font:normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
padding:0 0 4px; font-size:180%;
font-weight:normal; line-height:1.2em;
color:#aadd99;}

h3 {margin:.25em 0 .25em 0;
font:normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
padding:0 0 4px; font-size:140%;
font-weight:normal; line-height:1.2em;
color:#FFF;}

.post h2 a, .post h2 a:visited, .post h2 strong {
display:block; text-decoration:none;
color:#aadd99; font-weight:bold;
}
.post h2 strong, .post h2 a:hover {color:#cccccc;}

h2.date {margin:1.5em 0 .75em;
font:normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em; text-transform:uppercase;
letter-spacing:.2em; color:#777777;}

a:link {color:#99aadd; text-decoration:none;}
a:visited {color:#aa77aa; text-decoration:none;}
a:hover {color:#aadd99; text-decoration:underline;}

a.menu {text-decoration:none; color:#FFF; background:none;
padding:0 2px; border-color:#333; border-style:hidden; border-width:1px;}
span.menu {text-decoration:none; color:#888; background:none;
padding:0 2px; margin:0 5px 0 0px; border-color:#333; border-style:hidden; border-width:1px;}

a.menu:hover {color:#000; text-decoration:none; background-color:#FFF;}
a.menu_on {text-decoration:none; color:#000; background-color:#FFF;
padding:0 2px; border-color:#333; border-style:solid; border-width:1px;}
a.menu_on:hover {color:#FFF; text-decoration:none; background:none;}

a.expander {position:relative;}
a.expander span {display: none;}
a.expander:hover {text-decoration:none; color:#FFF;}
a.expander:hover span {display:block; position: absolute;
top: 25px; left: 10px; width:100px; z-index: 1000;
text-decoration:none;
border: 1px solid; border-color: #333 #333 #333 #666; border-left: 5px solid;
padding: 3px 10px 3px 10px; background: #666;
}


a img {border-width:0;}


img.eventpic {border-style:none; border-width:0; right:0px; top:0px;
margin:5px; float:right; cursor: pointer;}

span.headchar {float:left; font-size:380%; line-height:.8em; font-family:Georgia, "Times New Roman", Times, serif; padding:0px 5px 0px 0px;}
p.authortag {text-transform:uppercase;  color:#888; font-size:0.8em; margin:0 0 -0.3em 0;}


/* Tabelle im Content */
table {border-collapse:collapse;}
thead {font-size:10pt; font-weight:bold;;}
tbody {font-size:10pt; font-weight:normal; border-bottom-width:thick;}
tr.alt {background-color:#111;}
td {vertical-align:top; table-layout:fixed; margin: 0px -5px; padding: 0px 2px;}

tr.confirmed {background-color:#AAA;}
td.textfeld {padding-left:6px; padding-right:6px;font-size:10pt;}
td.confirmed {background-color:#0D0;}

input[type="text"], input[type="password"], textarea{ 	
	border-color:#555;
	border-style:solid;
	border-width:1px;
	color: #FFF;
	background-color: #222 }

input[type="button"]:disabled,input[type="submit"]:disabled{ 
	display: inline-block; 
	color: #808080; 
	text-align: center; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	padding-left:3px;
	padding-bottom:1px;
	padding-right:3px;
	padding-top:1px;
	border-color:black;
	border-style:solid;
	border-width:1px;
	background-color: #303030
}

input[type="button"],input[type="submit"]{ 
	display: inline-block; 
	color: #000; 
	text-align: center; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	padding-left:3px;
	padding-bottom:1px;
	padding-right:3px;
	padding-top:1px;
	border-color:black;
	border-style:solid;
	border-width:1px;
	background-color:#FFF; 
}
input[type="button"]:hover,input[type="submit"]:hover{ border-color: #DDD; }

.dropdown {

	color: #000; 
	text-align: left; 
	font-size: 11px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
	margin-bottom:0px;
	border-color:black;
	border-style:solid;
	border-width:1px;
	background-color:#FFF; 

}





/* Aufzählung im Content */
ul {list-style-image:url(/Bilder/ul.gif);}
hr {color:#C3BDB1}


p {margin-top:0pt; margin-bottom:10pt; white-space:normal;}
p.datum {color:#CEC6BD; font-size:8pt; align:bottom;}
p.explain {color:#000000; font-size:8pt; margin-bottom:0pt;}
p.datum {color:#CEC6BD; font-size:8pt; margin-bottom:0pt;}
p.reguser {color:#FFFFFF; font-size:10pt; margin-bottom:0pt; padding-bottom:4px; padding-top:4px;}


label {margin-top:0pt; margin-bottom:10pt; white-space:normal; font-size:10pt}

.ohne_abstand {margin-top:0pt; margin-bottom:0pt;border-style:none; border-width:0;}
.text_small {background-color:#FDF9EE; font-size:10pt;}

.newseintrag {margin-top:20pt; margin-bottom:30pt;}
.wichtig {background: url("") no-repeat left; padding-left:15px;}


/* img Formate */
img {border-style:solid; border-width:1px;}
img.randlos {border-style:none; border-width:0;}
img.headpic {position:absolute; border-style:none; border-width:0; height:100px; left:0;}
img.dot {border-style:none; border-width:0;  z-index:1;}
img.untenrechts { border-style:none; border-width:0; width:196px; padding-top:6px; padding-bottom:6px;}
img.bannerpic {border-style:none; border-width:0;} 


/* Formate für Formulare */
fieldset { text-align: left; border: 1px solid ##00477C;} 

#autocomplete {
        background:url(mag.gif) left no-repeat;
	padding:0.1em 0.1em 0.1em 19px;
	border:1px solid;
	border-color:#666 #ccc #ccc #666;
}