html,body{
 font-family:arial;
 color:#333333;
 font-size:10pt;
 margin:0;
 padding:0;
 width:100%;
 height:100%;}

body{ background-image:url(media/hg_index.jpg); background-position:left top;
 background-attachment:fixed;
 background-repeat:repeat-x;
 background-color:#333;
}

img{ border:none; }

hr{border:none;background-color:#333333;color:#333333;}

.L{
 height:10px;
 line-height:10px;
 font-size:10px; }

#seite {
 padding:0;
 margin:0;
 width:100%;
 min-height:100%;}

#seiteright {
 width:100%;
 min-height:100%;
 height:inherit;}

#kopf {
 width:100%;
 background-color:transparent;
 background-image:url(layout/kopf.png);
 background-position:top left;
 background-repeat:repeat-x;
 height:123px;overflow:hidden;}

#content{
 min-width:100%;
 min-height:600px;}

#topnavigation{
 border:none;
 padding:0;
 margin:auto;
 height:122px;
 width:960px;}

#logo {
 width:609px;
 height:223px;
 background-image:url(layout/whiteshadow.png);
 background-repeat:no-repeat;
 text-decoration:none;
 margin-left:-128px;
 margin-right:-85px;
 /* Es sind 115px rechts, aber es soll ja 30px Abstand vom Bild zum Menü geben */
}

#logo img{
 border:1px;
 width:200px;
 height:106px;
 margin-left:128px;
 margin-top:2px; }

#topnavigation td{
 vertical-align:top;
 text-align:left;
 margin:0;padding:0;}

td>#navigation{
 margin-top:10px;}

.vb{
 vertical-align:bottom !important;}

#kontakt{
 text-align:center;
 display:inline-block;
 float:right;
 width:120px;
 font-size:1.3em;
 padding:5px;
 text-decoration:none;
 background-color:#005AA9;
 color:#FFF;}

#innercontent{
 margin:auto;
 width:920px;}

h1{
 margin:0;padding:0;
 margin-bottom:35px;
 font-size:2em !important;
 font-weight:bold;
 font-style:italic;
 color:#013F7A;}

h2{
 margin:0;padding:0;
 margin-top:10px;
 margin-bottom:15px;
 font-size:1.5em !important;
 font-weight:bold;
 color:#929292;}

#textfeld{
 z-index:1000;
 font-family:Tahoma;
 padding:20px;
 padding-top:18px;
 color:#929292;
 width:inherit;
 font-size:1.2em;
 background-image:url(layout/trans.png); }

#textfeld a{
 color:#929292;
 text-decoration:none;}

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

ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;}

ul > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;}

#blaulinks{
 min-height:123px;
 background-image:url(layout/left.png);
 background-repeat:repeat-y;}

#blaurechts{
 min-height:123px;
 background-image:url(layout/right.png);
 background-position:right top;
 background-repeat:repeat-y;}

#bilderleiste{
 position:absolute;right:0; top:0;
 background-color:#929292;
 height:inherit;
 width:305px;
 margin-right:55px;
 z-index:-1;

 overflow:hidden !important;}

#bilderleiste .ximg{
 width:170px;
 display:block;
 background-color:#929292;}

.mr,.mra{
 padding:5px;
 text-decoration:none;
 font-weight:bold;
 font-size:1.3em;
 color:#929292;}

.mra{
 color:#005AA9;}

.mr:after,.mra:after{
 color:#929292;
 content: " \a0 \a0|"; }

.mr:last-child:after,
.mra:last-child:after{
 content: ""; }

#sitemap .mr:after,
#sitemap .mra:after,
#sitemap .smr:after,
#sitemap .smra:after
{
 content: ""; }

#sitemap .mr,
#sitemap .mra,
#sitemap .smr,
#sitemap .smra
{
 font-weight:normal;
 color:#929292;
 border:none;
 background:none;
 width:45%;
 display:inline-block;}

#fuss {
 height:200px;
 background-color:#929292;
 border-bottom:8px solid #005AA9;}

#innerfuss{
 padding-top:20px;
 padding-left:80px;
 font-size:1.3em;
 margin:auto;
 color:#FFF;
 width:960px;}

#innerfuss td a{
 font-size:1em;
 color:#FFF;
 text-decoration:none;}

.cb{clear:both;}

.link{
 text-decoration:none;}
 
.link:hover{
 text-decoration:underline;}