body {margin:0px;padding:0px;}
td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
p {margin-top:0px; margin-bottom:10px;}
.sbutton {font-size: 11px; color: #000000; width: 176px; height: 15px; background-color: #b4c8f0; margin-left:7px; border-left: 1px solid #576675; border-bottom: 1px solid #576675; border-right: 1px solid #576675; border-top: 1px solid #576675}
.Stil1 {font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
.Stil2, .schrift_kleiner {font-size: 11px;font-family: Arial, Helvetica, sans-serif;}
.Stil3 {color: #007931;font-weight: bold;}
.Stil4 {color: #003399;font-weight: bold;}
.aform1 {font-size: 12px; color: #000000; width: 150px; height: 17px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999}
.aform2 {font-size: 12px; color: #000000; width: 375px; height: 17px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999}
.aform3 {font-size: 12px; color: #000000; width: 70px; height: 17px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999}
.aform4 {font-size: 12px; color: #000000; width: 375px; height: 50px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999}
.aform5 {font-size: 12px; color: #000000; width: 17px; height: 14px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999}

div#rahmen{
	width: 1010px;
	height: 100%;
	background-image: url(gra_htgr_rahmen_blau.gif);
	background-repeat:repeat-y;
	z-index:1;
	}
	
div#rahmen_slogan{
	width: 1010px;
	height: 100%;
	background-image: url(gra_htgr_slogan_ideen_blau.gif);
	background-repeat:no-repeat;
	background-position:0% 86%;
	z-index:2;
	}

div#banner{
	width: 1010px;
	height: 210px;
	float: left;
	display:block;
	background-image:url(gra_htgr_banner_blau.jpg);
	background-repeat:no-repeat;
	}

/*---------------Navigation Sprachen-------------------*/

div#button_sprache {
	margin-left:0px;
}

div#button_sprache ul {
	padding: 0px;
	margin: 0px;
}

div#button_sprache ul li { 
	list-style: none;
	padding: 0px;
	margin: 0px;
	display:inline;
}
 
div#button_sprache a:link, div#button_sprache a:visited, div#button_sprache a:active {
	padding-left:10px;
	padding-right:10px;
	margin-top:8px;
	color: #000000;
	text-decoration: none;
	outline:none;
	float:left;
	border-right: 1px solid #000000;
	text-align:left;
}

div#button_sprache a:hover, .button_sprache_aktiv {
	padding-left:10px;
	padding-right:10px;
	margin-top:8px;
	color: #000000;
	text-decoration: none;
	outline:none;
	float:left;
	border-right: 1px solid #000000;
	font-weight:bold;
}

/*---------------Navigation Kontakt-------------------*/

div#button_kontakt{
	float:left;
	width: 120px;
	background-image:url(gra_icon_kontakt.gif);
	background-repeat:no-repeat;
	background-position:35px 0px;
	padding-left:54px;
	margin-top:6px;
	float:left;
	clear:both;
}

div#button_kontakt a{
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:12px;
	color: #000000;
}

div#button_kontakt a:hover{
	text-decoration: none;
 	outline:none;
	font-weight:bold;
	font-size:12px;
	color: #000000;
}

div#button_kontakt .aktiv{
	text-decoration: none;
 	outline:none;
	font-weight:bold;
	font-size:12px;
	color: #000000;
}

div#button_anfahrt{
	float:left;
	width: 120px;
	background-image:url(gra_icon_anfahrt.gif);
	background-repeat:no-repeat;
	background-position:35px 0px;
	padding-left:54px;
	margin-top:6px;
	float:left;
	clear:both;
}

div#button_anfahrt a{
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:12px;
	color: #000000;
}

div#button_anfahrt a:hover{
	text-decoration: none;
 	outline:none;
	font-weight:bold;
	font-size:12px;
	color: #000000;
}

div#button_anfahrt .aktiv{
	text-decoration: none;
 	outline:none;
	font-weight:bold;
	font-size:12px;
	color: #000000;
}

div#button_impressum{
	float:left;
	width: 120px;
	background-image:url(gra_icon_impressum.gif);
	background-repeat:no-repeat;
	background-position:35px 0px;
	padding-left:54px;
	margin-top:6px;
	float:left;
	clear:both;
}

