body {
	color: #000;
	padding:0px;
	margin: 65px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color:#ccc;
	line-height:16px;
	background-image:url(htgr_body.jpg);
	background-repeat:repeat-x;
	background-position:top right;
	background-attachment:fixed;
}
		
p {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	line-height:16px;
	margin-top:0px;
}

ul {
	list-style-type: square;
	color: #bac273;
	list-style-position: outside;
	margin-left:7px;
	padding-left:7px;
	font-size: 13px;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
}

.farbe_liste {
	color:#000;
}


h1 {
	font-size:23px;
	line-height:23px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-style:italic;
	color:#666;
	text-align:left;
	margin-top:0px;
	margin-bottom:10px;
}

h2 {
	font-size:23px;
	line-height:23px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-style:italic;
	color:#666;
	text-align:left;
	margin-top:0px;
	margin-bottom:10px;
}


a:link {color:#878c3c;outline:none;}
a:active {color:#878c3c;outline:none;}
a:visited {color:#878c3c;outline:none;}
a:hover {color:#878c3c;outline:none;font-weight:bold;}

div#rahmen {
	margin:auto;
  	width:990px;
}

div#menu{
	margin-top: 10px;
	width:500px;
	height: 441px;
	float: left;	
	background-image:url(htgr_menu.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	box-shadow: -2px 4px 6px rgba(0,0,0,0.5);
    -moz-box-shadow: -2px 4px 6px rgba(0,0,0,0.5);
    -webkit-box-shadow: -2px 4px 6px rgba(0,0,0,0.5);
}

div#navigation{
	width:500px;
	height: 160px;
	float: left;
	margin-top:11px;
}

div#navigation ul{
 	margin:0px 0px 0px 0px; 
	padding:0px;
}
div#navigation li {
    list-style: none;
	display:inline;
}

div#navigation ul ul{
 	margin: 0 0 0 20px; 
	padding:0px;
}

div#navigation ul ul li {
    list-style: none;
	display:inline;

}

div#navigation ul a{
      display:block;
	  color:#fff;
      font-size:13px;
      font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
      text-decoration:none;
	  outline:none;
	  padding: 0px 0px 0px 20px;
	  margin-top:3px;
	  width:180px;
	  line-height:18px;
}
	  
div#navigation ul a:hover {
	display:block;
	color:#000;
	background-image: url(gra_quadrat_men.gif), url(htgr_hover.png) ;
	background-repeat:no-repeat, repeat;
	background-position:right center, left top;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	padding: 0px 0px 0px 20px;
 	width:180px;
	line-height:18px;
}
	  
div#navigation ul .aktiv {
	display:block;
	color:#000;
	background-image: url(gra_quadrat_men.gif), url(htgr_hover.png) ;
	background-repeat:no-repeat, repeat;
	background-position:right center, left top;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	padding: 0px 0px 0px 20px;
 	width:180px;
	line-height:18px;
}

div#navigation ul ul a{
      display:block;
	  color:#fff;
      font-size:13px;
      font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
      text-decoration:none;
	  outline:none;
	  padding: 0px 0px 0px 20px;
	  margin-top:3px;
	  width:160px;
	  line-height:18px;
}
	  
div#navigation ul ul a:hover {
	display:block;
	color:#000;
	background-image: url(gra_quadrat_men.gif), url(htgr_hover.png) ;
	background-repeat:no-repeat, repeat;
	background-position:right center, left top;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	padding: 0px 0px 0px 20px;
 	width:160px;
	line-height:18px;
}
	  
div#navigation ul ul .aktiv {
	display:block;
	color:#000;
	background-image: url(gra_quadrat_men.gif), url(htgr_hover.png) ;
	background-repeat:no-repeat, repeat;
	background-position:right center, left top;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	padding: 0px 0px 0px 20px;
 	width:160px;
	line-height:18px;
}

div#inhalt {
	position: relative;
	width:480px;
	min-height:650px;
	border-bottom: 5px solid #878c3c;
	float: left;
	background-color: #e6e6e6;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	background-image:url(gra_quadrat.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin-bottom:100px;
	z-index:2;

}

div#logo {
	width:480px;
	height:140px;
	text-align:center;
	background-image:url(htgr_logo.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	padding-top:20px;
}

div#inhalt-text {
	padding: 0px 30px 20px 30px;
	float: left;
	}

div#rand {
	margin-top: 10px;
	width:10px;
	height:441px;
	background-color:#878c3c;
	float: left;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	z-index:1;
}

div#footer {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	padding: 20px 20px;
	width:950px;
	margin:auto!important;
}

div#footer a {color:#000!important;outline:none; font-weight:normal;}
div#footer a:hover {color:#666!important;outline:none; font-weight:normal;}
div#footer a:active {color:#000!important;outline:none; font-weight:normal;}
div#footer a:visited {color:000!important;outline:none; font-weight:normal;}