html, body {
margin: 0;
padding: 0;
background: url(../img/wand.jpg);
color: #666;
font-family: verdana;
font-size: 0.9em;
}

.fixfloat {
	float: none;
	clear: both;
	width: 1px;
	margin: 1px 0 1px 0;
	padding: 0;
	font-size: 0;
	line-height: normal;
	height: 1px;
}

#wrap {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-485px;
	margin-top:-285px;
	width: 970px;
	height: 570px;
	border: 1px solid #C0C0C0;
	background: url(../img/wand2.jpg)}
	
#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(../img/schild.jpg) no-repeat 10px 20px }


#menu {
	width: 670px;
	float: right;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	}

/* Unter-Navigationselemente */	
#menu span {display: none}

#m-info {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 576px;
	background: url(../img/navi/11info-off.gif) no-repeat;
	}

#m-info:hover, body#info #m-info {
	background: url(../img/navi/11info-on.gif) no-repeat;}

#m-def {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 424px;
	background: url(../img/navi/12def-off.gif) no-repeat;
	}

#m-def:hover, body#hauptportal #m-def {
	background: url(../img/navi/12def-on.gif) no-repeat;}

#m-vita {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 576px;
	background: url(../img/navi/21vita-off.gif) no-repeat;
	}

#m-vita:hover, body#person #m-vita {
	background: url(../img/navi/21vita-on.gif) no-repeat;}

#m-profil {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 424px;
	background: url(../img/navi/22profil-off.gif) no-repeat;
	}

#m-profil:hover, body#profil #m-profil {
	background: url(../img/navi/22profil-on.gif) no-repeat;}
	
#m-foto {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 270px;
	background: url(../img/navi/23foto-off.gif) no-repeat;
	}

#m-foto:hover, body#foto #m-foto {
	background: url(../img/navi/23foto-on.gif) no-repeat;}

#m-leistung {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 576px;
	background: url(../img/navi/31aufgaben-off.gif) no-repeat;
	}

#m-leistung:hover, body#b-aufg #m-leistung {
	background: url(../img/navi/31aufgaben-on.gif) no-repeat;}	

#m-fokus {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 424px;
	background: url(../img/navi/32fokus-off.gif) no-repeat;
	}

#m-fokus:hover, body#b-fokus #m-fokus {
	background: url(../img/navi/32fokus-on.gif) no-repeat;}
	
#m-ref {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 270px;
	background: url(../img/navi/33projekte-off.gif) no-repeat;
	}

#m-ref:hover, body#b-projekte #m-ref {
	background: url(../img/navi/33projekte-on.gif) no-repeat;}

#m-link {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 118px;
	background: url(../img/navi/34links-off.gif) no-repeat;
	}

#m-link:hover, body#b-links #m-link {
	background: url(../img/navi/34links-on.gif) no-repeat;}	

#m-privat {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 576px;
	background: url(../img/navi/41priv-off.gif) no-repeat;
	}

#m-privat:hover, body#privat #m-privat {
	background: url(../img/navi/41priv-on.gif) no-repeat;}	

#m-priv-li {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 270px;
	background: url(../img/navi/42links-off.gif) no-repeat;
	}

#m-priv-li:hover, body#priv-li #m-priv-li {
	background: url(../img/navi/42links-on.gif) no-repeat;}

#m-priv-mal {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 424px;
	background: url(../img/navi/43malbuch-off.gif) no-repeat;
	}

#m-priv-mal:hover, body#priv-mal #m-priv-mal {
	background: url(../img/navi/43malbuch-on.gif) no-repeat;}
	
#m-kontakt {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 576px;
	background: url(../img/navi/51kontakt-off.gif) no-repeat;
	}

#m-kontakt:hover, body#kontakt #m-kontakt {
	background: url(../img/navi/51kontakt-on.gif) no-repeat;}	

#m-impressum {
	display: block;
	width: 151px; height: 28px; 
	position: absolute;
	bottom: 2px;
	right: 424px;
	background: url(../img/navi/52imp-off.gif) no-repeat;
	}

#m-impressum:hover, body#impressum #m-impressum {
	background: url(../img/navi/52imp-on.gif) no-repeat;}




#navi {
	position: absolute;
	top: 90px;
	left: 0;
	width: 217px;
	height: 457px;
	background: url(../img/klingel-3d.jpg) 50% 50% no-repeat;
	font-size: 0.8em;
	}
	