div#button_impressum a{
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:12px;
	color: #000000;
}

div#button_impressum a:hover{
	text-decoration: none;
 	outline:none;
	font-weight:bold;
	font-size:12px;
	color: #000000;
}

div#button_impressum .aktiv{
	text-decoration: none;
 	outline:none;
	font-weight:bold;
	font-size:12px;
	color: #000000;
}

div#button_spenden{
	float:left;
	width: 120px;
	background-image:url(gra_icon_spenden.gif);
	background-repeat:no-repeat;
	background-position:35px 0px;
	padding-left:54px;
	margin-top:20px;
	float:left;
	clear:both;
}

div#button_spenden a{
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:12px;
	color: #000000;
}

div#button_spenden a:hover{
	text-decoration: none;
 	outline:none;
	font-weight:bold;
	font-size:12px;
	color: #000000;
}

div#button_spenden .aktiv{
	text-decoration: none;
 	outline:none;
	font-weight:bold;
	font-size:12px;
	color: #000000;
}

div#button_text_drucken{
	float:left;
	width: 120px;
	background-image:url(gra_icon_drucken.gif);
	background-repeat:no-repeat;
	background-position:35px 0px;
	padding-left:54px;
	margin-top:30px;
	float:left;
	clear:both;
}

div#button_text_drucken a{
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:12px;
	color: #000000;
}

div#button_text_drucken a:hover{
	text-decoration: none;
 	outline:none;
	font-weight:bold;
	font-size:12px;
	color: #000000;
}

div#button_text_drucken .aktiv{
	text-decoration: none;
 	outline:none;
	font-weight:bold;
	font-size:12px;
	color: #000000;
}

div#box_suchen {
	padding-top:4px;
	text-align:left;
}

.sform {
	font-size: 12px;
	color: #000000;
	width: 174px;
	height:11px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	margin-left:7px;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 11px;
}
	
/*--------------- Hauptnavigation -------------------*/

div#hauptnavi {
	height: 25px;
	margin-left:10px;
}

div#hauptnavi ul {
	padding: 0px;
	margin: 0px;
}

div#hauptnavi ul li { 
	list-style: none;
	padding: 0px;
	margin: 0px;
	display:inline;
}
 
div#hauptnavi a {
	padding-top:4px;
	padding-bottom:1px;
	color: #000000;
	text-decoration: none;
	outline:none;
	float:left;
}

div#hauptnavi a:hover {
	padding-top:4px;
	padding-bottom:1px;
	color: #000000;
	text-decoration: none;
	outline:none;
	float:left;
	font-weight:bold;
}

a.button_startseite:link, a.button_startseite:visited, a.button_startseite:active {
	text-align:left;
	width:60px;
}

a.button_startseite:hover, .button_startseite_aktiv {
	text-align:left;
	width:60px;
	font-weight:bold;
}

a.button_profil:link, a.button_profil:visited, a.button_profil:active {
	text-align:center;
	width:69px;
	margin-left:120px;
}

a.button_profil:hover, .button_profil_aktiv {
	text-align:center;
	width:69px;
	border-bottom: 5px solid #003399;
	font-weight:bold;
	margin-left:120px;
}

a.button_veranstaltungen:link, a.button_veranstaltungen:visited, a.button_veranstaltungen:active {
	text-align:center;
	width:141px;
}

a.button_veranstaltungen:hover, .button_veranstaltungen_aktiv {
	text-align:center;
	width:141px;
	border-bottom: 5px solid #666600;
	font-weight:bold;
}

a.button_konkret:link, a.button_konkret:visited, a.button_konkret:active {
	text-align:center;
	width:86px;
}

a.button_konkret:hover, .button_konkret_aktiv {
	text-align:center;
	width:86px;
	border-bottom: 5px solid #663366;
	font-weight:bold;
}

a.button_einrichtungen:link, a.button_einrichtungen:visited, a.button_einrichtungen:active {
	text-align:center;
	width:124px;
}

a.button_einrichtungen:hover, .button_einrichtungen_aktiv {
	text-align:center;
	width:124px;
	border-bottom: 5px solid #990000;
	font-weight:bold;
}

a.button_aktuelles:link, a.button_aktuelles:visited, a.button_aktuelles:active {
	text-align:center;
	width:96px;
}

