/* Style Sheet global_st*/


    /*<![CDATA[*/
    
  /* -------------  voreinstellungen -------------------  */  
  
  html, body {height: 100%;}
  
body {            
    color:#2f4f4f;                 /* dark slate gray */
     background-color:#FFFFFF;     /* weiss*/

    font-family: Verdena,sans-serif,Arial, Century,Georgia;
    font-size: 10px;   /*  entspricht jetzt 1 em oder 100% */
    font-style:normal; /* IE6 kursiv-Bug (13.12.2007)  */
font-variant:normal;   /* IE6 kursiv-Bug (13.12.2007)  */
font-weight:normal;    /* IE6 kursiv-Bug (13.12.2007)  */
   
    margin: 0px 0px 20px 0px; 
    padding: 0;
    border:0;
    text-align: center;  /* Zentrierung im Internet Explorer */
     min-width: 46em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */

  }
  
  
#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung*/
    width: 860px;
    min-height: 100%;
    
  }
  
  #Seite.bild_hintergr {
    /*background-color:#99CC99; */
    background-image:url(hy_gesuch_01_tr_kl.jpg);
   background-repeat:no-repeat;
    background-position:5px 11px;
  position:relative;
  width: 860px;
    height:500px;
    padding: 0;
    
  }
 
  
  
  
/* 
 * html  div#Seite {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
 
 
 /*  allgemeine Schrift- etc Festlegungen, sonst mit in der jeweiligen Box 
 #############  */ 
 
  p,h1,h2,h3,h4,ul,ol,li,td,dt
  { color:#000000;
   font-size:10px;
    line-height:20px;
letter-spacing:0px;
}                          /* ########### erst mal alles  ein Level */

  .text150  {font-size: 130%; line-height:20px;}
  .text110  {font-size: 110%;}
   .text120  {font-size: 120%;}
  .text90 {font-size: 90%;}
   .klein85 { font-size: 0.85em;}
   .klein60 { font-size: 0.60em;}
  
  h1    { color : #2f4f4f;
        font-size:2em;  /* entspricht 20 px*/
        font-weight: normal; /* entspricht 500 */
        line-height:25px;
         letter-spacing:2px;
        text-align:justify;
        margin:30px 0 0 0 ;
        }
  h1.tcent_gr {text-align: center;font-weight: 100; font-size:2em; color:green;}
  

  
  h2    { color : #000000;
        font-size:1.8em;  /* entspricht 18 px*/
        font-weight: normal; /* entspricht 500 */
        line-height:20px;
         letter-spacing:2px;
        text-align:justify;
        margin:0px;
        }
  
  h2.gr {text-align: center;font-weight: 100;color:green;}
  h2.b_bl {text-align: center; font-weight: 200;color:black;}
  
  
   h3   { color : #000000;
        font-size:150%;  /* entspricht 15 px*/
        font-weight: 500; /* entspricht 500 */
        line-height:19px;
         letter-spacing:2px;
        text-align:left;
       margin:0px 0 0 20px ;
      
        }
        
       .kl120   { color : #000000;
        font-size:120%;  /* entspricht 12 px*/
        font-weight: 500; /* entspricht 500 */
        line-height:15px;
         letter-spacing:2px;
        text-align:left;
       margin:0px 0 0 20px ;
      
        }  
        
      h3.geschafft   { color :#cc3333 ;
        font-size:150%;  /* entspricht 15 px*/
        font-weight: normal; /* entspricht 500 */
        line-height:25px;
         letter-spacing:2px;
        text-align:center;
        margin: 0px 0px 40px 0px;
     
      
        }
  
  h3.tcent_gr {text-align: center;font-weight: 100; color:green;}
  
  h3.cap {text-align: center;font-weight: 500; color:green; 
  margin:5px 0 10px 0px;

  line-height:19px;
         letter-spacing:2px;
      }   
         
  h4    { color : #000000;
        font-size:130%;  /* entspricht 13 px*/
        font-weight: normal; /* entspricht 500 */
        line-height:15px;
         letter-spacing:2px;
        text-align:justify;
        margin:0px;
        }
  h4.c1 {font-size: 100%;font-weight: 500; text-align: center;}
  h4.c2 {font-size: 130%; font-weight: 500;text-align: center;}
  
  
  
  p  { 
         font-size:1.3em;
         font-weight: 400; 
        text-align:justify;
        letter-spacing:1px;
         line-height:18px;
        }
        
 p.c1 {font-size: 100%; text-align: center;}
 p.c2 {font-size: 100%; text-align: left; padding:0.2em;margin-left:2em;margin-right:1em;}
