/* Nummerierungen beziehen sich auf die optische Anordnung von oben nach unten 
- im Quelltext kann es sich durchaus an ganz anderen Stellen befinden */

body 
{
 position:absolute;
 margin:0px;
 padding:0px;
 left:0px;
 right:0px;
 top:0px;
 bottom:0px;
 font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
 font-size:10.5pt;
}

div.titel /* nicht verwendet */
{
position:absolute; 
top:-3em;
width:100%; 
z-index:2;
}

div.hgbild /* nicht verwendet */
{
position:absolute; 
left:29%; 
top:9.5em; 
width:31em;
z-index:1;
}

table.start /* Inhalt - Übersichtstabelle auf der Indexseite*/
{
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:10.5pt;
margin:auto;/* soll machen, dass die Tabelle zentriert ist, ist aber quatsch*/
border-spacing:5px;
width:100%;
}

div.inhalta /* (6) Hauptinhaltsbereich */
{
position:absolute; 
top:176px; 
width:450px; 
left:28%; 
margin: 0px auto;
z-index:3;
text-align:justify;
}

div.roller
{
	position:absolute;
	overflow: auto;
	font-size:9pt;
	width:340;
	height:85px;
	left: 12%;
	padding:5px;
	border-top:#cccccc solid 2px;
	border-bottom:#cccccc solid 2px;
	border-left:#7C8B4D solid 2px;
	z-index:5;
	visibility: visible;
}

div.emtede /* (1) beinhaltet sehr klein aber h5# "menschen tiere depressionen" */
{
position:absolute; 
left:28%; 
top:0px; 
width:450px; 
z-index:4;
}

div.MTDtextbild /* (2) Großes großes MTD oben auf jeder Seite */
{
position:absolute; 
/*left:35%; */
top:0px;
left:0px; 
width:100%; 
text-align:center;
z-index:1;
}

div.meta /* (3) Seiteninhaltszusammenfassung im Kopf*/
{
font-size:8pt;
color:#b2b2b2;
/* dieser Bereich muss aus irgendeinem Grund wie folgt definiert sein, weil sonst das Layout zusammenbricht*/
margin-top:6.67em;
margin-left:15em;
margin-right:15em;
}

div.menue /* (4) Bild-Menü */
{
position:fixed; 
left:0;
right:0; 
top:7.1429em; 
width:100%;
/*background-image: url(bilder/menuehg.png);*//* das png funktioniert offline im Browser wunderbar, aber online wirds ignoriert, deshalb ist jetzt doch alles weiß*/
background-color:#ffffff; 
border-top:#cccccc solid 2px;
border-bottom:#cccccc solid 2px;
 text-align:center;
z-index:7;
}

div.menuetext /* (5) Text-Menü, beinhaltet eine Tabelle */
{
position:fixed; 
font-size:8pt;
left:0;
right:0; 
top:13.5938em; /* bezogen auf Schriftgröße 8pt*/
width:100%;
background-color:#ffffff;
 /*background-image: url(bilder/menuehg.png);*/
 border-top:#cccccc solid 2px;
border-bottom:#cccccc solid 2px;
 text-align:center;
 color:#909090;
z-index:8;
}

table.textmenu /* (5) Tabelle im Text-Menü */
{
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:8pt;
margin:auto;/* macht, dass die Tabelle zentriert ist*/
padding:0;
left:0;
}





div.inhalta1
{
position:absolute; 
left:28%; 
top:155px; 
width:450px; 
z-index:3;
}

div.inhaltb
{
position:absolute; 
left:5%; 
top:200px; 
width:170px; 
z-index:3;
}

div.warnung
{
position:fixed; 
left:36%; 
bottom:0px; 
width:287px; 
height:200px; 
z-index:5; 
visibility: visible; 
background-color:#ffffff;
background-image: url(hgw50.png); 
border: 2px solid #FFD700;
}

