body {
    /* blauer Hintergrund 
    background-color:#0b5a8d; 
    background-color:#0166998;
    background-color:#1b73a5;
    background-color:#0d5f90; */
    /*background image funktioniert in diversen windows browsern nicht */
    background-image: url('/images/background.jpg');
    background-position:-100px -110px;
    background-repeat: repeat; 
    /* Fontangaben von Herrn Roeckl */
    font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif;
    font-size:12px; 
    height: 1in; /* Required for percentage heights below */
}

body#start a#startnav,
body#aktuelles a#aktuellesnav,
body#acreate a#createnav,
body#aupdate a#aupdatenav,
body#delete a#deletenav,
body#aufgaben a#aufgabennav,
body#kontakt a#kontaktnav,
body#sprecherin a#sprecherinnav,
body#programme a#programmenav,
body#mentoring a#mentoringnav,
body#girlsgotech a#girlsgotechnav,
body#reinindiehoersaele a#reinindiehoersaelenav,
body#stipendien a#stipendiennav,
body#qualistipendien a#qualistipendiennav,
body#promotionsstipendien a#promostipendiennav, 
body#jobs a#jobsnav,
body#jobscreate a#jobscreatenav, 
body#jobsdelete a#jobsdeletenav,
body#jobsupdate a#jobsupdatenav {
    color: #fff;
    background: #0AC;
    font-weight:bold;
}


#links {
    position:absolute;
    top:195px;
    left:0;
    width:180px;
    bottom:2.5em;
    min-width: 156px;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:10px;
    /*background-color:#085789;*/
    color:#FFFFFF;
}


#links a:link { color:#FFF; text-decoration:none;}
#links a:visited { color:#FFF; text-decoration:none;}
#links a:hover { color:#68C8E8; text-decoration:underline;}
#links a:active { color:#68C8E8; text-decoration:underline;}

.sublink {
	padding-left:20px;
	margin:0px;
}

.level2sublink {
    padding-left:40px;
    margin:0px;
}

.level3sublink {
    padding-left:60px;
    margin:0px;
}

.content {
	position:absolute;
	top:100px;
	left:190px;
	width:auto;
	right:8%;
	bottom:4.0em;
	overflow:auto;
	background-color:#FFFFFF;
	color:#595959;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	z-index:1;
}
.jobdescription {
        padding-left:50px;
        padding-bottom:0.5em;
}

.aktuellesdescription {
        padding-left:50px;
        padding-bottom:0.5em;
}

.link {
    color: blue;
}

.trailerlink {
    color:#FFFFFF;
}

.listheader {
    font-weight:bold;
}

.list {
    text-indent:-3em; 
    padding-left:3em;	
}

.author {
    font-style: italic; 
}

.blickfang {
    color: red;
}

.username {
        position: absolute;
        height: 4.0em;
        top: auto;
        right: 8%;
        bottom: 0;
    	text-align:right;
    	color:#00FFFF;
	z-index:2;
}

#img-center {
    width: 80%;
    align: center;
}

h1 {
    font-size: larger; 
    color:#085789;
}

h2 {
    font-size: larger; 
}

/* Der Footer-Bereich (Impressum & Co.) */ 
#trailer {
        position: absolute;
        width: 100%;
        height: 4.0em;
        top: auto;
        right: auto;
        left:190px;
	bottom: 0;
        text-align:center;
    	color:#FFFFFF;
	z-index:2;
}

#logo {
    position:absolute;
    top:0px;
    left:0px;
    width:156px;
    height:195px;
    z-index:1px;
}

/*langform von Herrn roeckl
#header {
    position:absolute;
    top:0px;
    left:156px;
    width:714px;
    height:100px;
}
*/

/* Aufspaltung in zwei bilder die schrift als header-kurz.gif und ein dann noch ein weisse
   schmaler Balken header-weiss.gif siehe dazu headerright*/
#header {
    position:absolute;
    top:0px;
    left:156px;
    width:400px;
    height:100px;

}

/* Achtung das Bild in headerright.jsf muss die id headerright haben! */
#headerright {
    position:absolute;
    top:0px;
    left:556px;
    right:8%;
    height:100px;
}