
BODY { 
      font-family : Verdana,Arial,Helvetica,sans-serif; 
      font-size : 11pt;
      margin : 0px; 
      padding : 0px;
      background-color: #CCCCCC;
      background-image : url("../grafiken/layout/chromiert2.gif");
      background-repeat : repeat;
}

#L0 { 
      position: static; 
      font-family : Verdana,Arial,Helvetica,sans-serif;
      font-size : 8px; 
      height: 36px; 
      width : 100%; 
      background-color: #FFFFFF;
      background-image : url("../grafiken/layout/chrom/bg_topmenu.gif");
      background-repeat : repeat;
      background-position : top center;
}

#L1 {
      position: static; 
      text-align : center;
      height: 30px; 
      width: 100%; 
      background-color: #CCCCCC;
      background-image : url("../grafiken/layout/chrom/bg_menuleiste.gif");
      background-repeat : no-repeat;
      background-position : top center;
}

.MENU {
        width : 660px; 
        margin : auto;
}

#L2 {
      position: static;
      text-align : center;      
      font-family : Verdana,Arial,Helvetica,sans-serif;
      font-size : 11px; 
      height : 28px; 
      width : 100%; 
      background-color: #CCCCCC;
      background-image : url("../grafiken/layout/chrom/bg_oben.gif");
      background-repeat : no-repeat;
      background-position : top center;
}

.BROTKRUMEN { 
              width : 730px;
              margin : auto;
}

.BK2 { 
       font-family : Verdana,Arial,Helvetica,sans-serif;
       text-align : left;
       font-size : 11px; 
       padding-top : 6px;
       padding-left : 60px;
}


/* Content-Bereich */

#L3 { 
      position: relative; 
      margin : auto;
      text-align: center; 
      width : 100%;
      background-image : url("../grafiken/layout/chrom/bg_innen.gif");
      background-repeat : repeat-y;
      background-position : top center;
}

.L31 { 
       position: relative;
       margin : auto;
       width : 730px;
       min-height : 300px;
       background-image : url("../grafiken/layout/chrom/bg_innen.gif");
       background-repeat : repeat;
       background-color : #CCCCCC; 
       background-position : top center;
}


.LINKESPALTE { 
               float : left;
               width : 40px;
               background-color : #AAAAAA; 
}

.MITTELSPALTE { 
                float : left;
                width : 570px;
                margin : auto;
                background-color : #CCCCCC; 
}

.RECHTESPALTE { 
                float : right;
                width : 120px;
                background-color : #AAAAAA; 
                background-image : url("../grafiken/layout/chrom/bg_rechtemarginalie.gif");
                background-repeat : repeat;
                
}



/* Rechte Spalte */

.NAVIRECHTS1 { 
               font-family : Verdana,Arial,Helvetica,sans-serif;
               font-size : 11px; 
               display : block;
               text-align : left;
               color : #888888;
               background : #CCCCCC;
               background-image : url("../grafiken/layout/chrom/120erkante2b.gif");
               background-repeat : repeat;
}

.NAVIRECHTS0 { 
               font-family : Verdana,Arial,Helvetica,sans-serif;
               font-size : 5px;
               line-height : 5px; 
               display : block;
               color : #000000;
               background : #CCCCCC; 
               background-image : url("../grafiken/layout/chrom/120erkante2.gif");
               background-repeat : repeat;
}

.NAVIRECHTS2 { 
               font-family : Verdana,Arial,Helvetica,sans-serif;
               font-size : 11px;
               line-height : 25px; 
               display : block;
               color : #000000;
               background-color : #CCCCCC; 
               background-image : url("../grafiken/layout/chrom/120erkante2.gif");
               background-repeat : repeat;

}


/* Mittlere Hauptspalte */



.HEADLINE { 
            width : 550px; 
            margin-left : 10px; 
            margin-top : 20px; 
            width : 530px; 
            height : 40px; 
            background-color : #CCCCCC;
}


.CONTENTBOX { 
              text-align : left;  
              vertical-align : top;
              margin : auto;
              margin-top : 20px;
              width : 480px;
              font-family : Verdana,Arial,Helvetica,sans-serif; 
              font-size : 10pt;
              background-color : #CCCCCC; 
}

