@charset "UTF-8";
/* CSS Document */

body {
	background-color:#D3DAC7;
	margin:0px;
	background-attachment:fixed;
	background-image:url(../p/leer.gif);
	}
* {
	font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Calibri', 'Tahoma';
	font-size:11px;
	line-height:18px;
	color:black;
	}
a:focus {
	outline:none;
	}
img {
	border:none;
	}
#Gelaende {
	width:950px;
	height:500px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-475px;
	margin-top:-250px;
	}
#fix {
	width:100%;
	height:100%;
	position:fixed;
	position: expression("absolute");
	top: expression(document.body.scrollTop - this.offsetHeight + this.offsetHeight);
	top:0px;
	left:0px;
	}
/* ——————————————————————————— Logo ——————————————————— */
a#Schriftzug {
	position:absolute;
	display:block;
	height:50px;
	width:320px;
	right:125px;
	opacity:0.4;
	-moz-opacity:0.4;
	filter:alpha(opacity=40);
}
a#Schriftzug:hover {
	opacity:1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
}
.SchriftzugIndex {
	opacity:1.0 !important;
	-moz-opacity:1.0 !important;
	filter:alpha(opacity=100) !important;
}
/* ——————————————————————————— Schmales Kapitelbild ——————————————————— */
#BildLevel1 {
	position:absolute;
	left:125px;
	top:00px;
	width:99px;
	height:400px;
	background-image:url(../p/WeisserPixel.png);
	background-position:right;
	background-repeat:repeat-y;
	padding-top:50px;
	padding-bottom:30px;
}
/* ———————————————————————— Navigation 1 —————————————————————— */
#NavLevel1 {
	position:absolute;
	top:50px;
	left:0px;
	width:124px;
	background-image:url(../p/WeisserPixel.png);
	background-repeat:repeat-y;
	background-position:25px;
	padding-bottom:20px;
}
#NavLevel1 a {
	display:block;
	text-decoration:none;
	padding:3px 0px 2px 32px;
	border-bottom:1px solid #D3DAC7;
}
#NavLevel1 a:hover {
	border-bottom:1px solid black;
}
#NavLevel1 a.aktiv {
	display:block;
	text-decoration:none;
	padding:3px 0px 2px 32px;
	border-bottom:1px solid black;
	color: #B7062B;
}
/* ———————————————————————— Navigation 2 —————————————————————— */
#NavLevel2 {
	position:absolute;
	top:50px;
	left:225px;
	width:99px;
}
#NavLevel2 a {
	display:block;
	text-decoration:none;
	padding:3px 0px 2px 7px;
	border-bottom:1px solid #D3DAC7;
}
#NavLevel2 a:hover {
	border-bottom:1px solid black;
}
#NavLevel2 a.aktiv {
	display:block;
	text-decoration:none;
	padding:3px 0px 2px 7px;
	border-bottom:1px solid black;
	color: #B7062B;
}
/* ———————————————————————— BEREICH 3 (Thumbs) —————————————————————— */
#NavLevel3Box {
	position:absolute;
	top:10px;
	padding-top:40px;
	right:0px;
	width:125px;
}
#NavLevel3Box a {
	width:125px;
	margin-left:1px;
	height:60px;
	display:block;
	background-image:url(../p/GrundThumbLink.gif);
}
#NavLevel3Box a:hover {
	background-image:url(../p/GrundThumbAktiv.gif);
}
#NavLevel3Box a img {
	display:block;
	width:75px;
	height:50px;
	margin-left:25px;
}
/* ———————————————————————— INHALTSBEREICHE —————————————————————— */

