/* CSS Document */



BODY {

	MARGIN-LEFT: 3%; COLOR: #000; MARGIN-RIGHT: 3%; background-COLOR: #063

}

P {	padding: 5px

	}

	p1 {

	text-align:center

	}

H1 {

	PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 10px; TEXT-ALIGN: center

}

#extra_links H3 {

	PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 10px; TEXT-ALIGN: left

}

H2 {

	COLOR: #736;

}

H3 {

	COLOR: #000;

}

DIV {

	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px

}

A {

	COLOR: #000

}

A:visited {

	COLOR: #000

}

A:hover {

	COLOR: #f00;

}

#extra_links A {

	COLOR: #fff

}

#extra_links A:visited {

	COLOR: #fff

}

#extra_links A:hover {

	COLOR: #ff0 

}

#main_nav A {

	COLOR: #000;

	FONT-WEIGHT: 800;

	TEXT-DECORATION: none;

	border: thin solid #FF0000;

}

#main_nav A:visited {

	COLOR: #000;

	border: thin solid #FF0000;

}



#main_nav A:hover {

	COLOR: #ff0;

	border: thin solid #FF0000;

}

#header {

	COLOR: #fff;

	background-image: url(titel.gif);

	background-color: #063;

	background-repeat: no-repeat;

	background-position: center;

	height: 200px;

}

#main_nav {

	BACKGROUND-COLOR: #f6c; TEXT-ALIGN: center

}

#page_body {

	PADDING-LEFT: 0px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 100%

}

#text {

	FLOAT: right;

	WIDTH: 82%;

	background-color: #9f6; PADDING-LEFT: 5px;

}

.rahmen {

border:solid #0033CC;

}



#extra_links {

	FLOAT: left; WIDTH: 15.5%; margin-top: 100px; HEIGHT: 100%; BACKGROUND-COLOR: #063

}

#extra_links A {

	DISPLAY: block

}

#extra_links p {

	FONT-SIZE: 1.1em; COLOR: #000;

}

#footer {

	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #736 1px solid; COLOR: #fff; PADDING-LEFT: 0px; FONT-SIZE: 0.9em; PADDING-BOTTOM: 0px; TEXT-INDENT: 0em; PADDING-TOP: 0px

}

#footer P {

	MARGIN: 0px; FONT-SIZE: 0.7em

}

#navlit	{

	font-family: arial;

	font-weight: 800;

	color: #000;

	line-height: 2.8em;	



}

.navlit A {

	color: #000

}

.navlit A:visited {

	color: #000

}

.navlit A:hover {

	color: #f00;

}



table.rahmen {

    caption-side: bottom;

    border-collapse: collapse;

    width: 85%;

    table-layout: fixed; }

table.rahmen td, table.rahmen th {

    border: 1px double;

}

table.rahmen th {

    background: rgb(150,210,150);

    color: white; }

.no {

	display: none

}

.aussenrahmen {

   color: #fff;

   background-color: #840000;

   border: none;

   padding: 10px;

   margin-bottom: 5px;

/* min-width verhindert ein weiteres Zusammenschieben der 

Rahmenboxen bei Ereichen der minimalen Fensterweite

in Opera/Mozilla 1.3; optional anzupassen */

   min-width: 138px; 

} 

.boxrahmen {

   color: #003;

   background-color: #840000;

/* width notwendig für IE Win, da sonst Fehldarstellung */

   width: 90%; 

   padding-bottom: 10px;

}

.box01 {

   color: #fff;

   background-color: #840000;

   border: none;

   width: 45%;

/* folgende min-width in Relation zu entsprechender Angabe unter .aussenrahmen (s.o.) */

   min-width: 130px;

   margin-top: 10px; 

/* margin-left-Angabe abweichend von .box02 & .box03 , ermittelt durch Trial & Error,

float-bug in IE wird in darauffolgender Definition korrigiert */

   margin-left: 2.2%; 

   float: left;

}

/* ab hier wird's tricky wegen IE Float-Bug, 

Hack dank Thomas Scholz; Erklärung siehe:

http://www.css-technik.de/details/107/5/CSS-Browser-Bugs.htm;

verursacht *keine* Warnung beim Validieren! */

* html .box01 { 

/* fuer IE Win \*/

  margin-left: 1.1%;

/* */

}

.box02 {

  color: #fff;

  background-color: #840000;

  border: none;

  width: 30%;

/* min-width siehe .box01 */

  min-width: 130px;

  margin-top: 10px;

  margin-left: 2.5%;

  float: left;

  }

.box03 {

   color: #fff;

   background-color: #840000;

   border: none;

   width: 45%;

/* min-width siehe .box01 */

   min-width: 130px;

   margin-top: 10px;

   margin-left: 2.5%;

   float: left;

}

.box01 h1, .box02 h1, .box03 h1 {

	font-size: 2.8em;

	margin: 12px 5px;

	font-weight: bold;

}

.box01 p, .box02 p, .box03 p {

	margin: 12px 5px;

	font-weight: bold;

}

.clear {   

   clear: both;

}

.uber {

	text-align: center;

}

#map {

	width:500px;

	height: 300px;

	left: 20%;	

}
.red {

	font-size: 60%;
	}