p.c3 {text-align: left ;color:red;}
p.c4 {text-align: left ;color:green;}
p.c5 {font-size: .85em;text-align:left;color:black;}
p.cent   { font-size:1.4em; margin-left:40px; font-family:century; }
p.zurueck   { font-size:1.4em; margin: 20px 0 0 10px;}
        
  .b    { font-weight:600;}
 .rot   {color:#606060; } /* #606060, red */
  .grau  {color: #2f4f4f;}
 pre   { font-size:10px;
        text-align:justify;
        letter-spacing:1px;
         line-height:13px;
         margin: 2px 5px 0px 10px;
         
        }
    
        
 .blocksatz  {text-align:justify;}
  
 /* ende Seite 
 ####################################   */
 
 
 
 /* weitere Seiten-Einteilungen , Boxen 
 ggf. mit speziellen Schriftfestlegungen  +++++++++++++++++++++ */
 
 
 div#Inhalt {
    margin: 0em 0.5em 1em 0.5em;
    padding: 0;
    border: 0px dashed silver;
  }
 
  
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
 /*-------------------*/
 
div#Fusszeile  {
        clear: both;
        width: 880px;
        height:50px;
        position: absolute; top:600px; left:0px; z-index:1;
    font-weight:300;
    font-size: 0.7em;
    border:1px dashed silver;
    margin:0 ; padding:0em;
    text-align: center;
   border: 1px solid silver;
  }
  
  .clear  {
      clear: both;
      width: 100%;
        
  }
  
  #boxmitte {
        margin: 0 5% 0 4%;
        padding: 0 10px 20px 10px;
        border-right: 0px dotted #A0A0A0;
        border-left: 0px dotted #A0A0A0;
        min-height:800px;
        }
        
    #zweitcontainer {
        float: left;
        width: 100%;
         border-right: 2px ridge silver;
         border-left:2px ridge silver;
        margin:0;
        background-color:#663399;
        }
        
        
     #boxlinks {
       width: 280px;
        height:200px;
        position: absolute; top:450px; left:30px; z-index:1;
        border: 0px solid silver;
       
        }   
       
         #links p {
    font-size: 1em;
    margin:5px 10px 0 30px;
    
  } 
        
     #boxlinksz {
        width: 280px;
        height:200px;
       
        position: absolute; top:450px; left:330px; z-index:2;
        border: 0px solid silver;
        } 
        
        #linksz p {
    font-size: 1em;
    margin:5px 10px 0 30px;
  } 
        
          
    #boxrechts {
        float: right;
        width: 25%;
        padding: 0 10px 20px 0px;
        margin-left:0;
        }    
        
   /*-----------------------*/   
     
 div#Info {
     position:absolute; top:450px;left:670px;
    z-index:1;
   border: 1px ridge silver;
  
  }
  
  
  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }
  
 /*-------------------------  */
 
