/* Reset-CSS setzt von allen Elementen die Abstände auf 0 */
* {
	margin: 0;
	padding: 0;
}

/*hacks für den IE für feststehenden Footer, Scrollbalken und immer ganzer Bildschirm*/

* html, * html body {
	margin: 0;
	padding:0;
	height:100%;
	overflow:hidden;
}

* html #inhalt {
	padding:0;
	height:96%;
	overflow:scroll;
}

* html #wrap {
	padding:0;
	height:99%;
	overflow:hidden;
}

* html #footer  {
	height:1%;
	padding-top:1%;
}

html {
	height:99%;   /*nur 99, weil sonst immer Scrollbalken*/
}

body {
	background-color: #5a5a5a; /* Seitenrand wird grau */
	font-family: Arial, Verdana, itc avant garde gothic, franklin gothic book,sans-serif;
	font-size: 75%;   /*alles kleiner, wirkt sich auch auf em´s aus!*/
	behavior: url (csshover.htc);   /*einbinden, damit hover auch bei IE funktioniert, Pfad aus html-Dokumentensicht */
	height: 99%;  /*nur 99, weil sonst immer Scrollbalken*/
	overflow:auto;  /*Scrollbalken auch immer IE6, wenn nötig*/
}

#wrap {
	width: 75em;  /*bei 16 pixel meist default Schriftgröse, 1px daher 0,0625em (1/16), Breite 960px. hier Schriftgröße ca. 12 px (75%), daher 1px 1/12 0,08333*/
	margin: 0 auto; /* Seite zentrieren */
	background-color: #ffffff; /*Seite an sich weiß, im Gegensatz zum grauen Rand*/
	min-height:99%; /*damit immer ganzer Bildschirm, Rest 1 ist bei footer*/
}

#inhalt {
	padding-bottom: 1%; /*div notwendig für feststehenden Footer*/
}


#header {
	padding-top: 2.5em;
	background-image: url(../images/eukos_neu.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 10em; /*entspricht im default-fall 160px = Höhe der Grafik*/
}

#menuwrap {
	border-top: 0.0625em solid #fff;   
	border-bottom: 0.0625em solid #fff;
	background-color: #aaa;
	padding:1%;
}

#menuwrap ul {
	list-style-type: none;  /*keine Bullets*/
}

#menuwrap ul li {
	float: left; /* Sorgt dafür dass die Listenpunkte nebeneinander stehen */
	padding: 0em 0.9375em 0em 0.9375em; /* Sorgt für Abstand zwischen den Listenelementen */
	background-color: #aaa;
	border-right: 0.0625em solid #fff; /*sorgt für weisse Trennlinien nur rechts*/
    cursor: pointer;  /*Cursor bleibt immer Hand*/
} 

#menuwrap ul li a:hover {
	background-color: #ccc;  /*Pseudoelement, wenn Maus drüber heller, nur bei a, nicht bei li (wäre ganze Breite li)*/
}

#menuwrap ul li a {
	color: #000;
	text-decoration: none;/* Unterstrichen-Stil von Links löschen */
	
}

#menuwrap ul li a.active {
	color: #fff;          /*aktiver link wird farblich verändert und unterstrichen dargeestellt*/
	text-decoration: underline;
}

#menuwrap ul li a:focus {
	outline: none;   /*gestrichelte Linie um Links weg */
}


#content {
	padding: 1.25em;  /*klebt nicht ganz oben*/
	padding-left: 4.5em;
	padding-right: 4.5em;
}

#content h1 {                  /*h1 im div content wird grau, zentriert, oben mit 1,5 und unten mit 0,75 Abstand zum nächsten Element*/
	color:#333333;
	text-align:center;
	padding-top:1.5em;
	padding-bottom:0.75em;
}

#content h2 {                  /*h3 im div content wird grau, oben mit 1,5 und unten mit 0,75 Abstand zum nächsten Element*/
	color:#333333;
	padding-top:1.5em;
	text-align:center;
	padding-bottom:0.75em;
}