/*links normal, fettes dunkel grau zu grün, z.B. an vielen Stellen in Texten */
a:link {text-decoration:none; font-weight:bold; color:#909090;}
a:visited {text-decoration:none; font-weight:bold; color:#909090;}
a:active {text-decoration:none; font-weight:bold; color:#7C8B4D;} 
a:hover {text-decoration:none; font-weight:bold; color:#7C8B4D;}

/*links , kleines kursives hellgrau zu grün, z.B. Verweis am Ende des Beagle-Gedichtes */
a:link.h {text-decoration:none; font-weight:lighter; font-style:italic; size:6pt; color:#cccccc;}
a:visited.h {text-decoration:none; font-weight:lighter; font-style:italic; size:6pt; color:#cccccc;}
a:active.h {text-decoration:none; font-weight:lighter; font-style:italic; size:6pt; color:#7C8B4D;} 
a:hover.h {text-decoration:none; font-weight:lighter; font-style:italic; size:6pt; color:#7C8B4D;}

/* kleine fette kusive Links, dunkelgrau zu grün, z.B. im Kakerlakenartikel */
a:link.kur {text-decoration:none; font-weight:bold; font-style:italic; size:9pt; color:#909090;}
a:visited.kur {text-decoration:none; font-weight:bold; font-style:italic; size:9pt; color:#909090;}
a:active.kur {text-decoration:none; font-weight:bold; font-style:italic; size:9pt; color:#7C8B4D;} 
a:hover.kur {text-decoration:none; font-weight:bold; font-style:italic; size:9pt; color:#7C8B4D;}

/* Textblock-Links auf der Startseite, schwarz zu grün */
a:link.teaser {text-decoration:none; size:9pt; color:#000000;}
a:visited.teaser {text-decoration:none; size:9pt; color:#000000;}
a:active.teaser {text-decoration:none; size:9pt; color:#7C8B4D;} 
a:hover.teaser {text-decoration:none; size:9pt; color:#7C8B4D;}

/* Textblock-unauffällige Links im Fließtext, schwarz zu grün */
a:link.tl {text-decoration:none; font-weight:lighter; size:9pt; color:#000000;}
a:visited.tl {text-decoration:none; font-weight:lighter; size:9pt; color:#000000;}
a:active.tl {text-decoration:none; font-weight:lighter; size:9pt; color:#7C8B4D;} 
a:hover.tl {text-decoration:none; font-weight:lighter; size:9pt; color:#7C8B4D;}

/* Überschriften-Links auf der Startseite, schwarz zu grün */
a:link.abc {text-decoration:none; color:#000000;}
a:visited.abc {text-decoration:none; color:#000000;}
a:active.abc {text-decoration:none; color:#7C8B4D;} 
a:hover.abc {text-decoration:none; color:#7C8B4D;}

/* Textmenü - dezente Links unter Bildmenü, grau zu schwarz */
a:link.m {text-decoration:none; font-weight:lighter; size:8pt; color:#909090;}
a:visited.m {text-decoration:none; font-weight:lighter; size:8pt; color:#909090;}
a:active.m {text-decoration:none; font-weight:lighter; size:8pt; color:#000000;} 
a:hover.m {text-decoration:none; font-weight:lighter; size:8pt; color:#000000;}

h1 /* Unterüberschriften*/
{
font-size:13pt;
font-family: Georgia, Times New Roman, Times, serif;
text-align:center;
}

h2 /*Artikelüberschriften*/
{
font-size:20pt;
font-family: Georgia, Times New Roman, Times, serif;
text-align:center;
}

h3 
{
font-size:8pt;
}




h4 /*teaser auf Startseite*/
{
font-size:12pt;
font-family: Georgia, Times New Roman, Times, serif;
font-weight:bold;
}

h5 /*Seitentitel (überall der gleiche) und Bereichstitel (nichtssagend)*/
{
color:#cccccc;
font-size:18pt;
font-family: Georgia, Times New Roman, Times, serif;
text-align:center;
letter-spacing:0.6em
}



h5.mtd
{
margin-top:0;
color:#e0e0e0;
font-size:8pt;
}

.f_hellgrau{color:#cccccc;}
.f_grau{color:#b2b2b2;}
.f_dklgrau{color:#909090;}

.kursiv
{
font-size:9pt;
font-family:Georgia, Times New Roman, Times, serif;
font-style:italic;
}

.kursiv2
{
font-size:8pt;
font-family:Georgia, Times New Roman, Times, serif;
font-style:italic;
}

.kursiv3 /* z.B. für zitierte Titel im Fließtext wie bei der Glasorgelankündigung*/
{
font-size:10pt;
font-family:Georgia, Times New Roman, Times, serif;
font-style:italic;
}

.eingerueckt1 /* z.B. bei "Musiker gesucht" in ANGESÄGT */
{
margin-left:2em;
font-size:7.5pt;
margin-top:-0.03em;
margin-bottom:-0.05em;
text-align:justify;
}

.eingerueckt2 /* z.B. bei "Musiker gesucht" in ANGESÄGT */
{
margin-left:2em;
font-size:10.5pt;
margin-top:-1em;
margin-bottom:-0.05em;
text-align:justify;
}


.leichter {font-weight:lighter;} /*um das Fett aus Überschriften zu nehmen*/
.fett {font-weight:bold;}

.rechts{text-align:right;}
.links{text-align:left;}
.mitte{text-align:center;}

.serif {font-family:Georgia, Times New Roman, Times, serif;}
.sans {font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}

/* Fontgrößen */
.size0 {font-size:0pt; }
.size1 {font-size:1pt; }
.size2 {font-size:2pt; }
.size3 {font-size:3pt; }
.size4 {font-size:4pt; }
.size5 {font-size:5pt; }
.size6 {font-size:6pt; }
.size7 {font-size:7pt; }
.size8 {font-size:8pt; }
.size9 {font-size:9pt; }
.size10 {font-size: 10pt; }
.size11 {font-size: 11pt; }
.size12 {font-size: 12pt; }
.size13 {font-size: 13pt; }
.size14 {font-size: 14pt; }
.size15 {font-size: 15pt; }
.size16 {font-size: 16pt; }
.size17 {font-size: 17pt; }
.size18 {font-size: 18pt; }
.size19 {font-size: 19pt; }
.size20 {font-size: 20pt; }
.size21 {font-size: 21pt; }
.size22 {font-size: 22pt; }
.size23 {font-size: 23pt; }
.size24 {font-size: 24pt; }
.size30 {font-size: 30pt; }
.size40 {font-size: 40pt; }
.size50 {font-size: 50pt; }
.size60 {font-size: 60pt; }
.size70 {font-size: 70pt; }
.size80 {font-size: 80pt; }
.size90 {font-size: 90pt; }
.size100 {font-size: 100pt; }
.size110 {font-size: 110pt; }
.size120 {font-size: 120pt; }