#kopfzeile {
   margin: 0 auto; /* standardkonforme horizontale Zentrierung*/ 
 padding:0; 
   
    width: 700px;
    height:280px;
    border:0px solid #fcdfff;   /*  wieso hier notwendig????  */
    
          }
          
   #kopfzeile p { font-size:1.3em;
         font-weight: 200; 
        
        letter-spacing:0px;
         line-height:17px;
         margin:40px 30px 0 115px;
        }  
        
    #kopfzeile li {
    float:left;
    display:block;      /*                      */
    border:0px solid #cccccc;
    }
    
     #kopfzeile img {
    margin: 0px 10px 30px 10px ;
    
    }
    
    .weis{
    width:5px;
             height:20px;
             border:0px ridge silver;
             margin:0px 0 0px  1px ;
   
      }
             
             
    .abstand  {
  
    height:1px;
    width:100%;
    border:1px dashed silver;
    margin:0px 0 0px 0px ; 
    padding: 0 ; /* margin-top gleich - line height*/
  
  } 
  
  .abstand2  {
  
    /* font-size: 0.4em; */
    height:5px;
    width:100%;
    border:0px dashed silver;
    margin:0px 0 20px 0 ; padding:  0; /* margin-top gleich - line height*/
  
  } 
  
   .abstand3  {
  
    /* font-size: 1,5em; */
    height:15px;
    width:100%;
    border:0px dashed silver;
    margin:0px 0 20px 0 ; padding:  0; /* margin-top gleich - line height*/
  
  } 
  
   .abstand30  {
  
    /* font-size: 1,5em; */
    height:30px;
    width:100%;
    font-size:13px;
        letter-spacing:1px;
        color: #2f4f4f;
    border:0px dashed silver;
    margin:5px 0 10px 5px ; padding:  4px 0 0 4px; /* margin-top gleich - line height*/
  
  } 
  
   div#abstandfuss  {
    clear: both;
    font-size: 0.4em;
    border:0px dashed silver;
    margin:0 ; padding: 1em 0 0 0.1em;
    text-align: center;
   border: 0px solid silver;
  } 
    
  /*  Ende Boxen  ############################*/  
    
  

 /* verschiedene bild-abbildungen lang breit ################*/
 
 
 .boben  {
   
     margin: -75px 2px 1px 55px;
    padding: 0px 0 0 5px;
    
    border:0px solid #cccccc;
    
    }
 .gqua   {
    width:500px;
    height:450px;
     margin: 15px 15px 15px 0px;
    padding: 10px;
    
    border:0px solid #cccccc;
    
    }
 .gname   {
    width:450px;
    height:100px;
     margin: 15px 15px 15px 0px;
    padding: 10px;
    
    border:0px solid #cccccc;
    
    }
    
    .gh {
    width:150px;
    height:200px;
     margin: 15px 15px 15px 20px;
    padding: 10px;
    
    border:4px solid #cccccc;
    }
    
     .gb {
    width:200px;
    height:150px;
     margin: 40px 15px 15px 20px;
    padding: 10px;
    border:4px solid #cccccc;
    }
    
    .laby {
    width:250px;
             height:185px;
             border:1px ridge silver;
             margin:0 0 0 20px ;
             }
             
        .hiero {
  
  width:250px;
             height:185px;
             border:1px ridge silver;
              margin: 0 0 0 20px;
             }
             
             
 .gloeh1 {
  width:300px;
              height:420px;
              margin: 20px 0px 10px 20px;
              float:left;
            
             } 
        
     #boxlinksgl {                       /*  zum Bild gloeh1  ######### */
      float: left;
       width: 380px;
        height:600px;    
        z-index:1;
        border: 0px solid silver;
        
        }               
           
      #boxlinksgl  p    { 
        font-size:13px;
         font-weight: 400; 
          text-align:justify; 
        letter-spacing:1px;
         line-height:15px;
         margin:10px 10px 10px 10px;
        }   
           
           
             
 .gloewa1 {
              width:1000px;
              height:1376px;
              margin-left:0px;
 
             } 
             
    .gloewatext {
              width:100px;
              height:137px;
              float:left;

             }   
             
       .gloeweg {
              width:300px;
              height:430px;
              float:left;
              margin: 20px 0px 10px 20px;
             }
                
          #boxrechtsgl {       /*  zum Bild gloeweg  ######### */
      float: right;
       width: 380px;
        height:600px;    
        z-index:1;
        border: 0px solid silver;   
             
          }   
          
          
          #boxrechtsgl  p       { 
        font-size:13px;
         font-weight: 400; 
        text-align:center;
        letter-spacing:1px;
         line-height:15px;
        
        }  
          #boxglede_leutnant {
              width:242px;
              height:280px;
              margin:0px 0 0 3px;
                 float:left;
                 border: 0px solid silver; 
             }   
             
        #boxglede_leutnant p {
              
              margin:0px 0px 0px 18px;
                 text-align: left; 
                 
             }                                
             
    .gloesiegel {
              width:100px;
              height:130px;
              margin:0px 0 0px 25px;
              padding:0px 0px 0 10px;
                 float:left;
                  border: 0px solid silver;
             }  
   
    #boxgloetext {
                 width:300px;
                 height:250px;
                 margin:0px 0 0 10px;
                    float:left;
                    border: 0px solid silver;           
                }   
   
       #boxgloetext p {
                    
                    margin:0px 0px 0px 0px;
                                
                   }            
                          
                     
    .glede_leutnant {
              width:200px;
              height:130px;
              margin:0px 0 20px 0px;
                 float:left;
             border: 0px solid silver;
             }  
             
    
    /*    ende Bilder  ####     !!!!!!!!!  bei CSS diese zeichen fuer kommentare  */
     
  /*  Navigationen ###################### */  
  
   * html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  
 ul#Navigation {
    margin-left: 15px; padding:10px;
    width:750px;
    font-size: 1em;    /* groesse der tasten */
    text-align: center;
    border: 0px solid black;
    /*background-color: cccccc;       hier kein extra hintergrund */
    }
    
 
  ul#Navigation li {
    list-style: none;
    display: inline; 
    margin: 0px; padding: 0;
    
  }

  ul#Navigation a, ul#Navigation span {
      
    padding: 0.3em 0.5em;
    text-decoration: none; 
    border: 1px solid black;
    
    color: maroon; /* background-color:#cccccc;farben bei --keine aktion-- */
  }
 
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white; 
    border-left-color: black; border-top-color: black;
    color: white; background-color: transparent;
    /*   farben hintergrund bei --gedrueckt-- */
  }


