﻿/* CSS Document */
html {
	margin: 0px; 
	padding: 0px;
	/* height: 100%; */
	/* overflow: hidden; */
	}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	behavior: url(csshover.htc);	
	}
#alles {
	background-image: url(bilder/hintergrund.png);
	background-position:center;
	background-repeat:repeat-y;
	}
/* 
Bei groeßerem Fenster links platzieren, zwecks scrollen, Hintergrund anpassen: 
#gesamt {margin-left:-494px; left:50%;}
*/
#gesamt {position:relative; left:0%; margin-right:0px; margin-left:0px; margin-bottom:0px; margin-top:0px; padding:0; z-index:1000;}

/*
ul {padding: 0;	margin: 0; list-style: none;}
li {float: left; position: relative;}
*/
li ul { /* second-level lists */
	display: none; position: absolute; top: 1em; left: 0;
}
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto; left: auto;
}
li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

p {	margin: 0px; padding: 0px;}
a { color:#000000;} 
a:hover { color:#FF0051;}
#ecken_navi_links {
	z-index: 1116;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 518px; left: 159px; width: 3px; height: 165px;
	background-image:url(bilder/ecken_navi_links.png); background-repeat:no-repeat;
}
#navi_links {
	z-index: 1115;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 518px;	left: 0px; width: 171px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; line-height: 19px; font-weight: bold; 
}
#navi_links ul { list-style:none; padding:0px; margin:0px;}	
#navi_links ul li { float: left; position: relative;} 
#navi_links ul.breite7 { width:171px;}
#navi_links a {
	display: block;
	padding-bottom: 1px;
	/* padding-left: 5px; padding-right: 4px; */
	margin-top:0px; margin-bottom:9px; 
	/* border-width:1px; border-style:solid; border-color:#000000; */
	background-color:#999999; color: #FFFFFF;
	text-decoration:none; text-align:left; 
	text-indent:70px;
	width:162px;
}
#navi_links a:hover {
	background-color:#000000;
}
#ecken_navi_links2 {
	z-index: 1116;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 728px; left: 159px; width: 3px; height: 20px;
	background-image:url(bilder/ecken_navi_links2.png); background-repeat:no-repeat;
}
#navi_links2 {
	z-index: 1115;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 728px;	left: 0px; width: 171px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; line-height: 19px; font-weight: bold; 
}
#navi_links2 ul { list-style:none; padding:0px; margin:0px;}	
#navi_links2 ul li { float: left; position: relative;} 
#navi_links2 ul.breite7 { width:171px;}
#navi_links2 a {
	display: block;
	padding-bottom: 1px;
	/* padding-left: 5px; padding-right: 4px; */
	margin-top:0px; margin-bottom:9px; 
	/* border-width:1px; border-style:solid; border-color:#000000; */
	background-color:#999999; color: #FFFFFF;
	text-decoration:none; text-align:left; 
	text-indent:70px;
	width:162px;
}
#navi_links2 a:hover {
	background-color:#000000;
}
#iso a {z-index: 49; visibility: visible; padding: 0px; margin: 0px; width: 65px; height: 65px; position:absolute; top: 0px; left:0px; display:block; background-image: url(bilder/iso_hinweis.png);}
#iso a:hover {width: 65px; height: 65px; position:absolute; top: 0px; left:0px; display:block; background-image: url(bilder/iso_hinweis2.png);}
#logo {
	z-index: 50;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 65px; left: 650px; height: 65px; width: 273px;
	background-image: url(bilder/logo.png);
	/* Hintergrundbild auskommentieren, wenn transparentes Bild im Quellcode darueberliegt, sonst gibt es weisse Raender */
}
#querbalken_links {
	z-index: 4;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute; top: 110px; left: 0px; width: 150px; height: 20px;
	background-color:#999999;
}
#inhalt {
	z-index: 1114;
	visibility: visible;
	padding-bottom: 20px; margin: 0px;
	position: absolute;	top: 515px;	left: 215px; width: 560px; /* bottom-Angabe fällt aufgrund der relativen Postionierung des div Containers id=gesamt  left 228 & width 357 ... alte Angabe top:478 */
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	text-align: left; line-height: 15px;
	color: #4C4C4C;
	/* overflow: auto; */
}
#inhalt2 {
	z-index: 1114;
	visibility: visible;
	padding-bottom: 20px; margin: 0px;
	position: absolute;	top: 515px;	left:510px; width: 280px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	text-align: left; line-height: 15px;
	color: #4C4C4C;
	/* overflow: auto; */
}
#inhalt3 {
	z-index: 12;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 240px;	left:215px; width: 560px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	text-align: left; line-height: 15px;
	color: #4C4C4C;
	/* overflow: auto; */
}
#linie {
	z-index: 1112;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 130px; left: 65px; height: 516px; width: 1px;
	background-color:#999999;
}
#pfad_gestaltung {
	z-index: 5;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 194px; left: 65px; height: 20px; width: 97px;
	font-size: 18px; line-height: 20px; text-indent: 6px; vertical-align:top;
	color:#FFFFFF;
}
#pfad {
	z-index: 5;
	visibility: visible;
	padding: 0px; margin: 0px; padding-bottom: 1px;
	position: absolute;	top: 195px; left: 215px; height: 20px; width: 6 07px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	line-height: 19px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; text-align: left;
}
#pfad_hg {
	z-index: 4;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 195px; left: 65px; height: 20px; width: 858px;
	background-color:#999999;
}
#flash {
	z-index: 3;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 240px; left: 65px;	width: 858px; height: 213px;
}
#galerie {
	z-index: 3;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 265px; left: 115px; width: 858px; height: 213px;
}
#galerie2 {
	z-index: 4;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 265px; left: 422px; width: 559px; height: 213px;
}
#galerie3 {
	z-index: 5;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 265px; left: 573px; width: 330px; height: 213px;
}
#galerie_navi_links {
	z-index: 3;
	padding: 0px; margin: 0px;
	position: absolute;	top: 342px; left: 83px;	width: 20px; height: 213px;
}
#galerie_navi_rechts {
	z-index: 3;
	padding: 0px; margin: 0px;
	position: absolute;	top: 342px; left: 888px; width: 20px; height: 213px;
}
#galerie_navi_rechts a { 
	display:block;
	background-image:url(bilder/pfeil_rechts1.gif);
	width:14px; height:50px 
	}
