BODY { 
      font-family : Verdana,Arial,Helvetica,sans-serif; 
      font-size : 11pt;
      margin : 10px; 
}

#L0 { 
      position: static; 
      font-family : Verdana,Arial,Helvetica,sans-serif;
      font-size : 8px; 
      height: 10px; 
      width : 100%; 
      background-color: #FFFFFF;
      background-image : url("../grafiken/layout/classic/bg_menutop.gif");
      background-repeat : no-repeat;
      background-position : top center;
}

#L1 {
      position: static; 
      text-align : center;
      height: 30px; 
      width: 100%; 
      background-color: #FFFFFF;
      background-image : url("../grafiken/layout/classic/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: #FFFFFF;
      background-image : url("../grafiken/layout/classic/bg_oben_orange.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 : 5px;
       padding-left : 60px;
}


/* Content-Bereich */

#L3 { 
      position: relative; 
      margin : auto;
      text-align: center; 
      width : 100%; 
      background-color: #FFFFFF;
      background-image : url("../grafiken/layout/classic/bg_mitte_orange.gif");
      background-repeat : repeat-y;
      background-position : top center; 
}

.L31 { 
       position: relative;
       margin : auto;
       min-height : 300px;
       width : 730px;
       background-image : url("../grafiken/layout/classic/bg_innen_orange.gif");
       background-repeat : repeat-y;
       background-color : #FFF0DC; 
}


.LINKESPALTE { 
               float : left;
               width : 40px;
               background-color : #FFF0DC; 
}

.MITTELSPALTE { 
                float : left;
                width : 570px;
                margin : auto;
                background-color : #FFF0DC; 
}

.RECHTESPALTE { 
                float : right;
                width : 120px;
                background-color : #FF9900; 
}



/* Rechte Spalte */

.NAVIRECHTS1 { 
               font-family : Verdana,Arial,Helvetica,sans-serif;
               font-size : 11px; 
               display : block;
               text-align : left;
               color : #FFCF90;
               background : #FFF0DC; 
}

.NAVIRECHTS0 { 
               font-family : Verdana,Arial,Helvetica,sans-serif;
               font-size : 5px;
               line-height : 5px; 
               display : block;
               color : #000000;
               background : #FF9900; 
}

.NAVIRECHTS2 { 
               font-family : Verdana,Arial,Helvetica,sans-serif;
               font-size : 11px;
               line-height : 25px; 
               display : block;
               color : #000000;
               background : #FF9900; 
}


/* Mittlere Hauptspalte */



.HEADLINE { 
            width : 550px; 
            margin-left : 10px; 
            margin-top : 20px; 
            width : 530px; 
            height : 40px; background-color : #FFF0DC;
}


.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 : #FFF0DC; 
}

.NAVISPALTE { 
              width : 570px; 
              text-align : center;
              margin : auto;
              height : 40px;
              background-color : #FFF0DC; 
}




/* Linke Spalte */

.NAVILINKS1 { 
              font-family : Verdana,Arial,Helvetica,sans-serif;
              font-size : 11px; 
              display : block;
              background : #FF9900; 
}

.NAVILINKS0 { 
              font-family : Verdana,Arial,Helvetica,sans-serif;
              font-size : 5px;
              line-height : 5px; 
              display : block;
              color : #000000;
              background : #FFF0DC; 
}

.NAVILINKS2 { 
              font-family : Verdana,Arial,Helvetica,sans-serif;
              font-size : 11px;
              line-height : 25px; 
              display : block;
              color : #000000;
              background-color : #FFF0DC; 
}



/* Untere Spalte */

#L32 { 
       position: relative;
       margin : auto;
       width : 730px;
       height : 60px;
       background-image : url("../grafiken/layout/classic/bg_innen_orange.gif");
       background-repeat : repeat-y;
       background-color : #FFF0DC; 
}

.LINKESPALTE2 { 
                float : left;
                width : 40px;
                background-color : #FFF0DC; 
}

.MITTELSPALTE2 { 
                 float : left;
                 width : 570px;
                 margin : auto;
                 background-color : #FFF0DC; 
}