a.button_aktuelles:hover, .button_aktuelles_aktiv {
	text-align:center;
	width:96px;
	border-bottom: 5px solid #cc6600;
	font-weight:bold;
}

a.button_produkte:link, a.button_produkte:visited, a.button_produkte:active {
	text-align:center;
	width:94px;
}

a.button_produkte:hover, .button_produkte_aktiv {
	text-align:center;
	width:94px;
	border-bottom: 5px solid #996600;
	font-weight:bold;
}

/*---------------Menü Left -------------------*/

div#menue_left {
	width: 190px;
	height: 100%;
	text-align:left;
	float:left;
	margin-top:0px;
	padding-left:0px;
	border-top: 1px solid #003399;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div#menue_left img{
	display:block;
}

div#menue_left ul {
 	margin:0px; padding:0px;
}
div#menue_left li {
    list-style: none;
 }
 
div#menue_left ul ul{
 	margin:0px; padding:0px;
	background-color:#b4c8f0;
}

div#menue_left ul ul li {
    list-style: none;
 }
 
div#menue_left ul ul ul{
 	margin:0px; padding:0px;
	background-color:#b4c8f0;
}
 
div#menue_left ul ul ul li {
    list-style: none;
 }
  
div#menue_left ul a, div#menue_left ul a:visited, div#menue_left ul a:active{
      display:block;
	  height:1%;
	  color:#000000; 
	  text-decoration:none;
	  padding-left:10px;
	  margin:0px;
	  outline:none;
	  border-left:0px solid #003399;
	  border-bottom: 1px solid #003399;
}
	  
div#menue_left ul a:hover, div#menue_left ul .aktiv {
	display:block;
	height:1%;
	color:#000000; 
	background-color:#b4c8f0;
	font-weight:bold;
	text-decoration:none;
	padding-left:5px;
	margin:0px;
	outline:none;
	border-left:5px solid #003399;
	border-bottom: 1px solid #003399;
}


/*---------------Unternavigation links- 2. Ebene ------------------*/

div#menue_left ul ul a, div#menue_left ul ul a:visited, div#menue_left ul ul a:active{
      display:block;
	  height:1%;
	  color:#000000;
      text-decoration:none;
      text-align:left; 
	  padding-left:23px;
	  margin:0px;
	  outline:none;
	  border-left:0px solid #003399;
	  border-bottom: 1px solid #003399;
}
	  
div#menue_left ul ul a:hover, div#menue_left ul ul .aktiv {
	display:block;
	height:1%;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding-left:23px;
	margin:0px;
	outline:none;
	border-left:0px solid #003399;
	border-bottom: 1px solid #003399;
	background-image:url(gra_menue_pfeil_blau.gif);
	background-repeat:no-repeat;
	background-position:10px;
}
	  
/*---------------Unternavigation links- 3. Ebene ------------------*/

div#menue_left ul ul ul a, div#menue_left ul ul ul a:visited, div#menue_left ul ul ul a:active{
      display:block;
	  height:1%;
	  color:#000000;
      text-decoration:none;
      text-align:left; 
	  padding-left:36px;
	  margin:0px;
	  outline:none;
	  border-left:0px solid #003399;
	  border-bottom: 1px solid #003399;
}
	  
div#menue_left ul ul ul a:hover, div#menue_left ul ul ul .aktiv {
	display:block;
	height:1%;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding-left:36px;
	margin:0px;
	outline:none;
	border-left:0px solid #003399;
	border-bottom: 1px solid #003399;
	background-image:url(gra_menue_pfeil_blau.gif);
	background-repeat:no-repeat;
	background-position:23px;
}
	  
/*------------------------- Inhalt ----------------------------*/

div#inhalt{
	width: 570px;
	height: 100%;
	float: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top:17px;
	padding-left:20px;
	padding-right:20px;
	}
	
#inhalt ul {
	list-style-type: square;
	color: #003399;
	list-style-position: outside;
	margin-left:7px;
	padding-left:7px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#inhalt a:link {color:#003399;outline:none;}
#inhalt a:active {color:#003399;outline:none;}
#inhalt a:visited {color:#003399;outline:none;}
#inhalt a:hover {color:#003399;outline:none;font-weight:bold;}

