/* ================================================================
	Globale Einstellungen
   ================================================================
   
   Verwendete Farben:	Silbergrau	 = #dedede
   			dunkles Blaugrün = #00a09b
			helles Blaugrün	 = #00e5c7
			Weiss		 = #ffffff
			Schwarz		 = #000000
			Dunkelblau	 = #000080
			Maroon */

body {
	margin:			0px;
	padding:		0px;
	font-family:		arial, tahoma, sans-serif;
	font-style:		normal;
	background-color:	#00a09b;
	background-image:	url('/images/bg_web.jpg');
	background-repeat:	repeat-x;
	color:			#ffffff;
}

/* Einstellungen für den Kopfbereich der Seite, in dem das obere Hintergrundbild der Seite angezeigt wird */
body#header {
	width:			800px;
	height:			197px;
	background-color:	transparent;
}
/* Positionierung des Seitenbildes rechts oben */
img#picrightup {
	position:	absolute;
	top:		110px;
	left:		565px;
	z-index:	1;
	border-color:	#ffffff;
}
/* Der Rahmen für die Fußnote */
div.rahmen {
	border:		solid 3px #00e5c7;
	margin-top:	0ex;
	margin-bottom:	0ex;
	padding-left:	2em;
	padding-right:	2em;
	padding-top:	1ex;
	padding-bottom:	1ex;
}
/* Die Fußnote selbst */
p#mwst {
	font-size:	100%;
	font-style:	italic;
	color:		#ffffff;
}
/* Der Abschnitt für die back und forward 'buttons' */
div#zeichen {
	padding-top:	3ex;
	padding-bottom:	1ex;
}
/* Die Fußzeile */
div#footer  {
	float:		right;
	color:		#dedede;
	font-style:	italic;
	font-weight:	bold;
	line-height:	150%;
	margin-top:	2em;
	margin-right:	1em;
	border-color:	#dedede;
	border-top:	0.1em dashed;
}
/* ================================================================
	Besondere Einstellungen für die Startseite
   ================================================================ */
body.start {
	margin:			0px;
	padding:		0px;
	background-color:	#dedede;
	background-image:	url('/images/bgtitel_web.jpg');
	color:			#00a09b;
}
/* Einstellungen für den eigentlichen Textbereich */
div#inhalt_start {
	margin-left:	5.7em;
	text-align:	left;
	padding-left:	1.5em;
	padding-right:	2em;
	z-index:	2;
}

/* Die Fußzeile */
div#footer_start  {
	float:		right;
	color:		#00a09b;
	font-style:	italic;
	font-weight:	bold;
	line-height:	150%;
	margin-top:	2em;
	margin-right:	4em;
	border-color:	#00a09b;
	border-top:	0.1em dashed;
}

/* ================================================================
	eigene Block- und Zeichenelemente (classes)
   ================================================================ */
   
/* pinned-down menu (position: fixed) funktioniert nicht im IE !!!
   -> Textbereich muß mit absolute positioniert werden -> Probleme beim Drucken.
   Lösung vom W3C: einen spezifizierteren Selektor mit position: fixed und einen weniger spezifizierten Selektor mit position: absolute, auf den der IE zurückfällt, wenn er eine Element/Attribut nicht versteht. */
div.menu {
	position:	absolute;
	bottom:		2ex;
	width:		22%;
	right:		76%;
	margin:		0;
	text-align:	left;
}
body>div.menu {
	position:	fixed;
	bottom:		2ex;
	width:		22%;
	right:		76%;
	margin:		0;
	text-align:	left;
}
div.menu p {
	margin:		0; 
	padding:	0.4em 0.4em;
	border:		thin outset #00a09b;
	color:		#ffffff;
	line-height:	90%;
}
div.menu a {
	display:	block; 
	margin:		0 0.2em;
}

/* Einstellungen für den eigentlichen Textbereich auf der rechten Seite */
div#inhalt {
	margin-left:	26%;
	text-align:	left;
	border-left:	3px dashed;
	border-color:	#dedede;
	padding-left:	1.5em;
	padding-right:	2em;
	z-index:	2;
}

/* ================================================================
	Block- und Zeichenelemente von HTML
   ================================================================ */

