body
{
 font-family:Arial;
 font-size:14px;
 margin:0 0 0 0;
 margin:0 0 0 0;
 padding-top:0px;
 background-color:#c0cec7;
background-image:url(hg_seite.jpg); background-repeat:repeat-x;
}


#left {
margin:20px 0 0 0; 
width:990px; 
padding:0px;
text-align:left;
background-color:#C0CEC7; 
}

* html #left {
margin:20px 0 0 0; 
padding:0 0 0 0;
width:990px; 
text-align:left;
background-color:#C0CEC7;
/*border-top: 20px solid #c0cec7;*/
}

#top_border {
margin:0 0 0 0; 
padding:0 0 0 0; 
width:990px; 
text-align:left;
background-color:#F0F1F0; 
}


/*= Quernavigation ========================================================================================================*/

#navioben{
width:990px; 
height:20px;
line-height:20px;
padding:0px 0 0px 0;
margin:0 0 0 0; 
background-color:#F0F1F0;
color:#336666;
font-weight: bold;
background-image:url(hg_navioben.jpg); background-repeat:no-repeat;

}

* html #navioben{
width:990px; 
margin:0 0 0 0; 

}


/*#navioben a { text-decoration:none; vertical-align: middle; color:#336666; display:block; height:20px; padding:0px 0 0px 0; background-image:url(hg_bt_navioben.jpg); background-repeat:no-repeat;}
#navioben a:hover { text-decoration:none; vertical-align: middle; color:#FFFFFF; display:block; background-image:url(hg_bt_navioben_mo.jpg); background-repeat:no-repeat;}
#navioben a:active { text-decoration:none; vertical-align: middle; color:#FFFFFF; background-image:url(hg_bt_navioben_mo.jpg); background-repeat:no-repeat; display:block;}*/


/*= Banner ========================================================================================================*/

#topsection {
float:left; 
width:990px;
margin:0 0 0 0; 
padding:0 0 0 0; 
height:80px; 
background-color:transparent; 
background-image:url(hg_titel.jpg); background-repeat:repeat-x;
}

* html #topsection {
margin:0 0 -3px 0; 
background-color:transparent; 
background-image:url(hg_titel.jpg); background-repeat:repeat-x;
}

/*= Inhaltsbereich ========================================================================================================*/

#bordercontent{
float:left;
width:990px; 
background-color:transparent; 
margin-top:0px;
background-image:url(hg_rand_inhalt.jpg); 
background-repeat:no-repeat;
height: 20px;

}

#inhaltgesamt {
width:990px; 
background-color:transparent; 
margin-top:0px;
background-image:url(hg_inhalt.jpg); 
background-repeat:repeat-y;
min-height: 1300px;
}

* html #inhaltgesamt {
width:990px; 
background-color:transparent; 
margin-top:0px;
background-image:url(hg_inhalt.jpg); 
background-repeat:repeat-Y;
}

#inhaltgesamt_suche {
width:990px; 
background-color:transparent; 
margin-top:0px;
background-image:url(hg_inhalt.jpg); 
background-repeat:repeat-y;
min-height: 1000px;
}

* html #inhaltgesamt_suche {
width:990px; 
background-color:transparent; 
margin-top:0px;
background-image:url(hg_inhalt.jpg); 
background-repeat:repeat-y;
height: 1000px;

}

#inhaltimpressum {
width:990px; 
background-color:transparent; 
margin-top:0px;
background-image:url(hg_inhalt.jpg); 
background-repeat:repeat-y;
min-height: 1350px;
}


