@charset "UTF-8";

@media all
{
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 03.03.08
**  File     : grz.css
**  Function : GRZ-Layout.
**             
*/


/* Fraben allgemein
**
** #C1D0E0 - hellblau der darueberliegende Schatten # 336699
** #336699 - dunkelblau
** #333333 - grau (der Schriften)
** #454545 - grau (Link active)
*/


/* Dokumentation fuer die Menuefarben
** horizontale Menue - Karteireiter
** normal                                              - #C1D0E0  Grau-Blau
** ul - Aufzaehlungsliste                               -
** li - Punkte innerhalb der Aufzaehlungsliste          -
**
** <ul style="list-style-type:disc">
** <li>Orangen</li>
** <li>Bananen</li>
** </ul>
**
**
**<style type="text/css">
** a:link    - Verlinkt  
** a:visited - besucht    
** a:hover   - mit der Maus drueberfahren  
** a:active  - Link angeklickt und die Webseite wird geladen 
** a:focus   - dieser Punkt hat gerade den Fokus
**</style>
*/


  #page_margins {margin:0; }
  #page{ border:0px #ffffff;}


  body {
    font-family: Arial, sans-serif;
    margin: 0px;
    background-image:none;
    background-color:#ffffff;
    padding: 0px;
  }


  #header{
    #background-image:none; /*dies muss unbedingt bleiben, sonst kommt der grau intergrunhd im Header*/
    background:#ffffff url("header_hg.gif") repeat-x;
    background-color:#ffffff;
  }
  
  #header img.headImg1 {
    top: 05px; left: 05px; font-size:208%;
  }
  #header #topnav {
     top:35px;
     font-size:0.9em;
  }
  #header div.tx-macinasearchbox-pi1 {position:absolute; bottom:35px; right:77px; font-size:11px;}



  /* Layout der 3 Colums aendern*/
  #col1 {margin: 0px; width: 17%;} /*17*/
 
  #col2 {margin: 0px; width: 20%;} /*20*/

  #col3 {margin: 0 20% 0 17%; width:auto;}



  /* allgemeines CSS*/
  a {color:#000000; text-decoration:underline;}
  a:focus,
  a:hover,
  a:active {color:#454545; text-decoration:underline;}
  
  /*Dies ist die Navigation oben rechts*/
  #topnav a,
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active {color:#454545; text-decoration:underline;}


  /*Die Ueberschriften*/


  h1,h2,h3,h4,h5,h6,h7,h8 {font-weight:normal;}

  h1 {font-size:140.00%}
  h2 {font-size:100.00%}
  h3 {font-size:100.00%}
  h4 {font-size:100.00%}
  h5 {font-size:75.00%}
  h6 {font-size:90.00%}
  h7 {font-size:100.00%}
  h8 {font-size:108.34%}
  

  h1 {background-image:url(/fileadmin/css/grz-layout/hg_navi.gif); color:#333333; padding:0.1em 1em 0.1em 1em;}

  h2 {color:#333333; font-weight:bold;}
  h3 {font-weight:bold; border-bottom:solid #336699 2px; border-left:solid #336699 6px; padding-left:5px; padding-bottom:4px; color:#336699; margin-top:20px; margin-right:7px}
  h4 {color:#333333;text-align: left; font-weight:normal; padding:0.1em 0.7em 0.1em 0.7em;}
  h5 {color:#000000; padding:0.1em 1em 0.1em 1em;}
  h6 {color:#000000;text-align: left; font-weight:normal; padding:0.1em 0.7em 0.1em 0.7em;}
  h7 {color:#ffffff;text-align: left; font-weight:normal; padding:0.1em 0.7em 0.1em 0.7em;}
  h8 {color:#000000}

 /*Dies ist die Navigation oben horizontal*/
    #nav_main {
     background:#ffffff url("../images/sliding_door/round/bg.gif") repeat-x bottom;
    float: left;
    width: 100%;
     background-image:url(/fileadmin/css/grz-layout/hg_navi.gif)
       }

  #nav_main ul {
    /*       top;right;bottom;left*/
    /* Einstellen des linken Randes der horizontalen Navigation*/
    padding: 10px 0 0 195px;
    /*background:#ffffff url("/fileadmin/css/grz-layout/hg_navi.gif") repeat-x bottom left;*/
  }
  
  #nav_main #current {
    background:#ffffff url("/fileadmin/css/01_layouts_basics/css/images/sliding_door/round/left_on.gif") no-repeat top left;
    border: 0;
  }

  
  /*Dies ist die Sub-Navigation links vertikal*/
  /*Titel - Dies ist die Sub-Navigation links vertikal*/


  #submenu {border-top: 0px; margin: 0px;}


  #submenu li#title {
    /*display none verhindert die Anzeige der Menueebe 2 */
    display:none;
    /*border: 2px;*/
    /*color:#ffffff; background-color:#336699;*/
      }
  
  /*Untermenue - Level1 */ 
  #submenu li a, 
  #submenu li a:focus, 
  #submenu li a:hover, 
  #submenu li a:active { background-color:#C1D0E0; color: #333333;}


  /* Untermenü Level 2 und 3 Aenderungen!!! */
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:#C1D0E0;}

  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background-color:#C1D0E0;}

  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover,
  #submenu li ul li ul li a:active { background-color:#C1D0E0;}

  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active { background-color:#C1D0E0;}


  /*Dies ist die blaue Box*/
  .REboxBlue {
    overflow: hidden;
  }
  .REboxBlueContent {
    color: #ffffff;
    background:#336699;
    margin:0px; 
    padding:0px;
    border:0px;
    width: 100%
  }

    .REboxBlueContent h1 {
    color: #333333; 
    background-image: url(/fileadmin/css/grz-layout/hg_ueberschrift.gif);
    margin: 0px; 
    padding: 0px 7px;
    border: 0px;
   /* white-space: nowrap; */
  }
  

  .rBline1, .rBline2, .rBline3, .rBline4 {background:#336699;}
  
  #footer,
  #footer a,
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {
    font-family:Arial, sans-serif;
    color:#000000; 
    background:#ffffff;
    border: 0px;
    padding: 0px;
    border-top:0px #ffffff;
    text-align:right;
    text-decoration:none;
    height:1px;
  }

* {text-align: left;}

}