/* -- Allgemeines -- */
body {
	background: #ffec6b;
	color: black;
	margin: 0;
	padding: 1%;
	min-width: 640px;
	min-height: 640px;
	font-size: 100.01%;
	font-family: Helvetica,Arial,sans-serif;
}
h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i {
	font-family: Helvetica,Arial,sans-serif;
}

h1 {
	font-size:1.5em;
	margin-bottom:1.5em;}
h1.center {
	text-align: center;
}

h2 {
	font-size:1.3em;
	margin-bottom:1.3em;
}
h2.center {
	text-align: center;
}

h3{
	font-size:1.1em;
}
h3.center {
	text-align: center;
}

h4 {
	font-size:1em;
}
h4.center {
	text-align: center;
}

p,ul,ol,li,div,td,th,blockquote {
	font-size:1em;
}

p {
	text-align: justify;
}
p.center {
	text-align: center;
}
p.center_bold {
	text-align: center;
	font-weight: bold;
}
p.kl_center {
	text-align: center;
	font-size: 0.7em;
}
p.einrueck {
	text-indent:2em;
}
p.rechts {
	text-align: right;
}
p.links {
	text-align: left;
}
p.klein {
	font-size: 0.7em;
}
p.copy {
	text-align: center;
	font-size: 0.7em;
}
p.i_r {
	font-size: 0.7em;
	font-style: italic;
	text-align: right;
}



td p.impressum{
	font-size:0.8em;
}

li {
	list-style: disk;
	margin-left: 20px;
	margin-top:3px;
	padding: 0.0em;
 	text-align: left;
}
li.ebene2 {
	list-style: circle;
	margin: 0em;
	margin-left: 40px;
	padding: 0.0em;
 	text-align: left;
}


a {
	padding: 0.0em;
	font-weight: bold;
 }
a:link {
	color: black;
 }
a:visited {
	color: #666;
 }
a:hover {
	color: black;
	background-color: silver;
 }
a:active {
	color: white;
	background-color: gray;
 }
a img{
	padding: 0;
 }

a:hover img {
	padding: 0;
	border: solid 2px #aaa;
	background-color: #ffffe0;
 }
a:active img {
	padding: 0;
	background-color: #ffffe0;
 }


/* Da ein wichtiger Screenreader das display: none; auch f?lschlicherweise f?r sich versteht und nichts vorliest, obwohl das hier sich vor allem an Blinde richtet, muss man es so l?sen, dass man diesen Link au?erhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
.skip {
	position: absolute;
	margin-left: -10000px;
}
img { /* alle Bilder bekommen einen sch?nen Rahmen */
	border: solid 2px #ffffe0;
	padding: 0px;
	max-width: 95%; /* gute Broser machen ein zu gro?es Bild, welches das Design sprengen w?rde, funktioniert beim IE leider nicht */
}
img.rechts { /* alle Bilder bekommen einen sch?nen Rahmen */
	text-align: right;
	border: solid 0px #aaa;
	padding: 1px;
	max-width: 95%; /* gute Broser machen ein zu gro?es Bild, welches das Design sprengen w?rde, funktioniert beim IE leider nicht */
}


/* -- Layoutspezifisches -- */
/* Ist daf?r gedacht dass die viele Formatierungen einfacher werden, und auch ein gemeinsammer Rand entstehen kann, der nicht ganz au?en am Fenster ist. */
#container {
	max-width: 900px;
	margin: 0 auto;
	border: 0px solid #aaa;
	border-top: 0;
	background: #ffffe0;
	min-height: 640px
	text-align: left;
}

div#Seite {
	text-align: left; /* Seiteninhalt wieder links ausrichten */
 	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
 	padding: 0;
	background-image: url(htcolor.gif);
	background-repeat:no-repeat;
	background-position:50px 10px;
 	border: 2px ridge silver;
	background: #f7f1a1;
	min-height: 640px
 }


html>body div#Seite {
	border-color: gray;  /* Farbangleichung an den Internet Explorer  */
	min-height: 640px;
  }