.NAVISPALTE { 
              width : 570px; 
              margin : auto;
              height : 40px;
              margin : auto;
              background-color : #CCCCCC; 
}




/* Linke Spalte */

.NAVILINKS1 { 
              font-family : Verdana,Arial,Helvetica,sans-serif;
              font-size : 11px; 
              display : block;
              background : #CCCCCC; 
              background-image : url("../grafiken/layout/chrom/40erkante2b.gif");
              background-repeat : repeat;
}

.NAVILINKS0 { 
              font-family : Verdana,Arial,Helvetica,sans-serif;
              font-size : 5px;
              line-height : 5px; 
              display : block;
              color : #000000;
              background : #CCCCCC; 
              background-image : url("../grafiken/layout/chrom/40erkante2.gif");
              background-repeat : repeat;
}

.NAVILINKS2 { 
              font-family : Verdana,Arial,Helvetica,sans-serif;
              font-size : 11px;
              line-height : 25px; 
              display : block;
              color : #000000;
              background-color : #CCCCCC; 
              background-image : url("../grafiken/layout/chrom/40erkante2.gif");
              background-repeat : repeat;
}


/* Untere Spalte */

#L32 { 
       position: relative;
       margin : auto;
       width : 730px;
       height : 60px;
       background-image : url("../grafiken/layout/chrom/bg_innen.gif");
       background-repeat : repeat-y;
       background-color : #CCCCCC; 
}

.LINKESPALTE2 { 
                float : left;
                width : 40px;
                background-color : #AAAAAA; 
}

.MITTELSPALTE2 { 
                 float : left;
                 width : 570px;
                 margin : auto;
                 background-color : #CCCCCC; 
}

.RECHTESPALTE2 { 
                 float : right;
                 width : 120px;
                 background-color : #AAAAAA; 
}


/* Seitenabschluss */

.BOTTOMSPALTE { 
                height : 28px;
                width: 100%; 
                background-color: #FFFFFF;
      background-image : url("../grafiken/buttons/chrom/bg_chromleiste.gif");
      background-repeat : repeat;
}


      

/* Gestaltungsflaechen */

P { 
    font-family : Verdana,Arial,Helvetica,sans-serif; 
    font-size : 10pt; 
}

TD { 
     font-family : Verdana,Arial,Helvetica,sans-serif; 
     font-size : 10pt; 
}

TR { 
     font-family : Verdana,Arial,Helvetica,sans-serif; 
     font-size : 10pt; 
}

.STANDARDFARB { 
                background-color : #CCCCCC;
                font-family : Verdana,Arial,Helvetica,sans-serif;
                font-size : 11px; 
                color : #000000; 
}

.BILDUNTERSCHRIFT { 
                    font-family : Verdana,Arial,Helvetica,sans-serif;
                    font-size : 11px;
                    font-style : italic; 
                    color : #000000; 
}

.BILDUNTERSCHRIFT2 { 
                     font-family : Verdana,Arial,Helvetica,sans-serif;
                     font-size : 11px;
                     font-style : normal; 
                     color : #000000; 
}



/* Styleswitcher */

.SWITCHER1 { 
             background-image : url("../grafiken/buttons/styleswitch_classic.gif");
             background-repeat : no-repeat; 
}

.SWITCHER2 { 
             background-image : url("../grafiken/buttons/styleswitch_glas.gif");
             background-repeat : no-repeat; 
}

.SWITCHER3 { 
             background-image : url("../grafiken/buttons/styleswitch_chrom_gold.gif");
             background-repeat : no-repeat; 
}



/* Menu-Buttons */

.HOMEBUT { 
           background-image : url("../grafiken/buttons/chrom/chrom_startseite_inaktiv.gif");
           background-repeat : no-repeat; 
           float : left;
}

.ICHBUT { 
          background-image : url("../grafiken/buttons/chrom/chrom_martin_inaktiv.gif");
          background-repeat : no-repeat; 
          float : left;
}

.DESBUT { 
          background-image : url("../grafiken/buttons/chrom/chrom_design_inaktiv.gif");
          background-repeat : no-repeat; 
          float : left;
}

