body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	background: #000;
	margin: 100px 0px 0px 0px;
	padding: 0;
	color: #e6e6e6;
	background-image: url(htgr_2.jpg);
	background-repeat:no-repeat;
	background-position:center 50px;
	background-attachment:fixed;
}

p {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e6e6e6;
	text-align:left;
	margin-top:0px;
}

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


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

.farbe_liste {
	color:#e6e6e6;
}

h1 {
	text-align:left;
	color: #999;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:1px;
	margin-top:0px;
}

h2 {
	text-align:left;
	color: #fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:0px;
	margin-top:0px;
}

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

h1.header{
}

div#htgr {
	background-image: url(htgr.gif);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:1;
}

div#container {
	width: 990px;
	margin: 0 auto;
}

div#header {
	background: #000;
	height:160px;
	margin-bottom:25px;
}

div#slider {
	position: relative;
	top: -160px;
	left: 275px;
}

div#blockclearfix {
  clear: both;
  display: block;
  content: " ";
  margin-top:40px;
  margin-left:70px;
}

div#blockheader
{
  margin: 0 auto;
}

div#blockcontent
{
  float: left;
  text-align:left;
  line-height:20px;
  margin-top:0px;
  color:#999;
  font-size:13px;
  font-family:Arial, Helvetica, sans-serif;
}

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

div#menue_left {
	float: left;
	width: 275px;
	text-align:right;
	line-height:26px;
}

div#menue_left ul{
 	margin:0; padding:0;
}
div#menue_left li {
    list-style: none;
	display:inline;
}
div#menue_left ul ul{
 	margin: 0 0px 0 0; padding:0px;
	display: none
}
div#menue_left ul ul.aktiv{
 	margin: 0 0px 0 0; padding:0px;
	display: block
}

div#menue_left ul ul li {
    list-style: none;
	display:inline;
}
 
div#menue_left ul a{
      display:block;
	  color:#999;
      font-size:13px;
      font-family:Arial, Helvetica, sans-serif;
      text-decoration:none;
	  outline:none;
	  padding-right:34px;
}
	  
div#menue_left ul a:hover {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_weiss.gif);
	background-position:255px;
	background-repeat:no-repeat;
	padding-right:34px;
}
	  
div#menue_left ul .aktiv-gruen {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_gruen.gif);
	background-position:255px;
	background-repeat:no-repeat;
	padding-right:34px;
}

div#menue_left ul .aktiv-orange {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_orange.gif);
	background-position:255px;
	background-repeat:no-repeat;
	padding-right:34px;
}

div#menue_left ul .aktiv-brombeer {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_brombeer.gif);
	background-position:255px;
	background-repeat:no-repeat;
	padding-right:34px;
}

div#menue_left ul .aktiv-gelb {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_gelb.gif);
	background-position:255px;
	background-repeat:no-repeat;
	padding-right:34px;
}

div#menue_left ul .aktiv-petrol {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_petrol.gif);
	background-position:255px;
	background-repeat:no-repeat;
	padding-right:34px;
}

div#menue_left ul .aktiv-beige {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_beige.gif);
	background-position:255px;
	background-repeat:no-repeat;
	padding-right:34px;
}

div#menue_left ul .aktiv-blau {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_blau.gif);
	background-position:255px;
	background-repeat:no-repeat;
	padding-right:34px;
}

div#menue_left ul .aktiv-hellblau {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_hellblau.gif);
	background-position:255px;
	background-repeat:no-repeat;
	padding-right:34px;
}

div#menue_left ul .aktiv-rot {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_rot.gif);
	background-position:255px;
	background-repeat:no-repeat;
	padding-right:34px;
}

div#menue_left ul .aktiv-weiss {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_weiss.gif);
	background-position:255px;
	background-repeat:no-repeat;
	padding-right:34px;
}

div#menue_left ul ul a{
      display:block;
	  color:#999;
      font-size:13px;
      font-family:Arial, Helvetica, sans-serif;
      text-decoration:none;
	  outline:none;
	  padding-right:50px;
}
	  
div#menue_left ul ul a:hover {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_weiss.gif);
	background-position:240px;
	background-repeat:no-repeat;
	padding-right:50px;
}
	  
div#menue_left ul ul .aktiv-gruen {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_gruen.gif);
	background-position:225px;
	background-repeat:no-repeat;
	padding-right:50px;
}

div#menue_left ul ul .aktiv-orange {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_orange.gif);
	background-position:240px;
	background-repeat:no-repeat;
	padding-right:50px;
}

/* ? */
div#menue_left ul ul .aktiv-brombeer {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_brombeer.gif);
	background-position:240px;
	background-repeat:no-repeat;
	padding-right:50px;
}

/* ? */
div#menue_left ul ul .aktiv-gelb {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_gelb.gif);
	background-position:240px;
	background-repeat:no-repeat;
	padding-right:50px;
}

div#menue_left ul ul .aktiv-petrol {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_petrol.gif);
	background-position:240px;
	background-repeat:no-repeat;
	padding-right:50px;
}

/* ? */
div#menue_left ul ul .aktiv-beige {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_beige.gif);
	background-position:240px;
	background-repeat:no-repeat;
	padding-right:50px;
}

div#menue_left ul ul .aktiv-blau {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_blau.gif);
	background-position:240px;
	background-repeat:no-repeat;
	padding-right:50px;
}