div#inhalt>p, div#inhalt>ul, div#inhalt>ol, div#inhalt>dl, div#inhalt>dt, div#inhalt>dd {
	font-size:	110%;
	margin-top:	1.3ex;
	line-height:	120%;
}
li {
	margin-top:	0.4em;
	line-height:	120%;
}
h1 {
	margin-top:	4ex;
}
h2, h3, h4 {
	margin-top:	2.5ex;
}
h1 {
	font-size:	200%;
	font-weight:	500;
	}
h2 {
	font-size:	150%;
	font-weight:	400;
	font-style:	italic;
}
h3 {
	font-size:	120%;
	font-weight:	600;
}
h4 {
	font-size:	110%;
	font-weight:	600;
	font-style:	italic;
}

/* ================================================================
	Tabellen
   ================================================================ */
table {
	color:		 white;
	border-collapse: collapse;
	padding:	 4px;
	border-width:	2px;
	border-style:	solid;
	border-color:	#dedede;
	font-size:	inherit;
	margin-top:	2ex;
	margin-bottom:	2ex;
}
table td, th {
	padding:	4px;
	font-size:	inherit;
	border-width:	2px;
	border-style:	solid;
	border-color:	#dedede;
}
td.rechtsb {
	text-align:	right;
}

/* ================================================================
	Hyperlinks
   ================================================================ */
   
/* Hyperlinks im (pinned-down) Menu auf der linken Seite */
a.menulink, a.menulinka {
	margin-top:		1.0ex;
	font-style:		italic;
	font-weight:		bold;
	line-height:		100%;
	text-decoration:	none;
}
/* Hyperlinks unten auf jeder Seite in den Abschnitten 'zeichen' und 'menuunten', die auf vorherige oder nächste Seiten zeigen */
a.menuunten, a.weiter, a.zurueck {
	color:			#ffffff;
	font-style:		italic;
	font-size:		100%;
	text-decoration:	none;
}
a.weiter, a.weiter_start {
	float:			right;
}
a.zurueck {
	float:			left;
}
a.weiter_start {
	color:			#00a09b;
	font-style:		italic;
	font-size:		100%;
	text-decoration:	none;
}

/* Hyperlinks innerhalb des Textes und am rechten Seitenrand, die auf Abschnitte innerhalb der Seite verweisen */
a.inseite {
	color:		#00e5c7;
	font-style:	italic;
	font-size:	100%;
	float:		right;
}
a.inseite:link, a.inseite:visited {
	color:		#00e5c7;
	font-size:	100%;
}
/* Hyperlinks innerhalb des Textes, die auf eine Fußnote am Ende der Seite verweisen */
.zusatz a, a:link, a:visited {
	color:		#00e5c7;
	font-size:	90%;
}

a.menulink:link, a.menulink:visited, a.menuunten:link, a.menuunten:visited, a.weiter:link, a.weiter:visited, a.zurueck:link, a.zurueck:visited {
	color:		#ffffff;
	font-size:	inherit;
}
a.weiter_start:link, a.weiter_start:visited {
	color:		#00a09b;
	font-size:	inherit;
}
a.menulinka:link, a.menulinka:visited {
	color:		#00e5c7;
	font-size:	inherit;
}
a.menulink:hover, a.menulinka:hover, a.menuunten:hover, a.weiter:hover, a.zurueck:hover, a.weiter_start:hover, a.inseite:hover, a.zusatz:hover {
	color:		#000000;
}
/* Hyperlinks, die auf externe Seiten verweisen */
a.extern:link, a.extern:visited { 
		text-decoration:	none;
		color:			#000080;
		font-size:		100%;
                border-bottom:          dashed 1px;
}
a.extern:hover { 
		text-decoration:	none;
		font-size:		100%;
		color:			#000080;
}
a.extern:hover:after { 
		content:	" [external link] ";
		font-size:	100%;
		color:		maroon;
}

/* noch kein Standard, aber trotzdem gut!
a[href^="http://"]:link, a[href^="http://"]:visited { 
		text-decoration:	none;
		color:			#000080;
		background-color:	inherit;
                border-bottom:          dashed 1px;
}
a[href^="http://"]:hover { 
		text-decoration:	none;
		color:			#000080;
}
a[href^="http://"]:hover:after { 
		content:	" [external link] ";
		color:		maroon;
} */