* {
    margin:0;
    padding:0;
    border:0 none;
	line-height:1.3;
    }
    
html {
    height:100%;
    }

body {
	height:100%;
	font: normal 100.01%/1.3 verdana, arial, helvetica, sans-serif;
	background:#CFC7B5;
	color:#000;
	}

#abstand {
	height:50.01%;
	width:2px;
	margin-right:-1px;
	float:left;
	clear:both;
	background-color:transparent;
	margin-bottom:-2em;
	}

/* only for IE MAC \*//*/
html, body {
	height:auto;
	}

#abstand {
	height:5em;
	}
/* */

a {
    text-decoration:none;
    color:#000;
    }

a:hover {
	color:#fff;
	}

a:active, a:focus {
	color:#fff;
	}

p {
	font-size:.9em;
	margin-bottom:.5em;
	}

del {
	/*display:none;*/
	display:block;
	color:red;
	font-weight:bold;
	background-color:#fff;
	position:fixed;
	bottom:0;
	right:0;
	padding:1em 3em;
	text-decoration:none;
	z-index:100;
	border:4px solid;
	}

* html del {
	position:absolute;
	}

ul {
	list-style-type:none;
	}

address {
	font-style:normal;
	font-weight:normal;
	font-size:.9em;
	}

address span {
	display:block;
	margin-top:2em;
	font-size:.75em;
	}

span.sprung {
	display:block;
	padding:2em 0 1em;
	text-align:right;
	}

#description span.sprung img {
	display:inline;
	margin:0;
	}

/* +++++++++++++ Navigation +++++++++++++ */

#navi {
	clear:left;
	font-size:90%;
	border-bottom:1.3em solid #000;
	height:1.3em;
	padding-top:1.5em;
	}

/* Opera 4-6 \*/
html * body #navi[id] { 
	height:1em; 
	}
/* Ende Opera 4-6 */

#navi ul {
	width:55em; /* min-width auch fuer IE */
	}

#navi li {
	float:left;
	position:relative;
	width:8em; /* Spezialbreiten fuer Studienarb. + Diplom */
	font-size:100%;
	text-transform:uppercase;
	height:1.3em; /* Rundungsfehler FF1.07 Mac */
	}

#navi li div { /* NN6 und 7 als Positionierungsgrundlage - kapiert li mit float nicht */
	position:relative;
	height:1.3em;
	}


/* only for IE MAC - zweite Ebene nach unten \*//*/
#navi li a, #navi li span { 
	display:block;
	}
/* */

#navi h1 {
	font-size:100%;
	}

#navi h1 span {
	padding-left:.5em;
	height:1px;
	}

/* +++++++++ zweite Listenebene +++++++++ */

#navi li ul {
	position:absolute;
	width:100%;
	left:0; /* vor Opera verstecken */
	top:1.3em; /* vor Opera verstecken */
	height:1.3em; /* Rundungsfehler im FF1.07 */
	}

/* Weiche Opera 7 + IE Mac! wg. Bug position rel. als containing block */
html:first-child>b\ody #navi li ul {
	left:auto;
	top:auto;
	}
/* Ende Opera 7 */

#navi li li {
	width:2em;
	text-align:center;
	height:1.3em; /* Rundungsfehler im FF1.07 */
	}

#navi li li a {
	color:#DFDBD1;
	}

#navi li li a, #navi li li span {
	display:block;
	border-left:2px solid #fff;
	padding:0 .5em;
	margin-right:2px;
	height:1.3em;
	}

#navi li li a:hover, #navi li.person li a:hover {
	color:#fff;
	}

#navi li span {
	color:#fff;
	font-weight:bold;
	}

/* ++++++++++++++++ Menüteil zur Person ++++++++++++++++++++ */

#navi li.person {
	width:16em;
	}

#navi li.person ul {
	background-color:#666;
	}

#navi li.person li {
	width:7em;
	text-align:left;
	}

#navi li.person a, #navi li.person span {
	border:none;
	padding:0;
	padding-left:.5em;
	display:inline;
	height:auto; /* IE5 height-Bug */
	}

/* ++++++++++++++++ Menüteil zu  Studienarbeiten ++++++++++++++++++++ */

