@CHARSET "ISO-8859-1";
/* Zu den Hacks */
/* Leider sind einige Hacks im CSS enthalten. Dabei vor allem fuer Safari und Opera.*/
/* Safari interpretiert einen alten Opera-Hack, Opera einen modernen Opera-Hack. Ja.*/
/* Ist leider an einigen Stellen nicht zu vermeiden gewesen... sry. */

/* ############################################################## */
/* Stylesheets fuer alle modernen Browser (IE7+, Firefox, Opera) */

/* Inhaltsverzeichnis */
	/*§1 -- Allgemeine Stylesheets */
	/*§2 -- layout.req.php */
	/*§21 -- Kopf */
	/*§22 -- Navigationsleiste */
	/*§23 -- "Quick"-Navigationsleiste ("Panel") */
	/*§3 -- Inhalt */
	/*§31 -- Turmzeile */
	/*§32 -- Inhaltszeile */
	/*§33 -- InfoBox */
	/*§34 -- Impressum */
/* Inhaltsverzeichnis - Ende */
/* ##############################################################*/

/* §1 */

/* ALLGEMEIN - GLOBAL */
/* Stylesheets, die ueberall auf der Webseite eingesetzt werden: Standardformatierungen */

/* ---- Schrift --- */
strong, .fett, .bold {font-weight: bold;}
em, .kursiv, .italic {font-style: italic;}
.fettundkursiv {font-weight: bold;font-style: italic;}
.unterstrichen, .underline {text-decoration: underline;}
.small {font-size: 0.8em;}
.red {color:#bb1010; font-weight: bold;}
.green {color:#207a20; font-weight: bold;}
.orange {color: darkgoldenrod; font-weight: bold;}
u {text-decoration:underline;}

* {  /* Diese Werte werden auch in /css/speziell/tinyMCEeditor.css gesetzt, also bei Aenderungen bitte auch dort aendern! */
	color: #00294B;
	font-family: verdana, arial;
	font-size: 1em;
}

body {margin: 0;}
img {border: 0;}

/* ---- Icons ---- */
img.icon-gross {width:1.5em; height:1.5em;}
img.icon-normal, a img.icon-normal {width:1em; height:1em; vertical-align: bottom;}

/* ---- Standard-Liste ---- */
ul.usus {margin-top:0.2em;}
ul.usus li {margin-bottom:0.1em}

/* ---- Standard-Link ---- */
a {font-size:1em;}
a:hover {color:#000;}

a.invisible {text-decoration:none;}

/* ---- Standard-Ausgabe fuer Fehler-Ausgabe ---- */
p.programmierfehler {
	display: block;
	z-index: 1000;
	width: 75em;
	font-weight: bold;
	letter-spacing: 0.03em;
	background-color: yellow;
	border: 2px dotted #bb1010;
	padding: 0.4em;
	position: absolute;
	top: 4em;
	left: 10.5em;
}

/* ---- Absaetze ---- */
/* Simuliert einen mit <p> erzeugten Absatz im Text */
p.absatz {margin-top:1em;}
p.absatzfett {margin-top:1em; margin-bottom:1em; font-weight:bold;}

hr {
	height: 0.1em;
	background-color: #999;
	margin-top: 1em;
}


/* ---- Formulare ---- */
/* Inputs und Textarea standardmäßig mit blauem Rand und weiß */
input, textarea {
	border: 1px solid #60B0F2;
	background: #fff;
}

/* Wir generieren einen blau gepunktet umrandeten <form> */
form.dotted-blue {
	margin: 1em;
	padding: 0 1em 0.5em 1em;
	border: 1px dotted #00294B;
}

/* Die Bezeichnung eines Formulares */
form fieldset legend {
	font-size: 0.9em;
	font-weight: bold;
}

/* Submit-Buttons standardmäßig mit hellgrauem Rand und grau hinterlegt */
input[type="submit"], button, input[type="reset"] {
	border: 1px solid #999;
	background: #ccc;
	font-weight: bold;
}

/* Checkboxen sollen keinen Rand haben (Der IE gibt sonst einen) */
input[type="checkbox"] {
	border: 0;
}


/* Aktive Formularfelder sollen sichtbar sein */
input:focus, textarea:focus {
	background-color:#ffffe5;  /* seeeehr helles gelb */
}

/* Definition von "Tooltip"-<div>'s, die beim Rüberfahren mit der Maus erscheinen */
/* Anm.: [geht nur in modernen Browsern] */
div.tooltip {position: relative; z-index: 2; cursor: help; float: left; margin: 0 0.4em 0 0;}
div.tooltip:hover {z-index: 3;}
div.tooltip span {display: none !important; font-size: 0.8em;}
/* im folgenden muss auf der jeweiligen Seite der Wer für top: und width: per !important ggf. überschrieben werden */
div.tooltip:hover span {display: block !important; position: absolute; top: 2.5em;  width: 45em; border: 1px solid #707070; background-color: #FFEB92; color: #000000; padding: 2px; text-decoration: none; text-align: justify;}

/* ##############################################################*/

/* §2 */

/* LAYOUT.REQ.PHP */
/* Stylesheets, die in der layout.req.php den Grundrahmen fuer das Laylout der Seite legen */

/* §21 */

/* Dies ist die Div-Box, die Benutzer des <=IE6 darauf hinweist, auf einen anderen Browser zu updaten!
Für "moderne" Browser wird diese Box natürlich nicht angezeigt*/
div#hinweis-alte-browser {
	display: none;
}


/* ---- KOPF --- */
/* d.h.: oberste Zeile der Seite mit MPSK-Logo(#logo), MPSK-Schriftzug(#banner) und blauer Leiste(#band, #adresse) */
div#kopf {
	height: 6.25em;
	text-align: right;
}
img#logo {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	float: left;
	height: 6.25em !important;
	width: 7.5em !important;
}
img#banner {
	position: absolute;
	z-index: 1;
	top: 3.125em;
	left: 7.5em;
	border: solid #fff;
	border-width: 0 1em 0 1em;
	width: 16.75em;
	height: 3.4375em;
}
div#band {
	position: relative;
	z-index: 0;
	top: 3.8em;
	float: right;
	width: 100%;
	height: 1em;
	background-color: #60B0F2;
	min-width: 25.625em;
}
div#adresse {
	position: absolute;
	font-size: 0.65em;
	left: 12.625em;
	top: 7.2em;
	float: right;
	width: 68.5%;
	height: 1em;
	min-width: 0px;
}
/* ------------->>> Opera / Safari Korrektur */
@media all and (min-width: 0px){ div#adresse { 	top: 7.5em; } }
/* <<< -------------------------- */

/* §22 */

/* ---- NAVIGATIONSLEISTE --- */
/* d.h.: zweite Zeile der Seite */
div#menu {	/* Rahmen, hier kommt alles rein; ohne kein center moeglich */
	z-index: 1;
	position: relative;
	padding: 1em 0 0 0;
	width: 56em;
	margin: 0 auto;
	vertical-align: middle;
}
div#menu div {	/* Ausklappmenue soll mitwandern, daher clear */
	z-index: 1;
	clear: left;
}