.GALBUT { 
           background-image : url("../grafiken/buttons/chrom/chrom_galerie_inaktiv.gif");
           background-repeat : no-repeat; 
           float : left;
}

.WORKBUT { 
           background-image : url("../grafiken/buttons/chrom/chrom_pixelino_aktiv.gif");
           background-repeat : no-repeat; 
           float : left;
}

.KNOWBUT { 
           background-image : url("../grafiken/buttons/chrom/chrom_tanzen_inaktiv.gif");
           background-repeat : no-repeat; 
           float : left;
}

.SURFBUT { 
           background-image : url("../grafiken/buttons/chrom/chrom_kunst_inaktiv.gif");
           background-repeat : no-repeat; 
           float : left;
}




/* Standardlinks */

A:LINK { 
         color : #5B5B5B;
         display:inline;
         text-decoration : underline; 
}

A:VISITED { 
            color :  #5B5B5B;
            display:inline;
            text-decoration : underline; 
}

A:ACTIVE { 
           color : #000000;
           display:inline;
           text-decoration : none; 
}

A:HOVER { 
          color:  #999999;
          background: none; 
          display:inline;
          text-decoration : underline; 
}


/* Menuleisten-Links */

A.NAVILEISTE:LINK { 
                    color : #666666;  
                    text-decoration : none; 
                    display:block; 
}

A.NAVILEISTE:VISITED { 
                       color : #666666;  
                       text-decoration : none; 
                       display:block; 
}

A.NAVILEISTE:ACTIVE { 
                      color: #666666; 
                      text-decoration : none;
                      display:block; 
}

A.NAVILEISTE:HOVER { 
                     color: #FFDE00;
                     text-decoration : none;
                     background : none;
                     background-image : url("../grafiken/buttons/chrom/linkleiste_gold.gif");
                     background-repeat : repeat;
                     display : block;
}

/* Menuleisten-Unterlinks */

A.NAVILEISTE_U:LINK { 
                      color : #666666;  
                      text-decoration : none; 
                      display : inline; 
}

A.NAVILEISTE_U:VISITED { 
                         color : #666666;  
                         text-decoration : none; 
                         display : inline; 
}

A.NAVILEISTE_U:ACTIVE { color : #666666; 
                        text-decoration : none;
                        display : inline;
}

A.NAVILEISTE_U:HOVER { 
                        color : #FFDE00;
                        text-decoration : none;
                        background : #9F8B2C;
                        display : inline;
}

A.NAVILEISTE_UA:LINK { 
                       color : #000000;
                       font-weight : bold;
                       background: none; 
                       display : inline;
                       text-decoration : none;
}

A.NAVILEISTE_UA:VISITED { 
                          color : #999999;
                          display : inline;
                          background: none;
                          text-decoration : none;
}


/* Aktiver Link */

A.NAVILEISTE_A:LINK { 
                      color: #666666;
                      background: none; 
                      display:block;
                      text-decoration : none;
                      background-image : url("../grafiken/buttons/linkquader_grau.gif");
                      background-repeat : no-repeat; 
}

A.NAVILEISTE_A:VISITED { 
                         color: #666666;
                         display:block;
                         background: none;
                         text-decoration : none;
                         background-image : url("../grafiken/buttons/linkquader_grau.gif");
                         background-repeat : no-repeat;
}


/* Menuleisten-Bottom Links */

A.NAVILEISTEUNTEN:LINK { 
                         color : #999999;  
                         text-decoration : none; 
                         display : inline; 
}

A.NAVILEISTEUNTEN:VISITED { 
                            color : #999999;  
                            text-decoration : none; 
                            display : inline; 
}

A.NAVILEISTEUNTEN:ACTIVE { 
                           color: #999999; 
                           text-decoration : none;
                           display : inline; 
}

A.NAVILEISTEUNTEN:HOVER { 
                          color: #000000;
                          text-decoration : underline;
                          background : none;
                          display : inline; 
}



/* Sub-Navigation */

.SUBNAVI { 
           font-family : Verdana,Arial,Helvetica,sans-serif;
           font-size : 11px; 
           color : #000000;
           width : 484px; 
           height : 15px;
           margin : auto;
}