#navi li.studien {
	width:12em;
	}

/* ++++++++++++++++ Menüteil zu  Studienarbeiten ++++++++++++++++++++ */

#navi li.diplom {
	width:7em; /* 1em weniger als #navi li */
	}

/* ++++++++++++++++ aktives Menü ++++++++++++++++++++ */

#navi li#current a { /* Link der 1. Stufe */
	color:#fff;
	}

#navi li#current li span { /* Aktiver Punkt der zweiten Stufe */
	display:block;
	color:#fff;
	}

#navi li#current li a { /* nicht aktive Links der zweiten Stufe */
	color:#000;
	}

#navi li#current li a:hover {
	color:#fff;
	}

#navi li#current li.current a { /* aktiver Link der zweiten Stufe */
	color:#fff;
	}

/* ++++++++++++++ Inhaltsbereich +++++++++++++++++++ */

#content {
	clear:left;
	min-width:700px;
	padding-bottom:2em;
	margin-top:4em;
	}

#content a {
	color:#333;
	text-decoration:underline;
	}

#content a:visited, #content a:hover {
	color:#000;
	}

#content a:active, #content a:focus {
	color:#000;
	}

/* ++++++++++ Titel der Arbeiten +++++++++++++++++ */

#content h2 { /* Titel */
	font-size:110%;
	font-weight:bold;
	line-height:1.4;
	margin-left:1em;
	padding-right:15em;
	}

#content h2 span { /* Untertitel */
	font-size:0.8em;
	font-weight:normal;
	line-height:1.4;
	float:left;
	width:14em;
	}

/* ++++++++++ Subnavigation +++++++++++++++++ */

ul#subnavi {
	position:relative;
	float:left;
	width:14em;
	margin-top:.5em;
	}

ul#subnavi li {
	margin-left:1em;
	}

/* \*/
* html ul#subnavi li {
	width:12em;
	w\idth:auto;
	display:inline;
	di\splay:list-item;
	}
/* */

#content ul#subnavi li a, ul#subnavi li span {
	text-decoration:none;
	text-transform:uppercase;
	font-size:.9em;
	color:#000;
	height:1px; /* bugfix IE5 */
	position:relative;
	z-index:10;
	border-left:2px solid #fff;
	padding-left:4px;
	}

#content ul#subnavi li a:hover {
	color:#fff;
	}

ul#subnavi li span {
	color:#fff;
	font-weight:bold;
	}

/* ++++++++++ Titel im Content +++++++++++++++++ */

#content h3 { /* Art der Arbeit */
	font-size:.9em;
	font-weight:bold;
	margin:.8em 0;
	}

#content h3 span { /* Bearbeiter */
	font-weight: normal;
	}

#content h4 {
	font-size:.9em;
	font-weight:bold;
	margin:1em 0;
	}

#content h4 span {
	font-weight:normal;
	}

#content p {
	margin:1em 0;
	}

#content p strong {
	font-weight:bold;
	}

/* \*/
	* html #content .text {
	width:650px;
	w\idth:410px;
	}
/* */

#description {
	margin-left:14.4em;
	width:650px;
	}

#description h2 {
	margin-left:0;
	font-size:100%;
	}

#description h5 {
	font-size:.9em;
	}

#description ul {
	list-style-type:square;
	}

#description li {
	font-size:.9em;
	margin:.5em 1em;
	}

#description div {
	margin:3em 0;
	}

#description img {
	display:block;
	margin:3em 0;
	}

/* ++++++++++++++ Sonderdefinitionen +++++++++++++++++++ */

#index {
	height:100%;
	}

#index #content h2 {
	color:#fff;
	}

 /* ++++++++++ BG-farbe Seite + Luecke aktives Menue ++++++++++++ */

/* Studienarbeiten */

#sta, #sta li#current ul {
	background-color:#E3E543;
	}

/*  Projektarbeiten*/

#proj, #proj li#current ul {
	background-color:#E95555;
	}

/* Diplomarbeiten */

#dipl, #dipl li#current ul {
	background-color:#A4B8EF;
	}

/* Masterarbeiten */

#ma, #ma li#current ul {
	background-color:#5ECF5E;
	}
