/* CSS Document */

/* Container mit Berka Wappen */
#obenlinks {width:83px; height:96px; margin:5px;padding:5px; text-align:center; color:#CCCCCC }
#obenlinks {
	position: absolute;
	top:9px;
	left:17px;
	visibility: visible;
}
#obenlinks {background: #658DD8}

/* Großer Container oben mitte */
#oben {width:781px; height:96px; margin:1px;padding:1px; text-align:center; color:#FFFFFF }
#oben {position: absolute; top:13px; left:113px;}
#oben {background: #658DD8}


/* schmaler Container, zweiter von oben, mitte */
#oben1 {width:874px; height:20px; margin:1px;padding:1px; text-align:right; text-decoration:none; color:#CCCCCC }
#oben1 {position: absolute; top:110px; left:21px;}
#oben1 {background: #658DD8}


/* Iframe Container */
#rechts {width: 695px; height:698px; margin:0px;padding:0px;}
#rechts {position:absolute;left:202px; top:136px;}


/* Termin Container, ganz rechts */
#termine {background: #658DD8}
#termine {width: 164px; height:1930px; margin:0px;padding:0px;}
#termine {
	position:absolute;
	left:897px;
	top:14px;
}


/* Einstellungen der Navigationsfelder */
/*.navi {list-style:none; }

.navi  {display: block; }
.navi  {margin-bottom:4px; text-align:center; float: left;  
         width:155px; height:20px; text-decoration:none; background: url(image/Symbol.gif) no-repeat center;
		 font:"Comic         Sans MS"; font-size:12px; color:#CCCCCC }



.navi1 :hover { background:url(image/Symbol1.gif) no-repeat center; width:155px; height:20px; float: left; }
.navi1 :active{ background:url(image/Symbol2.gif) no-repeat center; width:155px; height:20px; text-decoration:none; } */

/* Neues Menüsystem */
/* Container mit Navigationsfeldern */
#links  {width: 155px;margin:5px;padding:5px; }
#links  {
	position:absolute;
	left:15px;
	top:130px;
	height: 144px;
		}


ul {margin:0; /* Die vordefinierten Abstände werden eliminiert */
padding:0}

ul li {
width:155px; /*Klar, eine Breite muss her */
line-height:1.5; /*Vertikale Zentrierung und Höhenbestimmung der Links */
list-style:none; /* Die Listenpunkte verschwinden */
margin-bottom:2px; /* Ein wenig Platz nach unten hin schaffen */
text-align:center; /* Und der Text darin soll horizontal zentriert werden */
border:0px  /* Noch ein wenig umrahmen, damit es auffälliger ist */
}

ul li a {
display:block; /* Damit der ganze Listenpunkt verlinkt wird */
width:100%; /*Für den IE, der braucht das bei display:block;*/
text-decoration:none;
	margin-bottom:4px; text-align:center;  
    width:155px; height:20px; text-decoration:none; background: url(image/Symbol.gif) no-repeat center;  
	font:"Comic         Sans MS"; font-size:12px; color:#CCCCCC
}

ul li a:hover { background:url(image/Symbol1.gif) no-repeat center; width:155px; height:20px; }


/* Submenü */
#menu { width: 80%; } 
#menu li { position:relative; }
#menu ul ul ul {position: absolute; top: 5; left: 10%; width: 100%; }
div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;} 
div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}


/* Container links, zweiter von oben mit HBV Wappen */
#navibild {background:url(image/HBVWappenk.jpg);
	width:155px;
	height:229px;
	position:absolute;
	left:22px;
	top:310px;
	background-image: url(image/HBVWappenk.jpg);
}