/* Allgemeine Formatierungen */
body, html { height: 100%; }
body {
  color: black;
  background-color: white;
  margin: 15px 0px 15px 0px;
}

table#Container {
  /*Diese Breite sollte parallel zur Breite der Raender und/oder die Breite des Menues/Inhalts angepasst werden!!!
    Damit bleibt bei jeder Aufloesung die Tabelle in ihren Massen erhalten. */
  width: 965px;
  background-color: #999999;
}

table#Container, td#Menu, td#Content {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  vertical-align: top;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  border: 0px solid; border-collapse:collapse;
}

ul#navigation a:link {
  background-color: #999999;
}
ul#navigation a:visited {
  background-color:#999999;
}
ul#navigation a:hover {
  background-color: #FF3300;
}
ul#navigation a:active {
  background-color: #999999;
}

ul#navigation img {
	padding-right: 5px;
	position:relative;
	top:2px;
}

table td#Menu {
  padding: 0 5px 0 5px;
  /*width: 180px; das hier ned setzen. Benutze dafuer die Gesamtbreite der Tabelle. Gibt ansonsten im Firefox einen kleinen Abstand des Menues zum Inhalt.*/
}

table td#Banner {
  border: 0px solid black;
  font-size:0px;
}

table td#Content {
  width: 740px;
  background-color:#eeeeee;
  padding: 10px 10px 10px 10px;
}

table td.ContentBorder {
  width: 15px;
  height: 15px;
  font-size:0px;
}

/* Formatierung der Navigationsleiste */
ul#navigation {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  left: 0px;
  font-size: 12px;
  border: 0px solid green;
  float: left;
}
ul#navigation li {
  list-style: none;
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid green;
}
ul#navigation a {
  color: #CCD6D6;
  width: 180px;
  display: block;
  padding: 5px 0px 5px 5px;
  text-decoration: none;
  border: 0px solid red;
}

h1 {
  font-size: 16px;
  font-weight: bold;
}
h2 {
  font-size: 15px;
  font-weight: bold;
}
h3 {
  font-size: 13px;
  font-weight: bold;
}
h4 {
  font-size: 12px;
  font-weight: normal;
}

/* Programmuebersicht */
table#timetable {
  border-collapse:collapse;
}
table#timetable td {
  padding: 5px 7px 5px 7px;
  border: 1px solid black;
}

/* Formatierungen für Registration */
.reg {
	margin: 0px 0px 0px 10px;
	padding: 2px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	border: 1px solid black;
}
.button { width: 150px; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; }

/* Formatierung für Registartion Fees*/
table.fees { width: 400px; border: 0px solid red; }

/* Allgemein fuer alle tabellen */
table {
  border: 0px solid red;
}
td {
  vertical-align: top;
  border: 0px solid red;
}

/* Logo-Table */
td.logocell {
  text-align: center;
  padding: 10px 0 0 0;
}


div.form-container input[type=text], input[type=password] {
	border: 1px solid #000000;	
}

div.form-container select {
	border: 1px solid #e2e2e2;
}

div.form-container form fieldset legend{ 
color:#000000;
}

div.form-container form fieldset div { 
padding: 0.25em 0; 
}

div.form-container label, 
div.form-container span.label { 
margin-right: 10px; 
padding-right: 10px;  
display: block; 
float: left; 
text-align: left; 
position: relative; 
}

div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	
background-color: #ecffec; 
border-color: #FC6; 
}