@charset "utf-8";
/* Hier nur Layoutinfos speichern, (Position, Ausrichtung, Größe, usw) */

html{
	height:100%;
	width:100%;
}

body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	width:100%;
}

.haupttabelle{
 	border:thin #FF00FF solid;
	position:absolute;
	top: 0px;
	vertical-align:top;
	height:100px;
	margin-top:auto;
}

/* ************** OBEN ************** */

#frameoben{
	border: white 1px solid;
}

#titel-oben{
	position:absolute;
	top: 0px;
	height: 90px;
	width:100%;
}

#titel-mitte{
	position:absolute;
	top: 90px;
	height: 17px;
	width:100%;
	text-align:right;
}

#titel-unten{
	position:absolute;
	top: 107px;
	height: 17px;
	width:100%;
	text-align:right;
}

#bild-links{
	position:absolute;
	top:0px;
	left:0px;
}

#bild-uebergang{
	position:absolute;
	top:0px;
	right:90px;
}

#helios-logo{
	position:absolute;
	top:0px;
	right:-90px;	
}

#frameoben h1{
	text-align:center;
}

#frameoben h2{
	text-align:center;
}

#sprachauswahl{
	padding: 0px 5px 0px 5px;
}

#modusauswahl{
	padding: 0px 5px 0px 5px;
}


/* ************** NAVIGATION ************** */

#framelinks{
	position: absolute;
	left:0px;
	top: 135px;
	width:220px;
	max-height:100%;
	min-height: 500px;
	padding-top: 0px;
}

#framelinks p{
	text-align: right;
	margin-top: 0px;
}

#framelinks a{
	display:block;
	text-indent: 20px;
	text-align: left;

}

/* ************** RECHTS ************** */

#framerechts{
	position:absolute;
	right: 0px;
	top:135px;
	width:200px;
	max-height:100%;
	min-height: 500px;
	padding-top: 0px;
}

#framerechts p{
	text-align: left;
	margin-top: 0px;
}

#framerechts a{
	display:block;
	text-indent: 20px;
	text-align: left;
}

/* ****************  Content ******************** */

#content{
	margin: 135px 230px 5px 230px;
	/*width: auto;*/
	text-align: justify;
	padding: 0px 0px 0px 0px;
}

.Haupttext{
	text-align:justify;	
}

.Haupttext ul,li{
	text-align:left;
}

.Hauptbild{
	float:left;
	margin-right: 5px;
	border: 1px black solid;
}

#content h1{
        text-align:center;
}

#content h2{
        text-align:center;
}

#bildlinks{
 margin: 1px 20px 1px 5px;	
}

#liste{
	margin-left: 20px;
}