* { margin:0; padding:0; border:0; }
img { border:0 }
body {
	color:#000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	cursor:default;
	background:#52ce10 url(../images/hpix02.gif)
}
/* IE5.x  zentriert div-Container mit text-align! */
#zentriere-h { width:880px; margin:0 auto; text-align:left; clear:left; }
#container { position:absolute; top:20px; width:880px; height:540px; z-index:1 }
#menuekasten { position:absolute; left:690px; top:0px; width:120px; height:540px; z-index:29; background:#ffc 
}
#blaubalken { position:absolute; left:820px; top:0px; width:40px; height:540px; z-index:3 }
#ovlogo { position:absolute; left:660px; top:26px; width:215px; height:96px; z-index:33 
}
#gruenhint { position:absolute; left:20px; top:0px; width:790px; height:540px; z-index:1; background:#cfc; }
#waagerecht { position:absolute; left:20px; top:265px; width:670px; height:10px; z-index:12; background:#fff; font-size:1px; }
#senkrecht { position:absolute; left:350px; top:0px; width:10px; height:540px; z-index:2; background:#fff; }
#bild-loben, #bild-lunten, #bild-lobenb, #bild-roben { position:absolute; width:300px; height:230px; left:20px; top:0px; z-index:27; 
}
#bild-roben { left:360px; }
#bild-lobenb { position:absolute; width:300px; height:230px; left:20px; top:0px; z-index:28; 
}
#bild-lunten { top:275px; }
#text-loben, #text-lunten, #text-lobenb, #text-roben {
	position:absolute;
	left:30px;
	top:237px;
	width:300px;
	height:20px;
	z-index:16;
	font-size:11px;
}
#text-roben { left:375px; }
#text-lobenb {
	width:601px;
}
#text-lunten { top:512px; }
#dreibilder-l, #dreibilder-m, #dreibilder-r { position:absolute; left:20px; top:0px; width:200px; height:230px; z-index:7 }
#dreibilder-m { left:230px; }
#dreibilder-r { left:440px; }
#text-l, #text-m, #text-r {
	position:absolute;
	left:40px;
	top:239px;
	width:294px;
	height:20px;
	z-index:14;
	font-size:11px;
}
#text-m { left:240px; }
#text-r {
	left:370px;
}
#textfeld { position:absolute; left:370px; top:290px; width:297px; height:187px; z-index:22; font-size:12px 
}
#textfeld h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; }
#zusatzbild { position:absolute; z-index:30; 
}
#pfeilr { position:absolute; left:80px; top:508px; width:22px; height:22px; z-index:4; 
}
#mehr { position:absolute; left:112px; top:512px; width:50px; height:15px; z-index:16; color:#f00; 
}
#pfeil {
	position:absolute;
	left:364px;
	top:508px;
	width:22px;
	height:22px;
	z-index:1;
}
#zurueck {
	position:absolute;
	left:396px;
	top:512px;
	width:53px;
	height:15px;
	z-index:1;
	color:#f00;
}
a:active, a:focus, a:visited {outline: none;}
a:link, a:visited, a:hover { color:blue; }
/*HAUPTMENUE*/
#menueumzu { position:absolute; left:5px; width:110px; height:200px; top:150px; border:1px none red; z-index:1 }
.menu { position:relative; z-index:1000;  height:235px; margin:0px; }
.menu ul { padding:0; margin:0; list-style-type:none; width:110px; position:relative; border:1px solid #ddd; border-width:1px 0px 0px 1px; background: #327d59; } /* Die Listenzeichen und alle padding und margins entfernen. Breite und Hintergrundfarbe des Hauptmenus ohne Hover*/*/
.menu li { background:transparent; height:20px; } /* Die Menue-Titelleisten  Hoehe der Felder*/
/** html .menu li { margin-left:-160px; margin-lef\t:0; }*/
.menu table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0; }/* table neutralisieren - table wird für IE gebraucht */