div#menue_left ul ul .aktiv-hellblau {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_hellblau.gif);
	background-position:240px;
	background-repeat:no-repeat;
	padding-right:50px;
}

div#menue_left ul ul .aktiv-rot {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_rot.gif);
	background-position:240px;
	background-repeat:no-repeat;
	padding-right:50px;
}

div#menue_left ul ul .aktiv-weiss {
	display:block;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background-image:url(pfeil_weiss.gif);
	background-position:240px;
	background-repeat:no-repeat;
	padding-right:50px;
}

div#inhalt-gruen {
	width: 650px;
	float: left;
	padding: 31px 30px 15px 30px;
	background-color:#333;
	border-right: 5px solid #529a1c;
	clear:right;

}

div#inhalt-orange {
	width: 650px;
	float: left;
	padding: 31px 30px 15px 30px;
	background-color:#333;
	border-right: 5px solid #f90;
	clear:right;

}

div#inhalt-brombeer {
	width: 650px;
	float: left;
	padding: 31px 30px 15px 30px;
	background-color:#333;
	border-right: 5px solid #906;
	clear:right;

}

div#inhalt-gelb {
	width: 650px;
	float: left;
	padding: 31px 30px 15px 30px;
	background-color:#333;
	border-right: 5px solid #ffff00;
	clear:right;

}

div#inhalt-petrol{
	width: 650px;
	float: left;
	padding: 31px 30px 15px 30px;
	background-color:#333;
	border-right: 5px solid #399;
	clear:right;

}

div#inhalt-beige {
	width: 650px;
	float: left;
	padding: 31px 30px 15px 30px;
	background-color:#333;
	border-right: 5px solid #c18300;
	clear:right;

}

div#inhalt-blau {
	width: 650px;
	float: left;
	padding: 31px 30px 15px 30px;
	background-color:#333;
	border-right: 5px solid #09f;
	clear:right;

}

div#inhalt-hellblau {
	width: 650px;
	float: left;
	padding: 31px 30px 15px 30px;
	background-color:#333;
	border-right: 5px solid #9cf;
	clear:right;

}

div#inhalt-rot {
	width: 650px;
	float: left;
	padding: 31px 30px 15px 30px;
	background-color:#333;
	border-right: 5px solid #f00;
	clear:right;

}

div#inhalt-weiss {
	width: 650px;
	float: left;
	padding: 31px 30px 15px 30px;
	background-color:#333;
	border-right: 5px solid #fff;
	clear:right;

}

.rahmen_bild {
    padding-top:0px;
	padding-left:5px;
	padding-right:0px;
	padding-bottom:0px;
    border-top: 0px solid #999;
	border-left: 1px solid #999;
    border-right: 0px solid #999;
    border-bottom: 0px solid #999;
    display:block;
	margin-left:40px;
	margin-bottom:30px;
	margin-right:-25px;
	float:right;
}

* html .rahmen_bild {
    padding-top:0px;
	padding-left:5px;
	padding-right:0px;
	padding-bottom:0px;
    border-top: 0px solid #999;
	border-left: 1px solid #999;
    border-right: 0px solid #999;
    border-bottom: 0px solid #999;
    display:block;
	margin-left:20px;
	margin-bottom:30px;
	margin-right:5px;
	float:right;
}

div#footer-1{
	position: relative;/* Hiermit erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */
	clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
	margin: 0;
	width: 925px;
	padding-left:70px;
	padding-top: 10px;
}

div#footer-2{
	width: 705px;
	float:left;
	font-size: 11px;
}

div#footer-2 a:link {color:#e6e6e6;outline:none;text-decoration:none;}
div#footer-2 a:hover {color:#e6e6e6;font-weight: normal;outline:none;text-decoration:underline;}
div#footer-2 a:active {color:#e6e6e6;outline:none;text-decoration:underline;}
div#footer-2 a:visited {color:#e6e6e6;outline:none;text-decoration:none;}


div#footer-3{
	width: 220px;
	float:left;
	font-size: 10px;
}
	
div#footer-3 a:link {color:#fff;outline:none;text-decoration:none;}
div#footer-3 a:hover {color:#fff;font-weight: normal;outline:none;text-decoration:none;}
div#footer-3 a:active {color:#fff;outline:none;text-decoration:none;}
div#footer-3 a:visited {color:#fff;outline:none;text-decoration:none;}

td#socialbookmark{
	width:200px;
}

.facebook-tag-icon
{
  background: url('footerfacebookicon.png') no-repeat scroll;
  margin: 0 auto;
  min-height: 25px;
  min-width: 25px;
  display: inline-block;
  text-indent: 28px;
  background-position: left center;
  vertical-align: middle;
}

.twitter-tag-icon
{
  background: url('footertwittericon.png') no-repeat scroll;
  margin: 0 auto;
  min-height: 25px;
  min-width: 25px;
  display: inline-block;
  text-indent: 28px;
  background-position: left center;
  vertical-align: middle;
}

.linkedin-tag-icon
{
  background: url('footerlinkedinicon.png') no-repeat scroll;
  margin: 0 auto;
  min-height: 25px;
  min-width: 25px;
  display: inline-block;
  text-indent: 28px;
  background-position: left center;
  vertical-align: middle;
}

.xing-tag-icon
{
  background: url('footerxingicon.png') no-repeat scroll;
  margin: 0 auto;
  min-height: 25px;
  min-width: 25px;
  display: inline-block;
  text-indent: 28px;
  background-position: left center;
  vertical-align: middle;
}