.SUBNAVI2 { 
            font-family : Verdana,Arial,Helvetica,sans-serif;
            font-size : 11px; 
            color : #000000;
            background : #FFFFFF;
            text-align : center; 
            width : 67px; 
            float : left;
            border : 1px solid #000000;
}


/* Subline */

.SUB { display : none; }


/* Headlines */

.H2 { display : none; }

H3 { 
     font-family : Verdana,Arial,Helvetica,sans-serif;
     font-size : 16px; 
     font-variant: small-caps;
     border-bottom: 1px solid #000000;
     letter-spacing : 2pt;
     color : #666666;
     display : block; 
}


/* Rahmen für Bitmaps */

.GFX { 
       border : 1px dotted #000000;
}


.BILDBOX { 
           border : 1px dotted #000000;
           padding : 5px;
           background : #FFF0DC;
           margin-bottom : 3px;
}


.BILDBOXRECHTS { 
                 border : 1px dotted #000000;
                 padding : 5px;
                 float : right;
                 background : #FFF0DC;
                 margin-left : 3px;
                 margin-bottom : 3px;
}

.BILDBOXLINKS { 
                 border : 1px dotted #000000;
                 padding : 5px;
                 float : left;
                 background : #FFF0DC;
                 margin-right : 3px;
                 margin-bottom : 3px;
}

.BILDBOXCENTER { 
                 border : 1px dotted #000000;
                 padding : 5px;
                 float : none;
                 text-align : center;
                 margin : auto;
                 background : #FFF0DC;
}

.ICONRAHMEN { 
              border : 4px solid #999999;
}

.ICONRAHMEN10 { 
                border : 10px solid #999999;
}


.INFOBOX { 
           padding : 5px;
           font-size : 10pt;
           background : #CCCCCC;
           border: 1px dotted #000000; 
}

          
/* Float-Boxen */

.LINKS {
         float : left;
         padding-right : 10px;
}

.RECHTS {
          float : right;
          padding-left : 10px;
}

.LINKS_OP {
            float : left;
            padding-right : 0px;
}

.RECHTS_OP {
             float : right;
             padding-left : 0px;
}

.HEADLINEBOX1 { 
               font-family : Verdana,Arial,Helvetica,sans-serif;
               font-size : 13px;
               letter-spacing : 8px;
               text-align : center;
               border : 1px solid black;
               color : #000000;
               background : #DDDDDD;
               margin : auto; 
}

/* Buttons */


.ICON_PP_BASICS { background-image : url("../grafiken/buttons/chrom/button_pictpub_basics.gif");
                  background-repeat : no-repeat; }

.ICON_PP_TRAINING { background-image : url("../grafiken/buttons/chrom/button_pictpub3.gif");
                    background-repeat : no-repeat; }

.ICON_PP_EFFEKTE { background-image : url("../grafiken/buttons/chrom/button_pictpub_fx.gif");
                   background-repeat : no-repeat; }



/* Bitmap-Headlines */

.PPBASICS { background-image : url("../grafiken/headline/chrom/pp_basics.gif");
            background-repeat : no-repeat;
            line-height : 30px; }

.BILDOPTIMIERUNG { background-image : url("../grafiken/headline/chrom/pp_bildoptimierung2.gif");
                   background-repeat : no-repeat;
                   line-height : 30px; }

.MASKEN { background-image : url("../grafiken/headline/chrom/pp_masken.gif");
          background-repeat : no-repeat;
          line-height : 30px; }

.OBJEKTE { background-image : url("../grafiken/headline/chrom/pp_objekte.gif");
          background-repeat : no-repeat;
          line-height : 30px; }

.WEBGRAFIKPP8 { background-image : url("../grafiken/headline/chrom/webgrafik_pp8.gif");
                background-repeat : no-repeat;
                line-height : 30px; }

.SCHRIFTEFFEKTPP { background-image : url("../grafiken/headline/chrom/schrifteffekte_pp.gif");
                   background-repeat : no-repeat;
                   line-height : 30px; }

.BUTTONSPP { background-image : url("../grafiken/headline/chrom/buttons_pp.gif");
                   background-repeat : no-repeat;
                   line-height : 30px; }

.TRAININGPP { background-image : url("../grafiken/headline/chrom/pp_training.gif");
              background-repeat : no-repeat;
              line-height : 30px; }



