/* StyleSheet für www.oebvi-schultz.de - Browserfenster */


/**********************************************************************************
 * Grundeinstellungen,
 * die Seite mit Header&Footer hat mindestens die Größe des BrowserFensters
 */
    body {
      position:absolute;
      background:#ffffff;
    }
    html, body {
      top:0; left:0; right:0;
      min-height:100%;
      width:100%;
      padding:0;
      margin:0;
    }
/**********************************************************************************
 * Definition Seitenlayout
 * <-------------------HeaderContainer mit Header (fix)---------------->||
 * <-Navigation(fix)-> <-Bild(fix)-> +-----------------------------+    ||
 *                                   |            Content          |    ||
 *                                   +-----------------------------+    ||
 * <-------------------FooterContainer mit Footer (fix)---------------->||
 */
    #header_container {
      position:fixed;
      top:0; left:0; right:0;
      height:90px;
      margin:0;
      z-index:3;
    }
    #header {
      position:absolute;
      top:0; left:0; right:0; bottom:0;
      height:83px;
      padding:0;
      border-bottom:7px solid #de8b98;
      margin:0;
      z-index:3;
      background:#BB112B;
    }
    #menu {
      position:fixed;
      top:92px; left:0;
      width:155px;
      height:100%;
      background-color:#e0e0e0;
      padding:0;
      margin:0;
      z-index:2;
    }
    #bild {
      position:fixed;
      top:92px; left:157px;
      width:135px;
      /*
      background-color:#e0e0e0;
      */
      padding:0;
      margin:0;
      z-index:1;
    }
    #content{
      position:absolute;
      top:0; left:0; right:0; bottom:0;
      max-width:600px;
      padding:0;
      padding-left:294px;
      margin:0;
      z-index:0;
    }
    #content_home{
      background-color:#e0e0e0;
      border-top:92px solid #ffffff;
      height:100%;
      z-index:0;
    }
    #footer_container {
      position:fixed;
      bottom:0; left:0; right:0;
      height:20px;
      margin:0;
      z-index:3;
    }
    #footer {
      position:absolute;
      top:0; left:0; right:0; bottom:0;
      height:22px;
      background:#BB112B;
      padding:0;
      border:0;
      border-top:2px solid #ffffff;
      margin:0;
      z-index:2;
      background:#BB112B;
    }
    #footer_left {
      position:absolute;
      top:0; left:0; right:0; bottom:0;
      height:22px;
      width:25%;
      background:#BB112B;
      padding:0;
      border-top:2px solid #ffffff;
      margin:0;
      z-index:3;
      float:left;
    }
    /****************************************
     *  Und nun noch die Extras für den MSIE
     */
    * html, * html body{
      overflow:hidden;
      bottom:0;
      height:100%;
      }
    * html #header_container, * html #footer_container {
      position:absolute;
      width:100%;
      padding-right:16px;
    }
    * html #header, * html #footer {
      height:100%;
      width:100%;
      position:static;
    }
    * html #menu, * html #bild {
      position:absolute;
    }
    * html #content {
      position:absolute;
      top:0; bottom:22px; left:0; right:0;
      height:100%;
      width:100%;
      padding-right:25%;
      padding-bottom:50%;
      margin:0;
      overflow:auto;
    }
    * html #content_home {
      padding-bottom:50%;
    }