#galerie_navi_rechts a:hover { 
	background-image:url(bilder/pfeil_rechts2.gif); 
	}
#galerie_navi_links a { 
	display:block;
	background-image:url(bilder/pfeil_links1.gif);
	width:14px; height:50px 
	}
#galerie_navi_links a:hover { 
	background-image:url(bilder/pfeil_links2.gif); 
	}
#hintergrund1 {
	z-index: 2;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 0px; left: 0px; width: 988px; height: 130px;
	background-color:#FFFFFF;
}
#ecke_ro {
	z-index: 16;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 195px; left: 920px; width: 3px; height: 3px;
	background-image:url(bilder/ecke_weiss_rechts_oben.gif); background-repeat:no-repeat;
}
#ecken_navi_oben {
	z-index: 1116;
	visibility: hidden;
	padding: 0px; margin: 0px;
	position: absolute;	top: 195px; left: 236px; width: 3px; height: 310px;
	background-image:url(bilder/ecken_navi_links3.png); background-repeat:no-repeat;
}
#ecken_navi_oben_ausnahme {
	z-index: 1116;
	visibility: hidden;
	padding: 0px; margin: 0px;
	position: absolute;	top: 195px; left: 427px; width: 3px; height: 194px;
	background-image:url(bilder/ecken_links_blech.png); background-repeat:no-repeat;
}
#navigation {
	z-index: 15;
	visibility: visible;
	padding: 0px; margin: 0px;
	position: absolute;	top: 110px; left: 65px; height: 101px; width: 520px;
}
#navi_hg_aussparung_weiss {
	z-index: 14;
	padding: 0px; margin: 0px;
	position: absolute;	top: 130px; left: 585px; height: 65px; width: 403px;
	background-color:#FFFFFF;
}
#navi_hg {
	z-index: 13;
	visibility: hidden;
	padding: 0px; margin: 0px;
	position: absolute;	top: 130px; left: 66px; height: 286px; width: 857px;
	background-color:#EEEEEE; opacity: 0.95; filter: alpha(opacity=95);
}
.hauptmenue {padding:0; margin:0; list-style:none; height:20px; width:520px; position:relative; z-index:500; font-family:verdana, arial, sans-serif; border-bottom:0px solid #EEEEEE;}
.hauptmenue li.top {display:block; float:left;}

.hauptmenue li a.pos1 {background:url(bilder/hn_hg_klein/hn_hg1_grau.png); width:149px; height:20px; display:block; text-indent:-99999px;} 
.hauptmenue li a.pos2 {background:url(bilder/hn_hg_klein/hn_hg2_grau.png); width:121px; height:20px; display:block; text-indent:-99999px;} 
.hauptmenue li a.pos3 {background:url(bilder/hn_hg_klein/hn_hg3_grau.png); width:112px; height:20px; display:block; text-indent:-99999px;} 
.hauptmenue li a.pos4 {background:url(bilder/hn_hg_klein/hn_hg4_grau.png); width:138px; height:20px; display:block; text-indent:-99999px;} 

.hauptmenue li.p1 {background:url(bilder/hn_hg_klein/hn_hg1_schwarz.png);} 
.hauptmenue li.p2 {background:url(bilder/hn_hg_klein/hn_hg2_schwarz.png);} 
.hauptmenue li.p3 {background:url(bilder/hn_hg_klein/hn_hg3_schwarz.png);} 
.hauptmenue li.p4 {background:url(bilder/hn_hg_klein/hn_hg4_schwarz.png);}
 
.hauptmenue table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.hauptmenue a:hover {visibility:visible; position:relative; z-index:200;}
.hauptmenue li:hover {position:relative; z-index:200;}

.hauptmenue li a.top_link:hover {background:transparent;} 
.hauptmenue li:hover > a.top_link {background:transparent;}

.hauptmenue ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.hauptmenue :hover ul {left:0; top:20px; padding:65px 0px 0px 0px; white-space:nowrap; z-index:300;}
.hauptmenue :hover ul li {display:block; position:relative; font-weight:normal; margin-top:0px; margin-bottom:9px;}
.hauptmenue :hover ul li a {display:block; font-size:11px; font-weight: bold; height:19px; line-height:19px; padding:0; padding-bottom:1px; background:transparent; text-indent:5px; text-decoration:none; background-color:#000000; color:#FFFFFF;}
.hauptmenue :hover ul li a:hover {background-color:#FF0051; color:#FFFFFF;}

#navigation ul ul.hn_breite1 {background:url(bilder/hn_hg_140x310.gif); background-repeat:no-repeat; width:140px; height:280px;}
#navigation ul ul.hn_breite2 {background:url(bilder/hn_hg_112x142.gif); background-repeat:no-repeat; width:112px; height:112px;}
#navigation ul ul.hn_breite3 {background:url(bilder/hn_hg_103x245.gif); background-repeat:no-repeat; width:103px; height:215px;}
#navigation ul ul.hn_breite4 {background:url(bilder/hn_hg_138x245.gif); background-repeat:no-repeat; width:138px; height:215px;}

.gross {font-size:13px;}
.groesser {font-size:16px;}
.fett {font-weight:bold;}
.unterstrichen {text-decoration:underline;}
.ecken {
	border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px;
	border: 1px solid #999999;
	}
.rot {color:#FF0051;}