/* ---- NAVIGATIONSLEISTE Anker ---- */
ul#navi a {	/* ul#navi wird unter "Navigationsebenen" definiert */
	z-index: 1;
	margin: 0;
	padding: 0.4em 1em 0.4em 1em;
	color: #00294B;
	font-weight: bold;
	font-size: 0.7em;
	letter-spacing: 0.1em;
	text-decoration: none;
	display: block;
}
ul#navi a:hover {
	z-index: 1;
	margin: 0;
	padding: 0.4em 1em 0.4em 1em;
	color: #60B0F2;
	background-color: #00294B;
	display: block;
}
ul#navi a.on {	/* Kennzeichnung aktuell besuchter Seite */
	z-index: 1;
	margin: 0;
	padding: 0.4em 1em 0.4em 1em;
	height: 1.3em;
	color: #bb1010;
	display: block;
}
ul#navi a.on:hover {
	z-index: 1;
	margin: 0;
	padding: 0.4em 1em 0.4em 1em;
	height: 1.3em;
	color: #bb1010;
	background-color: #C8E6FF;
	display: block;
}

/* ---- NAVIGATIONSLEISTE Navigationsebenen ---- */
ul#navi {	/* 1. Ebene, alle weiteren ul jeweils eine weitere Ebene */
	z-index: 1;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	float: right;
	width: 54em;
}
/* ------------->>> IE7 Korrektur */
	*:first-child+html ul#navi {width:58em;}
/* <<< -------------------------- */

ul#navi li {
	background-color: #ccc;
	z-index: 1;
	border: solid #00294B;
	border-width: 1px;
	text-align: center;
	margin: 0;
	height: 1.35em;
	list-style: none;
	float: left;
	width: 13em; /* FESTER WERT! */
}
/* ------------->>> IE7 Korrektur */
	*:first-child+html ul#navi li {margin-bottom:0em; width:14em;}
/* <<< -------------------------- */

ul#navi li ul {	/* 2. Ebene, unter 1. Ebene */
	z-index: 1;
	margin: 0.5em 0 0 -0.05em;
	padding: 0;
	position: absolute;
	left: auto;
	background-color: #fff;
	width: 13em;
}

