.gross  { font-family: "Segoe UI", Arial, Verdana,Tahoma,sans-serif; font-size:14px; color:#005C7A; font-weight:bold; }
    .normal { font-family: "Segoe UI", Arial, Verdana,Tahoma,sans-serif; font-size:11px; color:#000000; font-style:normal; line-height:140%;  }
    .klein  { font-family: "Segoe UI", Arial, Verdana,Tahoma,sans-serif; font-size:10px; color:#000000; }


    .normal a:link, .normal a:active, .normal a:visited
    {
      color:#0033ff;
      text-decoration:none;
    }
    .normal a:hover
    {
      color:#000000;
      text-decoration:underline;
    }

    .klein a:link, .klein a:active, .klein a:visited
    {
      color:#0033ff;
      text-decoration:none;
    }
    .klein a:hover
    {
      color:#000000;
      text-decoration:underline;
    }




    .hyperlink:link, .hyperlink:active, .hyperlink:visited
    {
      font-weight:bold;
      color:#00af29;
      text-decoration:none;
    }
    .hyperlink:hover
    {
      font-weight:bold;
      color:#00af29;
      text-decoration:underline;
    }





    body
    {
      font-family: "Segoe UI", Arial, Verdana,Tahoma,sans-serif;
      font-size:14px;
      color:#303030;
      background-image:url(grafiken/gesamt.png); 
      background-repeat:repeat-x;
      background-position: center top;
      background-color:#002530;
      padding:0 0 0 0;
      margin:0;      
    }
                               
    img
    {
      border:0;
    }

    hr
    {
      height:1px;
      color:#e3e3e3; /* IE 6 */
      background-color: #e3e3e3; /* Mozilla 1.4 */
      border: #e3e3e3;           /* Opera 7.11 */
      height: 1px;               /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
    }


    #gesamt
    {
      position:relative;
      /*top:15px;*/
      width:994px;
      height:100%;
      margin:0px auto 0px auto;
      min-height:850px;
      background-color:#ffffff;      
    }
   /* 
    * html #gesamt { height: 100%; } */
   /* for IE because it doesn't do min-height */ 

    #oberhalb
    {
      margin:0;
      padding:0;
      height:20px;    
      width:994px;
      margin:0px auto 0px auto;
    }

    #oben
    {      
      background-image:url(grafiken/oben.png);  
      background-color:transparent;
      width:994px;

      margin:0;
      padding:0;
      height:118px;
      margin:0px auto 0px auto;
    }

    #hauptnavigation
    {
      background-image:url(grafiken/hauptnavigation.png);  
      background-color:transparent;
      width:994px;
      margin:0px auto 0px auto;    
      padding:0;      
      height:40px;    
    }                             
    #hauptnavigation a:link, a:visited
    {
      color:#ffffff;
      text-decoration:none;  
    }
    #hauptnavigation a:hover, a:active
    {
      color:#ffffff;
      text-decoration:underline;  
    }



    #unten
    {
      margin:0;
      padding:0;
      
    }

    #unterhalb
    {
      background-image:url(grafiken/unterhalb.png);
      background-repeat:no-repeat;      
      background-position: center top;
      margin:0;
      padding:0;      
      color:#ffffff;
    }

    #unterhalb a:link, a:visited
    {
      color:#ffffff;
      text-decoration:none;
    }
    #unterhalb a:active, a:hover 
    {
      color:#ffffff;
      text-decoration:underline;  
    }



    /* Navigation */
    #navigationlinks
    {
      float:left;
      width:200px;
      overflow:hidden;
      padding-top:5px;   
    }

    #navigationrechts
    {
      float:right;
      width:200px;
      overflow:hidden;
      padding-top:5px;          
    }

    #navigationlinks h1,
    #navigationrechts h1
    {
      /*font-family:Verdana,Tahoma,sans-serif;
      font-size:12px;                         */
      margin:0;
      padding: 0 0 0 7px;
      background: url('grafiken/navigationlinks.png');
      line-height:18px;
      color:#ffffff;
    }

    #navigationlinks ul    {   margin:0; padding: 0 0 17px 0; font-size:11px; line-height:20px; list-style-type:none; }
    #navigationrechts ul   {   margin:0; padding: 0 0 17px 0; font-size:11px; line-height:20px; list-style-type:none; }

    #navigationlinks li    {   margin:0 0 0 2px;  padding:0;  line-height:18px;  }
    #navigationrechts li   {   margin:0 2px 0 0;  padding:0;  line-height:18px;  }

    #navigationlinks li a:link,
    #navigationlinks li a:active,
    #navigationlinks li a:visited,
    #navigationrechts li a:link,
    #navigationrechts li a:active,
    #navigationrechts li a:visited
    {
     border-left: 10px solid #bfbfbf;
     padding: 0 0 0 3px;
     display: block;
     background-color:#f3f3f3;
     color:#2f2f2f;
     border-bottom: 1px solid #bfbfbf;
     text-decoration: none;
    }

    #navigationlinks li a:hover,
    #navigationrechts li a:hover
    {
      border-left:  10px solid #005C7A;
      /* border-left:  10px solid #9CD524;*/ 
      padding: 0 0 0 3px;
      display: block;
      background-color:#bfbfbf;
      color:#2f2f2f;
      border-bottom: 1px solid #bfbfbf;
      text-decoration: none;
    }




    #haupt
    {
      font-family: "Segoe UI", Arial, Verdana,Tahoma,sans-serif;
      font-size:11px; color:#000000; font-style:normal;
      margin:5px 205px;
      padding:0px;
      padding-top:10px;
      line-height:120%;
      min-height:600px;            
    }
    #haupt a:link, #haupt a:visited, #haupt a:active, #haupt a:hover
    {
      color:#000000; /* 3faf29 */
    }    

    #haupt h1, #haupt h1 a:link, #haupt h1 a:active, #haupt h1 a:visited
    {
      color:#005C7A; /* 3faf29 */
      font-size:14px;
      font-weight:bold;
      margin:3px 0;
      text-decoration:none;
    }

    #haupt li h1 a:hover
    {
      text-decoration:underline;
    }

    #haupt p
    {
      font-size:11px;
      font-weight:normal;
    }

    #haupt li
    {
      list-style-type:none;
      /* list-style-image:url('grafiken/artikel.png'); */ 
      list-style-position:inside;
      padding:4px;
      margin:4px;
      vertical-align:middle;
      border:1px solid #dddddd;
      background-color:#eeeeee;
     /* background-image:url('grafiken/artikel_hintergrund.png'); */
    }

    #haupt a:link, a:active, a:visited
    {
      /*font-weight:bold;*/
      color:#005c7a;
      text-decoration:none;
    }
    #haupt a:hover
    {
      /*font-weight:bold;*/
      color:#005c7a;
      text-decoration:underline;
    }




    #backlinksoben
    {
      font-family: "Segoe UI", Arial, Verdana,Tahoma,sans-serif; font-size:11px; color:#ffffff; font-style:normal;
      line-height:140%;
      margin:0; padding:3px;
    }
    #backlinksoben a:link, #backlinksoben a:active, #backlinksoben a:visited
    {
      color:#ffffff;
      text-decoration:none;
    }
    #backlinksoben a:hover
    {
      color:#ffffff;
      text-decoration:underline;
    }


    #backlinksunten
    {
      font-family: "Segoe UI", Arial, Verdana,Tahoma,sans-serif; font-size:11px; color:#000000; font-style:normal;
      font-weight:normal;
      line-height:140%;
      clear:both;
      margin:0; padding:3px;
      text-align:center;
    }
    #backlinksunten a:link, #backlinksunten a:active, #backlinksunten a:visited
    {
      color:#000000;
      text-decoration:none;
    }
    #backlinksunten a:hover
    {
      color:#000000;
      text-decoration:underline;
    }


    #werbebanner
    {
      font-family: "Segoe UI", Arial, Verdana,Tahoma,sans-serif; font-size:11px; color:#000000; font-style:normal;
      font-weight:normal;
      line-height:140%;
      
      margin:0; padding:3px;
      text-align:center;
    }

                  


    /* CSS
       für admin_oben.php */
    .adminhauptnavigation
    {
      /* background-image:url(grafiken/oberhalb.png);  */
      background-image:url(grafiken/admin_oben.png);  
      background-color:transparent;
      background-position: center top;
      width:994px;

      margin:0;
      padding:0;
      height:138px;
      margin:0;
      

      font-family: "Segoe UI", Arial, Verdana,Tahoma,sans-serif; font-size:13px; color:#ffffff;
    }
    .adminhauptnavigation a:link, .adminhauptnavigation a:active, .adminhauptnavigation a:visited
    {
      color:#cccccc;
      text-decoration:none;
    }
    .adminhauptnavigation a:hover
    {
      color:#ffffff;
      text-decoration:underline;
    }




    /* CSS
       für admin_artikel.php
       für admin_index.php    */
    #adminhaupt
    {
      font-family: "Segoe UI", Arial, Verdana,Tahoma,sans-serif; font-size:12px; color:#000000; font-style:normal;
      margin:0;
      padding:0;
      line-height:140%;
      background-color:#ffffff;
    }
    #adminhaupt h1, #adminhaupt h1 a:link, #adminhaupt h1 a:active, #adminhaupt h1 a:visited
    {
      color:#005C7A;
      font-size:14px;
      font-weight:bold;
      margin:3px 0;
      text-decoration:none;
    }

    #adminhaupt li h1 a:hover
    {
      text-decoration:underline;
    }

    #adminhaupt li
    {
      list-style-type:none;
      list-style-image:url('grafiken/artikel.png');
      list-style-position:inside;
      padding:4px;
      margin:4px;
      vertical-align:middle;
      border:1px solid #dddddd;
      background-color:#eeeeee;
    }



    /* CSS
       für rahmen_auf() und rahmen_zu */

    h1.admin   /* Überschrift von rahmen_auf()*/
    {
     font-family: "Segoe UI", Arial, Verdana,Tahoma,sans-serif; font-size:13px; color:#aa00aa; font-weight:bold;
     border:1px solid #000000;
     background:url('grafiken/navigationlinks.png');
     line-height:18px;
     color:#ffffff;
     margin:0 auto;
    }

    hr.admin /* innerhalb von rahmen_auf() und rahmen_zu() */
    {
     margin:0;
     padding:0;
     height:1px;
     color:#e3e3e3;
    }

    div.admin /* div von rahmen_auf() und rahmen_zu() */
    {
     font-family: "Segoe UI", Arial, Verdana,Tahoma,sans-serif; font-size:13px; color:#aa00aa;
     border:1px solid #dddddd;
     background-color:#eeeeee;
     line-height:18px;
     margin:0 auto;
    }


    .grun      {   font-weight:bold;   color:#00aa00;   }
    .rot       {   font-weight:bold;   color:#ff3300;   }
    .blau      {   font-weight:bold;   color:#0099ff;   }
    .grau      {   font-weight:bold;   color:#cccccc;   }


    .testmodus
    {
     font-family:Courier;
     font-size:15px;
     font-weight:bold;
     color:#000000;
     border:1px solid #dddddd;
     background-color:#eeeeee;
     line-height:18px;
     margin:0;
    }