/**********************************************************************************
 *  Festlegung der Auszeichnung 
 */
    /*******************************
     *  Allgemein 
     */
    body{
      background-color:#FFFFFF;
      color:#000000;
      font-family:Helvetica,Arial,sans-serif;
      font-size:small;
      * font-size:mid;
      text-decoration:none; 
    }
    /****************************************
     *  Und nun noch die Extras für den MSIE
     */
    * html body{
      font-size:x-small;
    }
    /*******************************
     *  Kopf 
     */
    #header img {
      position:absolute;
      left:50px; 
      width:800px;
      height:73px;
    } 
    /*******************************
     *  Inhalt
     */
    #content_home{
      text-align:center;
    }
    /*******************************
     *  Fußzeile
     */
    #footer_container {
    }
    #footer_left {
      padding-top:3px;
      text-align:center;
      font-size:10px;
      color:#ffffff;
      font-weight:bold;
      text-decoration:none;
    }
    #footer {
      padding-top:3px;
      padding-right:10px;
      text-align:right;
      font-size:10px;
      color:#ffffff;
      font-weight:bold;
      text-decoration:none;
    }
    #footer a{
      color:#ffffff;
    }
    /*******************************
     *  NavigationsMenu
     *  Level 1
     */
    #menu li {
      list-style:none;
      background-color:#999999;
      vertical-align:middle;
      padding:0px;
      border-bottom:2px solid #ffffff;
      margin:0px;
    }
    #menu li.active {
      background-color:#BB112B;
      padding:4px;
      font-size:13px;
      color:#ffffff;
      font-weight:bold;
      text-decoration:underline;
    }
    #menu a{
      display:block;
      padding:4px;
      border:0;
      margin:0;
      font-size:13px;
      color:#ffffff;
      font-weight:bold;
    }
    #menu a:link, #menu a:visited {
      background-color:#999999;
      text-decoration:none;
    }
    #menu a:hover {
      background-color:#de8b98;
      text-decoration:underline;
    }
    /****************************************
     *  Und nun noch ein Extra für den MSIE:
     *  ein Listeneintrag für die Untermenüs ohne Ränder, 
     *  der aber keinen anderen Browser stören darf
     */
    #menu li#sub {
      border:none;
    }
    * html #menu li#sub {
      height:0;
    }
    /****************************************
     *  NavigationsMenu 
     *  Level 2
     */
    #menu ul {
      padding:0;
      margin:0;
    }
    #menu ul li {
      font-weight:normal;
    }
    #menu ul li.active {
      padding:4px 4px 4px 18px;
      font-size:13px;
      color:#ffffff;
      font-weight:normal;
    }
    #menu ul li a{
      padding:4px 4px 4px 18px;
      font-size:13px;
      color:#ffffff;
      font-weight:normal;
    }
    /****************************************
     *  Auszeichnung Inhalt
     *  Allgemein
     */
     #content {
       color:#000000;
       text-decoration:none; 
     }
    /****************************************
     *  Auszeichnung Inhalt
     *  SeitenNavigation
     */
     .nav {
       font-size:100%;
       font-weight:bold;
       background-color:#c0c0c0;
       color:#FFFFFF;
       margin:0;
       margin-bottom:2px;
       padding:3px;
     }
     .nav a{
       color:#FFFFFF;
     }
     .nav_up {
       font-size:100%;
       font-weight:bold;
       background:#c0c0c0 url(../images/logo/VB_grau.gif) no-repeat right;
       color:#FFFFFF;
       height:40px;
       margin:0;
       margin-bottom:2px;
       padding:3px;
     }
     .nav_up a{
       position:relative;
       top:20px;
       color:#FFFFFF;
     }
    /****************************************
     *  Und nun noch die Extras für den MSIE
     */
    * html .nav_up {
      height:46px;
    }
    /****************************************
     *  Auszeichnung Inhalt
     *  Standards
     */
    /* .grau{
      background-color:#e0e0e0;
      padding:3px;
      padding-left:10px;
      padding-right:10px;
      border:0;
      border-color:#FFFFFF;
      border-bottom-style:solid;
      border-bottom-width:2px;
    }*/
    .grau{
      background-color:#ffffff;
      padding:0;
      padding-left:10px;
      padding-right:10px;
    }
    .weiß{
      background-color:#ffffff;
      padding:0;
      padding-left:10px;
      padding-right:10px;
    }
    .mailto_normal{
      font-weight:normal;
    }
    .sa{
      font-family:Helvetica,Arial,sans-serif;
      font-weight:bold;
      font-style:normal; 
      color:#000000;
    }
    .pos{
      font-family:Helvetica,Arial,sans-serif;
      font-weight:bold;
      font-style:italic; 
      color:#ff0000
    }
    .reg {
      font-family:Helvetica,Arial,sans-serif;
      font-weight:normal;
      font-style:normal; 
      color:#000000;
      font-size:0.8em; 
      vertical-align:super;
    }
    /****************************************
     *  Auszeichnung Inhalt
     *  Überschriften (Ziele in der SeitenNavigation)
     *  Für den MSIE müssen die Sprungmarke in einer Div-Umgebung stehen...
     *  deshalb:Format für die Anfangsposition in H1 und nicht in der Div-Umgebung.
     */
    h1 { 
      font-size:120%;
      font-weight:bold;
      background-color:#999999;
      color:#FFFFFF;
      padding:3px;
      padding-left:10px;
      border-top:92px solid #ffffff;
      margin:0px;
      margin-bottom:3px;
    }
    h2 { 
      font-size:100%;
      font-weight:bold;
      background-color:#BB112B;
      color:#FFFFFF;
      padding:3px;
      padding-left:10px;
      margin:0px;
      * margin-top:46px;
      margin-top:23px;
      margin-bottom:2px;
    }
    h2 a {
      color:#FFFFFF;
    } 
    /****************************************
     *  Auszeichnung Inhalt
     *  Verweise/Links
     */
    a {
      font-weight:bold;
      color:#000000;
      text-decoration:none;
    }
    a:hover {
      text-decoration:underline;
    }
    /****************************************
     *  Auszeichnung Inhalt
     *  Absätze/Tabellen/Listen
     */
    p { 
      margin-top:1.5ex;
      margin-bottom:1ex;
    }
    p.p1{
      /* entfernt, wenn Div-Umgebung nur weiß */
      * margin-top:0; 
    }
    p span, p.p1 span{
      font-weight:bold;
    }
    p div, p.p1 div{
      font-weight:bold;
      text-indent:2em;
    }
    p.zitat{
      font-family:times; 
      font-style:italic; 
      font-weight:bold; 
      font-size:112%; 
      padding-left:2em; 
      padding-right:3em; 
      padding-bottom:0.5em;
      /*
      font-family:Helvetica,Arial,sans-serif;
      font-weight:normal; 
      */
    }
    p.zitat span{
      padding-left:15em; 
    }
    table {
      border-collapse:collapse;
      empty-cells:show;
      color:#FFFFFF;
    }
    td {
      background-color:#e0e0e0;
      color:#000000;
      vertical-align:top;
      text-align:left;
      padding:5px;
      border:0;
      border-bottom:2px solid #FFFFFF;
    }
    td.gf {
      background-color:#c0c0c0;
    }
    ul {
      list-style-type:circle;
      list-style-position:outside;
      margin:0;
      margin-left:2.5ex;
      margin-bottom:1ex;
      padding:0;
    }