/* ------------->>> Pseudo Safari Korrektur */
@media all and (min-width: 0px){ ul#navi li ul {margin: 0.4em 0 0 -0.1em;}  }
/* <<< -------------------------- */
/* ------------->>> Opera Korrektur */
@media all and (-webkit-min-device-pixel-ratio:10000),
	      not all and (-webkit-min-device-pixel-ratio:0)
{
	:root ul#navi li ul {margin: 0.5em 0 0 -0.05em;}
}
/* <<< -------------------------- */

/* ------------->>> IE7 Korrektur */
	*:first-child+html ul#navi ul {
    	background-color: #fff;
    	padding-bottom: 0em;
    	margin-left: -7.05em;
  	}
/* <<< -------------------------- */

ul#navi li ul li {
	background-color: #C8E6FF;
	border: solid #60B0F2;
	border-width: 0 1px 0 1px;
	z-index: 1;
	margin: 0;
	color: #00294B;
	font-weight: bold;
	font-size: 1em;
	letter-spacing: 0.1em;
	text-decoration: none;
   	float: none;
	display: block;
	width: 13em;
	height: 1.4em;
}
ul#navi li ul li ul {	/* 3. Ebene, neben 2. Ebene */
	z-index: 1;
	margin: 0;
	padding: 0;
	position: absolute;
	left: auto;
	background-color: #ccc;
	width: 13em;
	border: solid #00294B;
	border-width: 0 0 0 2px;
}
/* ------------->>> IE7 Korrektur */
  		*:first-child+html ul#navi ul ul {
    	padding-bottom: 0em;
  		margin-top: 0.2em;
    	margin-left: 0em;
    	width: 15em;
  	}
/* <<< -------------------------- */

ul#navi li ul li ul li {
	z-index: 1;
	margin: -0.075em 0.1em 0 0;
	color: #00294B;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: none;
   	float: none;
	width: 13em;
	min-width: 0px;
}

/* ------------->>> IE7 Korrektur */
	*:first-child+html ul#navi li ul li ul li {margin: 0 0.1em 0 0; width:15em;}
/* <<< -------------------------- */

/* ------------->>> Opera Korrektur */
@media all and (-webkit-min-device-pixel-ratio:10000),
	      not all and (-webkit-min-device-pixel-ratio:0)
{
	:root ul#navi li ul li ul li { margin: 0 0.1em 0 0; }
}
/* <<< -------------------------- */

/* Erweiterung zur dynamischen Ein-/Ausblendung */
ul#navi li>ul {
	z-index: 1;
	display: none;
	top: 1em;
}
ul#navi li:hover>ul, ul#navi li>a#on+ul {
	z-index: 1;
   	display: block;
}
ul#navi li ul li>ul {
	z-index: 1;
	display: none;
	position: relative;
	top: -1.4em;
	left: 13em;
}
ul#navi li ul li:hover>ul, ul#navi li>a#on+ul {
 	z-index: 1;
   	display: block;
	position: relative;
	top: -1.3em;
	left: 13em;
	margin: 0 0 0 -0.1em;
}
/* ------------->>> IE7 Korrektur */
	*:first-child+html ul#navi li ul li:hover>ul, ul#navi li>a#on+ul {left: 14em;}
/* <<< -------------------------- */

/* §23 */

/* ---- NAVIGATIONSLEISTE "Quick"-Navigation ---- */
/* z.Zt. nur im "Panel" eingesetzt */
div#subnavi {
	height: 1.55em;
	background:#ccc;
	border: 1px solid #999;
	border-left: 0;
	border-right: 0;
	margin: -0.75em 0 1em -0.5em;  /* -0.75em oben, um den standardmäßigen Abstand zum <p> dadrüber auszugleichen, 0 rechts, 1em nach unten für Abstand, -0.5em links, damit der Kasten ganz links abschließt (standardmäßig beginnt der text erst 0.6em von links entfernt) */
	text-indent: 0.6em;
	min-width: 0px;
}
/* ------------->>> IE7 Korrektur */
	*:first-child+html div#subnavi {margin-left:0;}