.menu a, .menu a:visited { font-family: Arial, Helvetica, sans-serif; font-size:12px; display:block; text-decoration:none; height:19px; line-height:19px; width:110px; color:#ffc; border-bottom:1px solid #ddd; background:transparent; outline: none; } /* Die Menue-Titelleisten  Breite ((auto) und Hoehe der Felder Schriftart und groesse + outline macht keine gestrichelten Kaestchen um Hover */

* html .menu a:hover { color:#000; background:#ccffcc; }/*Hover Farben für die Titelleiste fuer IE*/
.menu :hover > a { color:#000; background:#ccffcc; } /* Hover Farben für die Titelleiste */
.menu a#ziel { color:#000000; background: #9ACD78 } /*Farben für die schon gewählte Titelleiste*/

.menu ul ul { visibility:hidden; position:absolute;left:-107px; }/* Versteckt das Untermenue und legt den Linksabstand bzw. Ueberlappung fest*/

.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; background: #1775A8; }/* Die Untermenue wird sichtbar, wenn Haupteintrag gewaehlt wird + Hintergrundfarbe ohne Hover*/
.menu ul ul :hover > a { color:#000000; background:#ffffcc; } /*Untermenuefarben mit Hover*/
.menu ul ul a:hover { color:#000000; background:#ffffcc; } /*Untermenuefarben mit Hover fuer IE*/
.menu ul ul li a { width:110px; border-right:1px solid #ddd; } /*Breite des Untermenues fuer nicht IE*/
.menu ul.top2 { top:19px; }
.menu ul.top3 { top:39px; }
.menu ul.top4 { top:59px; }
.menu ul.top5 { top:79px; }
.menu ul.top6 { top:99px; }
.menu ul.top7 { top:119px; text-indent:6px; } /* Aufklapphoehe des Untermenue7 + Einzug (hier ohne Padding*/


/*UNTERMENUE*/
#dropdownmenu_box { position:absolute; left:380px; top:508px; z-index: 30; width: 160px; height: 18px; }  /*Hauptumgebungsebene des Menues */
#dropdownmenu ul { padding:0; margin:0; list-style-type:none; } /* Die Listenzeichen und alle padding und margins entfernen */
#dropdownmenu li {float:left;} /* float muss fuer IE6 sein (Menue wird horizontal) */

#dropdownmenu a, #dropdownmenu a:visited { display:block; width:62px; font-size:13px; text-decoration:none; height:23px; line-height:23px; font-weight: normal; padding:0px; outline: none; }/* Die Menue-Titelleiste  Breite ((auto) oder z. B. 133px + 5px +5px = 143px für padding-left und right und Hoehe der Felder Schriftart und groesse + outline macht keine gestrichelten Kaestchen um Hover*/ 

/* Dropdownfelder ohne Hover mit Lage der Schrift (padding) und Breite der Dropdownfelder 131px + 5px +5px für padding-left/right + 2px fuer border-left/right = 143px */ 
#dropdownmenu ul ul a, #dropdownmenu ul ul a:visited { height:auto; line-height:1; padding:3px 5px; width:101px; border:1px none #000; border-width:0px 1px 1px 1px; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
#dropdownmenu ul ul { visibility:hidden; position:absolute; height:auto; top:-56px; left:0px; width:111px; border:1px solid #000; } /* Versteckt das Dropdownmenue mit Hoehe 0px! width = 143px - 2px Rechts-Links-Border! Border ergibt eine Oberkante des Dropdownmenue. Wenn Hoehe auto, wird das ganze Untermenue eingerahmt*/

#dropdownmenu table { position:absolute; top:0; left:0; border-collapse:collapse; }/* table neutralisieren - table wird für IE gebraucht */

#dropdownmenu a, #dropdownmenu a:visited { color:#ff0000; }/* Farben für die Titelleiste */

#dropdownmenu a:hover { color:#ff0000; background: transparent; } /*Hover Farben für die Titelleiste fuer IE*/
#dropdownmenu :hover > a { color:#ff0000; background:transparent; }/* Hover Farben für die Titelleiste */

#dropdownmenu :hover > a#ziel { color:#000000; background:#ffffff; }/* Hover Farben für die Titelleiste ohne Menueunterpunkte*/

#dropdownmenu ul ul a, #dropdownmenu ul ul a:visited { background:#ffc; color:#000000; }/* Farben für die Dropdownfelder ohne Hover */ 

#dropdownmenu ul ul a:hover { color:#ffffff; background:#2956A0; } /*Hover Farben für die Dropdownfelder fuer IE*/
#dropdownmenu ul ul :hover > a { color:#ffffff; background:#2956A0; }/* Hover Farben für die Dropdownfelder */

#dropdownmenu ul li:hover ul, #dropdownmenu ul a:hover ul { visibility:visible; } /* Die 1. Ebene wird sichtbar, wenn Haupteintrag gewaehlt wird*/
.cursr { cursor:default; } /*Abzweiegmenue hat keine Maushand*/