/* Allgemein */
html {
	height: 100%;
}
body {
	background-color: #A60800;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #000000;
	min-height: 101%;
	margin: 0px;
	padding: 0px;
}

/* Container */
#container {
	width: 900px;
	border: 1px solid #A60800;
	background-image: url(bilder/banner.jpg);
  background-position: center top;
  background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
}

/* Banner */
#banner {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 11px;
	text-align: left;
  font-weight: bold;
	color: #FFFFFF;
	background-color: #BF3730;
	border-top: 1px solid #FF0D00;
	border-bottom: 1px solid #FF0D00;
	padding: 2px 10px;
	margin: 100px 0px 0px 0px;
}
#banner a {
	color: #FFFFFE;
}

/* Outer */
#outer {
	width: 700px;
	border-left: solid 200px #FF4940;
	background-color: #FFFFFF;
	margin: 0px;
}

/* Navigation */
#navigation {
  list-style-type: none;
	width: 200px;
	float: left;
	position: relative;
	margin: 0px 1px 0px -200px;
  padding: 0px;
}
#navigation img {
  margin: 0px;
}
#navigation li {
  padding: 10px 10px 12px 15px;
}
#navigation a {
	color: #FFFFFE;
}
#navigation p {
	margin: 0px;
	padding: 0px;
}

/* Content */
#content {
	margin: 0px;
	border: 1px solid #FFFFFF;
	min-height: 650px;
	background-image: url(bilder/noten.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}
#content ul {
  list-style-type: square;
}
#content li {
  margin: 10px 0px;
}
#content td a {
	color: #AD3F3C;
}
#content li a {
	color: #AD3F3C;
}

/* Footer */
#footer {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 11px;
	text-align: right;
  font-weight: bold;
	color: #FFFFFF;
	background-color: #BF3730;
	border-top: 1px solid #FF0D00;
	border-bottom: 1px solid #FF0D00;
	padding: 2px 10px;
	margin: 0px
}

/* Forumlare */
input.text {
  color: #000000;
  border: 1px solid #AD3F3C;
  background-color: #FFDEDC;
  height: 17px;
  width: 250px;
  padding: 2px;
  margin: 5px;
}
input.textplz {
  color: #000000;
  border: 1px solid #AD3F3C;
  background-color: #FFDEDC;
  height: 17px;
  width: 50px;
  padding: 2px;
  margin: 5px;
}
input.textort {
  color: #000000;
  border: 1px solid #AD3F3C;
  background-color: #FFDEDC;
  height: 17px;
  width: 180px;
  padding: 2px;
  margin: 5px;
}
input.textkurz {
  color: #000000;
  border: 1px solid #AD3F3C;
  background-color: #FFDEDC;
  height: 17px;
  width: 75px;
  padding: 2px;
  margin: 5px;
}
input.button {
  margin: 5px;
}
img.formular {
  margin: 5px;
}
textarea {
  color: #000000;
  border: 1px solid #AD3F3C;
  background-color: #FFDEDC;
  height: 100px;
  width: 250px;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  padding: 2px;
  margin: 5px;
}
select {
  color: #000000;
  border: 1px solid #AD3F3C;
  background-color: #FFDEDC;
  height: 23px;
  width: 256px;
  padding: 0px;
  margin: 5px;
}

/* Bereiche */
div.hinweis {
	margin: 10px auto;
  padding: 5px;
	border: 1px solid #FCDF98;
  background-color: #FBF2DD;
	width: 500px;
	text-align: center;
}
div.fehler {
	margin: 10px auto;
  padding: 5px;
	border: 1px solid #AD3F3C;
  background-color: #FFDEDC;
	width: 500px;
	text-align: center;
}
div.erfolg {
	margin: 10px auto;
  padding: 5px;
	border: 1px solid #7CD698;
  background-color: #D6F3DF;
	width: 500px;
	text-align: center;
}
div.bild {
	text-align: center;
  font-style: italic;
  width: 550px;
  line-height: 145%;
	margin: 5px auto;
}

/* Tabellen */
table {
	border: 0px;
	width: 680px;
  margin: 5px auto;
}
th {
  padding: 5px;
}
td {
  padding: 0px 5px;
}
tr.kopf {
	background-color: #BF3730;
	color: #FFFFFF;
  font-weight: bold;
  height: 20px;
}
tr.zeile1 {
  background-color: #FFDEDC;
  height: 30px;
}
tr.zeile2 {
  background-color: #FFFFFF;
  height: 30px;
}
tr.leer {
  background-color: transparent;
  height: 10px;
}
td.eintrag {
  background-color: #FFFFFF;
  border: 1px solid #ff0d00;
  padding: 0px;
}

/* Breiten */
.breite40 {
  width: 40px;
}
.breite80 {
  width: 80px;
}
.breite90 {
  width: 90px;
}
.breite100 {
  width: 100px;
}
.breite150 {
  width: 150px;
}
.breite200 {
  width: 200px;
}

/* Ausrichtung */
.links{
  text-align: left;
}
.zentriert{
  text-align: center;
}
.rechts{
  text-align: right;
}

/* Bilder */
img {
	border: 0px;
  margin: 5px 0px;
}
img.floatl {
  float: left;
  margin: 5px 10px;
}
img.floatr {
  float: right;
  margin: 5px 20px;
}
#banner img {
	padding: 5px 0px;
}

/* Universal */
.drittel {
width: 33.33%;
}
.viertel {
width: 25%;
}
.haelfte {
width: 50%;
}
.oben {
	vertical-align: top;
}
.klein {
	font-size: 11px;
}
.kursiv {
  font-style: italic;
}

/* Texte */
p {
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #000000;
  line-height: 145%;
	text-align: justify;
	padding: 5px 10px;
	margin: 0px;
}

/* Links */
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: none;
}
a.extern {
  color: #000000;
	background-image: url(bilder/link.png);
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 13px;
}

/* Überschriften */
#content h1 {
	font-size: 13px;
	color: #AD3F3C;
	text-transform: uppercase;
	border-bottom: 1px solid #FF0D00;
	width: 670px;
	margin: 5px;
}
#content h2 {
	font-size: 12px;
	color: #AD3F3C;
  text-decoration: underline;
	margin: 10px 10px 0px 10px;
}
#content h3 {
	font-size: 12px;
	color: #000000;
	margin: 10px 10px 0px 10px;
}