/*----- Klassen für HTML-Elemente -----*/

/** Textfelder und Textareas */
/** normale Anzeige */
input[type="text"], input[type="password"], textarea {
  border: 1px solid;
  border-color: #474E66 #E7E8ED #E7E8ED #474E66;
  padding: 2px 4px 2px 4px;
}

/** fokusierte Anzeige */
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  border: 1px solid;
  border-color: #002276 #4A5F9A #4A5F9A #002276;
  background-color: #EBF5FF;
}

/** Textarea für den FCKEditor */
textarea.fckTextarea {
  width: 800px;
  height: 600px;
}

/** TODO: prüfen */
/** Pager ausgewählte Seite */
.pageSelected {
  color: red;
  font-weight: bold;
  font-size: 16px;
}

/** TODO: prüfen */
/** Pager ausgewählte Seite */
.page {
  font-weight: bold;
  font-size: 14px;
}

/** TODO: prüfen */
/** Pager Überschrift */
.pagerHead {
  font-size: 12px;
}

/** Style für Fehlermeldungen in Formularen */
.error {
  color: red;
}

/** Style für Markierungen für Pfilchtfelder in Formularen */
.mark {
  font-weight: bold;
}

/** ---------- Navigation ---------- */
#navBar {
  text-align: left;
  border-top: medium solid black;
  background-color: #B30000;
  padding-top: .5em;
  padding-bottom: .5em;
}

#navBar a {
  background-color: #B30000;
  font-weight: bold;
  color: white;
	border-right: thin solid white;
  text-decoration: none;
  padding: .5em;
}

#navBar a.on {
  background-color: #ffcccc;
  color: black;
}

#navBar a:visited  {
}

#navBar a:hover  {
  background-color: #ffcccc;
  color: black;
}
/** ENDE Navigation */

/** ---------- Navigation ---------- */
#navBarAdmin {
  text-align: left;
  border-top: medium solid black;
  background-color: #B30000;
  float: left;
}

#navBarAdmin a {
  background-color: #B30000;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

#navBarAdmin a.on {
  background-color: #ffcccc;
  color: black;
}

#navBarAdmin a:visited  {
}

#navBarAdmin a:hover  {
  background-color: #ffcccc;
  color: black;
}
/** ENDE Navigation */

/** ---------- Unter-Navigation ---------- */
#navBarSub {
	font-size: 90%;
  text-align: left;
  border-bottom: thin solid black;
  background-color: #ffcccc;
/**  overflow: hidden; */
  padding-top: .2em;
  padding-bottom: .2em;
}

#navBarSub a {
  padding: .2em .5em .2em .5em;
	border-right: thin solid black;
	
  vertical-align: top;
	font-weight: bold;
  color: black;
  text-decoration: none;
}

#navBarSub a:visited  {
  color: black;
}

#navBarSub a:hover  {
  background-color: #B30000;
  color: white
}
/** ENDE Unter-Navigation */

/** ---------- Sie sind hier ---------- */
#navSelected {
	font-size: 90%;
  text-align: left;
  /* border-bottom: 1px solid black; */
  background-color: #efefef;
  overflow: hidden;
  padding: .2em;
	font-weight: bold;
}

#navSelected a {
	/*
	background: url("/store/img/pylone.10.gif");
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	*/
	
	padding-left: 1em;
	padding-right: 1em;
	border-right: thin solid black;
  background-color: #efefef;
	
	vertical-align: top;
  color: black;
  text-decoration: none;
}

#navSelected a:visited  {
  color: black;
}

#navSelected a:hover  {
  background-color: #B30000;
  color: white
}
/** ENDE Sie sind hier */


/** ---------- News ---------- */
.news {
  overflow: hidden;
}

.news-head {
  font-weight: bold;
  color: white;
  background-color: #b30000;
	/**
	background: url("/store/img/bgbar2.gif") #001F7A;
  background-position: bottom;
  background-repeat: repeat-x;
  */
  padding: .2em;
}

.news-top {
	margin-top: 2em;
	color: grey;
}

.news-bottom {
	background-color: #efefef;
	text-align: right;
	margin-left: 3em;
  margin-top: .3em;
  padding: .2em;
}

.news-text {
	color: black;
	margin-left: 3em;
  padding: .2em;
  overflow: hidden;
}

h1.news-text, h2.news-text, h3.news-text, h4.news-text, h5.news-text, h6.news-text {
  font-family: serif;
  font-weight: normal;
  color: black;
  text-align: left;
  background: none;
}

/** ---------- ENDE - News ---------- */


/** ---------- Fahrerportrait ---------- */
#driverPortrait {
}

#driverPortrait img {
  overflow: hidden;
}

/** Zelle mit Label */
#driverPortrait .label {
	font-weight: bold;
  color: white;
  background-color: #b3b3b3;
  padding: .2em;
}

/** Zelle mit Inhalt */
#driverPortrait .content {
	font-size: 120%;
	color: black;
  padding: 0 0 .4em .2em;
}

/** persönliche Daten */
#driverPortrait .personal {
  overflow: hidden;
}

/** sportliche Lebenslauf */
#driverPortrait .sportly {
  overflow: hidden;
}

