/* Alle kritischen Werte instanziieren * {  margin: 0;  padding: 0;}*/
a:link img, a:visited img,a:hover img, a:focus img, a:active img {  border: 0;}
BODY {
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #E1E9DA !important;
	font-size: 11px;
	font-variant: normal;
	background-image: url(../img_html/hg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.content {
	background-color: #F0F0E2;
	padding: 10px;
	height: 460px;
	text-align: left;
	width: 410px !important;
}
.bild {
	background-image: url(../img_html/hg_bild.jpg);
	width: 410;
	text-align: middle;
	vertical-align: middle;
}

.cite {
	font-style: italic;
	color: #999999;
	padding: 20px;
	width: 380;
}
table {
	color: #333333; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-variant: normal; 	
}

.footer {
	background-color: #999999;
	color: White;
	padding: 10px;
}

.aktuell {
	background-color: #333;
	width: 310px;
	font-family: Comic Sans MS;
	font-size: 1.2em;	
	color: #f2f2f2;
	padding: 40px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: -10px;
	margin-left: 8px;
	margin-right: 15px;
	float: none;
	vertical-align: middle;
}

.hinweis {
	font-family: Comic Sans MS;
	font-size: 1.2em;
	color: #A52A2A;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 3px solid;
	border-left: 1px solid;			
	border-color: #A52A2A;
	letter-spacing: 1px;
}

hr {
	border: solid #999;
}


hr.dot {
	border-bottom: 1px solid #999999;
	border-top: 1px dotted #333;
	margin-left: 0px;
	margin-right: 0px;	
	margin-top: 10px;
	margin-bottom: 10px;
}

.tdtop0a{
  color: inherit;
  background-color: #e5e5df;
  padding: 5px;
  font-weight: bold;
  margin: 1em 0 0 0;
  clear: left;
  border: 1px solid #b3b3ad;
}
.tdmiddle1a {
  border: 1px solid #535054;
  border-bottom: none;
  border-right: none; 
  background-color: #f1f1f1;  
  padding: 5px;
}
.tdmiddle2a {
  border: 1px solid #535054;
  border-bottom: none;
  border-left: none;   
  background-color: #f1f1f1;  
  padding: 5px;
}
.tdtop0b{
  color: inherit;
  background-color: #F9F9F9;
  padding: 5px;
  font-weight: bold;
  margin: 1em 0 0 0;
  clear: left;
  border: 1px solid #b3b3ad;
}
.tdbottom1b {
	border: 1px solid #b3b3ad;
	border-top: none;
	border-right: none;
	border-bottom: none;
	background-color: #F9F9F9;
	padding: 5px;
}
.tdbottom2b {
	border: 1px solid #b3b3ad;
	border-top: none;
	border-left: none;
	border-bottom: none;
	background-color: #F9F9F9;
	padding: 5px;
}
.tdfoot1c {
  border: 1px solid #b3b3ad;  
  border-top: none;  
  border-right: none; 
  background-color: #F9F9F9;
  padding: 5px;  
}
.tdfoot2c {
  border: 1px solid #b3b3ad;  
  border-top: none; 
  border-left: none;  
  background-color: #F9F9F9;
  padding: 5px;  
}


/** 
* @section Ueberschriften 
*/

h1, h2, h3, h4, h5, h6 {
  color: #555;
  background-color: inherit;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height: 130%;
}
h1 {
  font-size: 2.2em;
  margin: 0 0 1em 0;
}
h2 {
  font-size: 1.9em;
  margin: 1.5em 0 1em 0;
}
h3 {
  font-size: 1.6em;
  margin: 1.5em 0 .8em 0;
}
h4 {
  font-size: 1.4em;
  margin: 1.5em 0 .8em 0;  
}
h5, h6 {
  font-size: 1.2em;
  margin: 1.5em 0 .8em 0;  
}
/**
* @section Präformatierter und Quelltext
*/

pre {
  color: inherit;
  background-color: #E5E5DF;
  font-family: "Courier New", monospace;
  font-size: 110%;
  line-height: 135%;
  max-height: 400px;
  overflow: auto;
  margin: 1.5em 0;
  padding: .5em;
}

/**
* @section Zitate
*/

blockquote {
  color: inherit;
  background-color: white;
  margin: 1em 4em 1em 3em;
  padding: 0.2em 1em;
  font-style: italic;
}

blockquote::after {  content: "(Quelle: " att(cite) ")";}
/*<blockquote cite="http://gutenberg.spiegel.de/knigge/umgang/umg3a01.htm">  <p>Man soll es also dem Schriftsteller nicht übel ausdeuten,  wenn er, verführt von ein wenig Geschwätzigkeit, von der  Begierde, über irgendeine Materie allerlei Arten von  Menschen seine Gedanken mitzuteilen, etwas drucken läßt,  daß nicht grade die Quintessenz von Weisheit, Witz,  Scharfsinn und Gelehrsamkeit enthält.
</p></blockquote> */



/**
* @section Listen
*/

ul.tags {
  margin: 1em 0;
}
ul.tags li {
  display: inline;
  padding: 0 1em 0 0;
}
#contentBody ul li {
  list-style: none;
  padding: 0 0 5px 15px;
}

ol {
  margin: 1em 0 1em 1.8em;
}
ol li {
  padding-bottom: 5px;
}



input[type="text"]:focus,
textarea:focus,
{
	color: #fff;
	background-color: #336699;
	border-bottom: 1px solid #999;
	border-top: none;
	border-left: 3px solid Green;
	border-right: none;
}

textarea,
input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #F3F1E3;
	color: #333;
	border-bottom: 1px solid #999;
	border-top: none;
	border-left: 3px solid #A52A2A;
	border-right: none;
}

