/*
orange: #fec132
Slogan HG: #ffdfa2
Menü HG: #ffe8be
Menüpunkte HG: #ffdfa2
Schrift: #b08707
*/

html, body{
margin:0;
padding:0;
font-family: Arial, Verdana, Sans-Serif;
font-size: 101.01%;
background-color: #ffe8be;
background-image:url(../grafiken/hgbody.jpg);
background-repeat: repeat-y;
height: 100.1%;
}


#pagewidth
{
width:990px;
border: 0px solid #000000;
/* background-image:url(../grafiken/hg_body.jpg);
background-repeat: repeat-y; */
}

#header
{
position: relative;
width: 990px;
height: 250px;
max-height: 250px;
background-color: #ffffff;
border-top: 1px solid #ffffff;
background-image:url(../grafiken/hgheader.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#header #schwester
{
position: absolute;
top: 52px;
left: 0px;
z-index: 50;
}

#header #logo
{
position: absolute;
top: 70px;
left: 97px;
z-index: 100;
}

#header #metanavi
{
position: absolute;
top: 218px;
width: 265px;
text-align: center;
}

.cl1
{
clear: both;
margin: 0;
}

.cl2
{
clear: right;
margin-top: 1.0em;
}

#wrapper
{
clear: both;
padding: 0;
margin: 0;
width: 100%;
border: 0px solid #000000;
}

#leftcol
{
position: relative;
float: left;
width: 265px;
max-width: 265px;
max-height: 100%;
padding:0;

border: 0px solid #000000;
}

#leftcol #slogan
{
position: absolute;
left: 30px;
top: 10px;
}


#maincol
{
position: relative;
margin-left: 305px;
width: 673px;
max-width: 673px;
border: 0px solid #000000;
}

* html #maincol
{
width: 670px;
}


#maincol .anfang
{
margin-top: 1.50em;
}

#maincol h1
{
font-size: 1.4em;
text-transform: uppercase;
font-family: 'Times New Roman', Times, Serif;
color: #b08707;
line-height:1.5em;
margin:0;
}

#maincol h2
{
font-size: 1.1em;
font-weight: bold;
color: #b08707;
margin-top: 1.50em;
line-height: 1.5em;
}

#maincol h3
{
font-size: 0.90em;
font-weight: bold;
color: #000000;
margin-top: 1.50em;
line-height: 1.5em;
}

#maincol p
{
margin: 0;
margin-bottom: 0.80em;
font-size: 0.80em;
line-height:1.5em;
}

#maincol .untertitel
{
font-size: 0.75em;
line-height:1.5em;
}

#maincol a:link
{
color: #000000;
text-decoration:underline;
}

#maincol a:visited
{
color: #000000;
text-decoration:underline;
}

#maincol a:hover, #maincol a:active
{
color: #da251d;
text-decoration:underline;
}

#maincol img
{
border: 2px solid #ffdfa2;
margin-top: 0.85em;
}

#maincol li
{
font-size: 0.80em;
line-height: 1.5em;
margin-top: 6px;
}

#maincol .linie
{
border-bottom: 1px solid  #b08707;
margin: 0;
padding: 0;
padding-bottom: 6px;
text-align: right;
}

#maincol .linie img
{
border: 0;
}

#maincol .extrainfo
{
margin-top: 0.55em;
margin-bottom: 0.55em;
padding: 5px;
background: #fff3dd;
}

#maincol blockquote
{
margin: 0;
font-family: 'Times New Roman', Times, Serif;
font-size: 0.85em;
line-height:1.5em;
}

#maincol .einspaltig
{
padding-right: 50px;
}

#maincol .spalte-li
{
float: left;
width: 380px;
}

#maincol .spalte-re
{
float: right;
width: 255px;
}

#maincol .spalte-re img
{
border: 0;
padding: 0;
margin: 0;
}

#maincol .adressen-li
{
float: left;
width: 315px;
}

#maincol .adressen-re
{
float: right;
width: 315px;
margin-right: 15px;
}

#maincol .adressen-re p, #maincol .adressen-li p
{
border: 2px solid #ffdfa2;
background: #fff3dd;
margin-bottom: 2.0em;
padding: 20px;
}


/* Spalte rechts auf Startseite */

#maincol .meldung
{
float: right;
width: 280px;
border: 2px solid #ffdfa2;
border-right: 0;
background: #fff3dd;
padding: 15px;
padding-top: 0;
margin-top: 24px;
}

#maincol .meldung h2
{
font-size: 0.90em;
}

/* Ende Spalte rechts Startseite */

#maincol .box
{
margin-top: 0.55em;
border-top: 2px solid #ffdfa2;
border-left: 2px solid #ffdfa2;
border-bottom: 2px solid #ffdfa2;
padding: 5px;
padding-right: 0;
background: #fff3dd;
}

#maincol .first
{
margin-top: 2.0em;
}

#maincol .box h2
{
margin: 0;
padding: 5px;
font-size: 0.90em;
}

#maincol .box p
{
margin: 0;
margin-top: 0.4em;
padding: 5px;
}

#maincol .box strong
{
font-weight: bold;
color: #b08707;
}

#maincol .box h2
{
margin: 0;
padding: 5px;
}

.boxre strong
{
font-weight: bold;
color: #b08707;
}

#maincol .boxli
{
float: left;
width: 380px;
}

#maincol .boxre
{
float: right;
border-top: 2px solid #ffdfa2;
border-left: 2px solid #ffdfa2;
border-bottom: 2px solid #ffdfa2;
padding: 5px;
padding-right: 0;
background: #fff3dd;
width: 255px;
}

.first
{
margin-top: 2.0em;
}

#maincol .boxre h2
{
margin: 0;
padding: 5px;
}

.boxre p
{
padding: 5px;
}

.boxre strong
{
font-weight: bold;
color: #b08707;
}


#maincol .boxre img
{
border: 0;
margin: 0;
padding: 0;
}


#maincol .spalte-li ul.start
{
list-style-type: none;
margin:0;
margin-top: 24px;
padding: 0;
}

#maincol .spalte-li ul.start li
{
border: 2px solid #ffdfa2;
background: #fff3dd;
margin-bottom: 37px;
padding: 15px;
}

#maincol .spalte-re ul.start
{
list-style-type: none;
margin:0;
margin-top: 24px;
padding: 0;
}

#maincol .spalte-re ul.start li
{
border: 2px solid #ffdfa2;
background: #fff3dd;
margin-bottom: 15px;
padding: 15px;
}

#maincol .spalte-re .bild
{
margin-bottom: 12px;
}

#maincol .spalte-re p
{
margin-top: 0.5em;
}


/* Beginn Fuss-Bereich */

#footer
{
clear:both;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #ffffff;
color: #000000;
height: 180px;
max-height: 200px;
border: 0px solid #000000;
background-image:url(../grafiken/hgfooter.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#footer a:link, #footer a:visited
{
text-decoration: none;
font-size: 12px;
font-weight: normal;
color: #000000;
}


#footer a:hover, #footer a:active
{
text-decoration:underline;
font-size: 12px;
font-weight: normal;
color: #000000;
}

#footer #nav1
{
float: right;
padding-top: 111px;
padding-right: 135px;
text-align: right;
border: 0px solid #ffffff;
width: 380px;
}

#footer #nav2
{
float: left;
padding-top: 111px;
padding-left: 100px;
text-align: left;
border: 0px solid #ffffff;
width: 250px;
}

/* Ende Fuss-Bereich */


/* Kennzeichnung externer Links */
.exlink {
   position: relative;
   top: 0px;
   left: 0px;
}


a.exlink span {
   display: none;
}

a:hover.exlink span {
   display: block;
   position: absolute;
   top: 25px;
   left: 0;
   margin: 0px;
         background-color: #fff7d7;
         padding: 5px;
         border: 1px solid #a28c3c;
   color: #000000;
   border: 1px solid #666666;
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   font-weight:normal;
   text-decoration: none;
   z-index: 100;
}

a:hover.exlink {
   color: #000000;
   border: 0px;
   font-weight:normal;
   text-decoration: none;
   z-index: 200;
   }

/* Ende exlink */
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}