/** ---------- ENDE - News ---------- */



/* --------------------------------------------------------------------------------
 Button Style der Tools beim Eingeben eines neuen Eintrages im GB
*/
input.toolButton {
  border: 1px solid;
  border-color: #474E66 #E7E8ED #E7E8ED #474E66;
  font-weight: bold;
  font-size: 10px;
  padding: 2px 4px 2px 4px;
}

input.toolButton:focus {
  border: 1px solid;
  border-color: #002276 #4A5F9A #4A5F9A #002276;
  font-weight: bold;
  font-size: 10px;
  background-color: #EBF5FF;
}

/* --------------------------------------------------------------------------------
 Style des Hilfe Input-Textfeldes
*/
.toolHelp {
  border-color: #474E66 #E7E8ED #E7E8ED #474E66;
  width: auto;
  font-size: 10px;
  color: #000000
}

/* Für den Tooltip auf der Fahrer-Seite */
#info {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
} 

/** ---------- Aktuelles ---------- */
#uptodate {
/**	overflow: hidden; */
}

#uptodate h1 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 150%;
  background-image: none;
	color: black;
	margin-bottom: 0.5em;
	text-align: left;
	text-decoration: underline;
}

#uptodate .content {
	color: black;
	font-size: 120%;
	padding-left: 3em;
	text-align: left;
	margin-bottom: 1em;
/**	overflow: hidden; */
}
/** ---------- ENDE - Aktuelles ---------- */

/** ---------- rechter Balken ---------- */
#rightBar {
  /* position: absolute; */
  /* left: auto; */
  /* right: auto; */
  width: 14em;
  /* float: right; */
  vertical-align: top;
  background-color: #FFDFBF;
}

#rightBar h1 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 120%;
  background-image: none;
  background-color: #FF8000;
	color: white;
	margin-bottom: 0.5em;
	padding: .2em;
	text-align: right;
}

#rightBar .content {
	color: black;
	font-size: 100%;
	text-align: center;
	margin-bottom: .5em;
}
#rightBar #partner {
	background-color: white;
	margin: 1px;
}
/** ---------- ENDE - rechter Balken ---------- */

/** ---------- Veranstaltungsinfo ---------- */
.eventInfo {
  overflow: hidden;
	margin-top: 2em;
}

.eventInfo .head {
  font-weight: bold;
  color: white;
  background-color: #b30000;
  padding: .2em;
}

.eventInfo .bottom {
	background-color: #efefef;
	text-align: right;
	margin-left: 3em;
  margin-top: .3em;
  padding: .2em;
}

.eventInfo .text {
	margin-left: 3em;
  padding: .2em;
  overflow: hidden;
	text-align: justify;
	line-height: 150%;  
}

table.eventInfo {
	margin-top: 0;
	border: 0;
}

table.eventInfo .label {
	vertical-align: top;
	background-color: #efefef;
	border-bottom: thin solid white;
}

table.eventInfo .content {
	vertical-align: top;
	border-bottom: thin solid black;
}

tbody.eventInfo {
}

thead.eventInfo {
	background-color: #efefef;
}

tfoot.eventInfo {
	background-color: #efefef;
}

td.eventInfo {
}

tr.eventInfo {
}

/** ---------- ENDE - Veranstaltungsinfo ---------- */

/** ---------- Saisoniterator ---------- */
.saisons {
	text-align: center;
	margin: 1em;
	font-size: 120%;
	font-weight: bold;
}

.saisons a {
	padding: .2em;
}

/** ---------- ENDE - Saisoniterator ---------- */


/** ---------- Design ---------- */
.border {
  margin: .5em 0 .5em 0;
	border: medium solid black;
}

table {
	margin-top: 0;
	border: 0;
}

tbody td.label {
	font-weight: bold;
	background-color: #efefef;
  padding: .2em;
  border-bottom: thin solid white;
}

tbody td.content {
	font-size: 100%;
	color: black;
  padding: 0 0 .4em .2em;
/* border-bottom: thin solid silver; */
}

tbody {
	vertical-align: top;
}

thead {
	font-weight: bold;
  color: white;
  background-color: #b30000;
  padding: .2em;
}

tfoot {
	font-weight: bold;
  color: white;
  background-color: #b30000;
  padding: .2em;
}

/** gestartet */
.state0 {
}
/** nicht gestartet */
.state1 {
	color: gray;
}
/** aus der Wertung */
.state2 {
	font-style: italic;
}
/** disqualifiziert */
.state3 {
	color: red;
}

/** ---------- ENDE - Design ---------- */

/** ---------- Admin ---------- */
#manual {
	background-color: #efefef;
	border: thin black solid;
	padding: .3em;
}

#manual .content {
/*	font-family: monospace; */
	font-size: 90%;
}

#manual h1 {
}

#adminNav {
}

#adminNav ul {
	font-weight: bold;
  text-decoration: underline;
  list-style-type: none;
	padding: 0 0 0 0em;
	margin: 0;
}

#adminNav ul li ul {
  list-style-type: square;
	padding: 0 0 0 2em;
	margin: 0;
}

/** ---------- ENDE - Admin ---------- */