a { text-decoration:underline; color:#336666; }
a:hover { text-decoration:underline; color:#000000;}
a:active { text-decoration:underline; color:#000000;}

/*= Navigation ========================================================================================================*/

#navigation {
float:left; 
width:170px; 
min-height: 740px;
font-weight: bold;
margin-top:10px;
}

* html #navigation {
float:left; 
width:170px; 
height: 540px;
font-weight: bold;
}

/*= 1.Ebene ========================================================================================================*/

.navi_first a { font-size:13px; display:block; margin:8px 0 0px 0px; background-image:url(hg_bt_menue.jpg); padding: 3px 0px 3px 28px;text-decoration:none;}
.navi_first a:hover { color:#ffffff; background-image:url(hg_bt_menue_mo.jpg);text-decoration:none; }
.navi_first a:active { text-decoration:none; background-image:url(hg_bt_menue_mo.jpg);text-decoration:none;color:#ffffff;}

.navi_first_open a {font-size:13px; display:block; color:#ffffff; margin:8px 0 0px 0px; background-image:url(hg_bt_menue_mo.jpg); padding: 3px 0px 3px 28px;text-decoration:none;}
.navi_first_open a:hover { color:#ffffff; background-image:url(hg_bt_menue_mo.jpg);text-decoration:none; }
.navi_first_open a:active { text-decoration:none; background-image:url(hg_bt_menue_mo.jpg);text-decoration:none;color:#ffffff;}

/*= 2.Ebene ========================================================================================================*/

.navi_second a { font-size:13px; margin:0px 0 0px 20px; padding:2px 0px 2px 20px; display:block; background-color:#DBE3DF; color:#336666; text-decoration:none;}
.navi_second a:hover { margin:0px 0 0px 20px; padding:2px 0px 2px 20px; background-color:#DBE3DF; color:#ffffff;text-decoration:none; background:#75938F;}
.navi_second a:active { margin:0px 0 0px 20px; padding:2px 0px 2px 20px; background-color:#DBE3DF; color:#ffffff;text-decoration:none; background:#75938F;}

.navi_second_open a {font-size:13px;  margin:0px 0 0px 20px; padding:2px 0px 2px 20px; display:block; background-color:#336666; color:#ffffff; text-decoration:none; background:#75938F; }
.navi_second_open a:hover { margin:0px 0 0px 20px;  padding:2px 0px 2px 20px; background-color:#336666; color:#ffffff;text-decoration:none; background:#75938F; }
.navi_second_open a:active { margin:0px 0 0px 20px;  padding:2px 0px 2px 20px; background-color:#336666; color:#ffffff;text-decoration:none; background:#75938F;}

/*= 3.Ebene ========================================================================================================*/

.navi_third a {font-size:13px; margin:0px 0 0px 20px; padding:2px 0px 2px 30px; display:block; background-color:#DBE3DF; color:#336666; text-decoration:none;}
.navi_third a:hover { margin:0px 0 0px 20px; padding:2px 0px 2px 30px; background-color:#DBE3DF; color:#ffffff;text-decoration:none; background:#75938F;}
.navi_third a:active { margin:0px 0 0px 20px; padding:2px 0px 2px 30px; background-color:#DBE3DF; color:#ffffff;text-decoration:none; background:#75938F;}

.navi_third_open a {font-size:13px;  margin:0px 0 0px 20px; padding:2px 0px 2px 30px; display:block; background-color:#336666; color:#ffffff; text-decoration:none; background:#75938F; }
.navi_third_open a:hover { margin:0px 0 0px 20px;  padding:2px 0px 2px 30px; background-color:#336666; color:#ffffff;text-decoration:none; background:#75938F; }
.navi_third_open a:active { margin:0px 0 0px 20px;  padding:2px 0px 2px 30px; background-color:#336666; color:#ffffff;text-decoration:none; background:#75938F;}

/*= Bildbereich ========================================================================================================*/

* html #imagecontent{
	float:left; 
	width:220px; 
	height:630px; 
	margin:0px 0px 0 20px;
	
         padding-left:0 0 0 20px;
	border-top: 20px solid #c0cec7;
	background-image:url(hg_content.gif);
}

#imagecontent{
	float:left; 
	width:210px; 
	min-height:530px; 
	margin:0px 0px 0 20px; 
	
         padding-left:20px;
	border-top: 20px solid #c0cec7;
	background-image:url(hg_content.gif);
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


/*= Variblität für Contentbereich nit und ohne Bild ========================================================================================================*/

#variable{
 float:left;
 width:565px;
 padding:0 0 0 35px;
}

* html #variable{
 float:left;
 width:600px;
 padding:0 0 0 35px;
}




/*= Textbereich ========================================================================================================*/

#textcontent{
        float: left;
	width:350px; 
	margin:0px 0px 0 0px; 
	padding:0px 0px 0 0px;
	border-top: 20px solid #c0cec7;
	font-size:14px;
	font-family: Arial; 
	color:#000000;
	font-weight: normal;
background-color:#ffffff; 

}

* html #textcontent{
	float:left; 
	width:360px; 
	height:900px; 
	margin:0px 25px 0 0px; 
	padding:5px 0px 0 10px; 
	border-top: 20px solid #c0cec7;
	font-size:14px;
	font-family: Arial; 
	color:#000000;
	font-weight: normal;
}

#textcontent_suche{
         height:900px; 
	float:left; 
	width:600px; 
	margin:0px 0px 0 0px; 
	padding:0px 0px 0 0px;
	border-top: 20px solid #c0cec7;
	font-size:14px;
	font-family: Arial; 
	color:#000000;
	font-weight: normal;


}

* html #textcontent_suche{
	float:left; 
	width:600px; 
	margin:0px 25px 0 0px; 
	padding:0px 0px 0 0px;
	border-top: 20px solid #c0cec7;
	font-size:14px;
	font-family: Arial; 
	color:#000000;
	font-weight: normal;


}


#textcontent_online{
	float:left; 
	width:600px; 
	margin:0px 0px 0 0px; 
	padding:0px 0px 0 0px;
	border-top: 20px solid #c0cec7;
	font-size:14px;
	font-family: Arial; 
	color:#000000;
	font-weight: normal;


}

* html #textcontent_online{
	float:left; 
	width:600px; 
	margin:0px 20px 0 0px; 
	padding:0px 0px 0 0px;
	border-top: 20px solid #c0cec7;
	font-size:14px;
	font-family: Arial; 
	color:#000000;
	font-weight: normal;


}



#headline {
font-family: Arial; 
font-weight: bold;
font-size: 20px;
padding:0 0 0px 0;
color:#000000;
margin: 10px 0 20px 0px;
}

h2 {
font-family: Arial Black; 
font-size: 14px;
padding:0 0 10px 0;
color:#000000;
margin: 0;
}

#field{
float:left; 
margin-left:0px;
padding:10px 10px 0px 20px; 
background:#A4BAB7; width:310px;
}

* html #field{
float:left; 
padding:10px 10px 0px 20px; 
background:#A4BAB7; width:345px;
}


#fieldsuche{
float:left; 
padding:20px 0px 0px 20px; 
background:#A4BAB7; width:320px;
}

* html #fieldsuche{
float:left; 
padding:20px 0px 0px 20px; 
background:#A4BAB7; width:340px;
}

#fieldkontakt{
float:left; 
margin-bottom:20px;
padding:20px 0px 0px 20px; 
background:#A4BAB7; width:320px;
}

* html #fieldkontakt{
float:left; 
padding:20px 0px 0px 20px; 
margin-bottom:20px;
margin-right:-10px;
background:#A4BAB7; width:340px;
}



/*= Navigation rechts ========================================================================================================*/

#contentrechts {
	float:left; 
	width:130px; 
	min-height:540px; 
	margin:0px 0px 0 20px; 
	padding:0 0 0 0px;
	text-align:center;
	font-weight: bold;
	border-top: 20px solid #c0cec7;

}

* html #contentrechts {
	float:left; 
	width:130px; 
	height:540px; 
	margin:0px 0px 0 -5px; 
	padding:0 0 0 0px;
	text-align:center;
	border-top: 20px solid #c0cec7;
}

