body {background:  #CBCBCB url(verlauf.jpg) top left repeat-x; }
h1 {font: 24px "Times New Roman", Times, serif, Georgia; font-weight: bold; padding:0; margin:0 0 10px 0; color:#000066; }
h2 {font: 18px "Times New Roman", Times, serif, Georgia; font-weight: bold; padding:0; margin:0 0 20px 0; color:#000066; }
h3 {font: 21px "Times New Roman", Times, serif, Georgia; font-weight: bold; padding:20px 20px 0 20px; margin:0; color:#000066; }
p {padding:0 20px; margin:0; font: 12px Arial, sans-serif; line-height:21px; color:#333; text-align:left; }
td, tr {font: 12px Arial, sans-serif; line-height:21px; color:#333; text-align:left; }
p a:link, p a:visited, a:active {color: #333;}
p a:hover {text-decoration: none;}
.blue {color: #000066; font-size: 14px; font-weight:bold; }
.blue12 {color: #000066; font-size: 12px; font-weight:bold; }
.klein {color: #333; font-size: 11px; font-weight:normal; }
.clear {clear:both;}
.img-right {float:right; margin-left:13px; }
.img-portrait {float:right; margin:0 0 20px 25px; border:1px solid #000066; }

#wrap {width:839px; height:100%; margin:20px auto 30px auto;}
#rahmen {width:839px; background-color:#fff; margin:0; border:#AEAEBB 1px solid; padding:10px; } 
#topnavi {margin:5px -20px 3px 0; width:200px; height:20px; float:right; padding:0; }
.topnavi, .topnavi a:visited {font:normal 10px Verdana, Geneva, sans-serif; color:#666; text-decoration:none; text-align:right; }
.topnavi a, .topnavi a:hover, .topnavi a:active {color:#666; text-decoration:none;}
.topnavi a:hover {color:#666; text-decoration:underline;}

#head {width:839px; height:130px; background: url(head.jpg) no-repeat; margin:0; padding:0; }
#head-index {width:839px; height:130px; background: url(startseite.jpg) no-repeat; margin:0; padding:0; }
#head-profil {width:839px; height:130px; background: url(profil.jpg) no-repeat; margin:0; padding:0; }
#head-spektrum {width:839px; height:130px; background: url(spektrum.jpg) no-repeat; margin:0; padding:0; }
#head-impressionen {width:839px; height:130px; background: url(impressionen.jpg) no-repeat; margin:0; padding:0; }
#head-referenzen {width:839px; height:130px; background: url(referenzen.jpg) no-repeat; margin:0; padding:0; }
#head-netzwerk {width:839px; height:130px; background: url(netzwerk.jpg) no-repeat; margin:0; padding:0; }
#head-kontakt {width:839px; height:130px; background: url(kontakt.jpg) no-repeat; margin:0; padding:0; }

/* textbereich */
#links {width:170px; margin:10px 10px 0 -20px; color:#B9A085;  padding:0; float:left; }
#links li {list-style: none; }
#mitte {width:475px; position:relative; top:10px; left:0; margin:0; color:#B9A085; float:left; }
#mitte2 {width:650px; position:relative; top:10px; left:0px; margin:0; color:#B9A085;  float:left; }
#teaser {position:relative; top:10px; left:0px; width:450px;  margin:0; color:#B9A085;   }
.teaser {font: 14px "Times New Roman", Times, serif, Georgia; line-height:21px; font-weight: bold; }
#rechts {width:150px; padding:0; margin:55px 0 0 15px; float:left; }

.nav {padding:20px 0 0 0; }
.nav ul li {position:relative; width:140px; background:#fff url(dots.gif) 0 bottom repeat-x; padding:2px 0 5px 0; font:normal 18px "Times New Roman", Times, serif; color:#000066; }
.nav ul li a, .nav ul li a:hover, .nav ul li a.akt, .nav ul li a.akt:hover {position:relative; width: 125px; display:block; font:normal 18px "Times New Roman", Times, serif; color:#000066; padding:5px 0 5px 15px; text-decoration:none; background-color:#fff;}
.nav ul li a:hover, .nav ul li a.akt, .nav ul li a.akt:hover {background-color:#F2F2F2; color:#CC0066; }
.nav ul li a:hover, .nav ul li a.akt:hover  { background-image:url(arrow.gif); background-position: 4px 9px; background-repeat:no-repeat;}
.nav ul li ul {border-bottom:solid 1px #fff; margin:2px 0 0 0; padding:5px 0 0 0; background:#fff url(dots.gif) left top repeat-x; width:140px; }

.nav ul li a.cur, .nav ul li a.cur:hover { background-image:url(arrow.gif); background-position: 4px 9px; background-repeat:no-repeat; }
.nav ul li ul li, .nav ul li ul li ul {background-image:none; }
.nav ul li ul li a, .nav ul li ul li a:hover, .nav ul li ul li a.akt, .nav ul li ul li a.akt:hover {position:relative; width:140px; display:block; font: normal 12px Arial, sans-serif; color:#333; padding:2px 0 2px 16px; margin:0; text-decoration:none; background-image:none; }
* html .nav ul li ul li a, .nav ul li ul li a:hover, .nav ul li ul li a.akt, .nav ul li ul li a.akt:hover {width:125px;  }
.nav ul li ul li a:hover, .nav ul li ul li a.akt, .nav ul li ul li a.akt:hover {background-color:#fff; color:#CC0066;} 

.nav ul li ul li ul {margin:0; padding-top:5px;}

#menu {padding:0; margin:10px 0 0 0; width:0; font: 12px "Arial", Verdana, sans-serif; font-weight: bold; }
#menu li {list-style-type:none; width:145px; height:20px; margin:2px 0; clear:both;}
#menu a, #menu a:visited {position:relative; display:block; width:145px; height:21px; border:1px solid #fff; background: #000066 url(arrow-b.gif) no-repeat 6px 6px;  color:#fff; padding:4px 0 0 18px; text-decoration:none;}
#menu a:hover {color:#fff; background: #000066 url(arrow-m.gif) no-repeat 6px 6px; border:1px solid #fff; text-decoration:none;}

/* footer */
#footer {width:839px; height:30px; margin:2px 0; padding:0; text-align:center; }
* html #footer  {margin:8px 0; height:30px;}
*+html #footer  {margin:8px 0; height:30px;}
.footer-text {font: 11px Arial, sans-serif;  color:#666; text-decoration: none; }

.sitemap, .sitemap a, .sitemap a:visited {list-style: none; margin: 0; padding: 0; display: inline; font: 12px Arial, sans-serif; line-height:18px; color:#333; }
.sitemap-gif {background-image: url(sitemap.gif); background-repeat: no-repeat; margin:0;  padding:0 0 0 20px; }
.sitemap2 {list-style: none; margin: 0 0 0 30px; padding: 1px 0; }
.sitemap3 {list-style: none; margin: 0 0 0 30px; padding: 1px 0 0 0; }