#content h3 {                  /*h3 im div content wird grau, zentriert, oben mit 1,5 und unten mit 0,75 Abstand zum nächsten Element*/
	color:#333333;
	text-align:center;
	padding-top:1.5em;
	padding-bottom:0.75em;
}

#content h4 {                  /*h4 im div content wird grau, oben mit 1,5 und unten mit 0,75 Abstand zum nächsten Element*/
	color:#333333;
	padding-top:1.5em;
	padding-bottom:0.75em;
	text-decoration:underline;
	padding-left: 4.5em;
	padding-right: 4.5em;
}


#content ul {
	padding:1em;
	padding-left:6em;   /*Eirücken um 10% + 1 % von links*/
	padding-right:6em;
}

#content ul li {
	
	padding: 0.5em; /*Abstand nach allen Seiten, klebt nicht so*/
	padding-left: 0.1em;
}

#content ul li a:hover {
	background-color: #ccc;  /*Pseudoelement, wenn Maus drüber heller, nur bei a, nicht bei li, sonst immer ganze Breite listenelement*/
}

#content ul li a {
	color: #000;
	text-decoration: none;   /* Unterstrichen-Stil von Links löschen */
	cursor: pointer;  /*Cursor bleibt immer Hand*/
}

#content ul li a:focus {
	outline: none;   /*gestrichelte Linie um Links weg */
}

#content img {
	float:left;
	padding-right:2em;
	padding-left:4.5em;
}

#content a img {
	clear:left;      /*floaten aufgehoben*/
	margin-left:12em;   /*Abstand links Bildbreite  120 px x 0,08333 (siehe oben) = 10em + Abstand oberes Bild rechts 2 = 12em*/
	margin-top:2em;
}

#footer  {
	position:fixed;   /*damit immer am Ende des Bildschirms*/
	bottom: 0.0625em;
	padding: 0.625em;
	height: 1,5%;    /*Höhe des Foozter*/
	background-color: #aaa;
	width:73.75em; /*75em aus wrap - 2xpadding von 0,625*/
}

#footer ul {
	list-style-type: none;  /*keine Bullets*/
}

#footer ul li {
	cursor: pointer;  /*Cursor bleibt immer Hand*/
	float: left; /* Sorgt dafür dass die Listenpunkte nebeneinander stehen */
	padding: 0em 0.9375em 0em 0.9375em; /* Sorgt für Abstand zwischen den Listenelementen */
	background-color: #aaa;
	border-right: 0.0625em solid #fff;  /*weisse Trennlinien nur rechts*/
}

#footer ul li a:hover {
	background-color: #ccc;  /*Pseudoelement, wenn Maus drüber heller, nur über a nicht über li = ganzes Listenelement*/
}

#footer ul li a {
	color: #000;
	text-decoration: none; /* Unterstrichen-Stil von Links löschen */
}

#footer ul li a:focus {
	outline: none;   /*gestrichelte Linie um Links weg */
}

#footer ul li a.active {
	color: #fff;          /*aktiver link wird farblich verändert und unterstrichen dargeestellt*/
	text-decoration: underline;
}

.cboth {
	clear: both; /* Hebt das Floating auf für das letzte Element davor auf! */
}

.active {
	color: #fff;          /*aktiver link wird farblich verändert und unterstrichen dargeestellt*/
	text-decoration: underline;
}

.editor {
	white-space:pre;  /*text wird so ausgegeben, wie im editor eingegeben!*/
	padding-left:1.5em;
}

.umbruch  {
	padding-left: 4.5em;
	padding-right: 4.5em;
	white-space:normal;
}

p    {
	padding-top:0.1em;
	padding-bottom:0.1em;
}

.zentriert   {
	text-align:center;
}

.abstand	 {
	padding-left:4.5em;
	white-space:normal;
	padding-bottom:4.5em;
	padding-top:2.5em;
}