h1#Seite {
	background-repeat:no-repeat;
	background-position:50px 10px;
	min-height: 90px;
  }

/* -------- Logo bzw. Kopf ---------- */
#logo {
	background: #f7f1a1;
	height: 134px;
	padding: 0 0px;
	text-align: center;
	overflow: hidden; 	/* Einzig der Mozilla k?nnte den Text unverh?ltnissm??ig zum Hintergrund ver?ndern.
				Damit dann wenigstens das Men? benutzbar bleibt schneiden wir alles was herausragt ab. */
	letter-spacing: 1px; 	/* Wieder ein wenig Typografie damit das Logo besser aussieht. */
	margin-top: 0; 		/* Manche Browser haben das schon voreingestellt aber nicht alle, deshalb
					 vereinheitlichen wir das. */
	margin-bottom: 0;
}
#logo img {
	margin-left: 0px;
}
#logo h2 {
	font-size: 1.5em;
	line-height: 110px;
	color: #0288bb;
	vertical-align:middle;
	margin-top: 0;
	margin-bottom: 0;
	margin-right:1em;
}

#logo p {
	background-color: #f7f1a1;
	margin-left: 0;
	margin-right: 0;
	font-size: 0.9em
	font-weight: bold;
	color: white;
	text-align: right;
}

#logo a {
	color: white;
	text-decoration: none;
}


/* ----------- Men? ----------- */
#menu {
	background-color: #ff4c1c;
	padding: 5px 5%;
	margin: 0;
	text-align: right;
	color: #0288bb;
}
#menu li {
	font-size: 0.9em;
	display: inline;
	list-style-type: none;
	border-left: 1px solid white;
	padding: 0 5px 0 5px;
	font-weight: bold;
	margin-left:0px;
}
#menu li a {
	color: white;
	text-decoration: none;
}


/* - Her Hauptinhaltsteil - */


/* ------------- Navigation ---------------- */

div#Navigation_s {
	font-size: 0.9em;
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	border: 0px;
	background-color: #ffffe0;
	text-align: center;
 }
h2#Navigation_s {
	text-align: center;
}

p#Navigation_s {
	font-size: 0.83em;
	float: left;
	width: 13em;
	margin: 1em;
	padding: 1em;
	border: 0px;
	text-align: center;
 }
ul#Navigation_s {
	font-size: 0.83em;
	float: left;
	width: 13em;
	margin: 0;
	padding: 0;
	border: 0px;
 }
ul#Navigation_s li {
	list-style: disk;
	margin: 0;
	margin-left: 1em;
	padding: 0.5em;
 }
ul#Navigation_s a {
	display: block;
	padding: 0.2em;
	/*font-weight: bold;*/
 }
ul#Navigation_s a:link {
	color: black;
	background-color: #eee;
 }
ul#Navigation_s a:visited {
	color: #666;
	background-color: #eee;
 }
ul#Navigation_s a:hover {
	color: black;
	background-color: white;
 }
ul#Navigation_s a:active {
	color: white;
	background-color: gray;
 }
div#Navigation {
	font-size: 0.8em;
	float: left;
	width: 200px;
	max-width: 200px;
	min-height: 440px;
	margin: 0;
	padding: 0;
	border: 0px;
	background-color: #ffffe0;
	text-align: left;
 }
h2#Navigation {
	text-align: center;
}

p#Navigation {
	font-size: 0.8em;
	float: left;
	width: 13em;
	margin: 0em;
	padding: 0em;
	border: 0px;
	text-align: left;
 }
ul#Navigation {
	font-size: 0.8em;
	float: left;
	width: 13em;
	margin: -3px;
	padding: 0;
	border: 0px;
 	text-align: left;
}
ul#Navigation li {
	list-style: disk;
	margin: 1em;
	margin-left: -2px;
	padding: 0.2em;
 	text-align: left;
}
#Navigation li {
	list-style: disk;
	margin: 0em;
	margin-left: 20px;
	padding: 0.0em;
 	text-align: left;
}
#Navigation li.ebene2 {
	list-style: circle;
	margin: 0em;
	margin-left: 40px;
	padding: 0.0em;
 	text-align: left;
}
ul#Navigation a {
	display: block;
	padding: 0.0em;
	/*font-weight: bold;*/
 }
