/* ----- CSS für: EFHD - Neue Startseite ----- */

/* ----- Standard ----- */
BODY{
    margin: 0px;
    padding:0px;
 
    FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; 
    font-size: 1.0em; 
    text-decoration:none;

    background-color: #006699; 
    COLOR:#ffffff; 
    }


/* ----- Ueberschriften ----- */
h1,h2,h3,h4,h4,h5{ 
    font-weight:normal;
    }
h1{ font-size: 2.0em; }
h2{ font-size: 1.6em; }
h2.h2b{
    clear:both; 
    font-size: 1.2em; 
    margin:0px 0px 7px 0px; 
    padding:0px; 
    /* border:1px solid red; */
    }
h3{ font-size: 1.4em; }
h4{ font-size: 1.2em; }
h5{ font-size: 1.0em; }

/* Text, Aufzählungen, Tabellen und Formulare*/
p,b,span,div,blockquote,nobr,center,ul,ol,li,td,th,tr,input{ 
    }

/* Aufzählung ohne zuviel Platz drum */
  ul.ul1{list-style-type:disk;
         list-style-position:outside;
         margin:0px 0px 0px 20px;
         padding:0px;
         }

  /* --- Header (linker Teil) --- */
  #horizont{
      position:absolute; 
      top:0px; left:0px;
      height:15px; width:100%;
      background-color:#66ccff;
      }

  #Linkleiste-links{
      position:absolute; top:0px; left:0px;
      float:left;
      margin:  14px  1px 0px 0px ;
      padding: 10px 15px 3px 13px ;
      COLOR:#000000; 
      font-size: 0.9em; 
      background-image:url(bilder/schraeg_gross.gif); 
      background-repeat:no-repeat;
      background-position:top right;
      }

  #navlist {
      margin:  0px ;
      padding: 0px ;
      }

  #navlist li{
      display: inline;
      margin:  0px 0px 0px 0px ;
      padding: 0px 0px 0px 0px ;
      list-style-type: none;
      }

  #Linkleiste-links a{
      margin:  0px;
      padding: 0px 2px 0px 3px ;
      color:#000000;
      text-decoration:none;
      }
  #Linkleiste-links a:focus, 
  #Linkleiste-links a:hover,
  #Linkleiste-links a:active {
      color:#ffff00; 
      }

  .redstar, .redalpha{
      COLOR:#ff0000;
      font-weight:bold;
      }

  /* --- Header (rechter Teil) --- */
  #Linkleiste-rechts {
      position:absolute;
      top:20px; right:10px;
      margin:  0px 0px 0px 0px ;
      padding: 4px 0px 3px 0px ;

      text-align:right;
      font-size:0.9em; 
      /* 
      border:1px solid red;  */ 
      }

  #Linkleiste-rechts form{
      margin-top:0px; 
      padding-top:5px;
      background-color:#006699; /*COLOR:#ffffff;*/
      }

  #Linkleiste-rechts form input{
      background-color:#006699; COLOR:#ffffff;
      font-size: 0.8em; 
      }

  #Linkleiste-rechts a{
      margin:  0px 5px 0px 20px ;
      color:#ffffff;
      text-decoration:none;
      }
  #Linkleiste-rechts a:focus, 
  #Linkleiste-rechts a:hover,
  #Linkleiste-rechts a:active {
      color:#ffff00; 
      }

  #fahnenlink { 
      margin: 0px 15px; 
      padding: 0px; 
      } 


  #fahnenlink a{ 
      /* margin: 0px 15px; padding: 0px; */ padding: 0px;
      border:1px solid #006699; 
  } 

  #fahnenlink a:link   { }
  #fahnenlink a:visited{ }
  #fahnenlink a:focus  { border:1px solid #ff0; }
  #fahnenlink a:hover  { border:1px solid #ff0; }
  #fahnenlink a:active {}

  #fahnenlink img{ border:none;}

  /* --- Eigentlicher Seiteninhalt --- */
  #inhalt{
      margin: 75px 10px 10px 10px;
      /* border:1px solid red;   */ 
      }

  #inhalt h1{
      margin: 0px;
      }

  /* --- Die Kistchen mit den Links --- */
  .kistchenueberschrift{
      padding-left: 0px;
      padding-right:0px;
      text-align:center;
      font-weight:bold;
      /*font-size: 0.95em; */
      }

  .kistchen, .kistchen-extra{
      height:100px;
      padding-left: 3px;
      padding-right:3px;
      border:1px solid black;  
      background-color: #66ccff; 
      COLOR:#000000; 
      text-align:center;
      font-size: 0.95em; 
      cursor:pointer;
      }

  .kistchen-extra{
      padding: 0px;
      background-color: #006699; 
      COLOR:  #000000; 
      }

 td a{
      padding:  1px 0px;
      color:#000000;
      text-decoration:none;
      text-align:center;
      }
  td a:focus,
  td a:hover,
  td a:active {
      color:#ffff00; 
      }

  /* --- Kistchen "Bewerbung" (schräges Hintergrundbild) --- */
  /*
  Berechnung:
  Winkel: arctan(0,5)=26,565°
  Strecke vom unteren Eckpunkt nach links:  100px * cos(26,565°) = 100px * 0,8944
  Strecke vom unteren Eckpunkt nach rechts: 100px * sin(26,565°) = 100px * 0,447 
                                                                ------------------  
                                                                 = 100px * 1,3414  */
  #kistchen-bewerbung{
      width:135px; height:135px; z-index:3;
      background-image:url(bilder/bewerbung_schraeg.gif); 
      background-repeat:no-repeat;
      background-position:center center;
      text-align:center;
      /* border:1px solid red;  */
      }
  #kistchen-bewerbung a{
      padding: 40px 5px 40px 5px;
      }


/* ----- Einstellungen für den Druck ----- */

#printhint{
    display:none;} 

/* @page { size:landscape; } */
/* wird erst von ganz wenigen Browsern umgesetzt
   und muss in derjeweiligen Seite gesetzt werden */

#hinweisquerformat{
    margin:  0px 2.5% 15px 1.5%; 
    padding: 0px  0px 20px 20px;
    font-size: 9pt;
    }

@media print
    {

    BODY{FONT-SIZE:10pt;
        }

    #printhint{
        width:100%;
        margin:  10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        display:block;
        text-align: center;
        FONT-SIZE:9pt;
        } 

    }