.farbe_liste {color:#000000}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	background-color:#b4c8f0;
	margin-bottom:5px;
	padding-left:3px;
}

.h2 {
	height: 30px;
	padding-left: 23px;
	text-align:left;
	background-image: url(gra_icon_info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
}

h4 {
	font-weight:bold;
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.highlight_kalender {
	text-align:center;
	color: #000000;
	border:1px solid #CDD282;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:0px;
	margin-top:0px;
	font-style: normal;
}

#bildbox {
   float:right;
   min-height:1em;
   width: 200px;
   text-align:left;
   clear:both;
   padding-left:10px;
   padding-bottom:10px;
   font-size:11px;
}

.img_rechts{
	float:right;
	padding-left:10px;
	padding-bottom:10px;
}

.img_links{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

.img_drucken {
display:inline;
}

/*--------------- Box Aktuelles -------------------*/

#aktuelles {
	margin:auto;
	width:620px;
	padding-left:10px;
	border-left: 10px solid #003399;
	background-color:#ffffff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
}

#bildbox_aktuelles_hoch {
   float:right;
   min-height:1em;
   width: 225px;
   text-align:left;
   clear:both;
   padding-left:10px;
   padding-bottom:10px;
   font-size:11px;
}

#bildbox_aktuelles_quer {
   float:right;
   min-height:1em;
   width: 300px;
   text-align:left;
   clear:both;
   padding-left:10px;
   padding-bottom:10px;
   font-size:11px;
}

#aktuelles ul {
	list-style-type: square;
	color: #003399;
	list-style-position: outside;
	margin-left:7px;
	padding-left:7px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#aktuelles a:link {color:#003399;outline:none;}
#aktuelles a:active {color:#003399;outline:none;}
#aktuelles a:visited {color:#003399;outline:none;}
#aktuelles a:hover {color:#003399;outline:none;font-weight:bold;}


/*------------------------- Menü Right ----------------------------*/


div#menue_right {
	width: 180px;
	height: 100%;
	text-align:center;
	float:left;
	margin-top:0px;
	padding-left:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div#menue_right_karte {
	width: 180px;
	height: 100%;
	text-align:center;
	float:left;
	margin-top:0px;
	padding-left:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.rahmen_rechts {
    padding:12px;
	border: 1px solid #b4c8f0;
	text-align:center;
	margin-bottom:2px;
}

div#textbox_rechts {
	text-align:left;
	border-bottom: 1px solid #003399;
}

div#textbox_rechts_karte {
	text-align:left;
}

div#zitat {
	margin:auto;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    padding:12px;
	border: 1px solid #b4c8f0;
	text-align:left;
	margin-bottom:12px;
	background-image:url(gra_zitat_blau.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	z-index:1;
}

div#zitat_htgr {
	margin:auto;
	width:150px;
	background-image:url(gra_zitat_blau.gif);
	background-repeat:no-repeat;
	background-position:left 205px;
	z-index:2;
}

div#menue_right a:link {color:#003399;outline:none;}
div#menue_right a:active {color:#003399;outline:none;}
div#menue_right a:visited {color:#003399;outline:none;}
div#menue_right a:hover {color:#003399;outline:none;font-weight:bold;}

div#menue_right_karte a:link {color:#003399;outline:none;}
div#menue_right_karte a:active {color:#003399;outline:none;}
div#menue_right_karte a:visited {color:#003399;outline:none;}
div#menue_right_karte a:hover {color:#003399;outline:none;font-weight:bold;}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	background-color:#003399;
	color:#ffffff;
	margin:0px;
}
/*------------------------- Footer ----------------------------*/


div#footer_1{
	text-align:left;
	width: 1010px;
	height: 60px;
	clear: both;
	background-image:url(gra_htgr_footer_1_blau.gif);
	background-repeat:no-repeat;
}

div#footer_2{
	width: 1000px;
	background-color: #D7E1F5;
	clear: both;
	padding-left: 10px;
	padding-bottom:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
}

div#footer_2 a:link {color:#003399;outline:none;}
div#footer_2 a:active {color:#003399;outline:none;}
div#footer_2 a:visited {color:#003399;outline:none;}
div#footer_2 a:hover {color:#003399;outline:none;font-weight:bold;}