/* ================================================================ */
/* Hintergrundgestaltung oberhalb des gekachelten Hintergrundbildes */

/* Logos und Anfang der Strasse */
#head-main-a {
	position: absolute;
	z-index: 1;
	height: 116px;
	width: 892px;
	left: 0px;
	top: 0px;
	background-image: url(grafik/head-main-a.jpg);
	background-repeat: no-repeat;
}

/* Strasse - Version ohne Opazitaetsreduktion*/
#head-main-b1 {
	position: absolute;
	z-index: 2;
	height: 484px;
	width: 892px;
	left: 0px;
	top: 116px;
	background-image: url(grafik/head-main-b1.jpg);
	background-repeat: no-repeat;
}

/* Strasse - Version mit Opazitaetsreduktion fuer Fliesstext */
#head-main-b2 {
	position: absolute;
	z-index: 2;
	height: 484px;
	width: 892px;
	left: 0px;
	top: 116px;
	background-image: url(grafik/head-main-b2.jpg);
	background-repeat: no-repeat;
}

/* unterer Abschluss bis Ende Fading */
#head-main-c {
	position: absolute;
	z-index: 3;
	height: 500px;
	width: 892px;
	left: 0px;
	top: 600px;
	background-image: url(grafik/head-main-c.jpg);
	background-repeat: no-repeat;
}

/* =============== */
/* Hauptnavigation */

/* Hintergrundbild der Hauptnavigation */
#mainnavi-bild {
	position: absolute;
	z-index: 30;
	height: 190px;
	width: 180px;
	left: 0px;
	top: 2px;
	background-image: url(grafik/head-main-c.jpg);
	background-repeat: no-repeat;
	overflow: hidden; /* verhindert, dass wegen Imagemap schon an dieser Stelle der Kachel-Hintergrund auftaucht*/
}

/* Videos unter der Hauptnavigation */
#video1 {
	position: absolute;
	z-index: 90;
	height: 159px;
	width: 159px;
	left: 9px;
	top: 248px;
	background-image: url(grafik/head-main-c.jpg);
	background-repeat: no-repeat;
	overflow: visible; /* verhindert, dass wegen Imagemap schon an dieser Stelle der Kachel-Hintergrund auftaucht*/
}

#zusatzverweise {
	overflow: visible;
	position: absolute;
	z-index: 99;
	width: 165px;
	left: 5px;
	top: 206px;
}

/* Textlayer der Hauptnavigation */
#hn00 {
	position: absolute;
	z-index: 31;
	left: 9px;
	top: 187px;
}
#hn01 {
	position: absolute;
	z-index: 32;
	left: 142px;
	top: 111px;
}
#hn02 {
	position: absolute;
	z-index: 33;
	left: 13px;
	top: 159px;
}
#hn03 {
	position: absolute;
	z-index: 34;
	left: 33px;
	top: 116px;
}
#hn04 {
	position: absolute;
	z-index: 35;
	left: 54px;
	top: 70px;
}
#hn05 {
	position: absolute;
	z-index: 36;
	left: 128px;
	top: 59px;
}
#hn06 {
	position: absolute;
	z-index: 37;
	left: 178px;
	top: 39px;
}
#hn07 {
	position: absolute;
	z-index: 38;
	left: 6px;
	top: 42px;
}
#hn08 {
	position: absolute;
	z-index: 39;
	left: 1px;
	top: 30px;
}
#hn09 {
	position: absolute;
	z-index: 40;
	left: 132px;
	top: 25px;
}
#hn10 {
	position: absolute;
	z-index: 41;
	left: 174px;
	top: 6px;
}

/* Textformatierung der Hauptnavigation */
.mn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 100%;
	font-weight: bold;
	padding: 0px;
	background-color: #000000;
	padding: 3px;
	color: #FFFFFF;
}

/* ============= */
/* Subnavigation */

/* Container Subnavigationspfeil */
.subnavpfeil {
	position:absolute;
	z-index:50;
	left: 153px;
	/* top wird in den Screens definiert */
	width:20px;
	height:16px;
}

/* Container Subnavigationsbild */
.subnavbild {
	position:absolute;
	z-index:50;
	left: 115px;
	/* top wird in den Screens definiert */
	width:60px;
	height:36px;
}

/* Container Subnavigationstext */
.subnavtext {
	position:absolute;
	z-index:60;
	left: 180px;
	width: 145px;
	/* top wird in den Screens definiert */
}

/* Container Subnavigationstext - ohne Ueberlappung mit Hauptueberschrift */
.subnavtextschmal {
	position:absolute;
	z-index:60;
	left: 180px;
	width: 115px;
	/* top wird in den Screens definiert */
}

/* Textauszeichnungen Subnavigationsverweise */
.subnavlink {
	text-decoration: none;
}
a.subnavlink:link, a.subnavlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 100%;
	color: #626262;
	text-decoration: none;
	font-weight: bold;
}
a.subnavlink:hover, a.subnavlink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 100%;
	color: #CA0122;
	text-decoration: none;
	font-weight: bold;
}
/*Textauszeichnung Subnavigation Aktive Seite*/
.aktive_seite{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 100%;
	color: #CA0122;
	text-decoration: none;
	font-weight: bold;
	position:absolute;
	z-index:60;
	left: 180px;
	width: 145px;

}
/* ====================== */
/* fest definierte Bilder */