.RECHTESPALTE2 { 
                 float : right;
                 width : 120px;
                 background-color : #FF9900; 
}


/* Seitenabschluss */

.BOTTOMSPALTE { 
                height : 28px;
                width: 100%; 
                background-color: #FFFFFF;
                background-image : url("../grafiken/layout/classic/bg_bottom.gif");
                background-repeat : repeat-y;
                background-position : top center; 
}


      

/* 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; 
}



.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_orange.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.gif");
             background-repeat : no-repeat; 
}




/* Menu-Buttons */

.HOMEBUT { 
           background-image : url("../grafiken/buttons/homebut1n.gif");
           background-repeat : no-repeat; 
           float : left;
}

.ICHBUT { 
           background-image : url("../grafiken/buttons/ichbut0.gif");
           background-repeat : no-repeat; 
           float : left;
}

.DESBUT { 
          background-image : url("../grafiken/buttons/desbut0.gif");
          background-repeat : no-repeat; 
          float : left;
}

.GALBUT { 
          background-image : url("../grafiken/buttons/galbut2.gif");
          background-repeat : no-repeat; 
          float : left;
}

.WORKBUT { 
           background-image : url("../grafiken/buttons/pixelbut1.gif");
           background-repeat : no-repeat; 
           float : left;
}

.KNOWBUT { 
           background-image : url("../grafiken/buttons/tanzbut0.gif");
           background-repeat : no-repeat; 
           float : left;
}

.SURFBUT { 
           background-image : url("../grafiken/buttons/kunstbut0.gif");
           background-repeat : no-repeat; 
           float : left;
}


/* Standardlinks */

A:LINK { 
         color : #D47F00;
         display:inline;
         text-decoration : none; 
}

A:VISITED { 
            color :  #D47F00;
            display:inline;
            text-decoration : none; 
}

A:ACTIVE { 
           color : #000000;
           display:inline;
           text-decoration : none; 
}

A:HOVER { 
          color:  #000000;
          background: none; 
          display:inline;
          text-decoration : none; 
}


/* Menuleisten-Links */

A.NAVILEISTE:LINK { 
                    color : #D47F00;  
                    text-decoration : none; 
                    display:block; 
}

A.NAVILEISTE:VISITED { 
                       color : #D47F00;  
                       text-decoration : none; 
                       display:block; 
}

A.NAVILEISTE:ACTIVE { 
                      color: #000000; 
                      text-decoration : none;
                      font-weight : bold;
                      display:block; 
}

A.NAVILEISTE:HOVER { 
                     color: #000000;
                     background: none; 
                     text-decoration : none;
}

/* Menuleisten-Unterlinks */

A.NAVILEISTE_U:LINK { 
                      color : #D47F00;  
                      text-decoration : none; 
                      display : inline; 
}

A.NAVILEISTE_U:VISITED { 
                         color : #D47F00;  
                         text-decoration : none; 
                         display : inline; 
}

A.NAVILEISTE_U:ACTIVE { 
                        color: #000000; 
                        text-decoration : none;
                        font-weight : bold;
                        display : inline; 
}

A.NAVILEISTE_U:HOVER { 
                       color: #000000;
                      background: none; 
                      text-decoration : none;
}

A.NAVILEISTE_UA:LINK { 
                       color: #000000;
                       background : none; 
                       display : inline;
                       text-decoration : none;
}

A.NAVILEISTE_UA:VISITED { 
                          color: #000000;
                          background : none; 
                          display : inline;
}


/* Aktiver Link */

A.NAVILEISTE_A:LINK { 
                      color: #000000;
                      background : none; 
                      display :block;
                      text-decoration : none;
}

A.NAVILEISTE_A:VISITED { 
                         color: #000000;
                         display:block;
                         background: none;
                         text-decoration : none;
}


/* Menuleisten-Bottom Links */

A.NAVILEISTEUNTEN:LINK { 
                         color : #D47F00;  
                         text-decoration : none; 
                         display : inline; 
}

A.NAVILEISTEUNTEN:VISITED { 
                            color : #D47F00;  
                            text-decoration : none; 
                            display : inline; 
}