#bottom{
float:left; 
width:990px; 
height:2px;
background-color:#ff0000; 
}

#contentrechts a { text-decoration:none; color:#336666; display:block; background-color:#DBE3DF; padding: 2px 0 2px 0px;}
#contentrechts a:hover { text-decoration:none; color:#FFFFFF;background-color:#336666; display:block;}
#contentrechts a:active { font-weight: bold; text-decoration:none; color:#FFFFFF; background-color:#336666;display:block;}

.clear{clear: both; overflow:hidden; height:1px;}

.navitop { width:150px; border-left: 0px solid #336666; font-size:13px; text-align:center; float:left;}

.navitop  a { text-decoration:none; color:#336666; display:block; height:20px; padding:0px 0 0px 0; background-image:url(hg_bt_navioben.jpg); background-repeat:no-repeat;}
.navitop a:hover { text-decoration:none; color:#FFFFFF; display:block; background-image:url(hg_bt_navioben_mo.jpg); background-repeat:no-repeat;}
.navitop a:active { text-decoration:none; color:#FFFFFF; background-image:url(hg_bt_navioben_mo.jpg); background-repeat:no-repeat; display:block;}

.navitopopen {  width:150px; border-left: 0px solid #336666; font-size:13px; text-align:center; float:left; background-image:url(hg_bt_navioben_mo.jpg); background-repeat:no-repeat;}

.navitopopen  a { text-decoration:none; color:#FFFFFF; display:block; height:20px; padding:0px 0 0px 0; background-image:url(hg_bt_navioben_mo.jpg); background-repeat:no-repeat;}
.navitopopen a:hover { text-decoration:none; color:#FFFFFF; display:block; background-image:url(hg_bt_navioben_mo.jpg); background-repeat:no-repeat;}
.navitopopen a:active {  text-decoration:none; color:#FFFFFF; background-image:url(hg_bt_navioben_mo.jpg); background-repeat:no-repeat; display:block;}

galpicleft {background-color: #fff; height: 210px; margin: 0 10px 5px 0; border: 1px solid #fff;}

/* Formatierungen Sitemap */
div#sitemap, div.sitemap0 {padding: 10px 0 0; } 
div#sitemap, div.sitemaptext0 {padding: 0 0 5px 10px; text-decoration:none;} 
div#sitemap, div.sitemap1 {padding: 15px 0 0 20px;text-decoration:none; } 
div#sitemap, div.sitemaptext1 {padding: 0 0 5px 10px; text-decoration:none;} 
div#sitemap, div.sitemap2 {padding: 0 0 5px 35px;text-decoration:none; } 
div#sitemap, div.sitemaptext2 {padding: 0 0 5px 70px;}
div#sitemap, div.sitemap3 {padding: 0 0 5px 50px;text-decoration:none; } 
div#sitemap, div.sitemaptext4 {padding: 0 0 5px 70px;}
div#sitemap, div.sitemap4 {padding: 0 0 5px 70px;text-decoration:none; } 
div#sitemap, div.sitemaptext4 {padding: 0 0 5px 70px;}





/**************Beginn ReMooz********************/
.remo-zoom-in {
}
.remo-box {
  Z-INDEX: 41; BACKGROUND: #fff no-repeat center 50%; LEFT: 0px; POSITION: absolute; TOP: 0px
}
.remo-loading {
  BACKGROUND-IMAGE: url(spinner.gif)
}
.remo-content {
  WIDTH: 100%; HEIGHT: 100%;
}
.remo-box-focus .remo-content {
}
.remo-box-dragging .remo-content {
 CURSOR: move;
}
.remo-btn-close {
  BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(closebox.png) no-repeat left top; LEFT: -15px; VISIBILITY: hidden; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 30px; CURSOR: pointer; POSITION: absolute; TOP: -15px; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
.remo-title-wrap {
  LEFT: 0px; OVERFLOW: hidden; BOTTOM: 10px; POSITION: absolute; TEXT-ALIGN: left
}
.remo-title {
  POSITION: relative
}
.remo-title-bg {
  Z-INDEX: 99; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%; BACKGROUND-COLOR: #fff; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px
}
.remo-title-txt {
  PADDING-RIGHT: 15px; PADDING-LEFT: 15px; Z-INDEX: 101; PADDING-BOTTOM: 5px; COLOR: #000; PADDING-TOP: 5px; POSITION: relative
}
.remo-img {
  BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px
}
.remo-bg {
  WIDTH: 33px; POSITION: absolute; HEIGHT: 40px
}
.remo-bg-n {
  BACKGROUND: url(remo_bg_n.png) repeat-x; LEFT: 0px; WIDTH: 100%; TOP: -40px
}
.remo-bg-ne {
  RIGHT: -33px; BACKGROUND: url(remo_bg_ne.png) no-repeat; TOP: -40px
}
.remo-bg-e {
  RIGHT: -33px; BACKGROUND: url(remo_bg_e.png) repeat-y; TOP: 0px; HEIGHT: 100%
}
.remo-bg-se {
  RIGHT: -33px; BACKGROUND: url(remo_bg_se.png) no-repeat; BOTTOM: -40px
}
.remo-bg-s {
  BACKGROUND: url(remo_bg_s.png) repeat-x; LEFT: 0px; WIDTH: 100%; BOTTOM: -40px
}
.remo-bg-sw {
  BACKGROUND: url(remo_bg_sw.png) no-repeat; LEFT: -33px; BOTTOM: -40px
}
.remo-bg-w {
  BACKGROUND: url(remo_bg_w.png) repeat-y; LEFT: -33px; TOP: 0px; HEIGHT: 100%
}
.remo-bg-nw {
  BACKGROUND: url(remo_bg_nw.png) no-repeat; LEFT: -33px; TOP: -40px
}
/**************Ende ReMooz********************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(prevlabel.gif) left 100% no-repeat;}
#nextLink { right: 0; float: right; background: url(nextlabel.gif) right 100% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 100% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 100% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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: 60px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }