h1 { color: #000000; font-weight: bolder; font-size: 15px; line-height: 18px; font-family: Verdana, Arial, Helvetica, Geneva }
h2 { color: #000000; margin-top:-3px; font-weight: bolder; font-size: 14px; line-height: 15px; font-family: Verdana, Arial, Helvetica, Geneva }
h3 { color: #000000; margin-top:-2px; font-weight: bolder; font-size: 12px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva }

.head { color: #000000; font-weight: bolder; font-size: 16px; line-height: 18px; font-family: Arial, Helvetica, Geneva }
.head1   { color: #000000; font-weight: bold; font-size: 11px; line-height: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.head2 { color: #000000; font-weight: bold; font-size: 10px; line-height: 11px; font-family: Arial, Helvetica, Geneva }
.headora   { color: #000000; font-weight: bolder; font-size: 15px; line-height: 17px; font-family: Arial, Helvetica, Geneva }

.text    { color: black; font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, Geneva }
.textnavi { color: #666; font-weight: bold; font-size: 10px; line-height: 11px; font-family: Verdana, Arial, Helvetica, Geneva }
.adresse    { color: #333; font-size: 10px; line-height: 12px; font-family: Verdana, Arial }
.map1   { color: black; font-weight: bold; font-size: 10px; line-height: 11px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: underline }
.map2  { color: black; font-size: 10px; line-height: 10px; font-family: Verdana, Arial, Helvetica, Geneva }
.map3  { color: black; font-size: 9px; line-height: 10px; font-family: Verdana, Arial, Helvetica, Geneva }
.berg  { color: black; font-size: 9px; line-height: 10px; font-family: Verdana, Arial, Helvetica, Geneva }
.textweiss { color: white; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva }
.fettora  { color: #c60; font-weight: bold; font-size: 11px; line-height: 13px; font-family: Verdana, Arial, Helvetica, Geneva }
.tableborder   { border: solid 1px #ff0 }

.locationform:active { color: #000000; font-weight: normal; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.locationform:link { color: #000000; font-weight: normal; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.locationform:visited { color: #000000; font-weight: normal; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.locationform:hover { color: #000000; font-weight: normal; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

.catform:active { color: #c10a22; font-weight: normal; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.catform:link { color: #c10a22; font-weight: normal; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.catform:visited { color: #c10a22; font-weight: normal; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.catform:hover { color: #fbb008; font-weight: normal; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

.subnaviform:active { color: #000000; font-weight: normal; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.subnaviform:link { color: #000000; font-weight: normal; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.subnaviform:visited { color: #000000; font-weight: normal; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.subnaviform:hover { color: #000000; font-weight: normal; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }


a:active { color: #c10a22; font-weight: normal; font-size: 11px; line-height: 13px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none }
a:link { color: #c10a22; font-weight: normal; font-size: 11px; line-height: 13px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a:visited { color: #c10a22; font-weight: normal; font-size: 11px; line-height: 13px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none }
a:hover { color: #fbb008; font-weight: normal; font-size: 11px; line-height: 13px; font-family: Verdana, Arial, Helvetica, Geneva; text-decoration: none }
body  { color: black; font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, Geneva; background-color: #f6f8e6; background-image: url("/cms/bilder/gestaltung/bg_summer.gif"); background-repeat: repeat-y; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF ; scrollbar-darkshadow-color: #FFFFFF; scrollbar-face-color: #f6af0e; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF  }
table { color: black; font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, Geneva }
input  { color: #000000; font-size: 10px; font-family: Verdana, Arial; background-color: #ffffff; border: solid 1px #000 }
select  { color: #000000; font-size: 10px; font-family: Verdana, Arial; background-color: #ffffff; border: solid 1px #000 }

#subnavi { position: absolute; z-index: 0; top: 147px; left: 0px; width: 140px; height: 255px; background-image: url("/cms/bilder/gestaltung/bg_subnavi_summer.gif"); visibility: visible; display: block }
#home { position: absolute; z-index: 1; top: 200px; left: 60px; width: 80px; background-color: #d0de8c; visibility: visible; display: block }
#homeleft { position: absolute; z-index: 1; top: 200px; left: 0px; width: 59px; background-color: #d0de8c; visibility: visible; display: block }
#kontakt { position: absolute; z-index: 1; top: 216px; left: 60px; width: 80px; background-color: #d0de8c; visibility: visible; display: block }
#kontaktleft { position: absolute; z-index: 1; top: 216px; left: 0px; width: 59px; background-color: #d0de8c; visibility: visible; display: block }
#impressum { position: absolute; z-index: 1; top: 232px; left: 60px; width: 80px; background-color: #d0de8c; visibility: visible; display: block }
#impressumleft { position: absolute; z-index: 1; top: 232px; left: 0px; width: 59px; background-color: #d0de8c; visibility: visible; display: block }
#service { position: absolute; z-index: 1; top: 248px; left: 60px; width: 80px; background-color: #d0de8c; visibility: visible; display: block }
#serviceleft { position: absolute; z-index: 1; top: 248px; left: 0px; width: 59px; background-color: #d0de8c; visibility: visible; display: block }
#smap { position: absolute; z-index: 1; top: 264px; left: 60px; width: 80px; background-color: #d0de8c; visibility: visible; display: block }
#smapleft { position: absolute; z-index: 1; top: 264px; left: 0px; width: 59px; background-color: #d0de8c; visibility: visible; display: block }

.galink { position: absolute; z-index: 1; top: 280px; left: 0px; width: 80px; visibility: visible; display: block }
.galink img {border:none;}

#header { position: absolute; z-index: 1; top: 0px; left: 135px; width: 813px; visibility: visible; display: block }
#navigation   { position: absolute; z-index: 3; top: 80px; left: 60px; width: 725px; visibility: visible; display: block }
#navielemente   { position: absolute; top: 170px; left: 50px; width: 130px; visibility: visible; display: block }
#servicenavi { position: absolute; top: 130px; left: 650px; width: 120px; visibility: visible; display: block }

#logo { position: absolute; top: 210px; left: 0px; width: 120px; visibility: visible; display: block }
#locationbg { position: absolute; z-index: 0; background-color: #a0bc19; top: 107px; left: 60px; width: 910px; height: 40px; visibility: visible; display: block }
#location { position: absolute; z-index: 1; top: 125px; left: 155px; width: 530px; visibility: visible; display: block }
#searchinput { position: absolute; z-index: 1; top: 122px; left: 725px; width: 230px; visibility: visible; display: block;}
#inhaltartliste { position: absolute; z-index: 1; background-image: url("/cms/bilder/gestaltung/bg_dot_vert.gif"); top: 160px; left: 150px; width: 550px; visibility: visible; display: block }
#inhaltartlistman { position: absolute; z-index: 0; background-image: url("/cms/bilder/gestaltung/bg_dot_vert2.gif"); top: 160px; left: 150px; width: 550px; visibility: visible; display: block }
#inhalt { position: absolute; z-index: 1; top: 160px; left: 155px; width: 550px; visibility: visible; display: block }
#inhaltiframe { position: absolute; z-index: 1; top: 160px; left: 155px; width: 814px; visibility: visible; display: block }
#karte { position: absolute; top: 180px; left: 130px; width: 530px; visibility: visible; display: block }
#banner { position: absolute; top: 190px; left: 597px; width: 132px; visibility: visible; display: block }
#search { position: absolute; top: 26px; left: 616px; width: 154px; height: 61px; visibility: visible; display: block }
#rightpane { position: absolute; z-index: 1; top: 148px; left: 725px; width: 230px; visibility: visible; display: block }

.con_landing_navi{padding-top: 10px; padding-bottom: 10px; width:505px; text-align: center; text-align:left; background-color: #f6f8e6;}
.con_landing_navi p{margin:0; padding:0;}

.dot { background-image: url(/cms/bilder/gestaltung/bg_dot_hori.gif) }
.tdbg     { background-color: #f6f8e6 }
.tdbgrpanehead  { background-color: #bcce48 }
.tdbgrpanebody  { background-color: #e4ebb6 }
.tdbgwhite { background-color: #ffffff }
.inputalt { background-color: transparent }

/* Lightbox */
	a.page_active, a.page_active:hover, a.page_active:active, a.page_active:visited{
		
		font-weight: bold;
	}
	#lightbox {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		/*z-index: 100;*/
		z-index: 990;
		text-align: center;
		line-height: 0;
	}
	#lightbox a img { border: none; }
	#outerImageContainer {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#imageContainer {
		padding: 10px;
	}
	#loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#hoverNav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		/*z-index: 10;*/
		z-index: 970;
	}
	#imageContainer>#hoverNav { left: 0;}
	#hoverNav a { outline: none;}
	#prevLink, #nextLink {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	#prevLink { left: 0; float: left; background: url(../images/prevlabel.gif) left 15% no-repeat;}
	#nextLink { right: 0; float: right;  background: url(../images/nextlabel.gif) right 15% no-repeat;}
	#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
	#imageDataContainer {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
	}
	#imageData {
		padding:0 10px;
	}
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		/*z-index: 90;*/
		z-index: 980;
		width: 100%;
		height: 500px;
		background-color: #000;
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	.medianame{width:136px;}
	.gallery_image{vertical-align:top;}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* << */

/* Fuer Karte */
.klick    { 
	margin-bottom: -1px;
	background : none;
	font-family : arial;
	cursor : pointer;
	cursor : hand;
}

/* #### Navigation ####################################### */


ul#nav{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 725px; /* Breite der Navigation (Breite der einzelnen Bilder addiert) */

	margin: 0;

	padding: 0;
	
	background-color: #bcce48;

	list-style: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



ul#nav img{

	display: block; /* damit unterhalb der Bildern kein Rand entsteht */

}



ul#nav li{

	float: left;

	margin-right: 1px;

}



ul#nav a{

	display:inline; /* fuer den I.E.-Mac, sonst stehen die Hauptmenuepunkte untereinander */

	color: #000000;

	text-decoration: none;

	padding: 2px 20px 2px 20px;

	background-color: #bcce48;
	
	font-weight: normal;

	font-size: 13px;

	line-height: 23px;
	
	border-right: 1px solid #ffffff;

}



/* I.E. Hack (ohne gibt es im Safari Probleme beim Hovern von Punkten ohne Unterpunkte) - Der Kommentar nach dem "a" ist der Hack: */



ul#nav a/* */ {

	display:block;

}



ul#nav span a{

	color: #ffffff;

}



ul#nav a:hover{

	color: #ffffff; /* Textfarbe bei Mouseover/Hover erste Ebene*/

}



ul#nav ul a:hover{

	color: #ffffff; /* Textfarbe bei Mouseover/Hover */

}



ul#nav li ul {

	position: absolute;

	display: none; /* Menue Ausblenden */

	top: 100%;

	width:178px;

	margin: 0;

	padding: 0px;

	list-style: none;

	background-color: #bcce48;



}



/* Bei Hover einblenden: */



ul#nav li:hover ul,

ul#nav li.over ul {

	display: block;

}



ul#nav li li{

	display: block;

	float: left;

	width: 178px;

	margin: 0;

	padding: 0;
	
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;

}



ul#nav li li a {

	color: #000000;

	display: block;

	width: 178px;

	margin-left: 3px;

	padding: 5px 0px 5px 0px;

	background-color: #bcce48; /* Hintergrundfarbe des Menues */

	font-weight: normal;
	
	font-size: 11px;
	
	line-height: 13px;

}



ul#nav li > ul{

	top: auto;

	left: auto;

}