/* -------------------------------------------------------------------------------------
	Allgemeine Formatvorlagen / Formatierung der HTML-Elemente
*/


/*  ----------------------------------------------------------------------------------------
	Alle relevanten Attribute auf einen Anfangswert zurücksetzen
	und globale Voreinstellungen vornehmen 
*/

body {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 100.01%;
    line-height:1.15em;
	text-align: left; 
	margin: 0px; 
	padding: 0px;
	border: 0px;
	color:#333;
	background: #686b70; 
}



/*  ----------------------------------------------------------------------------------------
	Standard-Layout für wichtige HTML Elemente
	p: Text-Absatz
	ul: Aufzählung (mit Spiegelpunkten)
	li: ein Spiegelpunkt im einer Aufzählung
	optgroup: Zwischenüberschrift-Zeile in einem Auswahlrollbalken
	option: Auswahl-Zeile in einem Auswahlrollbalken
*/

p {
	margin: 0px; 
	padding: 0 0 1.2em 0;
	border: 0px;
}

ul {
	list-style:none;
	margin: 0px; 
	padding: 0px;
	border: 0px;
}

li {
	background: url('../bilder/layout/aufzaehlung.gif') no-repeat 0em 0.3em;
	margin-left: 0.1em;
	padding: 0 0 0.15em 0.8em;
}

optgroup {
	background-color:#EEE;
	font-style: normal;
}

option {
	background-color:#FFF;
	padding-left:1em;
	font-style: normal;
}



/*  ----------------------------------------------------------------------------------------
	Standard-Layout für Überschriften
	h1: Themenbereich (könnte auch ein Link zur Themsenseite sein, deshalb dazu auch ein Link-Format)
	h2: Haupt-Überschrift (besteht auf der Start-/Übersichtsseite aus einem Link, deshalb dazu ein Link-Format)
	h3: Unter-Überschrift
	h4: Zwischenüberschrift innerhalb eines Artikels
*/

h1 {
	font-size:0.6875em;
    line-height:1.225em;
    color:black;
    text-transform:uppercase;
	margin: 0px;
	padding: 0 0 0.35em 0; 
	border: 0px;
}

h1 a:link,
h1 a:visited       { color: #666; text-decoration: none; }
h1 a:hover,
h1 a:active        { color: #666; text-decoration: underline; }

h2 {
	font-size:1.0em;
    line-height:1.1em;
    color:#505050;
	margin: 0px;
	padding: 0 0 0.35em 0; 
	border: 0px;
}

h2 a {
	display: block;
	margin:0;
	padding:0;
	border:0;
    line-height:1.1em;
}

h2 a:link,
h2 a:visited       { color:#505050; text-decoration: none; }
h2 a:hover,
h2 a:active        { color:#505050; text-decoration: underline; }

h3 {
	font-size:0.875em;
    line-height:1.225em;
    color:#666;
	margin: 0 0 0.725em 0; 
	padding: 0px;
	border: 0px;
}

h4 {
	font-weight:bold;
    color:#505050;
	margin: 0px; 
	padding: 0 0 0.35em 0; 
	border: 0px;
}


.Fuss {
    font-size:68.75%;
    line-height:1em;
}
.Fuss a:link,
.Fuss a:visited	{ color:white; font-weight:bold; text-decoration: none; }
.Fuss a:hover,
.Fuss a:active    { color:white; font-weight:bold; text-decoration: underline; }



/*  ----------------------------------------------------------------------------------------
	Standards für Hyper-Links innerhalb der Artikel-Texte (z.B. '[Mehr]')
	Der Link wird als normaler Text angezeigt (Fett, Farbe orange) 
	bei Berührung mit der Maus und beim Anklicken wird der Text unterstrichen 
*/

a:link,
a:visited       { color: #0055E5; font-weight:bold; text-decoration: none; }
a:hover,
a:active        { color: #0055E5; font-weight:bold; text-decoration: underline; }


img {
	border-width: 0
}






/*  ----------------------------------------------------------------------------------------
    ... für die Haupt-Navigation für Mobilgeräte Landingpage (Hintergrundformat)
*/

.TabNavLink2 {
	background:#365c6c url("../bilder/layout/layout/navlink_normal.jpg") repeat-x left top;
	padding: 2px;
	border-top: solid 1px #c0c0c0; 
	height: 54px;
	valign: middle;
}

/* ... für die Haupt-Navigation in der oberen Mobilgeräte-Navigationszeile (Level 0) */
a.NavLink2:link          { height: 45px; color: #d0d0d0; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/layout/navlink_normal.jpg'); background-repeat:repeat; padding: 2px; padding-bottom: 9px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink2:visited       { height: 45px; color: #d0d0d0; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/layout/navlink_normal.jpg'); background-repeat:repeat; padding: 2px; padding-bottom: 9px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink2:hover         { height: 45px; color: white; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/layout/navlink_hover.jpg'); background-repeat:repeat; padding: 2px; padding-bottom: 9px; border-top: solid 1px #808080; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink2:active        { height: 45px; color: white; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/layout/navlink_hover.jpg'); background-repeat:repeat; padding: 2px; padding-bottom: 9px; border-top: solid 1px #808080; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }