body {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ece6d8;
	color: #333333;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	background-image: url(htgr_body.jpg);
	background-repeat: repeat-x;
	}
p {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:left;
	margin-top:0px;
}

a:link {color:#660000;outline:none;}
a:hover {color:#996600;outline:none;}
a:active {color:#660000;outline:none;}
a:visited {	color:#660000;outline:none;}


.schrift_kleiner {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:left;
}

.schrift_banner {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:right;
	padding-right:10px;
}

ul {
	list-style-type: square;
	color: #cc9900;
	list-style-position: outside;
	margin-left:7px;
	padding-left:7px;
}

.farbe_liste {
	color:#333333;
}

.rechts {
float:right;
clear:both;
}

.rahmen_bild {
    padding-top:0px;
	padding-left:5px;
	padding-right:0px;
	padding-bottom:5px;
    border-top: 0px solid #ccc;
	border-left: 1px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
    display:block;
    background-color: #ffffff;
}

h1 {
	text-align:left;
	color: #cc9900;
	border-bottom:1px solid #cc9900;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:1px;
	margin-top:0px;
	margin-bottom:5px;
}
h2 {
	text-align:left;
	color: #333333;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:0px;
	margin-top:0px;
	margin-bottom:0px;
}

h3{
	text-align:center;
	color: #000000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color:#cc9900;
	margin-top:0px;
	margin-bottom:5px;
}

div#frame {
	width: 1000px;
	margin:20px auto auto;
	background-image:url(htgr_inhalt.jpg);
	background-color:#ffffff;
}

div#banner {
	width: 1000px;
	float:left;
}


div#banner img{
	display:inline;
}

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

div#button_kontakt{
	float:right;
	width: 58px;
	background-image:url(gra_icon_kontakt.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
	padding-left:17px;
	margin-top:8px;
}

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

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

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

div#button_anfahrt{
	float:right;
	width: 56px;
	background-image:url(gra_icon_anfahrt.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
	padding-left:17px;
	margin-top:8px;
}

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

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

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

div#button_impressum{
	float:right;
	width: 75px;
	background-image:url(gra_icon_impressum.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
	padding-left:17px;
	margin-top:8px;
}

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

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

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

/*--------------- Hauptnavigation -------------------*/

div#hauptnavi {
	width: 980px;
	height: 28px;
	background-image:url(htgr_hauptnavi.jpg);
	background-repeat:repeat-x;
	margin-left:10px;
}

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

div#hauptnavi ul li { 
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align:center;
	display:inline;
}
 
div#hauptnavi a {
	padding-top:3px;
	padding-left: 21px;
	padding-right: 21px;
	color: #000000;
	text-decoration: none;
	outline:none;
	float:left;
	border-top: 3px solid #ffffff;
}

div#hauptnavi a:hover {
	padding-top:3px;
	padding-left: 21px;
	padding-right: 21px;
	color: #000000;
	text-decoration: none;
	outline:none;
	float:left;
	border-top: 3px solid #cc9900;
	background-image:url(gra_quadrat_hauptnavi.gif);
	background-repeat:no-repeat;
	background-position:9px 9px;
}

div#hauptnavi .aktiv {
	padding-top:3px;
	padding-left: 21px;
	padding-right: 21px;
	color: #000000;
	text-decoration: none;
 	outline:none;
	float:left;
	border-top: 3px solid #cc9900;
	background-image:url(gra_quadrat_hauptnavi.gif);
	background-repeat:no-repeat;
	background-position:9px 9px;
}

/*---------------Unternavigation links-------------------*/

div#menue_left {
	width: 200px;
	height:300px;
	text-align:left;
	float:left;
	margin-top:20px;
	padding-left:10px;
}

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:#faf0d2;
}

div#menue_left ul ul li {
    list-style: none;
}
 
div#menue_left ul ul ul{
 	margin:0px; padding:0px;
	background-color:#faf0d2;
}
 
 div#menue_left ul ul ul li {
    list-style: none;
}
  
div#menue_left ul a{
      display:block;
	  height:1%;
	  color:#000000;
      font-size:13px;
      font-family:Arial, Helvetica, sans-serif;
      text-decoration:none;
      text-align:left; 
	  padding-left:21px;
	  margin:0px;
	  outline:none;
	  border-bottom: 1px solid #999999;
}
	  
div#menue_left ul a:hover {
	display:block;
	height:1%;
	color:#000000;
	background-color:#faf0d2;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding-left:16px;
	margin:0px;
	outline:none;
	border-bottom: 1px solid #999999;
	border-left:5px solid #cc9900;
}
	  
div#menue_left ul .aktiv_1 {
    display:block;	  
	height:1%;
	color:#000000;
	background-color:#faf0d2;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    text-decoration:none;
    text-align:left; 
	padding-left:16px;
	margin:0px;
	outline:none;
	border-bottom: 1px solid #999999;
	border-left:5px solid #cc9900;
}

div#menue_left ul .aktiv_2 {
    display:block;	  
	height:1%;
	color:#000000;
	background-color:#faf0d2;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    text-decoration:none;
    text-align:left; 
	padding-left:16px;
	margin:0px;
	outline:none;
	border-bottom: 1px solid #999999;
	border-left:5px solid #cc9900;
	border-right:5px solid #cc9900;
}

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


div#menue_left ul ul a{
      display:block;
	  height:1%;
	  color:#000000;
      font-size:13px;
      font-family:Arial, Helvetica, sans-serif;
      text-decoration:none;
      text-align:left; 
	  padding-left:31px;
	  margin:0px;
	  outline:none;
	  border-bottom: 1px solid #999999;
	  border-left:5px solid #cc9900;
}
	  
div#menue_left ul ul a:hover {
	display:block;
	height:1%;
	color:#000000;
	background-color:#faf0d2;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding-left:31px;
	margin:0px;
	outline:none;
	border-bottom: 1px solid #999999;
	border-left:5px solid #cc9900;
}
	  
div#menue_left ul ul .aktiv_1 {
    display:block;	  
	height:1%;
	color:#000000;
	background-color:#faf0d2;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    text-decoration:none;
    text-align:left; 
	padding-left:31px;
	margin:0px;
	outline:none;
	border-bottom: 1px solid #999999;
	border-left:5px solid #cc9900;
}

div#menue_left ul ul .aktiv_2 {
    display:block;	  
	height:1%;
	color:#000000;
	background-color:#faf0d2;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    text-decoration:none;
    text-align:left; 
	padding-left:31px;
	margin:0px;
	outline:none;
	border-bottom: 1px solid #999999;
	border-left:5px solid #cc9900;
	border-right:5px solid #cc9900;
}

/*---------------Unternavigation links- 3. Ebene ------------------*/


div#menue_left ul ul ul a{
      display:block;
	  height:1%;
	  color:#000000;
      font-size:13px;
      font-family:Arial, Helvetica, sans-serif;
      text-decoration:none;
      text-align:left; 
	  padding-left:46px;
	  margin:0px;
	  outline:none;
	  border-bottom: 1px solid #999999;
	  border-left:5px solid #cc9900;
}
	  
div#menue_left ul ul ul a:hover {
	display:block;
	height:1%;
	color:#000000;
	background-color:#faf0d2;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding-left:46px;
	margin:0px;
	outline:none;
	border-bottom: 1px solid #999999;
	border-left:5px solid #cc9900;
}
	  
div#menue_left ul ul ul .aktiv_1 {
    display:block;	  
	height:1%;
	color:#000000;
	background-color:#faf0d2;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    text-decoration:none;
    text-align:left; 
	padding-left:46px;
	margin:0px;
	outline:none;
	border-bottom: 1px solid #999999;
	border-left:5px solid #cc9900;
}

div#menue_left ul ul ul .aktiv_2 {
    display:block;	  
	height:1%;
	color:#000000;
	background-color:#faf0d2;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    text-decoration:none;
    text-align:left; 
	padding-left:46px;
	margin:0px;
	outline:none;
	border-bottom: 1px solid #999999;
	border-left:5px solid #cc9900;
	border-right:5px solid #cc9900;
}

/*--------------- Inhalt ------------------*/

div#inhalt {
	width: 520px;
	text-align:left;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
}

/*--------------- Menü rechts ------------------*/
div#menue_right {
	width: 200px;
	text-align:left;
	float:left;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-size:12px;
}
	
div#menue_right p {
	margin-bottom:10px;
	font-size:12px;
}

