/* dl3jin-styles */

* {
margin: 0;
padding: 0;
}

html, body {
top: 0;
right: 0;
left: 0;
min-height: 100%;
width: 100%;
}

body {
position: static;
font-family: Arial, sans-serif;
font-size: 16px;                     	/* Text im gesamten Body, bleibt aber nur für das Menü übrig */
background: #ffffff;
color: #000;
}

td {                                	/* Text in den Tabellen (Bildunterschriften) */
position: static;
font-family: Arial, sans-serif;
font-size: 18px;
background: #ffffff;
color: #000;
}

div.c1 {margin-left: 1em}
div.c2 {margin-left: 3em}
div.c3 {margin-left: 5em}

/* container */
#header {
position: fixed;
top: 0;
right: 0;
left: 0;
height: 70px;
}

#head {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
background: #000000;
color: #0000ff;
border-bottom: 0px solid #ffffff;
}

#menue {
position: fixed;
top: 70px;
left: 10px;
width: 155px;
padding: 10px;
}

#content {
background: #eeeeee url(../common-data/backg.jpg);   /* Hintergrund durch diese Grafik vorgegeben */
background-repeat: repeat-y;
padding: 100px 16px 40px 200px;      	/* Abstand oben rechts unten links */
color: #000000;                      	/* Schriftfarbe schwarz für gesamten Content */
font-size: 18px;                     	/* Schrift für gesamten Content aber nicht für Menü */
}

/* ==== Formate === */
/* menue und links */
a {
text-decoration: underline;          	/* Unterstrich unter Links  war: none;  */
background: yellow;   			/* Links im Text gelb unterlegt  war: transparent;  */
color: #0000ff;      			/* Links im Content in blau */
border-bottom: 0px solid #0000ff;
}

#menue li {
list-style: none;
padding: 5px;                      	/* Abstand um jedes einzelne Menükästchen herum */
}

#menue a {
width: 143px;
display: block;                     	/* alle Menükästchen gleich lang */
font-weight: bold;                  	/* Fettschrift */
padding: 2px 0 2px 5px;             	/* Abstand Schrift vom (oben rechts unten links) Menükästchenrand */
background: #0000ff;                	/* einzelnes verlinktes Menükästchen in Ruhe mit blauem Hintergrund */
color: #ffffff;                     	/* einzelnes verlinktes Menükästchen in Ruhe mit weißer Schrift */
border: 1px solid;
border-color: #ccc #000 #000 #ccc;
}

#menue a:hover,
#menue a.aktiv,
#menue a:hover.aktiv {
font-weight: bold;                  	/* Fettschrift */
padding: 3px 0 1px 6px;
background: #ffff00;                	/* Menükästchen gelb wenn Kursor drüber oder ohne Link (aktive Seite) in FireFox */
color: #ff0000;                     	/* rote Schrift wenn Kursor drüber */
border: 1px solid;
border-color: #000 #ccc #ccc #000;
}

#menue a.aktiv,
#menue a:hover.aktiv {
font-weight: bold;
cursor: default;
}

/* sonstige */
img {
border: 1px solid;   			/* dünner Rahmen um die Bilder */
}

/*  -------------------------------------
	Extrawuerste fuer IEs
	WICHTIG: IE6 muss in den Quirks-Modus
	gesetzt werden, um die Anweisungen zu
	'position:' richtig auszufuehren!
*/
* html,
* html body {
overflow: hidden;
bottom: 0;
height: 100%;
}

* html #menue {
position: absolute;
width: 180px;				/* wg. boxmodel */
z-index: 30;
}

* html #header {
position: absolute;
width: 100%;
padding-right: 16px;			/* fuer scrollbar */
z-index: 20;
}

* html #head {
height: 100%;
position: static;
z-index: 20;
}

* html #content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
overflow: auto;
z-index: 10;
}

* html #menue a {
width: 150px;
}


/* IE-Wurst Ende */