body
  {
  font-size: 8pt;
  font-family: Verdana, Arial;
  background-color:#383D42;
  background-image:url(images/site/background.jpg);
  margin:0;
  behavior:url(../csshover2.htc); /* Hover-Bugfix IE6 */
  }

a:link { color: #E37100; text-decoration:none; } 
a:visited { color: #E37100; text-decoration:none; }
a:active { color: #8C8E8F; text-decoration:none; } 
a:hover { color: #8C8E8F; text-decoration:none; }


/* Tabelle */
.tabelle {margin:0 auto;width:984px;}

/* Schatten Leiste und Buehne */
#navileiste, #schatten, #buehne, #bottomline, #untererkasten {width:984px;}

/* Navigationsleiste */
#navileiste, #navileiste img #navileiste div, #navileiste a {padding:0;margin:0;height:88px;}

#index, #unternehmen, #projects, #galerie, #anfahrt, #kontakt {float: left;}
#index a, #unternehmen a, #projects a, #galerie a, #anfahrt a, #kontakt a {display:block;}

#index {width: 74px;background:url(images/navi/home.gif);}
#index a {background:url(images/navi/home.gif);}
#index a:hover {background:url(images/navi/home-on.gif);}

#unternehmen {width: 159px;background:url(images/navi/unternehmen.gif);}
#unternehmen a {background:url(images/navi/unternehmen.gif);}
#unternehmen a:hover {background:url(images/navi/unternehmen-on.gif);}

#projects {width: 109px;background:url(images/navi/projekte-on.gif);}
#projects a {background:url(images/navi/projekte-on.gif);}
#projects a:hover {background:url(images/navi/projekte.gif);}

/*
#projects #projectsliste {z-index:100;list-style:none;padding:0;margin:0;background:url(images/filler.gif);display:none;}
#projects a:hover #projectsliste, #projects a:hover #projectsliste {display:block;}
#projects a:hover #projectsliste li, #projects a:hover #projectsliste li 
{display:block;background:#ccc;width:130px;height:25px;border-bottom:1px solid #FFF;border-right:1px solid #fff;border-left:3px solid #ccc;float:left;}
#projects a:hover #projectsliste li a, #projects a:hover #projectsliste li a 
{display:block;width:125px;line-height:25px;padding-left:10px;}
#projects a:hover #projectsliste li:hover, #projects a:hover #projectsliste li a:hover
{background:#aaa;color:#fff;border-left:3px solid #E37100;}
#projects a:hover #projectsliste li:hover a, #projects a:hover #projectsliste li a:hover
{color:#fff}
*/

#galerie {width: 92px;background:url(images/navi/galerie.gif);}
#galerie a {background:url(images/navi/galerie.gif);}
#galerie a:hover {background:url(images/navi/galerie-on.gif);}

#anfahrt {width: 103px;background:url(images/navi/anfahrt.gif);}
#anfahrt a {background:url(images/navi/anfahrt.gif);}
#anfahrt a:hover {background:url(images/navi/anfahrt-on.gif);}

#kontakt {width: 115px;background:url(images/navi/kontakt.gif);}
#kontakt a {background:url(images/navi/kontakt.gif);}
#kontakt a:hover {background:url(images/navi/kontakt-on.gif);}

/* Schatten */
#schatten {height:20px;background:url(images/site/baroben.jpg);}

/* It's showtime -- Hier spielt sich die Bildergalerie ab */
#buehne {height:420px;background:url(images/site/bg-blank.jpg);}

/* Projekt-Auswahl */

#projektmenu {padding:10px 40px; height:228px; width:282px;float:left; font-size:12px;}
* html #projektmenu {padding-top:20px;}

#projektlinks {padding:0; margin:0; list-style:none; font-size:12px;}
#projektlinks li #projektliste {list-style:none;padding:0;margin:0;display:none;}
#projektlinks li:hover #projektliste, #projektlinks a:hover #projektliste {display:block;}
#projektlinks a {color:#E37100;}
#projektlinks a:hover {color:#000;}
#projektlinks li:hover #projektliste li, #projektlinks a:hover #projektliste li 
{display:inline;background:#ccc;width:130px;height:25px;border-bottom:1px solid #FFF;border-right:1px solid #fff;border-left:3px solid #ccc;float:left;}
#projektlinks li:hover #projektliste li a, #projektlinks a:hover #projektliste li a 
{display:inline;width:125px;line-height:25px;padding-left:10px;}
#projektlinks li:hover #projektliste li:hover
{background:#aaa;color:#fff;border-left:3px solid #E37100;}
#projektlinks li:hover #projektliste li:hover a
{color:#fff}

/* Uebersichtsseite der Projekte */
#projektlinks_teaser {padding:0; margin:0; list-style:none;}
#projektlinks_teaser a {color:#000;}

#projektlinks_teaser li #projektliste {padding:0;margin:0;list-style:none;}
#projektlinks_teaser li #projektliste li, #projektlinks_teaser a #projektliste li 
{display:block;background:#ccc;width:125px;height:20px;line-height:18px;border-bottom:1px solid #FFF;border-right:1px solid #fff;border-left:3px solid #ccc;float:left;}
#projektlinks_teaser li #projektliste li a {display:block;color:#E37100;padding-left:10px;width:125px;height:20px;line-height:18px;}

#projektlinks_teaser li #projektliste li:hover
{background:#aaa;color:#fff;border-left:3px solid #E37100;}
* html #projektlinks_teaser #projektliste a:hover {background:#aaa;color:#fff;border-left:3px solid #E37100;}
#projektlinks_teaser li:hover #projektliste li:hover a {color:#fff}

/* Styles für die Bilder-Navigation */

/* Grundaussehen */

a {color:#E37100;}
a:visited {color:#000;}


/* Projekte Leuchtkasten */

/* div-Container enthaelt den Leuchtkasten */
#projekte {width:600px; text-align:left; position:absolute; margin:0;padding-left:362px;z-index:10;}
* html #projekte {padding-left:0px;margin-left:-5px;}

#projekte_teaser {width:640px; text-align:left; position:absolute; margin:0;padding-left:342px;z-index:10;}
* html #projekte_teaser {padding-left:0px;margin-left:-25px;}
#projekte_teaser ul.leuchtkasten {padding:0; margin:0; list-style:none; width:620px; height:auto; position:absolute; z-index:10;}
#projekte_teaser ul li ul {margin:0;padding:0;list-style:none;float:left;}
#projekte_teaser ul li ul li {margin-right:5px;margin-bottom:10px;list-style:none;float:left;width:200px;height:170px;visibility:hidden;background-repeat:no-repeat;}
#projekte_teaser p {padding-top:155px;;font-size: 8pt;color:#000;margin:0;padding-bottom:10px;}
#projekte_teaser ul li.active ul li {visibility:visible;}

/* ul-Leuchtkasten  */
#projekte ul.leuchtkasten {padding:0; margin:0; list-style:none; width:620px; height:auto; position:absolute; z-index:10;}

/* Obere Navileiste = Karteireiter */
#projekte ul.leuchtkasten li {display:block; width:51px; height:21px; float:left;}

#projekte ul.leuchtkasten li a.auswahl {display:block; font-size:11px; width:50px; height:20px; text-align:center; line-height:20px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

#projekte ul.leuchtkasten li a ul, 
#projekte ul.leuchtkasten li ul 
{display:none;}

#projekte ul.leuchtkasten li.active a
{color:#000; background:#bbb;}

#projekte ul.leuchtkasten li a:hover,
#projekte ul.leuchtkasten li:hover a
{color:#fff; background:#aaa;}

#projekte ul.leuchtkasten li.active ul
{display:block; position:absolute; left:0; top:21px; list-style:none; padding:0; margin:0; height:340px; width:525px; padding:10px 15px; border:15px solid #bbb; z-index:1;	color:#000;
	text-align:left;}

#projekte ul.leuchtkasten li a:hover ul, 
#projekte ul.leuchtkasten li:hover ul
{
	display:block;
	position:absolute;
	left:0;
	top:21px;
	list-style:none;
	padding:0;
	margin:0;
	height:340px;
	width:525px;
	padding:10px 15px;
	border:15px solid #aaa;
	z-index:50;
	background-color: #eee;
	color:#000;
	text-align:left;
}

/* Einzelbilder im Kasten */

#projekte ul.leuchtkasten li ul li
{display:inline; width:101px; height:78px; float:left; border:1px solid #fff; margin:1px;}

#projekte ul.leuchtkasten li ul li a
{display:block; width:99px; height:76px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #aaa;}

#projekte ul.leuchtkasten li ul li a img
{display:block; width:93px; height:70px; border:3px solid #fff;}

#projekte ul.leuchtkasten li a:hover ul li a:hover, 
#projekte ul.leuchtkasten li:hover ul li a:hover 
{white-space:normal; position:static;}


/* Einzelbilder herausvergroessert */
#projekte ul.leuchtkasten li:hover ul li a:hover img
{	position:absolute;
	left:-340px;
	top:130px;
	width:300px;
	height:225px;
	border:6px solid #fff;
}

/* Linie unter der Buehne */
#bottomline {height:23px;background:url(images/site/bottomline.jpg);}

/* Kasten unten */
#untererkasten {height:356px;background:url(images/site/lines.gif);}