/* Das Tag body regelt die hellblaue Hintergrundfarbe 
   und legt die Schrift des Projektes auf Verdana fest */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eef4f7;
}

/* Container ist das DIV, das den äußeren Rahmen des Gesamtobjekts darstellt und alles umfasst. 
   Damit ist die für die jeweilige Bildschirmgröße korrekte Mittelstellung festgelegt. Außerdem ist dieser Container wichtig für die Seitenende-Behandlung und enthält das botto-Div, mit dem z.B. die Seitenränder unten geregelt sind.  */
#container {
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	top: 10px;

	
}
/* Im DIV container_bg - bg steht für background - ist der Hintergrund mit Seitenrändern festgelegt. */
#container_bg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 1000px;
	position: static;
	background-image: url(Bilder/bg_doppelrand.gif);
	background-repeat: repeat-y;
	
}

/* In diesem Container liegen die eigentlichen Seiteninhalte. Er gibt die Schreibränder vor. */
#container_innen {
	position: relative;
	width: 920px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #ed0002;
	left: 40px;
}

/* Falls Du je nach weiterer Gestaltung mal Probleme mit der Seitenläng erhältst kannst Du mit einem Spacer in diesem    DIV für alle browser eine verbindliche Mindestseitenlänge festlegen. */
.img_laenge {
	float: right;
}

/* Dieses Div regelt den Kopfbalken und gibt Freiraum für Logo und Nebenmenu */
#logoraum {
	position: relative;
	left: 0px;
	height: 130px;
}

/* Position des docclusive-Logo */
#logo {
	float: left;
	height: 100px;
	width: 210px;
	vertical-align: baseline;
	left: 21px;
	position: absolute;
	top: 10px;
}
/* Linksignale für die verschiedenen Linkzustände des Logos werden abgeschaltet */
#logo img {
	text-decoration: none;
}
#logo img a:visited {
	text-decoration: none;
}
#logo img a:link {
	text-decoration: none;
}
#logo img a:hover {
	text-decoration: none;
}

/* Position, Größe und Verhalten des Nebenmenus */
#menu_neben {
	float: right;
	position: absolute;
	top: 46px;
	left: 559px;
	text-align: center;
	font-size: 12px;
	width: 350px;
	height: 19px;
}

#menu_neben td {
	width: 80px;
	text-align: center;
}

#menu_neben a:visited {
	color: #8f8f8f;
	text-decoration: none;
	text-align: center;
}
#menu_neben a:link {
	color: #8f8f8f;
	text-decoration: none;
	text-align: center;
}
#menu_neben a:hover {
	color: #ed0002;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

/* Freiraum für das Kopfbild */
#kopfbild {
	text-align: center;
	vertical-align: middle;
	position: relative;
	height: 290px;
	width: 920px;
	left: 0px;
	top: -40px;
}
/* Das Hauptmenu */
#haupt_menu {
	position: relative;
	z-index: 15;
	width: 920px;
	bottom: 0px;
}
#haupt_menu td {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;
	margin: 1px;
	padding: 1px;
	background-color: #ed0002;
	width: 182px;
	letter-spacing: 1px;
}

#haupt_menu a:visited {
	width: 920px;
	color: #FFFFFF;
	text-decoration: none;
}
#haupt_menu a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#haupt_menu a:hover {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
/* Der editierbare Textbereich */
#inhalt {
	position: absolute;
	left: 60px;
	width: 700px;
	height: 412px;
	font-size: 12px;
	text-align: justify;
	top: 435px;
}
#callback {
	vertical-align: middle;
	position: relative;
	width: 600px;
}

/* Freiraum für die rechte Spalte */
#spalte_re {
	position: absolute;
	width: 175px;
	left: 775px;
	top: 448px;
	text-align: center;
	height: 35px;
}
/* Der Seitenfuss */
#bottom {
	clear:both;
	height: 50px;
	width: 1000px;
	z-index: 40;
	position: relative;
	top: -3px;
	left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8f8f8f;
}
.fussnote_li {
	left: 55px;
	float: left;
	position: relative;
	top: -40px;
}
.fussnote_re {
	right: 55px;
	float: right;
	position: relative;
	top: -40px;
}
/* allgemeine Tags wie Ueberschriften, Links, Textauszeichnungen */
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #ed0002;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #ed0002;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
strong {
	font-weight: bold;
}

a:visited {
	color: #8f8f8f;
	text-decoration: none;
}
a:link {
	color: #ed0002;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #ed0002;
	text-decoration: none;
}
.schrift9px {
	font-size: 9px;
}