@charset "utf-8";
/* Klotzin-Dachdeckerei */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 11px;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	background-image: url(images/HG-Hauptseite.jpg);
}

#apDiv1 {
	position:absolute;
	left:645px;
	top:169px;
	width:203px;
	height:85px;
	z-index:1;
	background-color: #FDC401;
}
a:link {
	text-decoration: none;
	color: #5B606A;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: none;
	color: #F00;
}
a:active {
	text-decoration: none;
	color: #00F;
}
.HGHauptseite {
	background-image: url(images/HG820x573b.jpg);
	height: 573px;
	width: 820px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}

.HGHauptseite .mainswf {
	height: 140px;
	width: 780px;
	margin-top: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #969CA8;
	border-bottom-color: #969CA8;
}
.GB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	font-style: oblique;
}

.HGHauptseite .begruessung {
	padding-top: 20px;
	padding-left: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 260px;
	padding-right: 80px;
	width: 721px;
}

.Hellgrau10px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8E8E8E;
	width: 230px;
	text-align: right;
	padding-left: 450px;
}
.HGHauptseite .begruessung .Topnavi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	width: 250px;
	text-align: right;
	float: right;
	padding-top: 5px;
}
.HGHauptseite .begruessung .Navilinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 200px;
	height: 160px;
	margin-top: 36px;
}
.HGHauptseite .begruessung .Navilinks .button{
	background-image: url(images/ButtonLO.jpg);
	height: 20px;
	width: 135px;
	padding-top: 20px;
	padding-left: 65px;
	background-repeat: no-repeat;
	background-position: left top;
}

.HGHauptseite .begruessung .Navilinks .buttonb{
	background-image: url(images/Buttonohneverlauf.jpg);
	height: 20px;
	width: 135px;
	padding-top: 20px;
	padding-left: 65px;
	background-repeat: no-repeat;
	background-position: left top;
}
.HGHauptseite .begruessung .Navilinks .buttonTop{
	background-image: url(images/Buttonohneverlauf1.jpg);
	height: 20px;
	width: 135px;
	padding-top: 20px;
	padding-left: 65px;
	background-repeat: no-repeat;
	background-position: left top;
}
.HGHauptseite .Fooder {
	margin-top: 67px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}
.HGHauptseite .begruessung .hallo {
	margin-top: 20px;
	margin-left: 100px;
	padding: 5px;
	width: 360px;
	background-color: #CCC;
}

.hallo {
	margin-top: 20px;
	margin-left: 100px;
	padding: 5px;
	width: 360px;
	background-color: #CCC;
}
.HGHauptseite .Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	width: auto;
	text-align: right;
	padding-top: 20px;
	padding-right: 50px;
	height: 35px;
}
.brotkrume {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00;
}
.HGHauptseite .titelkontakt {
	margin-top: 30px;
	margin-left: 50px;
	padding-left: 5px;
}
.HGHauptseite .formhalter {
	margin-left: 50px;
	margin-top: 18px;
	height: 300px;
	width: 300px;
	margin-bottom: 95px;
}

td {vertical-align: top;
padding-left: 5px;}
.HGHauptseite .begruessung .Ansage {
	float: right;
	margin-top: 100px;
	width: 210px;
	height: 258px;
}
.HGHauptseite .begruessung .Ansage .Zeitangabe {
	width: 130px;
	padding: 10px;
	background-color: #CCC;
	height: auto;
}
.topl {
	padding-left: 150px;
	width: 300px;
}
.HGHauptseite .Karte {
	width: 450px;
	float: right;
	margin-top: 20px;
}

/*--- Box--*/
#box {
	position:fixed;
	z-index:3;
	font-size: 12px;
}

#box a {
	width:460px;
	color:#660202;
	background:#E5CEA5;
	font:bold 12px verdana, sans-serif;
	text-decoration:none;
	display:block;
	padding:5px;
	border:1px solid black;
	height: auto;
}

#box a:hover {
	color:black;
	background:#E5CEA5;
	width:500px;
}


#box a span {display:none;}

#box a:hover span {
color:black;
background:#ffffff;
font:normal 12px courier, sans-serif;
border:1px solid black;
display:block;
padding:10px;}

* html #menu a, * html #menu a:visited {
  width:152px; 
  height:28px; 
  w\idth:152px; 
  he\ight:16px;
  }
#menu a span {
  display:none;
  }
#menu a:hover {
	border:1px solid #989CA7;
	padding-right: 5px;
	padding-left: 5px;
}
#menu a:hover span.left, 
#menu a:hover span.right {
  display:block; 
  position:absolute; 
  height:0; 
  width:0; 
  overflow:hidden; 
  border-top:8px solid #FBEBCA; 
  border-bottom:8px solid #FBEBCA; 
  }
#menu a:hover span.left {
  left:5px; 
  top:5px; 
  border-left:8px solid #660202;
  }
#menu a:hover span.right {
  left:140px; 
  top:5px; 
  border-right:8px solid #660202;
  }
* html #menu a:hover span.left, 
* html #menu a:hover span.right {
  width:8px; 
  height:16px; 
  w\idth:0; 
  he\ight:0;
  }
