/* MAIN LAYOUT */


#preload1, #preload2   {visibility: hidden;
                       position: fixed;
                       }


body     {text-align: left;
         background: url(../grafiken/menuebalken.gif) 0px -10px #EFEFEF no-repeat fixed;
         margin: 0px;
         font-family: arial, sans-serif;
         font-size: 75%;
         color: #2A2E2F;
         line-height: 150%;
         }

#mainnavigation {position: fixed;
                 float: left;
                 margin-top: 5px;
                 }

#mainnavigation a {margin-bottom: 5px;
                  margin-left: 6px;}


#mail           {position: absolute;
                left: 50%;
                margin-left: -50px;
                margin-top: 80px;}




.or {position: absolute;
    left: 50%;
    margin-left:-205px;
    margin-top: 80px;
    width: 450px;
    background: url(../grafiken/images/rahmen_or.gif) top right no-repeat;}

#arbeitsprobentext.or {position: absolute;
                      left: 50%;
                      margin-left:-155px;
                      margin-top: 80px;
                      width: 350px;
                      }


.ol {background: url(../grafiken/images/rahmen_ol.gif) top left no-repeat;}

.ur {background: url(../grafiken/images/rahmen_ur.gif) bottom right no-repeat;}

.ul {background: url(../grafiken/images/rahmen_ul.gif) bottom left no-repeat;}

.textblock {padding: 30px 40px 20px 40px;}

.textblock_arbeitsproben {padding: 20px 20px 20px 40px;}

p {margin: 0px;}





/* ARBEITSPROBEN */


div#arbeitsprobe     {position: absolute;
                      left: 50%;
                      text-align:center;
                      margin-left: -355px;
                      width: 760px;
                      }

#zaehler a  {display: block;
             margin: auto;
             border: 1px solid #666666;
             }

#zaehler img {display: block;
             margin: auto;
             border: 1px solid #666666;
             }

div#zaehler    {margin: auto;
                text-align: left;
                color: #666666;
                font-size: 8pt;
                }

.beschreibung {color: #2A2E2F;}


#arbeitsprobe .flyer_a6_quer, #arbeitsprobe .fotografie_quer    {width: 425px; margin-top: 80px;}
#arbeitsprobe .flyer_a6_hoch {width: 303px; margin-top: 80px;}
#arbeitsprobe .flyer_a4              {width: 490px; margin-top: 80px;}
#arbeitsprobe .flyer_dinlang_quer    {width: 490px; margin-top: 160px;}
#arbeitsprobe .flyer_dinlang         {width: 245px; margin-top: 20px;}
#arbeitsprobe .plakat, #arbeitsprobe .briefbogen, #arbeitsprobe .urkunde   {width: 368px; margin-top: 20px;}
#arbeitsprobe .visitenkarte_hoch     {width: 155px; margin-top: 80px;}
#arbeitsprobe .visitenkarte_quer     {width: 240px; margin-top: 80px;}
#arbeitsprobe .gutschein             {width: 358px; margin-top: 20px;}
#arbeitsprobe .fotografie_hoch       {width: 319px; margin-top: 80px;}

#productsmenue  {position: absolute;
                text-align: center;
                left: 50%;
                top: 100%;
                margin-left: -17.4em;
                margin-top: -2em;
                font-size: 9pt;
                }

#productsmenue a  {color: #B3B3B3;
                  line-height: 1.4em;
                  font-weight: bold;
                  margin-left: 5px;
                  margin-right: 5px;}

#productsmenue a.used {color: #FF8C00; text-decoration: none;}

#productsmenue a:hover, #productsmenue a.used:hover {font-weight: bold;
                                                    color: #2A2E2F;
                                                    text-decoration: none;}

.galerieliste {float: left;
              text-align: left;
              margin-left: 55px;
              margin-top: 30px;}




/* EXTERNE LINKS */

#externelinks {position: absolute;
              left: 50%;
              margin-left: -150px;
              margin-top: 80px;
              width: 340px;
              color: #2A2E2F;}

#externelinks a {display: block;
                margin-top: 5px;}