/*Farbauswahl

Walle-Center rot (f.e. navi): 	rgb(227,9,22)
Navigation hover, aktiv: 		rgb(143,6,16)

subnavigation : 				rgb(234,212,205)
subnavigation hover, aktiv:  	rgb(247,181,185)

HG Body (dunkles blau):	 		rgb(41,82,130)
HG Navi+col3 (helles blau): 	rgb(197,210,233)
								rgb(134,161,209)
								
Nummer-HG Lageplan:				rgb(247,181,185)
zoom-Link:						rgb(0,132,216)

60% grau:						rgb(94,92,92)

980px = 81.7em
18px = 1.5em
12px = 0.75em
*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

#ie_clearing { display: none; }
* { margin:0; padding: 0; }

body, html { height: 100% !important; padding: 0;background-color: rgb(41,82,130)}
html { height: 100%; margin-bottom: 1px; }
html * { font-size: 100.01% }

body   { font-size: 0.75em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; }

* html body * { overflow:visible; }
* html #page_margins { height:100% !important; }

b, strong{font-weight: bold}

img  { margin-bottom: 0.5em; border: 0 }
sup, sub{font-size:60%}

/*Überschriften; h1 nur für die Startseite*/
h1{font-size: 1.5em; font-weight: bold;margin-top: 0;padding-top: 0;margin-bottom: 1em;color: #000;}
h2{font-size: 1.5em; font-weight: bold;margin-top: 0;padding-top: 0;margin-bottom: 0.75em;color: rgb(227,9,22);  line-height: 1.25em}
h3{font-size: 1.125em; font-weight: normal; margin-top: 0;padding-top: 0;margin-bottom: 0.25em;color: #000}
h4{font-size: 1em; font-weight: normal; margin-top: 0;padding-top: 0;margin-bottom: 0.75em;color: rgb(227,9,22);border-bottom: 1px solid rgb(94,92,92)}


p  { margin-top: 0.5em; margin-bottom: 0.5em }
a, a:active, a:visited, a:focus{ color:rgb(227,9,22); text-decoration: none;}
a:hover   { text-decoration: underline}
			
/*mainpage*/
#full_height{height: 100%;background-color: green}
#page_margins    {clear: both; background-color: #fff; background-image: url("../_bilder/faux.jpg"); background-repeat: repeat; text-align: left; margin: 0 auto; position: relative; width: 980px; height: auto !important; min-height: 100%; border-right: 3px solid #fff; border-bottom: 3px solid #fff; border-left: 3px solid #fff; }
 
	#page{ text-align: left; margin: 0; padding: 0; width: 980px; clear: both;position:relative;z-index: 1;height: 100%; margin-bottom: 1px; height: auto}
		#header { position: absolute; z-index: 2; top: 0; width: 100%; height: 170px;}
		#topnav { color: #fff; text-align: right; position: absolute; top: 10px; right: 0.75em }
			#topnav a, 
			#topnav a:active,
			#topnav a:visited, 
			#topnav a:focus   {color: #fff; text-decoration: none; padding:0.5em;text-align: center}
			#topnav a:hover   {color: #fff; text-decoration: underline }
			
			
		#main { margin: 0; padding: 0; z-index: 1; width: auto; clear: both; }
		#nav { color: #fff; background-color: rgb(197,210,233); letter-spacing: 0.03em; margin: 0; padding: 0; position: relative; z-index: 1; top: 0; width: 190px; float: left;clear:both }
			#nav img { /*border-bottom: 1px solid #fff;*/margin: 0;padding: 0;display: block }
			#nav ul   { list-style: none; margin: 0; padding: 0; border-style: none }
			#nav li    { text-align: right; margin: 0; padding: 0 }
			#nav li a, 
			#nav li a:active,
			#nav li a:visited, 
			#nav li a:focus	       { color: #fff; text-decoration: none; background-color: rgb(227,9,22); display: block; margin: 0; padding: 0.5em 15px 0.5em 1em; height: 1.25em; border-bottom: 1px solid #fff }
			#nav li a:hover, #nav li #aktiv   { color: #fff; font-weight: bold; background-color: rgb(143,6,16); }
				/*sublevel menue*/
				 #nav ul li li a, 
  				 #nav ul li li a:active,
				 #nav ul li li a:visited, 
				 #nav ul li li a:focus	    { color: #000; text-decoration: none; background-color: rgb(234,212,205); display: block; margin: 0; padding: 0.2em 15px 0.2em 1em; height: 1.25em; border-bottom: 1px solid #fff }
				 #nav ul li li a:hover, #nav ul li li #aktiv    { color: #000; font-weight: bold; background-color: rgb(247,181,185);}
			
				
			/* html #nav li a, * html #nav li a:active, * html #nav li a:visited, * html #nav li a:focus	{ padding: 0.5em 15px 0.25em 1em; }*/
		
		
		#content    { background-color: #fff; margin: 170px 0 0; padding-bottom: 3em; width: 790px; float: left; }
		#content_xxl{line-height: 1.5em; padding-left: 3.5em; position: relative; z-index: 2 ; padding-right: 3em}
			#col1    { position: relative; width: 400px; float: left ;clear: both}
			#col1_xxl {position: relative; width: 570px; float: left;clear: both}
				#herz { background-color: #fff; background-image: url(../_bilder/herz_ueberschrift.gif); background-repeat: no-repeat; position: absolute; z-index: 1; top: -16px; left: 15px; width: 54px; height: 47px }
				#col1_cont   { line-height: 1.5em; padding-left: 3.5em; position: relative; z-index: 2 }
					#col1_cont ul { font-weight: bold; line-height: 1.45em; list-style-image: url(../_bilder/listenpunkt.jpg); margin-top: 1em; margin-bottom: 1em; margin-left: 1.6em }
					#col1_cont li { color: #000; padding-top: 0.45em }
		
			#col2   { text-align: right; margin-left: 2em; width: auto; float: left }
				#col2_cont{ }
				#col2_cont a,
		 		#col2_cont a:active,
				#col2_cont a:visited, 
				#col2_cont a:focus	  { color:rgb(134,161,209); text-decoration: none; display: block; margin: 0;margin-bottom: 1em }
				#col2_cont a:hover   {  text-decoration: underline }
			#col3  { background-color: #fff; width: 190px; float: right }
				#col3_margins    { background-color: rgb(197,210,233); margin-right: 1em; border-bottom: 2px solid #d2d2d2; border-left: 2px solid #d2d2d2 }
					.col3_cont   { line-height: 1.25em; padding-right: 0.0em; padding-bottom: 0.4em; padding-left: 0.45em }
					.red_bg  { color: #fff; font-size: 1.1em; font-weight: bold; background-color: rgb(227,9,22); margin-bottom: 0.25em; padding: 0.25em 0.25em 0.25em 0.45em }
		
		#footer{height:0.25em; clear:both; background: none}

/*Hintergruende*/
.hg_start { background-image: url(../_bilder/_hg_start.jpg); background-repeat: no-repeat; background-position: 300px 15px; width: 299px; height: 402px }
.hg_zeiten  { background-image: url("../_bilder/aktuelles/uhr.jpg"); background-repeat: no-repeat; background-position: 390px 30px; width: 299px; height: 402px }


/*x-tras f.e.:iframe*/
.inline_veranst {background-color: rgb(197,210,233); border:0;width: 170px;height: 290px;overflow: hidden;padding: 0;margin: 0}
#iframe {background-color: rgb(197,210,233);text-align:left;margin:0;padding:0}


.line_top { margin-top: 1.25em; padding-top: 0.25em; border-top: 1px solid black }
.klein{margin-left:11em; font-size: 0.9em;}
.rb { text-align: right }
.rb_hg    { background-color: rgb(247,181,185); text-align: center; margin: 0 0 0 0; padding-right: 0.02em; padding-left: 0.02em }
.red{color:rgb(227,9,22)}

.float_le img{float: left; margin-right: 1em; clear: both}
.float_re img{float: right; margin-left: 1em; clear: both}

.float_left{float: left; clear: both; margin-right: 3em }
.float_right{float: right;background-color: yellow; clear: both}

/*** Tabellen***/
table { background-color: #fff; margin: 0; padding: 0;   height: auto; border: 0; border-collapse: collapse;}
tr  { text-align: left; margin: 0; padding: 0;}
td      { font-weight: bold; margin: 0; padding: 0.3em 0; height: 2em; overflow: hidden; vertical-align: middle; border-style: none none solid; border-width: medium medium 1px; border-color:   #d2d2d2 }
	td a, 
	td a:active,
	td a:visited, 
	td a:focus     { color: #000; text-decoration: none;}
	td a:hover   {color: #000; text-decoration: underline }

th { font-weight: normal; background-color: #fff; padding-bottom: 0.5em; border: 0; }

.head th   { font-size: 1.4em; font-weight: bold; text-align: left; padding-top: 0.75em; padding-bottom: 0.1em; width: 570px; border: 0 }

/*Fotogalerie - Tabelle*/
#galerie tr  { margin: 0; padding: 0; border: 0 }
#galerie td      { font-weight: normal; line-height: 1em; margin: 0; padding: 0 1em 0 0; width: auto; height: 1em; overflow: hidden; vertical-align: top; border: 0 }
#galerie td  img   { width: 120px; height: 100px; border: 0 }


#galerie th { font-weight: normal; background-color: #fff; padding-bottom: 0.5em; border: 0 }





/*allgemeine liste*/
#liste   { /*line-height: 1.5em; padding-left: 3.5em; position: relative; z-index: 2*/ }
	#liste ul  { font-weight: normal; line-height: 1.45em; list-style-type: disc; list-style-image: none; margin-top: 0.5em; margin-bottom: 1em; margin-left: 1.13em }
	#liste li { color: #000; padding-top: 0.2em }
		#liste ul li ul  { font-weight: normal; line-height: 1.5em; list-style-type: none; list-style-image: none; margin-top: 0.25em; margin-bottom: 0.5em; margin-left:0 }
		#liste li li { color: #000; padding-top: 0em; }
		#liste li li:before{ content: "\2013\A0";} /*Gedankenstrich vor listen*/


/*Link black*/
.black a, a:active, .black a:visited, .black a:focus{ color:#000; text-decoration: none;}
.black a:hover   { text-decoration: underline}