body {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background-image: url(../bilder/hg/hg.jpg);
background-repeat:repeat-x;
}


h1 {
color: #0099ff;
font-weight: normal;
font-size: 2.6em;
letter-spacing: -1px;
	
}

h2 {
color: #0099ff;
font-weight: normal;
font-size: 1.8em;
letter-spacing: -2px;
}


h3 {
color: #0099ff;
font-weight: bold;
font-size: 1.0em;
letter-spacing: -1px;
margin:0;
}

p {margin:0.5em 0; padding:0}

.blue {color: #0099ff;}


/********** header **********/

#header {
width:868px;
height:180px;
padding:0 60px 0 70px; 
margin: 0 auto;
background-image:url(../bilder/hg/hg_header.jpg);  
}


/********** logo ***********/

#logo {
  float: right;
  text-align:right;
  padding: 0 10px 0 0;
}

#logo h1, #logo h2 {
  text-transform: lowercase;
  margin: 0;
}

#logo h1 {
  color: #666666;
  font-size: 3.5em;
  padding-top: 22px;
}

#logo h1 a {
  color: #666666;
}

#logo h2 {
  color: #666666;
  font-size: 1.2em;
  letter-spacing: -1px;
  margin-top: -5px;
}

#logo h2 a {
color: #666666;
}

#logo a {
text-decoration: none;
}


/********** navigation **********/

#menu {
float: left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#menu ul {
list-style: none;
margin: 0;
padding:0;
}

#menu li {
  display: inline;
}

#menu a{
  width: 119px;
  height: 90px;
  margin: 76px 10px 0 0px;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 1.6em;
  padding-top: 30px;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  background: url(../bilder/button/button-blau.jpg) no-repeat;
}

#menu a:hover {
  width: 119px;
  height: 90px;
  margin: 76px 10px 0 0px;
  color: #666666;
  display: block;
  float: left;
  font-size: 1.6em;
  padding-top: 30px;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  background: url(../bilder/button/button-gelb.jpg) no-repeat;
}


/********** sub navigation **********/
ul#sub_navigation {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 20px 0px 50px 00px;
border-bottom: 2px solid #ffffff;
padding: 1px 1px 0px 1px;
}

ul#sub_navigation li {
list-style: none;
margin: 0;
padding-bottom:1px;
}
  
ul#sub_navigation li.sub {
font-size:10px; 
}
  
ul#sub_navigation span {
color:#FFFFFF;
background-color:#333366;
display:block;
}

ul#sub_navigation a {
padding:3px 3px 3px 30px;
font-weight: bold;
}
  
ul#sub_navigation a:link, ul#sub_navigation a:visited{
color:#ffffff;
background-color:#0099ff;
display:block;
text-decoration:none;
}

ul#sub_navigation a:hover, ul#sub_navigation a:active {
color:#333333;
background-color:#ffcc00;
display:block;
text-decoration:none;
}

/********** main content **********/
#main_container {
width:998px;
margin: 0 auto;
padding:0;
background-image:url(../bilder/hg/hg-content.jpg); 
}

#main {
float:left; 
width:500px; 
padding:20px 0 0 90px; 
background-image:url(../bilder/hg/hg-text.jpg);
background-repeat:no-repeat; 
background-position: 50px 10px; 
}


.main_news{
padding:0px 0 10px 0;
margin:0 0 25px 0;
background-image:url(../bilder/grafik/linie.gif); 
background-repeat:no-repeat; 
background-position:bottom left;
}

#main_news_left {
width:270px;
float: left;
}

#right {
width: 300px;
float: right;
margin:0;
padding: 40px 80px 0 0;
}

#right p{
margin:10px 20px;
}

.pfeil {
height:25px;
padding:7px 0 0 35px; 
margin: 10px 0 10px 10px;
background-image:url(../bilder/grafik/pfeil.jpg); 
background-repeat:no-repeat; 
text-align:left;
}

span.pfeil {
height:25px;
padding:7px 0 0 35px; 
margin: 15px 0 15px 10px;
background-image:url(../bilder/grafik/pfeil.jpg); 
background-repeat:no-repeat; 
text-align:left;
}

.tools {
height:32px;
padding:0px 0 0 35px; 
margin: 10px 0 10px 10px;
background-image:url(../bilder/grafik/tools.jpg); 
background-repeat:no-repeat; 
text-align:left;
}

.info {
height:32px;
padding:0px 0 0 35px; 
margin: 10px 0 10px 10px;
background-image:url(../bilder/grafik/info.jpg); 
background-repeat:no-repeat; 
text-align:left;
}

/********** bottom content **********/

#bottom {
clear:both;
height:124px;  
background-image:url(../bilder/hg/hg-bottom.jpg); 
background-position:bottom; 
background-repeat:no-repeat; 
}

#bottom ul {
  list-style: none;
  margin: 0;
  padding: 0;
	
}

#bottom li {
  display: block;
  float: left;
  padding: 15px;
}

#bottom li ul {
  line-height: 1.8em;
}

#bottom li li {
  width: auto;
  display: list-item;
  float: none;
  padding: 0;
}

#bottom a {
  color: #ffffff;
  padding: 5px;
  text-decoration: none;
	
}

#bottom a:hover {
  text-decoration: underline;
}



/********** footer **********/
#footer {
  width: 100%;
  font-size: 10px;
  height: 40px;
  margin: 0 auto;
  color: #999999;
  text-align:center;
}

#footer p {
  margin: 0;
  padding: 10px;
}

#footer a:link, a:visited {
color: #999999;
text-decoration: underline;
}

#footer a:hover {
color: #666666;
text-decoration: none;
}

/********** wegweiser **********/
.path {
  font-size: 9px;
  padding-top: 6px;
  padding-top: 7px;
  padding-left: 4px;
}

a.path:link, a.path:visited {
  color: #ffcc00;
  font-weight: normal;
}

a.path:hover {
  color: #008c00;
  font-weight: normal;
  text-decoration: none;
}

/********** news **********/

.news_index {
min-height:50px;
margin:0 0 30px 10px;
padding:0 50px 0 0;
}

.news {
min-height:50px;
margin:0 0 30px 10px;
padding:0;
}

/********** bilder news **********/

.bild_news {
margin:0 10px 0 0; 
float:left; 
border:1px solid #666666; 
padding:3px;
}

.bild_news_web {
margin:0 0 5px 0; 
border:1px solid #666666; 
padding:3px;
}

.bild_news_print {
margin:0 0 5px 0; 
border:1px solid #666666; 
padding:3px;
}


/********** links **********/
a:link, a:visited {
color: #666666;
text-decoration: underline;
}

a:hover {
color: #999999;
text-decoration: none;
}

a.text:link, a.text:visited {
color: #666666;
text-decoration: none;
}

a.text:hover {
color: #999999;
text-decoration: none;
}

/********** links **********/
a.extern { 
padding-right: 12px; 
background: url(../bilder/grafik/externer-link.jpg) no-repeat right;
}

/********** aufzählungen **********/

#haken ul {

}

#haken li {
list-style-image:url(../bilder/grafik/haken.jpg);
padding:2px 0;
}

/********** hilfsmittel **********/
acronym, abbr, span.caps { 
font-size: 12px; 
border-bottom: 1px dashed #666666; 
cursor: help; 
}

.blau {
color: #0099ff;
background-color:#FFFFFF;
}

.caution      { color:red; font-weight:bold; }
img.captcha   { margin:0px; padding:0px; border:1px solid #000; }
input.captcha { margin:0px; padding:0px; width:100px; height:23px; font-size:16px; }

html { min-height: 100.05%; }