/* ende nav */

 
 /* xxxxxxxxxxxxxx x navigation infobox */

 ul#Navinfo {
  margin-left: 0.5em; padding: 0.8em;
    
    font-size: 0.81em;    /* groesse der tasten Info */
    text-align: center;
    border: 0px solid black;
     /* background-color: ;       hier kein extra hintergrund */
   
  }
   
 
  ul#Navinfo li   {
     list-style: none;
    display: inline; 
    margin: 0px; padding: 0;
  }

 ul#Navinfo a, ul#Navinfo span {
       padding: 0.3em 0.5em;
    text-decoration: none; 
    border: 1px solid black;
    
    color: maroon; /*  background-color:#cccccc;farben bei --keine aktion-- hier keine*/
    
  }
  
  ul#Navinfo a:hover, ul#Navinfo span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: #669966;/*   farben hintergrund bei --gedrueckt-- */
  }


/* ende navif*/

ul#Navf {
  margin-left: 1em; padding: 0.8em;
    
    font-size: 1em;    /* groesse der tasten Info */
    text-align: center;
     
  }
   
 
  ul#Navf li   {
     list-style: none;
    display: inline; 
    margin: 0px; padding: 0;
  }

 ul#Navf a, ul#Navf span {
       padding: 0 10px 0 10px
      
  }
  
  
   a.oben2 ,a.oben2:link, a.oben2:visited   { color:#3399ff; border:0px solid #000; }
a.oben2:hover { color:#db0000; text-decoration:none; border:0px solid #000;  }       


/* ####################  ende navf*/
 


  div#zentr1  {

    border:0px dashed silver;
    margin:0px ; padding: 10px 0 0 0px;
    text-align: center;

  }
  
  div#zentr2  {
 
    font-size: 1em;
    
    border:0px dashed silver;
    margin:0px ; padding: 1em 0 0 0.1em;
    text-align: center;
   border: 0px solid silver;
  } 
  
  
  .listgloe    {
     list-style-type: none;
    
  }
  
  ul li li {

  text-align:left;
  font-size:1.5em;
   font-family: Century,Arial;
  
    }
  
  .listgloe   p {
     font-size: 1.4em;
    font-family: Verdena,sans-serif,Arial;
  }
  
  /*####   &nbsp;   #### Leerzeichen## */
  
  
  /*   Tabellen ##############  */
  
  table  { 
    /*  background-color:#f5f5f5;  */
                      /* seite hat 860px*/
   margin-top:20px;
   margin-left:10px;
   border-collapse:collapse;
   
  } 
  
   caption {
  text-align: left;
  font-size: 1.7em;
  padding-top: 1em;
  padding-bottom: .5em;
  }
  
  tb   {                          
    text-align:center;
     
  } 
  
  thead  th {                             /*thead*/
    text-align:center;  
   font-size: 1em;
    border-bottom:3px solid silver; 
   padding:12px;
  } 
  
  
  th  {                             /*th*/
    text-align:center;
     
  } 
  
  tr   {                             /*tr*/

 
   font-size:1.5em;
  } 
  
 
  #col1 { width:25%; }
  #col2 { width:40%;}
  #col3 { width: 34%;}
  
   .text120td  {font-size: 120%; line-height:20px; 
    font-family:Century,Georgia;
    }
   
   
  td  {                             /*td*/        
    font-size: 14px;
    border: 1px solid silver;
    margin-top:14px;
  
  } 

 
  
  tfoot      {
  /*colspan:3; */
 
    }
  
     
