@charset "utf-8";
/* CSS Document */

html {
   height: 101%;
}

body {
	background-color: #B39211;
	margin: 0px;
	background-image: url(../img/htg-verlauf.jpg);
	background-repeat: repeat-x;
}
a img {
border : 0 none;
}

#container {
	height: 800px;
	width: 1030px;
	margin-right: auto;
	margin-left: auto;
}
#box-links {
	height: 100%;
	width: 90px;
	float: left;
}
#box-rechts {
	height: 310px;
	width: 90px;
	float: left;
}


#header {
	float: left;
	height: 330px;
	width: 850px;
	background-image: url(../img/htg-header.jpg);
	background-repeat: no-repeat;
	background-color: #110F0B;
}
#navi {
	float: left;
	height: 275px;
	width: 530px;
	padding-left: 20px;
	padding-top: 35px;
}
#navi2 {
	float: left;
	height: 165px;
	width: 220px;
	padding-left: 80px;
	padding-top: 145px;
}

#content {
	float: left;
	height: auto;
	width: 850px;
	background-color: #110f0b;
}
#textbox {
	float: left;
	height: auto;
	width: 535px;
	padding-top: 20px;
	padding-left: 20px;
	background-color: #110F0B;
	padding-right: 15px;
}
#subnavi {
	float: left;
	height: auto;
	width: 810px;
	background-color: #110f0b;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 30px;
}
#subnavi2 {
	float: left;
	height: auto;
	width: 810px;
	background-color: #110f0b;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 0px;
}


#footer {
	text-align: right;
	float: left;
	height: 30px;
	width: 830px;
	padding-top: 15px;
	padding-right: 20px;
	background-color: #110F0B;
}



.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	color: #B39211;
}
.headlinerot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	color: #B39211;
}
.headline2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #B39211;
}
.headline3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #BA2626;
}



.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
}

.fliesstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	text-align: justify;
}
.fliesstext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #B29011;
	text-align: justify;
}

.fliesstext3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #EBEBEA;
	text-align: justify;
}

.fliesstextgelb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #B29011;
}

div.imageHold div {
  float: left;
  width: 175px;
  height: 114px;
  /* ab hier kann man die abst�nde
  und sonstiges der bilder eintragen */
}

div.imageHold img {
  width: 175px;  /* wir skalieren das gro�e bild auf die kleine gr��e */
  height: 114px; /* um verpixelung beim verg��ern zu verhindern       */
}

div.imageHold img:hover {
  position: absolute;
  margin-left: -102px; /* die h�lfte des gr��enunterschiedes der bilder */
  margin-top: -66px;  /* hier genau so */
  width: 400px;       /* die weite beim vergr��ern */
  height: 260px;      /* die h�he beim vergr��ern */
}

div.imageHoldv div {
  float: left;
  width: 130px;
  height: 165px;
  /* ab hier kann man die abst�nde
  und sonstiges der bilder eintragen */
}

div.imageHoldv img {
  width: 130px;  /* wir skalieren das gro�e bild auf die kleine gr��e */
  height: 165px; /* um verpixelung beim verg��ern zu verhindern       */
}

div.imageHoldv img:hover {
  position: absolute;
  margin-left: -77px; /* die h�lfte des gr��enunterschiedes der bilder */
  margin-top: -121px;  /* hier genau so */
  width: 300px;       /* die weite beim vergr��ern */
  height: 377px;      /* die h�he beim vergr��ern */
}


.feuer {
    font-size: 75pt;
    font-weight: bold;
    text-shadow:   0px   0px 10px white,
                   5px  -5px 10px #F8FF9D,
                 -10px -10px 20px #F5FE5C,
                  10px -15px 20px #FDDB33,
                 -10px -20px 20px #FFC126,
                  10px -25px 20px #FF7808,
                 -10px -30px 20px #F95801,
                  15px -35px 20px #FE7606,
                 -15px -40px 20px #FD5C01,
                  15px -45px 15px #E54600,
                 -20px -50px 15px #D23700,
                  20px -55px 15px #B82B00,
                 -20px -60px 15px #A11301,
                  20px -65px 15px #981D01,
                 -25px -70px 10px #851200,
                  25px -75px 10px #690D00,
                 -25px -80px 10px #3E0600
	        ;
}

A.impressumlink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}

A.impressumlink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}

A.impressumlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #B29011;
	text-decoration: none;
}

A.navilink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

A.navilink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

A.navilink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #B29011;
	text-decoration: none;
}

.rechtliche-hinweise-headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: justify;
}
.rechtliche-hinweise-subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration: underline;
	text-align: justify;
}
.rechtliche-hinweise-fliesstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFF;
	text-align: justify;
}
#imagebox {
	float: left;
	height: 500px;
	width: 270px;
	padding-top: 90px;
}