#InhaltBox {
	position:absolute;
	left:325px;
	top:20px;
	padding-top:30px;
	width:500px;
	padding-top:30px;
	padding-bottom:30px;
}
/* ———————————————————————————————————————— Scrollbereich —————————————— */
#Scrollbereich {
	position:absolute;
	top:50%;
	margin-top:-200px;
	padding-top:00px;
	left:50%;
	margin-left:351px;
	width:125px;
	padding-bottom:50px;
}
#Scrollbereich a {
	width:125px;
	margin-left:1px;
	height:60px;
	display:block;
	background-image:url(../p/GrundThumbLink.gif);
}
#Scrollbereich a:hover {
	background-image:url(../p/GrundThumbAktiv.gif);
}
#Scrollbereich a img {
	border-top:1px solid black; /* nachher entfernen */
	border-bottom:1px solid black; /* nachher entfernen */
	display:block;
	width:75px;
	height:50px;
	margin-left:25px;
}
/* ————————————— TEXTSEITE ——————————————————————————————————————— */
#Textseite {
	position:absolute;
	width:499px;
	left:1px;
	height:400px;
	background-image:url(../p/InhaltNurLinie.png);
	background-repeat:repeat-x;
}
#Textseite div {
	margin:18px 25px 0px 25px;
}
#Textseite a {
	border-bottom:1px solid black;
	text-decoration:none;
}
#Textseite a:hover {
	border-bottom:1px solid black;
	border-bottom:1px solid #B7062B;
}
#Textseite ul {
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style-type:none;
}
#Textseite li {
	background-image:url(../p/bullet.gif);
	background-repeat:no-repeat;
	padding-left:10px;
}
/* ————————————— TEXTSEITE 2 Spalten Rechtsbündig ————————— */

#Textseite_2SRB {
	position:absolute;
	width:499px;
	left:1px;
	height:400px;
	background-image:url(../p/InhaltNurLinie.png);
	background-repeat:repeat-x;
}
#Textseite_2SRB #Spalte1 {
	margin:18px 25px 0px 25px;
	float:right;
	text-align: right;
}
#Textseite_2SRB #Spalte2 {
	margin:18px 25px 0px 0px;
	float:right;
	text-align: right;
}
#Textseite_2SRB * {
	text-align:right;
}
#Textseite_2SRB h1 {
	color: #B7062B;
	margin:0px;
}
#Textseite_2SRB ul {
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style-type:none;
}
#Textseite_2SRB ul a {
	text-decoration:none;
	border-bottom:1px solid #D3DAC7;
}
#Textseite_2SRB a:hover {
	border-bottom:1px solid black;
}
/* ————————————————————————————————— EINSTIEGSSEITEN ——————— */

#Einstieg {
	position:absolute;
	width:499px;
	left:1px;
	height:400px;
	background-image:url(../p/InhaltVerlauf.png);
	background-image:url(../p/InhaltNurLinie.png);
}
#Einstieg * {
	color:white;
}
#Einstieg h1 {
	color:black;
	font-weight:normal;
	font-size:14px;
	margin:100px 25px 10px 25px;
	line-height:25px;
}
#Einstieg p {
	margin:0px 25px;
}
/* ————————————————————————————————— BILDSEITEN  ——————— */

#Bildseite {
	position:absolute;
	width:499px;
	left:1px;
	background-image:url(../p/InhaltVerlauf.png);
	background-image:url(../p/InhaltNurLinie.png);
	background-repeat:repeat-x;
	background-color:#404040;
	background-color:#D3DAC7;
}
#Bildseite_Inhalt {
	width:450px;
	margin:20px 00px 10px 25px;
}
#Bildseite * {
	color:black;
}
#Bildseite img {
	margin:3px 13px 14px 0px;
	float:left;
}
#Bildseite p {
	margin:0px;
}
#Bildseite a {
	color:#D3DAC7;
	text-decoration:none;
	border-bottom:1px solid #D3DAC7;
}
#Bildseite a:hover {
	border-bottom:1px solid black;
}
#BildFuss {
	clear:both;
	border-bottom:1px solid black;
	border-bottom: none;
	height:18px;
	margin:0px;
}
#Bildseite ul {
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style-type:none;
}
#Bildseite li {
	background-image:url(../p/bullet.gif);
	background-repeat:no-repeat;
	padding-left:10px;
}

/* ——————————————————————————————————— Hohe Linien ————————————————— */
.LinieL1, .LinieL2, .LinieL3 {
	width:20px;
	background-image:url(../p/WeisserPixel.png);
	background-repeat:repeat-y;
	position:absolute;
	left:50%;
	height:520px;
}
.LinieL1 {
	margin-left:-351px;
}
.LinieL2 {
	margin-left:-150px;
}
.LinieL3 {
	margin-left:350px;
}
.LinieOben {
	top:0px;
}
.LinieMitte {
	top:50%;
	margin-top:-250px;
}
.LinieUnten {
	bottom:0px;
}