/*--------------- Footer 1 ------------------*/
div#fuss {
	width:980px;
	height:5px;
	font-size:11px;
	clear:both;
	margin:auto;
	margin-left:10px;
	margin-right:10px;
	background-color:#cc9900;
}

/*--------------- Footer 2 ------------------*/
div#fuss_2 {
	width:990px;
	height:30px;
	font-size:11px;
	clear:both;
	margin:auto;
	margin-left:0px;
	margin-right:0px;
	padding-top:10px;
	padding-left:10px;
	background-color:#ece6d8;
	background-image:url(htgr_fuss.jpg);
	background-repeat:no-repeat;
}
		
div#fuss_2 a:link {color:#333333;outline:none;}
div#fuss_2 a:hover {color:#000000;outline:none;font-weight: bold;}
div#fuss_2 a:active {color:#333333;outline:none;}
div#fuss_2 a:visited {color:#333333;outline:none;}

div#box_suchen {
	background-color:#e6e6e6;
	border-bottom:1px solid #ffffff;
	padding:6px;
	text-align:left;
	color: #333333;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height:18px;
	margin-top:0px;
}

.sform {
	font-size: 11px;
	color: #000000;
	width: 155px;
	height:14px;
	border: 1px solid #999999;
	background-color: #ffffff;
	vertical-align: top;
	margin-left:10px;
	margin-bottom:0px;
}

div#box_drucken {
	background-color:#e6e6e6;
	border-bottom:1px solid #ffffff;
	padding:6px;
	text-align:left;
	color: #333333;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height:18px;
}

div#box_drucken a:link {color:#000000;text-decoration:none;}
div#box_drucken a:hover {color:#000000; font-weight:bold; text-decoration:none;}
div#box_drucken a:active {color:#000000;text-decoration:none;}
div#box_drucken a:visited {color:#000000;text-decoration:none;}

div#infomaterial_bestellen {
	background-color:#e6e6e6;
	border-bottom:10px solid #ffffff;
	padding:6px;
	text-align:left;
	color: #333333;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height:18px;
}

div#infomaterial_bestellen a:link {color:#000000;text-decoration:none;}
div#infomaterial_bestellen a:hover {color:#000000; font-weight:bold; text-decoration:none;}
div#infomaterial_bestellen a:active {color:#000000;text-decoration:none;}
div#infomaterial_bestellen a:visited {color:#000000;text-decoration:none;}