/* <<< -------------------------- */
/* ------------->>> Pseudo Safari Korrektur */
@media all and (min-width: 0px){ div#subnavi {margin-top: -0.7em}  }
/* <<< -------------------------- */
/* ------------->>> Opera Korrektur */
@media all and (-webkit-min-device-pixel-ratio:10000),
	      not all and (-webkit-min-device-pixel-ratio:0)
{
	:root div#subnavi {margin:-0.675em 0 1em -0.55em;height:1.6em;}
}
/* <<< -------------------------- */

div#subnavi a.inhalt-navi-norm {
	font-size: 0.8em;
	height: 2em;
	float: left;
	padding: 0 1em 0 0;
	text-decoration: none;
}
/* ------------->>> Opera Korrektur */
@media all and (-webkit-min-device-pixel-ratio:10000),
	      not all and (-webkit-min-device-pixel-ratio:0)
{
	:root div#subnavi a.inhalt-navi-norm {height: 2.1em;}
}
/* <<< -------------------------- */

div#subnavi a.inhalt-navi-norm img.icon-normal {
	vertical-align: middle;
	border: 0;
	margin-right: 0.5em;
	width: 1.56em; /* Die Icons sind natürlich 16px breit/hoch. Da aber in der Subnavi nochmal 0.8em gelten (also 0.8em * 0.8em = 0.64em vom gesamten 16.8px!) , muss mit 1,5625em multipliziert werden */
	height: 1.56em;
}
div#subnavi a.inhalt-navi-norm:hover {
	color:#60B0F2;
	background: #00294B;
}

/* $3 */

/* ---- INHALT --- */
/* d.h.: dritte (Bild+blaue Rechtecke) und vierte Zeile (eig. Inhalt) der Seite */
div#inhalt { /* ein Rahmen fuer Zeile drei und vier */
	position: relative;
	z-index: 0;
	top: 2em;
	clear: both;
	margin: 0 auto;
	text-align: justify;
	border: solid #fff;
	border-width: 0 5em 0 5em;
	min-height: 44em;
}

/* $31 */

/* ---- INHALT dritte Zeile --- */
div#logo-turm-leiste { /* Rahmen dritte Zeile */
	margin: 0 auto;
	width: 55.5em;
	height: 3.75em;
	background-color: #fff;
	border: solid #00294B;
	border-width: 0 0 1px 1px;
}
div#logo-turm-dunkelblau {	/* dunkelblaues Rechteck */
	float: left;
	width: 1.5625em;
	height: 3.75em;
	background-color: #00294B;
}
div#logo-turm-hellblau {	/* hellblaues Rechteck */
	text-align: right;
	float: left;
	width: 6.75em;
	height: 3.75em;
	background-color: #60B0F2;
}
img#turm {	/* Bild vom MPSK Turm */
	height: 3.75em;
	width: 5.125em;
}
div#brotkrumen {
	padding-top: 0.8em;
}
div#brotkrumen span {
	float: left;
	font-size: 0.65em;
	margin: 0 0.3em 0 0.45em;
}
img.minipfeil {
	float: left;
	width: 0.375em;
	height: 0.75em;
}
/* Positionierung der Service-Buttons */
div#icon-navi {
	position: relative;
	top: 1.5em;
	text-align: right;
	margin-right: 0.5em;
}
div#icon-navi img {
	margin-left: 1em;
}

/* §32 */

/* ---- INHALT vierte Zeile (eig. Inhalt>>Text, Bilder etc. + InfoBox) --- */
div#logo-turm-inhalt {	/* Rahmen vierte Zeile */
	margin: 0 auto;
	width: 68.8em;
	padding: 0 0 0 0.5em;
	background-color: #fff;
	border: solid #00294B;
	border-width: 0 0 0 1px;
	vertical-align: top;
	min-height: 48em;
	font-size: 0.8em; /* Opera - Problem: rechnet anders herunter als Firefox! */
	min-width: 0px; /* nur fuer den Opera-Hack, sonst keine Bedeutung */
}

/* ------------->>> Pseudo Safari Korrektur */
@media all and (min-width: 0px){ div#logo-turm-inhalt {width: 68.95em;}  }
/* <<< -------------------------- */

/* ------------->>> Opera Korrektur */
@media all and (-webkit-min-device-pixel-ratio:10000),
	      not all and (-webkit-min-device-pixel-ratio:0)
{
	:root div#logo-turm-inhalt { width: 67.8em; }
}
/* <<< -------------------------- */

/* ---- INHALT vierte Zeile Sonderformatierungen --- */
/* Da in der Inhaltsbox font-size:0.8em muessen die Werte fuer Icons angepasst werden */
div#logo-turm-inhalt img.icon-normal,
div#logo-turm-inhalt a img.icon-normal
	{ width: 1.25em; height: 1.25em; }

/* Ueberschrift der Rubriken */
p.subueberschrift {
	font-size: 1.5em !important;
	height: 1.55em;
	padding-top: 0.4em;
	letter-spacing: 0.1em;
	margin: 0 0 0.5em 0;
}
/* Blauer Pfeil, um den Weg nach oben zu finden */
img#blauer_pfeil_oben {
	position: fixed;
	z-index: 2;
	bottom: 6em;
	left: 0;
	border: 0;
}