/* Haupt-Navigationselemente */
#navi span {display: none}

#n-hauptportal {
	display: block;
	width: 66px; height: 16px; 
	position: absolute;
	top: 227px;
	left: 85px;
	background: url(../img/navi/1portal-off.gif) no-repeat;
	}

#n-hauptportal:hover, body#hauptportal #n-hauptportal, body#info #n-hauptportal {
	background: url(../img/navi/1portal-on.gif) no-repeat;
	}
	
#n-person {
	display: block;
	width: 70px; height: 18px; 
	position: absolute;
	top: 264px;
	left: 83px;
	background: url(../img/navi/2person-off.gif) no-repeat;
	}

#n-person:hover {
	background: url(../img/navi/2person-roll.gif) no-repeat;
	}

body#person #n-person, body#profil #n-person, body#foto #n-person{
	background: url(../img/navi/2person-on.gif) no-repeat;
	}
	
#n-beruf {
	display: block;
	width: 70px; height: 18px;
	position: absolute;
	top: 298px;
	left: 82px;
	background: url(../img/navi/3beruf-off.gif) no-repeat;
	}

#n-beruf:hover {
	background: url(../img/navi/3beruf-roll.gif) no-repeat;
	}

body#b-aufg #n-beruf, body#b-fokus #n-beruf, body#b-projekte #n-beruf, body#b-links #n-beruf{
	background: url(../img/navi/3beruf-on.gif) no-repeat;
	}
		
#n-privat {
	display: block;
	width: 70px; height: 18px;
	position: absolute;
	top: 336px;
	left: 82px;
	background: url(../img/navi/4privat-off.gif) no-repeat;
	}

#n-privat:hover {
	background: url(../img/navi/4privat-roll.gif) no-repeat;
	}

body#privat #n-privat, body#priv-li #n-privat{
	background: url(../img/navi/4privat-on.gif) no-repeat;
	}
	
#n-kontakt {
	display: block;
	width: 62px; height: 18px;
	position: absolute;
	top: 372px;
	left: 86px;
	background: url(../img/navi/5kontakt-off.gif) no-repeat;
	}

#n-kontakt:hover {
	background: url(../img/navi/5kontakt-roll.gif) no-repeat;
	}

body#kontakt #n-kontakt, body#impressum #n-kontakt{
	background: url(../img/navi/5kontakt-on.gif) no-repeat;
	}

/* Ende Navigation */

#main {
	position: absolute;
	top: 100px;
	right: 66px;
	width: 666px;
	height: 434px;
	overflow: auto;
	border: 1px solid #C0C0C0;
	line-height: 1.2em;
	background: #fff;
	}
	
#main p {
	margin: 15px 15px 15px 15px;
	font-size: 0.9em;
	}
	
#main ul {
	font-size: 0.9em;
	list-style: square;
	line-height: 1.5em;
	}
	
#main li ul {
	font-size: 1.0em;
	}
	
#footer {
	position: absolute;
	bottom: 0;
	left: 93px;
	height: 30px;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
	color: #C0C0C0;
	}

#footer a {
	color: #C0C0C0;
	text-decoration: none;
	vertical-align: middle;
	}

#footer a:hover {
	text-decoration: underline;
	}

/* Linkklassen */

.link-ex {
	color: #000;
	text-decoration: none;
	}
	
.link-ex:hover {
	color: #FF4500;
	text-decoration: none;
	}
	
.img-li {
	float: left;
	margin: 0 10px 0 15px;
	border: 1px solid #999;
	}

.img-li2 {
	float: left;
	margin: 5px 0;
	}
		
.img-re {
	float: right;
	margin: 0 10px;
	border: 1px solid #999;
	}
	
.img-re2 {
	float: right;
	margin: 20px 10px;
	border: 1px solid #999;
	}
	
.img-rew {
	float: right;
	margin: 0 10px;
	}
		
#id { }

.text-klein {
	font-family: verdana; 
	font-size: 87%;
	color: #C0C0C0;
	}

.klein{
	font-family: verdana; 
	font-size: 67%;
	color: #C0C0C0;
	margin-left: 40px;
	}

h4 {
	font-family: verdana; 
	font-size: 100%; 
	color: #FF4500;
	font-weight: normal;
	margin-left: 10px;
	}

.c_box {
    margin: 10px;
    padding: 0;
    border-bottom: 1px solid #C0C0C0;
    }