/* Suche*/
.blue {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #660000}
.hitword {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: bold}
/*  Ziffern  */
a.digits:link, a.digits:visited {color: #660000; font-size: 13px; text-decoration: none;}
a.digits:hover {color: #660000;}

/*  Vor-/zurück-Pfleile  */
a.first_last:link, a.first_last:visited {color: #660000; font-size: 11px; text-decoration: none;}
a.first_last:hover {color: #660000;}

a.copy:link, a.copy:visited {color: #660000; font-size: 11px; text-decoration: none;}
a.copy:hover {color: #660000; text-decoration: underline;}
a.Stil1, a.Stil1:hover, a.Stil1:visited {font-size: 11px; text-decoration: underline;}

.sbutton {font-size: 11px; color: #000000; width: 157px; height: 19px; background-color: #FAF0D2; border-left: 1px solid #576675; border-bottom: 1px solid #576675; border-right: 1px solid #576675; border-top: 1px solid #576675; margin-left:10px;}

form
{
display:inline;
}

/*Formular*/

.aform1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 150px;
	height: 14px;
	border: 1px solid #999999;
	background-color: #fffaf5;
}
.aform2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; width: 375px; height: 14px; border: 1px solid #999999; background-color: #fffaf5; }
.aform3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; width: 375px; height: 100px; border: 1px solid #999999; background-color: #fffaf5; }

.inputField 
{ 
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-SIZE: 12px; 
	WIDTH: 150px;
	background-color: #fffaf5;

} 
.inputField_lang
{ 
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-SIZE: 12px; 
	WIDTH: 375px; 	
	background-color: #fffaf5;
} 
.inputField_box
{ 
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid; 
	background-color:#fffaf5;
} 
.errorField 
{
	BORDER-RIGHT: #990000 1px solid;
	BORDER-TOP: #990000 1px solid;
	BORDER-LEFT: #990000 1px solid;
	BORDER-BOTTOM: #990000 1px solid;
	FONT-SIZE: 12px;
	WIDTH: 150px;
	background-color: #fffaee;
} 
.errorField_lang
{
	BORDER-RIGHT: #990000 1px solid;
	BORDER-TOP: #990000 1px solid;
	BORDER-LEFT: #990000 1px solid;
	BORDER-BOTTOM: #990000 1px solid;
	FONT-SIZE: 12px;
	WIDTH: 375px;
	background-color: #fffaee;
} 
.errorField_box
{
	BORDER-RIGHT: #990000 1px solid;
	BORDER-TOP: #990000 1px solid;
	BORDER-LEFT: #990000 1px solid;
	BORDER-BOTTOM: #990000 1px solid;
	background-color:#fffaee;
} 
.errorTable 
{
	BORDER-RIGHT: #990000 1px solid;
	BORDER-TOP: #990000 1px solid;
	BORDER-LEFT: #990000 1px solid;
	BORDER-BOTTOM: #990000 1px solid;
	FONT-SIZE: 12px;
	background-color: #ffffff;
	WIDTH: 375px;
} 
.button_formular
{
	FONT-SIZE: 12px; 
	BORDER-RIGHT: #7f9db9 1px solid; 
	BORDER-TOP: #7f9db9 1px solid; 
	BORDER-LEFT: #7f9db9 1px solid; 
	BORDER-BOTTOM: #7f9db9 1px solid;
	background-color:#ffe3aa;
}

/**** Galerie Diashow  ****/

.image_info {
    clear:both;
	display:block;
    font-size:12px;
	letter-spacing:0px;
    color:#333333;
    border:0px;
	margin-top: 0px;
}
	
.slideshow_link {
    clear:both;
    font-size:12px;
	letter-spacing:0px;
    color:#333333;
    border:0px;
	margin-top:8px;
}
	
.slideshow_link a:link {text-decoration:none;color:#333333;font-weight: normal;	margin-top: 10px;}
.slideshow_link a:active {text-decoration:none;color:#333333;font-weight: normal;margin-top: 10px;}
.slideshow_link a:visited {text-decoration:none;color:#333333;font-weight: normal;margin-top: 10px;}
.slideshow_link a:hover {text-decoration:none;color:#996600;font-weight: bold;margin-top: 10px;}

.wrapper {
    margin:0px auto;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    border: 0px solid #000;
    text-align:center;
}
.show_title a {
    font-size:13px;
    text-decoration:none;
    color:#cccccc;
}

img {
	border-width: 0;
}
.image {
    margin-top:0px;
	margin-bottom:0px;
}
.image img {
    padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
    border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    display:block;
    background-color: #f5f5f5;
}

.navigation {text-decoration: none;color:#333333;font-weight:normal;text-align: center;font-size:12px;vertical-align: middle;margin: 0px;}
.navigation a:link {text-decoration: none;color:#333333;margin-top:0px;font-weight:normal;text-align: center;vertical-align: middle;}
.navigation a:active {text-decoration: none;color:#333333;margin-top:0px;font-weight:normal;text-align: center;vertical-align: middle;}
.navigation a:visited {text-decoration: none;color:#333333;margin-top:0px;font-weight:normal;text-align: center;vertical-align: middle;}
.navigation a:hover {text-decoration: none;color:#996600;margin-top:0px;font-weight:normal;text-align: center;vertical-align: middle;}

.nav_buttons {
	vertical-align: middle;
	height: 13px;
}

.thumbnail_row {
	margin-top: 0px;
	margin-left:9px;
	margin-right:8px;
	width:963px;
}
.thumbnail_row img {
    border:1px solid #ffffff;
	float:left;
	margin-right: 0px;
	margin-bottom: 0px;
}
.thumbnail_row a:hover img {
    filter: alpha(opacity=39);
    opacity: 0.5;
	float:left;
}
.thumbnail_center {
    border:1px solid #996600 !important;
	float:left;
	margin-right: 0px;
	margin-bottom: 0px;
}
.small, .small a {
    margin-top: 20px;
    text-decoration:none;
    color:#777;
}

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

div#aktuelles {
	width:620px;
	background-color:#ffffff;
}

div#bildbox_aktuelles {
   float:right;
   min-height:1em;
   width: 225px;
   text-align:left;
   clear:both;
   padding-left:10px;
   padding-bottom:10px;
}

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

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