/* §33 */

/* ---- INHALT vierte Zeile >>>InfoBox<<< --- */
	div#info-box {	/* Box an sich, also mal wieder Rahmen */
		font-size: 0.85em;
		width: 19.48em;
		margin: 0 0 2em 0.5em;
		background-color: #fff;
		border: solid #60B0F2;
		border-width: 0 1px 1px 1px;
		min-height: 21em;
		float: right;
	}
	/* ------------->>> IE7 Korrektur */
		*:first-child+html div#info-box {margin: 0 -1px 0 0.5em;z-index:100;position:relative}
	/* <<< -------------------------- */
	img#box {	/* Bild on top of the box */
		vertical-align: top;
		margin: 0;
		border: 0;
		width: 19.48em;
		height: 3.407em;
	}

	div#info-box div.info-box-headline {	/* Headlines der Inhalte in der Box */
		font-size: 1.2em;
		letter-spacing: 0.1em;
		border: solid #999;
		border-width: 1px 0 1px 0;
		background-color: #ccc;
		font-weight: bold;
		width: 15.25em;
		padding: 0.1em 0.5em 0 0.5em;
		float: left;
		min-width: 0px;
	}
	/* ------------->>> IE7 Korrektur */
		*:first-child+html div#info-box div.info-box-headline {padding-left:0.45em;}
	/* <<< -------------------------- */
	/* ------------->>> Opera Korrektur */
	@media all and (-webkit-min-device-pixel-ratio:10000),
		      not all and (-webkit-min-device-pixel-ratio:0)
        {
		:root div#info-box div.info-box-headline { width: 15.4em; }
	}
	/* <<< -------------------------- */

	div#info-box a.mehr {	/* Link neben Headlines (der Pfeil) */
		text-decoration: none;
		color: #000;
	}
	div#info-box div.info-box-text {	/* alles unter den Headlines */
		padding: 0 0.5em;
		vertical-align: top;
		clear: both;
	}
	/* ------------->>> IE7 Korrektur */
		*:first-child+html div#info-box div.info-box-text {margin-top:-1em;}
	/* <<< -------------------------- */

	/* Icons-Definition in der InfoBox */
	div#info-box img.icon-normal {width:1.225em; height:1.225em; vertical-align:middle; padding:0.05em 0 0.2em 0;}

	/* ---- >>>InfoBox<<< INHALTE --- */
		/* Design des Logins */
		div#info-box ul.menu-extra {
			position: relative;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		div#info-box .menu-extra li {
			display: block;
			width: auto;
			padding: 4px;
			margin: 5px;
		}
		div#info-box .menu-extra input.login {
			font-weight: bold;
			background: #fff;
			padding: 3px 0 1px 0;
			margin: 1px 0 3px 0;
			width: 99%;
		}

		div#info-box .menu-extra input.submit {
			display: block;
			padding: 3px 0 1px 0;
			margin: 2px 0 5px 0;
			width: 100%;
		}
		/* Ende Login */

		/* Liste in der Box */
		div#info-box ul.leiste-rechts-ul {
			list-style: url(/images/layout/minipfeil.gif) outside;
			padding-left: 20px;
		}
		/* ------------->>> IE7 Korrektur */
			*:first-child+html div#info-box ul.leiste-rechts-ul {padding-left:0;margin-left:15px}
		/* <<< -------------------------- */

		p#info-box-text-admin {
			padding-top: 0.5em;
			margin-bottom: -1em;
			font-weight: bold;
		}

		div#info-box ul.leiste-rechts-ul li#leiste-rechts-ul-rechteverteilen a {
			color: firebrick;
		}

/* ---- INHALT vierte Zeile >>>InfoBox<<< ENDE --- */

/* §34 */

/* ---- INHALT vierte Zeile Impressum --- */
div#imp {
	width: 85.448em;
	margin: 2em auto 0 auto;
	vertical-align: top;
	text-align: center;
	font-size: 0.65em;
	clear: both;
	background-color: #60B0F2;
	color: #fff;
}
/* ------------->>> Opera Korrektur */
@media all and (-webkit-min-device-pixel-ratio:10000),
	      not all and (-webkit-min-device-pixel-ratio:0)
{
	:root div#imp { width: 89em; }
}
/* <<< -------------------------- */

#imp a.imp {
	margin: 0;
	padding: 0 0.2em 0 0.2em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#imp a.imp:hover {
	color: #60B0F2;
	background-color: #00294B;
}