body {
	background: #fff url(/bilder/hintergrund.jpg) no-repeat;
	font-family : Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px; 
	color: #666;
}
#logo { position:absolute; left:617px; top:20px; width:147px; z-index:10;}
a {color: #005D9E; text-decoration: underline;}
a:hover {color: #005D9E; text-decoration: none;}
/*********************************************************************
					 Das obere Menü
*********************************************************************/
#menueoben {position:absolute; left:170px; top:42px; width:470px; z-index:5; } 
#menueoben ul {margin: 0; padding: 0; list-style-type: none;}
#menueoben ul li {display: inline; list-style-type: none;}
#menueoben li a { float: left; text-decoration: none; color: #666; padding-right: 50px;}
#menueoben  li a:hover { color: #005D9E;}

/********************************************************************* 
						Die linken Menüs
*********************************************************************/
#menuelinks {position:absolute; left:15px; top:200px; width:140px; z-index:6; text-align: right;}
#funktionsmenue {position:absolute; left:15px; top:355px; width:140px; z-index:7; text-align: right; font-size: 11px;}
#menuelinks ul li { padding-top: 8px;}
#funktionsmenue ul li{ padding-top: 6px;}
#menuelinks ul, #funktionsmenue ul { list-style-type: none; margin-left: 0; padding-left: 0;}
#menuelinks ul li a, #funktionsmenue ul li a{ text-decoration: none; color: #666;}
#menuelinks a:hover, #funktionsmenue a:hover {color: #005D9E;}

/********************************************************************* 
					Das Highlighting fürs aktive Menü 
*********************************************************************/
#menueoben a#current, #menuelinks a#currentsub{color: #005D9E;}

/*********************************************************************
				Die Vorlagen mit dem Bilderstreifen 
*********************************************************************/
#breitertext {position:absolute; left:210px; top:180px; width:380px; z-index:8; color: #666; }
#breitertext h1 {color: #005D9E; font-weight: bold; font-size: 12px; }
#breitertext h3 {color: #005D9E; font-weight: normal; font-size: 12px; }
#bilder {position:absolute; left:662px; top:153px; width:90px; z-index:9}
#bilder p {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}

/********************************************************************* 
				Die Vorlagen mit dem breiten Bild 
*********************************************************************/
#schmalertext {position:absolute; left:210px; top:180px; width:310px; z-index:8; color: #666;}
#schmalertext h1 {color: #005D9E; font-weight: bold; font-size: 12px; }
#schmalertext h3 {color: #005D9E; font-weight: normal; font-size: 12px;  margin: 0; padding: 0; }
#schmalertext p {margin-top: 5px;}
#bild {position:absolute; left:536px; top:201px; width:233px; z-index:9;}

/********************************************************************* 
				Die Vorlagen mit dem breiteren Bild 
				Gibt es im Bereich Unternehmen (zweigeteilt)
*********************************************************************/
#schmalertext2 {position:absolute; left:210px; top:180px; width:260px; z-index:8; color: #666;}
#schmalertext2 h1 {color: #005D9E; font-weight: bold; font-size: 12px; }
#schmalertext2 h3 {color: #005D9E; font-weight: normal; font-size: 12px;}
#breiteresbild {position:absolute; left:486px; top:201px; width:273px; z-index:9;}

/********************************************************************* 
				Die Vorlagen mit den zwei breiten Bildern 
*********************************************************************/
/* Es wird wie oben #schmalertext genutzt */
/* #bild und #zweibilder sind identisch ! */
#zweibilder {position:absolute; left:536px; top:201px; width:233px; z-index:9;}
#zweibilder p#zwei { margin-top: 40px;}

/********************************************************************* 
							Die Startseite 
*********************************************************************/
#indextext {position:absolute; left:210px; top:180px; width:260px; z-index:8; color: #666;}
#indextext h1 {color: #005D9E; font-weight: normal; font-size: 24px; margin-bottom: 50px;}
#indexbild {position:absolute; left:486px; top:201px; width:233px; z-index:9;}

/********************************************************************* 
					Vorlage ohne Bilder an der Seite 
						- extra für Referenzen -
*********************************************************************/
#textohnebild {position:absolute; left:210px; top:155px; width:480px; z-index:8; color: #666; }

/********************************************************************* 
							Die Produktübersicht 
							mit zusätzlichem Text
						  - nur bei baukasten.php -
*********************************************************************/
#produktuebersichtText {position:absolute; left:220px; top:180px; width:380px; z-index:8; color: #666; }
#produktuebersichtText h1 {color: #005D9E; font-weight: bold; font-size: 12px; }
#uebersichtsbild {position:absolute; left:219px; top:206px; width:550px; z-index:9;}
#produktText {position:absolute; left:220px; top:440px; width:380px; z-index:8;}
#produktText ul {margin: 0; padding-left: 0;}
#produktText h3 {color: #005D9E; font-weight: normal; font-size: 12px; margin-bottom: 0; margin-bottom: 5px; padding: 0;}

/********************************************************************* 
							Die Produktübersicht 
*********************************************************************/
#produktuebersichtText {position:absolute; left:220px; top:180px; width:380px; z-index:8; color: #666; }
#produktuebersichtText h1 {color: #005D9E; font-weight: bold; font-size: 12px; }
#uebersichtsbilder {position:absolute; left:219px; top:206px; width:550px; z-index:9;}
#uebersichtsbilder h3 {color: #005D9E; font-weight: bold; font-size: 12px; margin: 0; padding: 0;}
#uebersichtsbilder p {margin-top: 5px;}

/********************************************************************* 
							Markierungen auf Lageplan 
*********************************************************************/
#overAcademy { position: absolute; z-index: 100; visibility: hidden; left: 82px; top: 55px;  -top: 45px; }
#overLabor { position: absolute; z-index: 101; visibility: hidden;	left: 161px; top: 63px; -top: 53px;}
#overLaborneu { position: absolute; z-index: 107; visibility: hidden;	left: 129px; top: 80px; -top: 70px;}
#overLager { position: absolute; z-index: 102; visibility: hidden; left: 52px; top: 96px; -top: 85px;}
#overReinraum {	position: absolute; z-index: 103; visibility: hidden; left: 111px; top: 26px; -top: 14px;}
#overSpritzguss { position: absolute; z-index: 104; visibility: hidden; left: 77px; top: 127px; -top: 117px;}
#overTechnik { position: absolute; z-index: 105; visibility: hidden; left: 133px; top: 103px; -top: 93px;}
#overVerwaltung { position: absolute; z-index: 106; visibility: hidden; left: 15px; top: 79px; -top: 69px;}