/*sgl.css*/
/*Für Auflösung 1024 * 748 */
html , body
{
    height: 100% ; max-height: 100%;
    padding: 0; margin: 0; border: 0;
    font: 100% Arial, Helvetica, sans-serif;

    width: 950px;
}
#seite
{
    /* Zentrieren der Seite im Browser */
    position:  absolute;
    height: 700px;
    width: 950px;
    top: 50%;
    left: 50%;
    margin-top: -280px;   /*halbe Höhe der Seite */
    margin-left: -380px;   /* halbe Breite der Seite */
    *margin-left: -480px;
}
#kopfbereich
{
    /*display: block;   */
    background: url(./grafik/sgl-kopf.gif) no-repeat ;
    background-color :  #436780;
    height: 68px;
    /*margin-top: -26px;
    margin-bottom: 5px;  */
   /* margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 5px;

    border-width: 0px;
    padding-left: 0px;
    padding-top: 0px;  */
    color:  #ffffff;
    font-style: italic;
    /*text-align: center; */
    font-size:  30px;
    padding: 0.4em 0.4em 0;
    padding-left: 85px;
    margin-bottom: 5px;
    margin-left: 1px;
    margin-right: 1px;


}

.motto
{   margin-top: -2px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: -2px;
    background-color:#3E5D67;
    color: #FFFF00;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left : 60px;
    height: 20px;
}
.schatten
{
   background:url(./grafik/schattenwurf-grau-v.png)  repeat-x;
   height: 0.1em;

}
.tabelle
{
    width: 100%;


}
.steuerung
{
    background-color:  #5C7B85;
    height: 430px;
    padding-top: 2px;
    padding-left: 0.2em;
    padding-right: 2.0em;
   /* text-align: right;*/

}
.inhalt
{
   padding-top: 2px;
   padding-left: 5px;
   padding-right: 5px;
   margin-left: 0px;
   background-color:  #7C9DA6;
   height: 430px;
  /* text-align: left;  */
   font-size: 12px;
}
 .text_inhalt
 {
   font-family: arial, sans-serif;
   font-size: 15px;
   font-weight:normal;
   color: #372929;
   text-align: justify;
 }
#spalte1
{
    width: 11.5em;
    margin: 0;
    padding:0;

}
#Ueberschrift
{
    text-align: right;
    position: absolute;
    top: 260px;
    left: 600px;
    font-family: arial, sans-serif;
   font-size: 15px;
   font-weight:normal;
   color: #FFFF00;
}
#fusszeile
{
   background-color:  #3E5D67;
   color:#000000;
   padding-left:180px;
   text-align: left;
}

#navcontainer
{
/*background: #0065DF; */
width: 30%;
margin:0 auto;
padding: 1em 0;

font-family: georgia, serif;
/*font-size: 15px;  */
text-align: center;
text-transform: lowercase;
}
ul#navlist
{
    text-align:left;
    list-style:none;
    font-size: 14px;
    padding: 0;
    margin: 0 auto;
    width: 103%;
}
ul#navlist li
{
display: block;
margin: 0;
padding:0;
}
ul#navlist li a
{
display: block;
width: 100%;
padding: 8px 0px 8px 20px;

border-width: 2px;
border-color: #aaab9c #aaab9c #aaab9c #aaab9c;
border-style: solid;
color: #E1E1E1;
text-decoration: none;
background: #436780;
}
#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#active a
{
background: #436780;
color: #800000;
}
ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #FF0101;
background: transparent;
border-color: #fff #fff #fff #ccc;
}
ul#navlist li a:active
{
    color: #FF0000;
}

#gallery{
width: 755px;
height: 300px;
position: relative;
/*margin-bottom: 20px;    */
 }
#gallery b.default
{position:relative; left:-95px;  top:7px;  *top:15px;
width:500px;
height:380px;
text-align:left;
}

#gallery b.default img
{display:block; margin:0 auto 1px auto; border:1px solid #eee;
border-color:#555 #ddd #eee #333;}
#gallery b.default span
{display:block; color:#372929; font-family:verdana, arial, sans-serif;
font-weight:normal; font-size:11px; width:300px; margin:0 auto;}

#gallery ul
 {
     list-style:none;
     padding: 0;
     margin-left: 615px;
     *margin-left: 250px;
     width: 120px;
     position: absolute;
     top: 30px;
     /*left: 280px;*/

     float: right;
 }
#gallery ul li
  {
      display: inline;
      width: 52px;
      height: 52px;
      float: left;
      margin: 0 0 5px 5px;
  }
#gallery ul li a
  {
      display: block;
      width: 50px;
      height: 50px;
      text-decoration: none;
      border: 1px solid #000;
  }
#gallery ul li a span {display:none;}

#gallery ul li a img
   {
       display: block;
       width: 50px;
       height: 50px;
       border: 0;

   }
#gallery ul li a:hover
   {
       white-space: normal;
       border-color: #ddd;

   }
#gallery ul li a:hover b
{position:absolute;
left:-500px;
/**left:-100px;*/top:-45px; *top: -20px;  width:450px; height: 295px;/**height:320px; */
text-align:left; background:#7C9DA6; z-index:20;}
#gallery ul li a:hover span
{display:block;margin:0px;margin-left:-10px;padding-top: 10px;padding-left:0px;
 background:#7C9DA6;color:#372929; font-family:verdana, arial, sans-serif;
font-weight:normal; font-size:11px; width:350px; }

#gallery ul li a:hover img
{
    position: relative;
    top: 8px;/* *top: 230px;  */
    left:-45px;
    *left:-55px;
   /* *top: 290px;  */

    width: auto;
    height: auto;
    border: 1px solid #FFFFFF;

}
#gallery ul li a:active, #gallery ul li a:focus
{white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b
{position:absolute; left:0px; top:300px; width:50px; height:20px;
text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span
{display:block; color:#fff; font-family:verdana, arial, sans-serif;
font-weight:normal; font-size:11px; width:350px; margin:0px auto;}
#gallery ul li a:active img, #gallery ul li a:focus img
{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee;
border-color:#555 #ddd #eee #333;}


#fusszeile table tr th a
{

    padding: 0em 2em 0em;
    border-width: 1px;
    border-color: #ffe #aaab9c #ccc #fff;
    border-style: solid;
    background: #5C7B85;
    color: #4D4D4D;
    text-align:left;
    text-decoration:none;
}

 #fusszeile table tr th a:active
 {

  color: #800080;

 }
#fusszeile table tr th a:hover
 {

  background: transparent;

 }
 #tabelle
 {
     margin-top: -10px;
     font-size: 12px;
 }
 th
 {
     font-size : 14px;
 }
 span
 {

 }
 /* Menue für Druckausgabe ausblenden */
 @media print
 {
     .steuerung{display: none;}
 }