@media screen,handheld,projection {
    * {
      margin:                 0;
      padding:                0;    
      }
    
    /*html, body,*/  
    div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        border:               0;
        outline:              0;
        font-weight:          inherit;
        font-style:           inherit;
        font-size:            1em;
        font-family:          inherit;
        vertical-align:       baseline;
    }
    

    :focus {
        outline:              0;
    }

    
    body {
        line-height:          1em;
    }

    
    ol, ul {
        list-style:           none;
    }

    
    a,
    a:visited,
    a:link {
      text-decoration:        none;
    }
     
}@media print {
  div[id="bereichsNavigation"] {
 	  display:                none;
  }
}

@media screen,handheld,projection {      
  body,
  html {
    padding:              	0;
    margin:               	0;
    font-family:          	arial;
  }

  div[id="bereichsNavigation"] {
 	  display:                none;
  }
 
/** Hauptcontainer
*/
  div[id="main"] {
    position:               relative;
    margin:                 -0.5em auto 0 auto;
    
    z-index:                1;      
  }


/* Inhaltscontainer */
  div[id="inhalte"] {
    padding-top:            22em;
    margin-left:            14em;
         
    z-index:                2;     
  }
  
/** Rechte Spalte ausgeben
*/
  div[id="zusatzTexte"] {
    position:               absolute;
    right:                  2em;
    top:                    22.25em;
  }

  div[class="zusatzTexteRechts"] {
    position:               absolute;
    right:                  2em;
    top:                    25.25em;
  }

/** Abdeckung oben
*/    
  div[id="abdeckungOben"] {
    position:               absolute;
    top:                    0;
    left:                   0;
    right:                  0;
    width:                  100%;
    height:                 16.5em;
    
    z-index:                3;
  }
        
/** Slogan und Name der Webseite
*/
  div[id="firmaUndSlogan"] {
    position:               absolute;
    top:                    -5em;
    left:                   4.3em;
  }
    
/** Firmenlogo
*/
  div[id="firmenLogo"] {
    position:               absolute;
    top:                    -6.5em;
    left:                   -1em;
    
    z-index:                4;
  }

/** Stimmungsbild
*/
  div[id="stimmungsBild"] {
    position:               absolute;
    top:                    8em;
    left:                   0;
    right:                  0;
    
    z-index:                4;
  }
      
/** Copyrightinformationen und Kurzimpressum
*/
  p[id="herausgeber"],
  p[id="adresse"] {
    display:                none;
  }

/** Logo und Schriftzug
*/
  div[id="logo1"],
  div[id="logo2"],
  div[id="logo3"] {
    position:               absolute;
    height:                 8em;
    
    z-index:                6;
  }

  div[id="logo1"] {
    top:                    0.75em;
    left:                   0;
    width:                  14em;
    text-align:             center;
  }    

  div[id="logo2"] {
    top:                    1.75em;    
    left:                   15.5em;
    text-align:             left;
  }  

  div[id="logo3"] {
    top:                    2em;        
    left:                   30em;
    text-align:             left;
  }
                               
/** unsichtbare Elemente
*/
  .geheim {
    display:              none;
  }
}@media print {
	div[id="aktuellePosition"] {
    display:               none;
	}
}

@media screen,handheld,projection {  
 div[id="aktuellePosition"] {
    position:             absolute;
    top:                  18em;
    width:                48em;
    right:                0;
    
    z-index:              4;
 } 
}@media print {
  div[id="externeNavigation"] {
    display:                none;
  }  
}

@media screen,handheld, projection {  
/** Thematisches Menü
 */
  div[id="externeNavigation"] {
    position:               absolute;
    top:                    8em;
    right:                  0;
    left:                   0;
    
    z-index:                5;
  }
  
  ul[id="thematisch"] {
    float:                  right;
  }
  
  ul[id="thematisch"] > li > ul {
    position:               absolute;
    top:                    14em;
    left:                   1.5em;
  }

    
/** Unterstützendes Menü
 */
  ul[id="unterstuetzend"] {
    position:               absolute;
    top:                    -6.5em;
    right:                  1.5em;
  }  
}@media screen,handheld,projection {      

    div[class="randLinks"],
    div[class="randRechts"],
    div[class="randUnten"],
    div[class="randOben"],
    div[class="randObenLinks"],
    div[class="randObenRechts"],
    div[class="randUntenLinks"],
    div[class="randUntenRechts"] {
      position:               absolute;
      z-index:                2;
    }

    div[class="randUntenLinks"],
    div[class="randObenRechts"],
    div[class="randUntenRechts"],
    div[class="randObenLinks"] {    
      width:                  40px;
      height:                 40px;
    }
           
    div[class="randLinks"],
    div[class="randRechts"] {
      top:0;
      height:                 100%;
      width:                  40px; 
    }

    div[class="randOben"],
    div[class="randUnten"] {
      right:                  0;
      left:                   0;    
      height:                 40px;
    }

    div[class="randUntenLinks"] {
      bottom:                 -40px;
      left:                   -40px;
    }

    div[class="randUntenRechts"] {
      bottom:                 -40px;
      right:                  -40px;
    }

    div[class="randObenLinks"] {
      top:                    -40px;
      left:                   -40px;
    }

    div[class="randObenRechts"] {
      top:                    -40px;
      right:                  -40px;
    }
            
    div[class="randLinks"] {
      left:                   -40px;
      top:                    0;
    }

    div[class="randRechts"] {
      right:                  -40px;
      top:                    0;
    }
    
    div[class="randUnten"] {
      bottom:                 -40px;
      width:                  100%;
    }               

    div[class="randOben"] {
      top:                    -40px;
      width:                  100%;
    }

}