/* -- Allgemeines fuer die Seite www.prerow.pagel.de-- */
body {
	background: #fffb8f;
	background-image: url(htcolor.gif);
	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.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;
	margin:0 20 0 20
}
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 {
	margin-top:3px;
	margin-left:100px;
}

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: #fffb8f;
 }
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 4px #aaa;
	padding: 2px;
	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 4px #aaa;
	padding: 4px;
	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;
	min-width: 800px;
	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: #fed;
	min-height: 640px
 }


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

/* -------- Logo bzw. Kopf ---------- */
#logo {
	background:  0 0 no-repeat #ffffbb;*/
	height: 120px;
	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;
	border: 0px;
	float: right;
}
#logo h2 {
	font-size: 1.8em;
	line-height: 110px;
	color: #047b09;
	vertical-align:middle;
	margin-top: 0;
	margin-bottom: 0;
	margin-right:1em;
}

#logo p {
	background-color: #f7bd1e;
	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: #ffcc00;
	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;
}
#menu li a {
	color: white;
	text-decoration: none;
}


/* - Her Hauptinhaltsteil - */


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

div#Rand_links {
	font-size: 0.9em;
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	border:  0px solid silver;
	background-color: #ffffe0;
	text-align: center;
	min-height: 800px;
 }
h2#Rand_links {
	text-align: center;
}

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

 /*-------------------------- Rand_rechts --------------------------------*/

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

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

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

div#Inhalt {
	margin: 0 1em 1em 1em;
	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: #fed;
	margin-bottom: 0;
  }
div#Inhalt h2.center {
	font-size: 1.2em;
 	color: navy;
	text-align: center;
	background-color: #fed;
	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;
	margin-left: 100px
  }


div#Inhalt table {
	margin-left: 3em;
	text-valign: top;
}
div#Inhalt td {
	text-valign: top;
	font-size: 1em;
	text-align: justify;
 }
div#Inhalt img {
	border: 0;
 }
div#Inhalt td.ehemalig {
	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;
 }

td#Inhalt img a:hover {
	padding: 0;
	border: solid 1px #aaa;
	background-color: none;
 }
td#Inhalt img a:active  {
	padding: 0;
	background-color: none;
 }
div#Inhalt_text {
        width: 600px;
        margin-left:200px
     
 }
 div#Inhalt_text ul {
 	margin-top: 0;
	margin-left: 0px
  }


/*-------------------------- Bild --------------------------------*/

div#Bild {
	font-size: 0.9em;
	float: left;
	width: 560px;
	margin: 0;
	padding: 0;
	border:  0px solid silver;
	background-color: #ffffe0;
	text-align: center;
	margin-top:30px;
	min-height: 500px;
 }
h2#Bild {
	text-align: center;
}

p#Bild {
	font-size: 0.83em;
	float: left;
	width: 13em;
	margin: 1em;
	padding: 1em;
	border: 0px;
	text-align: center;
 }
p.bildtext#Bild {
	margin-top:150px;
	font-size: 1.1em;
	font-weight: bold;
}
ul#Bild {
	font-size: 0.83em;
	float: left;
	width: 13em;
	margin: 0;
	padding: 0;
	border: 0px;
 }
ul#Bild li {
	list-style: disk;
	margin: 0;
	margin-left: 1em;
	padding: 0.5em;
 }
ul#Bild a {
	display: block;
	padding: 0.2em;
	/*font-weight: bold;*/
 }
ul#Bild a:link {
	color: black;
	background-color: #eee;
 }
ul#Bild a:visited {
	color: #666;
	background-color: #eee;
 }
ul#Bild a:hover {
	color: black;
	background-color: white;
 }
ul#Bild a:active {
	color: white;
	background-color: gray;
 }
 /*-------------------------- Aktuell --------------------------------*/

div#Bildnavi {
	font-size: 0.9em;
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	border: 0px solid silver;
	background-color: #ffffe0;
	min-height: 500px;
 }
div#Bildnavi p {
	font-size: 0.9em;
	float: right;
	width: 13em;
	margin: 1em;
	padding: 1em;
	border: 0px;
	text-align:left;
 }
div#Bildnavi h2 {
	font-size: 1em;
	margin: 0.5em;
	background-color: #ffffe0;
	text-align:left;
 }
/*-------------------------- Rahmen --------------------------------*/
div#Rahmen {
	max-width: 880px;
	min-width: 780px;
	font-size: 1em;
	margin-left: 10;
	margin-right: 10;
	padding: 0;
	border: 1px solid silver;
	background-color: #ffffe0;
	height: 400px;
 }
div#Rahmen1 {
	max-width: 390px;
	min-width: 370px;
	font-size: 1em;
	margin: 10;
	padding: 2 em;
	border: 1px solid silver;
	background-color: #ffffe0;
	height: 380px;
 }
 div#Rahmen h2{
 	text-align:center;
	font-size: 1.1em;
	font-weight:bold;
	}
 div#Rahmen p{
 	margin-left:10px;
	margin-right:10px;
}

div#Rahmen2 {
	max-width: 390px;
	min-width: 370px;
	float:right;
	font-size: 1em;
	margin: 10;
	padding: 2 em;
	border: 1px solid silver;
	background-color: #ffffe0;
	height: 380px;
 }

/*-------------------------- zurueck --------------------------------*/

p#zurueck {
	clear: both;
	font-size: 1em;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0.1em;
	text-align: center;
	background-color: #ffffe0;
	border-top: 0px solid silver;
  }
/*-------------------------- Fusszeile --------------------------------*/
div#Fusszeile {
	clear: both;
	font-size: 0.83em;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0.1em;
	text-align: center;
	background-color: #fed;
	border-top: 2px solid silver;
  }

p#Fusszeile {
	clear: both;
	font-size: 0.83em;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0.1em;
	text-align: center;
	background-color: #fed;
	border-top: 2px solid silver;
  }