#menu a:hover span.lk1 {
	display:block;
	position:relative;
	left:-160px;
	top:-210px;
	padding:5px;
	width:180px;
	background-color:#fff;
	color:#000;
	border:1px solid #234;
  }
  #menu a:hover span.lk2 {
	display:block;
	position:relative;
	left:-130px;
	top:-270px;
	padding:5px;
	width:150px;
	color:#000;
	border:1px solid #234;
	background-image: url(images/dachtecker.jpg);
	height: 103px;
	background-repeat: no-repeat;
	background-position: center center;
  }
    #menu a:hover span.lk3 {
	display:block;
	position:relative;
	left:-160px;
	top:-290px;
	padding:5px;
	width:180px;
	background-color:#fff;
	color:#000;
	border:1px solid #234;
  }
  #menu a:hover span.lk {
	display:block;
	position:relative;
	left:-160px;
	top:-170px;
	padding:5px;
	width:180px;
	background-color:#fff;
	color:#000;
	border:1px solid #234;
  }
/*-- Textstil - 1 version*/
.HGHauptseite .content {
	height: 160px;
	padding-right: 50px;
	padding-left: 50px;
}
.HGHauptseite .Content {
	height: 455px;
	padding-right: 50px;
	padding-top: 10px;
	padding-left: 19px;
}
.HGHauptseite .Hfooder {
	text-align: center;
}
.HGHauptseite .Content .Navilinks {
	width: 200px;
	height: 200px;
	margin-top: 22px;
	margin-bottom: 10px;
}
.HGHauptseite .Content .Navilinks #menu .buttonTop {
	background-image: url(images/Buttonohneverlauf1.jpg);
	height: 20px;
	padding-top: 20px;
	padding-left: 65px;
}
.HGHauptseite .Content .Navilinks #menu .buttonb {
	background-image: url(images/Buttonohneverlauf.jpg);
	height: 20px;
	padding-left: 65px;
	padding-top: 20px;
}
.HGHauptseite .Content .Navilinks #menu .button {
	background-image: url(images/ButtonLO.jpg);
	height: 20px;
	padding-top: 20px;
	padding-left: 65px;
}
.HGHauptseite .Content .Flashlang {
	float: right;
	width: 490px;
}
.HGHauptseite .Content .Titelleiste {
	height: 50px;
	float: right;
	width: 530px;
}
.HGHauptseite .Content .Titelleiste .titel1 {
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 14px;
}
.HGHauptseite .Content .inhalt {
	padding-left: 50px;
	height: 225px;
}
.HGHauptseite .Content .inhalt .links {
	width: 350px;
	padding-top: 10px;
}
.HGHauptseite .Content .inhalt .rechts {
	float: right;
	width: 370px;
	padding-top: 10px;
	margin-right: 30px;
}
.HGHauptseite .Content .inhalt .links1 {
	width: 175px;
}
.HGHauptseite .Content .inhalt .links .links2 {
	float: right;
	width: 135px;
}
.HGHauptseite .Content .inhalt .links .links1 ul {
	list-style-position: inside;
	padding-left: 20px;
}
.HGHauptseite .Content .inhalt .links .links2 ul {
	list-style-position: inside;
}
.HGHauptseite .Content .inhalt .rechts .rechtsL1 .RechtsL {
	width: 175px;
	float: right;
}
.HGHauptseite .Content .inhalt .rechts .rechtsL1 {
	width: 170px;
}
.HGHauptseite .Content .inhalt .rechts .rechts2 {
	float: right;
	width: 135px;
}
.HGHauptseite .Content .inhalt .rechts .rechtsL1 ul {
	list-style-position: inside;
}
.HGHauptseite .Content .inhalt .rechts .rechts2 ul li {
	list-style-position: inside;
}
.HGHauptseite .Content .inhalt .titelunten {
	padding-bottom: 10px;
	height: 40px;
	text-align: left;
	background-image: url(images/titelHG.png);
	padding-left: 10px;
	padding-top: 10px;
	border: 1px solid #989CA7;
}
.HGHauptseite .Content .Navilinks #menu .Navititel {
	height: 25px;
	padding-top: 15px;
	padding-left: 20px;
}
.HGHauptseite .topnavi .Header .topnavi {
	float: left;
	padding-left: 50px;
	padding-top: 5px;
	font-size: 14px;
	text-align: left;
}
.HGHauptseite .Content .Flashlang .titelseite {
	height: 80px;
}
.HGHauptseite .Content .Flashlang .titelseite .titel1 {
	padding-top: 33px;
	color: #4D525B;
	float: right;
}
.HGHauptseite .Content .Flashlang .titelseite .titel1 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}
.HGHauptseite .Content .Navilinks #menu .Navititel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4D525B;
	font-weight: normal;
}
.HGHauptseite .Content .inhalt .Brandschutz .aufzaelung .links .listelinks {
	padding-left: 10px;
}
.HGHauptseite .Content .inhalt .Brandschutz .aufzaelung .links .listelinks .links-eing {
	padding-left: 10px;
}
.HGHauptseite .Content .Freitag {
	height: 265px;
	padding: 100px;
	font-size: 24px;
}
.achtung {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 35px;
	color: #F00;
}