html {height:100%;}

body {height:100%;
      margin:0px;
      font-family: Verdana, Arial, Helvetica;
      font-size: 12px;

     }

#menu {position:absolute;
       margin: 140px 15px;
       text-align:left;
      }

#submenu {margin: 0 15px;
          font-size: 10px;
         }

#all {position:absolute;

      margin: 0 130px;
      padding: 0 0;
      width: 700px;
      height:100%;
      text-align:center;
      /* Fügt rechts und links einen Rand ein */
      border-left:1px solid #eee;
      border-right:1px solid #eee;
     }

#head{
      height: 145px;
      background: url(../grafics/streifen.jpg) no-repeat;
      text-align:right;
     }

#main{
      min-height:400px;
      text-align:left;
      margin-left:15px;
     }

#impressum
     {position:relative;
      height: 60px;
      background: url(../grafics/impressum.jpg) no-repeat;
      color: #FFFFFF;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight:bold;
      text-align: left;
      padding-left: 7px;

}
/*------Formatierung für die Überschriften und Texte------*/

h1   {color: #008080;
      font-size: 15px;
      font-weight: bold;
      font-style: italic;
      text-decoration: underline;
     }

h2   {color: #008080;
      font-size: 12px;
      text-decoration: none;
      font-weight: bold;
      font-style: italic;
     }

h3   {font-size: 10px;
      font-weight: normal;
      font-style: italic;
     }

/*------Formatierung für die Buttons------*/

/* Buttons der Navigationsleiste*/
a.button
     {padding: 3px 10px ;
      text-align: center;
      min-width: 75px;
      text-transform: uppercase;
     }

a.button:link,a.button:visited
    {background-color: #FFFFFF;
     color: #000000;
     text-decoration: none;
    }

a.button:hover
    {background-color: #FFFFFF;
     color: #76DIBD;
     text-decoration: none;
    }

a.button:active
    {background-color: #000000;
     color: #FFFFFF;
     text-decoration: none;
    }

/*Buttons allgemein*/
a:link, a:visited
    {font-weight:bold;
     color:#ff8c00;
     text-decoration: none;
    }

a:active, a:focus, a:hover
    {font-weight:bold;
     background-color:#008080;
    }

/*------ Formular ------*/

form{font-size: 10px;
    }

form br
    { /* Alle Zeilenumbrüche in Formularen auswählen */
     clear: left; /* das floating der labels und inputs aufheben */
    }

input, select, textarea
    {color: #000000;
     background-color: #E9E9FF;
     font-size: 10px;
     margin-left:20%;
     display: block;
    }

label
    { /* Alle Labels UND Formularelemente auswählen */
     float: left;
     width: 200px; /* Breite.*/
    }


#ipbase
       {text-align: center;
       }


/* Eigentschaften der Popups im Mitarbeiterbereich */




#popup h2 {

       color: #008080;
       font-size: 14px;
       text-decoration: none;
       font-weight: bold;
       font-style: italic;
}

#popup p{

       margin-bottom: 5px;
       padding: 0px;
}

html>body #menu {
 position:fixed;
}

html>body #head {
 position:fixed;
 top: 0px;
 width: 700px;
 z-index:3;
}

html>body #impressum {
 position:fixed;
 bottom: 0px;
 width: 700px;
 z-index:2;
}

html>body #main {
 position:absolute;
 top:140px;
 z-index:1;
 padding-bottom: 80px;
}

/* Eigentschaften der Popups im Mitarbeiterbereich */



#popup ul a span { display: none; }
#popup ul a#iefix:hover { border: 0; } /* Fix for IE 6 Bug */
#popup ul a:hover span {
        display: block;
        position:absolute;
        background: white;
        color: black;
        border: 1px solid black;
        width: 400px;
        left: 200px;
        padding: 15px;
        text-decoration: none;
        font-weight: normal;
        font-family: Verdana;
        font-size: 12px;
}