ul#Navigation a:link {
	color: black;
	background-color: #eee;
 }
ul#Navigation a:visited {
	color: #666;
	background-color: #eee;
 }
ul#Navigation a:hover {
	color: black;
	background-color: white;
 }
ul#Navigation a:active {
	color: white;
	background-color: gray;
 }
 /*-------------------------- Aktuell --------------------------------*/

div#Aktuell {
	font-size: 0.9em;
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	border: 1px solid silver;
	background-color: #eee;
 }
div#Aktuell strong {
	font-size: 1.33em;
	margin: 0.2em 0.5em;
 }
div#Aktuell p {
	background-color: #0ff;
	font-size: 0.9em;
	margin: 0.5em;
 }
div#Aktuell p.termin {
	background-color: #eee;
	font-size: 0.9em;
	margin: 0.5em;
 }
div#Aktuell ul {
	background-color: #eee;
	font-size: 0.9em;
	margin-left: 0em;
 }
div#Aktuell h1 {
	background-color: #eee;
	font-size: 1.2em;
	margin: 0.0em;
	text-align: center;
	background-image: url('');
 }
div#Aktuell h2 {
	background-color: #72b4ca;
	font-size: 1.2em;
	margin: 0.0em;
	text-align: center;
	background-image: url('');
 }
div#Aktuell td {
	background-color: #eee;
	font-size: 0.9em;
	margin-left: 0.5em;
 }
ul#Aktuell li {
	list-style: disk;
	margin-left: 0em;
	padding: 0;
 }
#Aktuell li {
	font-size: 0.8em;
}
ul#Aktuell a {
	display: block;
	padding: 0.2em;
	font-weight: normal;
 }
ul#Aktuell a:link {
	color: black;
	background-color: #eee;
 }
ul#Aktuell a:visited {
	color: #666;
	background-color: #eee;
 }
ul#Aktuell a:hover {
	color: black;
	background-color: white;
 }
ul#Aktuell a:active {
	color: white;
	background-color: gray;
 }

div#Aktuell_foto {
	font-size: 0.9em;
	float: right;
	width: 200px;
	margin-top: 2 em;
	padding: 10em 0 0 0 ;
	border: 0px solid silver;
 }
div#Aktuell_foto p{
	margin-top: 12 em;
 }

/*-------------------------- Inhalt --------------------------------*/

div#Inhalt_s {
	margin: 0 12em 1em 12em;
	padding: 0 1em;
	border: 0px dashed silver;
  }
* html div#Inhalt_s {
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
 	margin-bottom: 0;
  }
div#Inhalt_s h1 {
	font-size: 1.4em;
 	color: navy;
	margin-top: 1em;
	text-align: center;
  }
div#Inhalt_s h2 {
	font-size: 1.2em;
 	color: navy;
	text-align: left;
	background-color: #f7f1a1;
	margin-bottom: 0;
  }
div#Inhalt_s p {
	font-size: 1em;
 	margin: 1em 0;
	text-align: justify;
  }
div#Inhalt_s ul {
 	margin-top: 0;
	font-size:0.8em
  }

div#Inhalt_s td {
	text-valign: top;
 }
ul#Inhalt_s a:link{
	font-size: 0.8 em
}




div#Inhalt {
	margin: 0 1em 1em 12em;
	padding: 0 1em;
	border: 0px dashed silver;
  }
* html div#Inhalt {
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
 	margin-bottom: 0;
  }
div#Inhalt h1 {
	font-size: 1.4em;
 	color: navy;
	margin-top: 1em;
	text-align: center;
  }