A.NAVILEISTEUNTEN:ACTIVE { 
                           color: #000000; 
                           text-decoration : none;
                           font-weight : bold;
                           display : inline; 
}

A.NAVILEISTEUNTEN:HOVER { 
                          color: #000000;
                          text-decoration : none; 
}



/* Sub-Navigation */

.SUBNAVI { 
           font-family : Verdana,Arial,Helvetica,sans-serif;
           font-size : 11px; 
           color : #000000;
           width : 484px; 
           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 { 
       font-family : Verdana,Arial,Helvetica,sans-serif;
       font-size : 11px;
       color : #000000;
       text-align : center;
       border-top: 1px solid #000000; 
}


/* 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 : #000000;
     display:block; 
}

/* Rahmen für Bitmaps */

.GFX { 
       border : none;
}

.BILDBOX { 
           border : none; 
           padding : 5px;
}

.BILDBOXRECHTS { 
                border : none; 
                float : right;
                padding : 5px;
}

.BILDBOXLINKS { 
                 border : none; 
                 float : left;
                 padding : 5px;
}

.BILDBOXCENTER { 
                 border : none; 
                 float : none;
                 text-align : center;
                 padding : 5px;
}

.ICONRAHMEN { 
              border : 4px solid #FF9900;
}

.ICONRAHMEN10 { 
                border : 10px solid #FF9900;
}



.INFOBOX { 
           padding : 5px;
           font-size : 10pt;
           border: 1px solid #FF9900;
           background : #FFE4BD; }

/* 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 : #FF9900;
               margin : auto; 
}
 


/* Buttons */


.ICON_PP_BASICS { background-image : url("../grafiken/buttons/button_pictpub_basics.gif");
                  background-repeat : no-repeat; }

.ICON_PP_TRAINING { background-image : url("../grafiken/buttons/button_pictpub3.gif");
                    background-repeat : no-repeat; }

.ICON_PP_EFFEKTE { background-image : url("../grafiken/buttons/button_pictpub_fx.gif");
                   background-repeat : no-repeat; }


/* Tooltipps */


span.info{
  position:relative; /*this is the key*/
  color:#000000;
  cursor:help;
  border-bottom : 1px dotted #FF9900;
  font-size: 12px;
}
span.info:hover { border-bottom :1px solid #FF9900; }
span.info span.tooltip { display:none; }
span.info:hover span.tooltip { /*the span will display just on :hover state*/
  display:block;
  position:absolute;
  top:18px; left:18px; 
  border: 1px solid #FF9900;
  background-color:#FFFFFF;
  color:#000000;
  font-size: 11px;
  padding: 2px 5px;
}


/* Bitmap-Headlines */

.PPBASICS { background-image : url("../grafiken/headline/classic/pp_basics.gif");
            background-repeat : no-repeat;
            line-height : 30px; }

.BILDOPTIMIERUNG { background-image : url("../grafiken/headline/classic/pp_bildoptimierung2.gif");
                   background-repeat : no-repeat;
                   line-height : 30px; }

.MASKEN { background-image : url("../grafiken/headline/classic/pp_masken.gif");
          background-repeat : no-repeat;
          line-height : 30px; }

.OBJEKTE { background-image : url("../grafiken/headline/classic/pp_objekte.gif");
          background-repeat : no-repeat;
          line-height : 30px; }

.WEBGRAFIKPP8 { background-image : url("../grafiken/headline/classic/webgrafik_pp8.gif");
                background-repeat : no-repeat;
                line-height : 30px; }

.SCHRIFTEFFEKTPP { background-image : url("../grafiken/headline/classic/schrifteffekte_pp.gif");
                   background-repeat : no-repeat;
                   line-height : 30px; }

.BUTTONSPP { background-image : url("../grafiken/headline/classic/buttons_pp.gif");
             background-repeat : no-repeat;
             line-height : 30px; }

.TRAININGPP { background-image : url("../grafiken/headline/classic/pp_training.gif");
              background-repeat : no-repeat;
              line-height : 30px; }