h1 { color: #000000; font-weight: bolder; font-size: 16px; 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 }

img{border:none;}

.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: #dfeff8; background-image: url("/cms/bilder/gestaltung/bg.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.gif"); visibility: visible; display: block }
#home { position: absolute; z-index: 1; top: 200px; left: 60px; width: 80px; background-color: #b9dcf0; visibility: visible; display: block }
#homeleft { position: absolute; z-index: 1; top: 200px; left: 0px; width: 59px; background-color: #b9dcf0; visibility: visible; display: block }
#kontakt { position: absolute; z-index: 1; top: 216px; left: 60px; width: 80px; background-color: #b9dcf0; visibility: visible; display: block }
#kontaktleft { position: absolute; z-index: 1; top: 216px; left: 0px; width: 59px; background-color: #b9dcf0; visibility: visible; display: block }
#impressum { position: absolute; z-index: 1; top: 232px; left: 60px; width: 80px; background-color: #b9dcf0; visibility: visible; display: block }
#impressumleft { position: absolute; z-index: 1; top: 232px; left: 0px; width: 59px; background-color: #b9dcf0; visibility: visible; display: block }
#service { position: absolute; z-index: 1; top: 248px; left: 60px; width: 80px; background-color: #b9dcf0; visibility: visible; display: block }
#serviceleft { position: absolute; z-index: 1; top: 248px; left: 0px; width: 59px; background-color: #b9dcf0; visibility: visible; display: block }
#smap { position: absolute; z-index: 1; top: 264px; left: 60px; width: 80px; background-color: #b9dcf0; visibility: visible; display: block }
#smapleft { position: absolute; z-index: 1; top: 264px; left: 0px; width: 59px; background-color: #b9dcf0; visibility: visible; display: block }

.div_links {position: absolute;  z-index: 1; top: 280px; left: 0px; text-align: center; visibility: visible; display: block }
.galink {}
.galink img {border:none;}
.oklink {}
.oklink img {border:none;}

#header { position: absolute; z-index: 1; top: 0px; left: 135px; width: 813px; visibility: visible; display: block }
#navigation   { position: absolute; z-index: 2; 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: #73b8e2; 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: 173px; visibility: visible; display: block;}

#inhaltartliste { position: absolute; z-index: 1; top: 160px; left: 150px; width: 560px; visibility: visible; display: block }
#inhaltartlistman { position: absolute; z-index: 0; top: 160px; left: 150px; width: 560px; 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: #dfeff8;}
.con_landing_navi p{margin:0; padding:0;}

.dot { background-image: url(/cms/bilder/gestaltung/bg_dot_hori.gif) }
.tdbg     { background-color: #dfeff8 }
.tdbgrpanehead  { background-color: #92c9ea }
.tdbgrpanebody  { background-color: #c0dff2 }
.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;
	}
	.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;*/
}

.con_galerie_ges{
margin-bottom: 15px;
}

/* #### 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: #92c9ea;

	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: #92c9ea;
	
	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: #92c9ea;
	
	
	
}



/* 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: #92c9ea; /* Hintergrundfarbe des Menues */
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
}

ul#nav li > ul{
	top: auto;
	left: auto;
}


.rss{position:absolute; top:122px; left:909px;}
.rss_bild{float:left;}
.rss_bild img{border:0;}
.rss_text{float:left; padding-left:3px;padding-top:2px;}

.box{clear:both;float:left;width:230px;text-align:left;margin:0;padding:0;margin-bottom:15px;}
.box_inner{float:left;padding-left:10px;}
.box_head{float:left;padding-left:5px;background-color: #92c9ea;width:225px;}
.box_text{float:left;margin-top:2px;background-color: #c0dff2;width:230px;}

.contend{clear:both;float:left;width:560px;}