div#Inhalt h2 {
	font-size: 1.2em;
 	color: navy;
	text-align: left;
	background-color: #f7f1a1;
	margin-bottom: 0;
  }
div#Inhalt h2.center {
	font-size: 1.2em;
 	color: navy;
	text-align: center;
	background-color: #f7f1a1;
	margin-bottom: 0;
  }
div#Inhalt p {
	font-size: 1em;
 	margin: 1em 0;
	text-align: justify;
  }
div#Inhalt p.center {
	text-align: center;
}

div#Inhalt ul {
 	margin-top: 0;
  }


div#Inhalt table {
	margin-left: 3em;
	text-valign: top;
}
div#Inhalt table.kalender {
	margin-left: 3em;
	text-valign: top;
	background-color: #f7f1a1;
}
div#Inhalt td {
	text-valign: top;
 }
div#Inhalt tr.kalender {
	text-valign: top;
	font-size: 0.9em;
 }
div#Inhalt td.ehemalig {
	text-valign: middle;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
 }
div#Inhalt td.kalender {
	text-valign: middle;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
 }
div#Inhalt th {
	text-valign: top;
	font-size: 1.2em;
 	color: navy;
	margin-top: 1em;
	text-align: center;
 }
div#Inhalt th.ehemalig {
	text-valign: top;
	font-size: 1em;
	font-weight: bold;
 	color: navy;
	margin-top: 1em;
	text-align: center;
	background: #f7f1a1;
 }
div#Inhalt th.kalender {
	text-valign: top;
	font-size: 1.2em;
	font-weight: bold;
 	color: navy;
	margin-top: 1em;
	text-align: center;
	background: #ffffe0;
 }

td#Inhalt img a:hover {
	padding: 0;
	border: solid 1px #aaa;
	background-color: none;
 }
td#Inhalt img a:active  {
	padding: 0;
	background-color: none;
 }
/* -----------------------ganze_Seite--------------------*/
div#ganze_Seite {
	margin: 0 1em 1em 0em;
	padding: 0 1em;
	border: 0px dashed silver;
  }
* html div#ganze_Seite {
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
 	margin-bottom: 0;
  }
div#ganze_Seite h1 {
	font-size: 1.4em;
 	color: navy;
	margin-top: 1em;
	text-align: center;
  }
div#ganze_Seite h2 {
	font-size: 1.2em;
 	color: navy;
	text-align: left;
	background-color: #f7f1a1;
	margin-bottom: 0;
  }
div#ganze_Seite h2.center {
	font-size: 1.2em;
 	color: navy;
	text-align: center;
	background-color: #f7f1a1;
	margin-bottom: 0;
  }
div#ganze_Seite p {
	font-size: 1em;
 	margin: 1em 0;
	text-align: justify;
  }
div#ganze_Seite p.center {
	text-align: center;
}

div#ganze_Seite ul {
 	margin-top: 0;
  }


div#ganze_Seite table {
	margin-left: 0em;
	text-valign: top;
}
div#ganze_Seite td {
	text-valign: top;
 }
div#ganze_Seite td.ehemalig {
	text-valign: middle;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
 }
div#ganze_Seite th {
	text-valign: top;
	font-size: 1.2em;
 	color: navy;
	margin-top: 1em;
	text-align: center;
 }
div#ganze_Seite th.ehemalig {
	text-valign: top;
	font-size: 1em;
	font-weight: bold;
 	color: navy;
	margin-top: 1em;
	text-align: center;
	background: #f7f1a1;
 }

td#ganze_Seite img a:hover {
	padding: 0;
	border: solid 1px #aaa;
	background-color: none;
 }
td#ganze_Seite img a:active  {
	padding: 0;
	background-color: none;
 }

/*-------------------------- Fusszeile --------------------------------*/

p#Fusszeile {
	clear: both;
	font-size: 0.83em;
	margin: 0;
	padding: 0.1em;
	text-align: center;
	background-color: #f7f1a1;
	border-top: 1px solid silver;
  }