/* CSS von Christian Pietsch für www.PhilEcon.de - Screen V2.1 */


/* Initialisierung: aller Elemente (vereinheitlicht Browser-Darstellung und vermeidet Vererbung)*/
* {margin: 0px; padding: 0px; border: none; }

body {
	font: medium/130% Georgia, Geramond, "Book Antiqua", "Times New Roman", Times, serif;
	background: #ccc;
	color: silver;
	cursor: default;
}

/* Behälter für Navigation und Seitenüberschrift (.fixbg in diesem CSS nicht benötigt) */
.top {
	background: #804;
	color: #ccc;
	width: 100%;
	height: 8.2em;
/*wegen Problemen mit fixen Elementen in Opera auskommentiert (wird dennoch oben links angezeigt, weil erstes Element):
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;*/
	text-align: left;
}

.logo, .logo a:link, .logo a:visited, .logo a:hover {
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 8.2em;
	height: 7.2em;
	text-decoration: none; 
	z-index: 30;
}
.logo a:link, .logo a:visited, .logo a:hover {padding: 0.5em; }
.logo a:hover { color: #ccc; background: #333; }

/* Bild ohne definierte width + height füllt kompletten Logo-Bereich 
(und skaliert mit Schriftgröße, da Logo-Größe in em)*/
.logo img {width: 100%;height: 100%;}

/* Haupt-Navigation Nav1 */
.nav1 ul {
	position: absolute;
	top: 0;
	left: 11em;
	padding: 0.2em 5em 0.2em 0.2em;
	z-index: 30;
}

.nav1 ul li, .nav2 ul li, .nav3 ul li {
	list-style: none; 
	font: 90%/110% Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

.nav1 ul li {
	margin: 0em 1em 0.2em 0em;
	width: 9em;
	position: relative;
	float: left;
	z-index: 30;
}

/* Link-Styles für nav1+nav2+nav3-Unter-Seiten) mit Button-Effekt (.nav a) */
.nav1 a, .nav2 a, .nav3 a {text-decoration: none; text-align: center; display: block;}
.nav1 a {padding: 0.2em; }
.nav2 a { width: 6em; padding: 0.1em; }
.nav3 a { width: 9em; padding: 0.1em; }
.nav1 a:link, .nav1 a:visited, .nav2 a:link, .nav2 a:visited, .nav3 a:link, .nav3 a:visited {background: #804; color: #ccc; border: 0.2em outset #804; text-decoration: none;}
.nav1 a:link, .nav2 a:link, .nav3 a:link {color: #eee; }
.nav1 a:visited, .nav2 a:visited, .nav3 a:visited {color: #ccc; }
.nav1 a:hover,.nav1 a:active, .nav2 a:hover,.nav2 a:active, .nav3 a:hover,.nav3 a:active {background: #ccc; color: #333; border: 0.2em inset #ccc;}

/* Neben-Navigation Nav2 (technisches+rechtliches) + Nav3 (auf der Seite + zu Unterseiten) */
.nav2, .nav3 { 
	line-height: 150%;
	position: absolute; 
	clear: both;
	color: #802;
	background: transparent;
	text-align: left; 
	z-index: 30; 
}

.nav2 {top: 9.5em; right: 0em; margin: 0.5em; background: transparent; z-index: 50; }
.nav3 { top: 8.2em; left: 0em; margin: 0em 0 0.5em 0.2em; width: 9.8em;}

.nav2 li, .nav3 li {margin: 0.5em 0 0 0;}
.nav3 ul { margin: 0.2em 0 0 0; }
.nav3 ul ul {margin: 0.2em 0 0.9em -0.3em; background: #ccc; }
.nav3 ul li ul li {
	font-style: italic;
	font-size: 85%; 
	line-height: 140%;
	text-align: left;
	list-style: disc outside; /*	display: block;*/
	margin: 0.2em 0em 0em 1.8em;
}

/* Link-Styles für nav3-Links zu Ankern auf der gleichen Seite (ul-Unterebene ohne Button-Effekt) */
.nav3 ul ul a {text-align: left;  }
.nav3 ul ul a:link, .nav3 ul ul a:visited {color: #804; background: #ccc; text-decoration:underline; font-weight: normal; border: none; }
.nav3 ul ul a:focus, .nav3 ul ul a:active, .nav3 ul ul a:hover { color: #333; background: #ccc; text-decoration:none; }

/* on3 = in nav3 ist Link(text) = schon auf der gleichen Seite */
.on3 {
	margin: 0em -0.2em -0.1em -0.6em;
	padding: 0.2em 0.1em 0.2em 0.9em;
	font-weight: normal;
	text-align: left;
	color: #ccc;
	background: #333;
	position: relative;
	left: 0px;
	border-right: 0.2em solid #ccc;
}
.on3 h2 {margin-top: 1em; font-weight: bold;}


/* h1 bildet den Seitentitel */
h1 {
	background: #804;
	color: #ddd;
	font-weight: bold;
	font-size: 200%;
	line-height: 105%;
	position: absolute;
	top: 1.9em;
	left: 6.5em; /*doppelter font-size = halbe em-Werte */
	padding: 0em 2em 0.1em 0em;
	z-index: 50;
}


/* CSS-Hacks */

/*Star-HTML-Hack: verstecken vor standardkonformen Browsern - wird vom IE interpretiert */
* html .nav3 { width: 9.5em; }
* html .on3 { margin-left: -0.3em; width: 9.1em; }

/* Kind-Selektor (Child-Selector: = verstecken vor IE
http://w3development.de/css/hide_css_from_browsers/child/ + SelfHTML (ab) 8.1
hier: Fixed - Anweisung für Logo + linkes Menü (nav3) */
html>body .logo, html>body .nav3 { position: fixed; }




/* .body2 definiert den Textbereich + enthält die Bereiche der Seitennavigation (nav2+nav3)*/
.body2 {
	background: #ccc ;
	color: #ffc;
	position: absolute; 
	left: 0;
	top: 8.2em; 
	width: 100%; 
	z-index: 10;
}

/* .re enthält den eigentlichen Fließ-Text, rechts und links margin für nav2+nav3 */ 
.re {
	background: #333;
	color: #ddd;
	word-spacing: 0.1em;
	max-width: 36em; 
	margin: 0em 7em 0 10em;
	padding: 0.5em 3em 1em 3em;
	text-align: left;
	z-index: 20;
}

.foot {
	background: #804;
	color: #ccc;
	word-spacing: 0.1em;
	margin-top: -0.1em;
	padding: 0.5em 1.5em 1.5em 1em;
	left: 0;
	height: 3em;
	clear: both;
	overflow: visible;
	text-align: left;
}

/* Text-Link-Style in den verschiedenen Zuständen */
a:link { color: #eff /*dff*/ ; background: transparent; text-decoration:underline; }
a:visited, .visited {color: #bbb; background: transparent; text-decoration: underline; font-weight: normal; }
.nav2 .visited a {font-weight: normal;}
a:hover { color: #eee; background: #804; text-decoration:none; }
a:active { color: #CFCC00; background: transparent; text-decoration:underline; }
a:focus { color: #CFCC00; background: transparent; text-decoration:underline; }
.visited {text-decoration: none; font-weight: normal;}


/* Links auf externe Seiten werden mit "»" vor und nach dem Link-Text hervorgehoben 
funktioniert natürlich nicht im IE (auch nicht in Firefox 1.0 PR, jedoch in höheren Versionen von Firefox) */
.ext a[href]:after,.ext a[href]:before {content:'»'; } 

/* Formatierung von (verschachtelten) Listen */
ul {list-style: disc;}
ul, ol {margin-bottom: 2em;}
ul ul {list-style: circle;}
ol ol {list-style: lower-latin; }
.licl {list-style: none;}
li {margin: 0.5em 0 0 1.5em; line-height: 135%;}
li+li, li ul, li ol, p+ul, li ul li, p+ol {margin-top: 0.4em;}
ul li ul, li ol li {margin-bottom: 1em;}

/* Formatierungen für Bilder (bildx) und Hinweise (hint)*/
img {background: transparent; cursor: default; border: none;}
.hint, .hintre, .bildl, .bildr, .bildc {font-style: italic; font-size: 80%; line-height: 150%;}
.bildl, .bildr, .bildc { position: relative; padding: 0.5em; width: auto; text-align:center; border: 1px solid #ccc; background: #333; color: #ccc; }
.bildl {float: left; margin: 1em 2.5em 1em 0em; }
.bildr {float: right; margin: 1em 0em 1em 0.5em; }

/* Link nach oben auf der Seite */
.toli {position: relative; top: 1.4em; left: -1.2em; margin: 0 -0.2em; width: 0.2em; height: 1.4em; font-size: 180%; line-height: 100%; float: left; }
.toli a:link, .toli a:visited {text-decoration: none; background: #ccc; color: #333; border: 0.1em outset #333;}
.toli a:hover, .toli a:active, .toli a:focus {text-decoration: none; background: #333; color: #ccc; border: 0.1em inset #ccc;}
.nav3 .toli a {width: 0.5em; top: 0em; margin: 0 0 0 6em; }

/* Änderung des Mauszeigers bei Bildern mit Links und bei erklärten Akronymen+Abkürzungen (+unterstrichen)*/
a img {cursor: pointer; }
acronym, abbr {border-bottom: 1px dotted #ccc; cursor: help;}

/* ich glaub das war was nettes - keine Ahnung mehr was es war, funktioniert bestimmt nicht im IE */
a[id]:link, a[name] {background: #333;color: #ccc;text-decoration: none;border-bottom: none;}

/* dass eine Trenn-Linie auch in allen Browsern ungefähr gleichdünn aussieht */
hr {
	background: #ccc;
	color: #ccc;
	width: 100%;
	border: 0.05em solid #ccc;
	height: 0em; 
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

/* allgemeine + einfache Zeichen und Absatzformatierungen */
p {
	font-family: Georgia, Geramond, "Book Antiqua", "Times New Roman", serif;
	line-height: 145%;
	margin-top: 1em;
	margin-bottom: 0px;
}

span, h1, h2, h3, h4, p, ul, ol {cursor: text;}

h1, h2, h3, h4 { font-family: Verdana, Tahoma, Geneva, Helvetica, sans-serif; letter-spacing: 0.03em; }

h2,h3,h4 { background: transparent; color: #ccc; line-height: 130%; margin-bottom: 0em; }
h2 {font-weight: bold; font-size: 130%;}
h3 { font-weight: normal; font-size: 115%;}
h2, h3 {margin-top: 2em; }
h4 { font-weight: normal; font-size: 100%; margin-top: 1.5em;}
h2+h3, h3+h4 {margin-top: 1em;}

em {font-style: oblique; }
.left { text-align: left; }
.right, .hintre {text-align: right; }
.small { font-size: smaller; }
.bold { font-weight: bold; }

/* Anzeige nur in Text-Version */
.off { display: none; visibility: hidden;}