a[href^="http://"]::before,a[href^="https://"]::before {  
/* Nordostpfeil und Leerzeichen vor externen Links */  
content: "\2197\00A0";
}

/***************************/
/* ALLGEMEINER TEXT-LINK */

A:link {
	COLOR: #cc0033;
	TEXT-DECORATION: underline;
}
A:visited {
	COLOR: Maroon;
	TEXT-DECORATION: underline;
}
A:hover {
	COLOR: #cc0033;
	TEXT-DECORATION: underline;
}
A:active {
	COLOR: #cc0033;
	TEXT-DECORATION: underline;
}

/***************************/
/* HAUPTMENU NEU */

ul#nav {
	margin: 0px -10px 20px 0px;
	list-style: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#nav li {
	display: block;
	margin: 0 0 1px 0;
	border: 1px solid #999999;
	border-left: none;
	border-right: none;
	border-bottom: none;  
}
#nav a,
#nav strong {
	color: #333;
	padding: 5px 0 5px 10px;
	text-decoration: none;
	font-size: 1.0em;
	display: block;
	width: 170px;
	text-align: left;
}
#nav a:hover,
#nav a:focus,
#nav a:active,
#nav a.active,
#nav strong {
  color: #ffffff;
  background-color: #333333;
}



#nav span a
{
		float: right ;
		width: 135px ;
		background: #f3f3f3 ;
		font-size: 11px ;
		line-height: 14px ;
		padding: 3px 10px 3px 10px ;
		margin-right: 4px ;
		margin-bottom: 3px;		
		border: 1px solid #ccc ;
		text-decoration: none ;
		color: #666 ;
}
#nav span a.active
{
		float: right ;
		width: 135px ;
		background: #fff ;
		font-size: 11px ;
		line-height: 14px ;
		padding: 3px 10px 3px 10px ;
		margin-right: 4px ;
		margin-bottom: 3px;
		border: 1px solid #ccc ;
		border-bottom: none;
		text-decoration: none ;
		color: #666 ;
}
/** Keine Transparent im IE < 7
*
* IE < 7 versteht keine Transparenz bei PNG-Grafiken,
* daher gibt es für diese Browser keine Hintergrundeffekte.
*
* @workaround
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      yes
*/
* html #nav a,
* html #nav strong {
  background: none !important;
  width: 170px;
}

/***************************/
/* SUBNAVI */
#container
	{
		width: 170px ;
		padding: 10px ;
		border: 1px solid #ccc ;
		background: #fff ;
	}

#tabnav
	{
		height: 20px ;
		margin: 0 ;
		padding-left: 10px ;
/*		background: url(img_html/tab_bottom.gif) repeat-x bottom;*/
	}

#tabnav li
	{
		margin: 0 ; 
		padding: 0 ;
  		display: inline ;
  		list-style-type: none ;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: right ;
		width: 140px ;
		background: #f3f3f3 ;
		font-size: 11px ;
		line-height: 14px ;
		padding: 2px 10px 2px 10px ;
		margin-right: 4px ;
		border: 1px solid #ccc ;
		text-decoration: none ;
		color: #666 ;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff ;
		background: #fff ;
		color: #000 ;
	}