/* Container fuer logo als GIF ueber allen anderen Elementen */
/* in einzelnen Screens unter Umstaenden unterschiedliche Bilder aufgrund unterschiedlicher Hintergruende! */
#logo {
	position: absolute;
	z-index: 1000;
	top: 4px;
	left: 803px;
	width: 90px;
	height: 108px;
	overflow: visible;
}

/* Hauptbild oben */
#hauptbild {
	position: absolute;
	z-index: 9;
	top: 72px;
	left: 181px;
	width: 667px;
	height: 261px;
	overflow: hidden;
}

/* ======================================== */
/* Container fuer (Fliess)Texte */

/* Container fuer Hauptueberschrift - Variante fuer Seiten OHNE Hauptbild*/
#hauptueberschrift-o
{
	position: absolute;
	z-index: 10;
	top: 141px;
	left: 300px;
	width: 428px;
	background-color: #FFFFFF;
	height: 18px;
	padding: 3px;
	overflow: visible;
}
/* Container fuer Hauptueberschrift - Variante fuer Seiten MIT Hauptbild*/
#hauptueberschrift-u
{
	position: absolute;
	z-index: 10;
	top: 400px;
	left: 300px;
	width: 428px;
	background-color: #FFFFFF;
	height: 18px;
	padding: 3px;
	overflow: visible;
}
/* Container fuer Hauptueberschrift - Variante fuer Seiten MIT Checkpoints*/
#hauptueberschrift-check
{
	position: absolute;
	z-index: 10;
	top: 400px;
	left: 300px;
	width: 228px;
	background-color: #FFFFFF;
	height: 18px;
	padding: 3px;
	overflow: visible;
}

/* Container fuer Fliesstext in Screens mit Hauptbild breit*/
#inhalt-breittext {
	position: absolute;
	z-index: 20;
	height: 230px;
	width: 486px;
	left: 340px;
	top: 436px;
	overflow: visible;
}

/* Container fuer Fliesstext in Screens mit Hauptbild schmal*/
#inhalt-schmaltext {
	position: absolute;
	z-index: 20;
	height: 448px;
	width: 300px;
	left: 340px;
	top: 436px;
	overflow: visible;
}

/* Container fuer Fliesstext in reinen Textscreens breit*/
#inhalt-nurtext {
	position: absolute;
	z-index: 20;
	height: 448px;
	width: 486px;
	left: 340px;
	top: 177px;
	overflow: visible;
}

/* Container fuer Fliesstext in reinen Textscreens schmal*/
#inhalt-nurtextschmal {
	position: absolute;
	z-index: 20;
	height: 448px;
	width: 300px;
	left: 340px;
	top: 177px;
	overflow: visible;
}

/* Container fuer ALLE Inhalte auf der rechten Seite*/
#inhalt-rechts {
	position: absolute;
	z-index: 21;
	width: 160px;
	/* height: ist eben so hoch, wie es ist... */
	left: 689px;
	/* top wird in den Screens definiert */
}

/* ========================== */
/* globale Textauszeichnungen */

/* normaler Fliesstext */
.fliess-norm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 180%;
	color: #000000;
}

/* Fliesstext im rechten Bereich mit Abstand fuer weiter-Pfeile */
.fliess-rechts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 180%;
	color: #000000;
	margin-right: 25px;
}

/* Text in Ueberschriftscontainern */
.u1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 100%;
	font-weight: bold;
	padding: 0px;
	color: #000000;
	background-color: #FFFFFF;
}
/* Text in Ueberschriftscontainern der Checkpoints*/
.u1_check {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 100%;
	font-weight: bold;
	padding: 0px;
	color: #CA0122;
	background-color: #FFFFFF;
}

/* Standardverweise im Fliesstext */
a:link {
	color: #626262;
	text-decoration: underline;
}
a:visited {
	color: #626262;
	text-decoration: none;
}
a:hover {
	color: #CA0122;
	text-decoration: underline;
}
a:active {
	color: #CA0122;
	text-decoration: underline;
}


/* ========================== */
/* sonstiges */

/* Zusatzabstand "Nebenbild" oben */
.bildabsoben {
margin-top: 10px;
}

/* Ausrichtung weiter-Pfeil am Ende eines Textes */
.weiterfin {
	top: 5px;
	left: 5px;
	position: relative;
}
.verdichtet-links {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 140%;
	color: #000000;
	text-align: left;
}
.verdichtet-rechts {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 140%;
	color: #000000;
	text-align: right;
}
#videoweiter {
	float:right;
	padding-right: 3px;
}
.zurueck {
	float:left;
	padding-left: 3px;
}
.sehr_klein_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	color: #000000;
}
/* Textformate und -Ausrichtungen fuer (Kapitel)startseiten (blaue Kaesten heckpoint, etc.) */
.start-textlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	line-height: 120%;
	color: #000000;
	background-color: #CEE7FF;
	padding: 2px;
	border-top: 2px solid #CEE7FF;
	border-right: 2px solid #9999FF;
	border-bottom: 2px solid #9999FF;
	border-left: 2px solid #CEE7FF;
}
#startweiter {
	float:right;
	padding-right: 10px;
}
.start-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	line-height: 120%;
	color: #000000;
	padding: 2px;
	border: none;
}