ol li {

  text-align:left;
  font-size:1.5em;
   font-family: Century,Arial;
  
    }
    
    
  
  
  /*  tabellen-Def.  ende   ############*/


/*  Bilder mit mouse over  #######
        #####  */

/*  ab hier Parameter  Bildgalerie   */

.a, .a:visited {color:#000;}

/*  cont flaeche  */
#container {position:relative; width:800px; height:350px; background:#f0f0f0; border:1px solid #000; margin: 10px 10px 10px 20px; }
/*  10px auto;   */    

#bem {font-weight:normal; width:700px; height:200px;text-align:center; position:absolute; bottom:30px; left:0px; color:#eee; font-family:century,geneva,verdana, sans-serif; border:0px solid #000;letter-spacing:1px; line-height:1.3em; z-index:2;}


/*  kleine thumbs  */
a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:28px; height:70px; float:left; margin:25px 5px 5px 5px; position:relative; cursor:default;
}

/*  quer- thumbs  */
a.galleryb, a.galleryb:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:50px; height:70px; float:left; margin:25px 5px 10px 25px; position:relative; cursor:default;}

/*  reihenfolge der bilder  */
a.slidea {background:url(thumbs/seite1.png);}
a.slideb {background:url(thumbs/seite_2.png);}
a.slidec {background:url(thumbs/seite_3.png);}
a.slided {background:url(thumbs/seite_4.png);}
a.slidee {background:url(thumbs/seite_5.png);}
a.slidef {background:url(thumbs/seite_6.png);}



/*  hellgrauer bildhintergrund
 bei 450x320 px */

a.gallery span {visibility:hidden; display:block; position:absolute; width:800px; height:950px; top:189px; left:9px; color:#000; background:#ccc; text-align:center; border:1px solid #2f4f4f; font-family:tahoma,verdana, sans-serif; letter-spacing:1px; cursor:default;}

/*  bei 320x450 px */
a.galleryb span {visibility:hidden; display:block; position:absolute; width:800px; height:800px; top:189px; left:9px; color:#000; background:#ccc; text-align:center; border:1px solid #2f4f4f; font-family:tahoma,verdana, sans-serif; letter-spacing:1px; cursor:default;}

/*  position der grossen bilder  */
a.slidea span {left:-28px;    top:50px;}
a.slideb span {left:-90px; top:50px;}
a.slidec span {left:-130px; top:50px;}
a.slided span {left:-170px; top:50px;}
a.slidee span {left:-210px; top:50px;}
a.slidef span {left:-250px; top:50px;}


a.gallery:hover {white-space:normal; border:2px solid #8b0000; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}


a.galleryb:hover {white-space:normal; border:2px solid #8b0000; z-index:100;}

a.galleryb:hover span {visibility:visible; z-index:100;}

a.galleryb:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.galleryb:active, a.galleryb:focus {border:1px solid #c00; z-index:10;}

a.galleryb:active span, a.galleryb:focus span {visibility:visible; z-index:10;}

a.galleryb:active span img, a.galleryb:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}

  /*  Bildgalerie  mit mouse over     Ende       ############   */
  
  
  /*]]>*/