#tabnav a:hover
	{
		background: #fff ;
	}
	
/*****************************/	


/***************************/
/* HAUPTMENÜ NAVI */


A.navi, A.navi:link{
	border: 1px solid #999999;
	border-left: none;
	border-right: none;
	border-bottom: none;
	font-size: 11px;
	width: 180px;
	height: 26px;
	vertical-align: middle;	
	text-decoration: none;
	color: #333333;
	padding-left: 10px;
	padding-top: 3px;
}

A.navi:visited{
	border: 1px solid #333333;
	border-left: none;
	border-right: none;
	border-bottom: none;
	font-size: 11px;
	width: 180px;
	height: 26px;
	vertical-align: middle;	
	text-decoration: none;
	color: #333333;
	padding-left: 10px;
	padding-top: 3px;
}
A.navi:hover, A.navi:active, A.actnavi, A.actnavi:link, A.actnavi:visited, A.actnavi:hover, A.actnavi.acitve {
	border: 1px solid #ffffff;
	border-left: none;
	border-right: none;
	border-bottom: none;
	font-size: 11px;
	width: 180px;
	height: 26px;
	vertical-align: middle;	
	text-decoration: none;
	color: #ffffff;
	padding-left: 10px;
	padding-top: 3px;
	background-color: #333333;
}
A.aktuelles:hover, A.aktuelles:active, A.aktuelles:link, A.aktuelles:visited {
	color: #f60;
}


/***************************/
/* Terminkalender // Monate */


A.termin, A.termin:link, A.termin:visited{
	font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ffffff;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
	background-color: #333333;
	width: 80px;
	padding: 5px;
}

A.termin:hover, A.termin:active {
	font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ffffff;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;	
	text-decoration: underline;
	color: #ffffff;
	background-color: #000000;
	width: 80px;	
	padding: 5px;	
}

/*********************/
/* Bilder Link */
img *html A.bild, A.bild:link, A.bild:visited, A.bild:hover, A.bild.acitve {
color: none !important;
border: 0px;
}





/*********************/
/* img-html */
.hg_top_logo {
	background-image: url(../img_html/hg_top_logo.jpg);
	background-repeat: no-repeat;
	width: 944px;
}
.hg_top_logo_galerie {
	background-image: url(../img_html/hg_top_logo_galerie.jpg);
	background-repeat: no-repeat;
	width: 944px;
}
.hg_top_logo_un {
	background-image: url(../img_html/hg_top_logo_un.jpg);
	background-repeat: no-repeat;
	width: 629px;
}

.hg_bottom {
	background-image: url(../img_html/hg_bottom.jpg);
	background-repeat: no-repeat;
	width: 944px;
}
.hg_li {
	background-image: url(../img_html/hg_li.jpg);
	background-repeat: repeat-y;
	width: 64px;
}

.hg_re {
	background-image: url(../img_html/hg_re.jpg);
	background-repeat: repeat-y;
	width: 77px;	
}

.hg_re_galerie {
	background-image: url(../img_html/hg_re_galerie.jpg);
	background-repeat: repeat-y;
	width: 77px;	
}
.hg_fotos_li {
	background-image: url(../img_html/hg_fotos_li.jpg);
	background-repeat: repeat-y;
	width: 173px;		
	color: #ffffff;
}
.hg_fotos_li_termine {
	background-image: url(../termine/termine.jpg);
	background-repeat: repeat-y;
	width: 173px;		
	color: #ffffff;
}
.hg_teiler_mili {
	background-image: url(../img_html/hg_teiler_mili.jpg);
	background-repeat: repeat-y;
	width: 13px;		
}

.hg_teiler_miliun {
	background-image: url(../img_html/hg_teiler_miliun.jpg);
	background-repeat: repeat-y;
	width: 13px;		
}
.hg_navi {
	background-image: url(../img_html/hg_navi.jpg);
	background-repeat: no-repeat;
	background-color: #F2F5EF;
	width: 170px !important;
	height: 400px;
	padding-top: 25px;
}

.hg_fotos_bottom {
	background-image: url(../img_html/hg_fotos_bottom.jpg);
	background-repeat: repeat-y;
	width: 173px;		
}

.hg_bottom_adresse {
	background-color: #999999;
	width: 180px;
}
.bild_abstand {
	margin:10px 0 10px 0;
}