@media screen,handheld, projection {
/** Hauptcontainer
*/
  div[id="main"] {
    width:                  64em;
    border-style:           solid;
    border-width:           0.5em;     
  }
  
/* Inhaltscontainer */
  div[id="inhalte"] {
    padding-bottom:         6em;      
  }
  
  div[id="standardText"] {   
    width:                  30em;
    min-height:             30em; 
    padding:                0 2em 0 2em;
    border-right-style:     solid;
    border-right-width:     0.09em;
    
    z-index:                5;            
  }
  
/** Rechte Spalte ausgeben
*/
  div[id="zusatzTexte"] {
    width:                  12em;
    float:                  right;
    
    z-index:                5; 
  }   
  
  div[class="zusatzTexteRechts"] {
    width:                  12em;
  }
            
/** Firmenlogo
*/
  div[id="firmenLogo"] > img {      
    min-width:              4.5em;
    max-width:              4.5em;
  }
  
/** Stimmungsbild
*/
  div[id="stimmungsBild"] {
    width:                  100%;
    height:                 7.5em;
    border-style:           solid;
    border-width:           0.2em;
    border-left:            none;
    border-right:           none;      
  }

/** Logo und Schriftzug
*/
  div[id="logo1"] a:hover,
  div[id="logo2"] a:hover,
  div[id="logo3"] a:hover {
    border-bottom-style:    solid;
    border-bottom-width:    0.2em;
    border-color:           #fff;      
  } 
  
  div[id="logo1"] img {
    width:                  6.5em;
  }    

  div[id="logo2"] img {
    width:                  11em;
  } 
  
  div[id="logo3"] img {
    width:                  12.5em;
  }                 
}@media screen,handheld,projection {
	div[id="aktuellePosition"] > h1 {
    display:                  none;
  }

	div[id="aktuellePosition"] {
    line-height:              1.4em;
    height:                   1.4em;
    padding-bottom:           0.3em;
    text-align:               left;
  }

	div[id="aktuellePosition"] > p > a {
    text-decoration:          none;       
  }

	div[id="aktuellePosition"] > p > a:hover,
	div[id="aktuellePosition"] > p > a:focus {
    border-bottom-style:      solid;
    border-bottom-width:      0.3em; 
  }
  
	div[id="aktuellePosition"] > p > span,
	div[id="aktuellePosition"] > p > a {
    font-size:                0.8em;	
  } 
}@media screen,handheld, projection {

/** Externe Navigation erste Ebene
 */ 
  ul[id="thematisch"] { 
    border-style:             solid;
    border-width:             0.2em;
    border-left:              none;
    border-right:             none;     
  }

  ul[id="thematisch"] > li { 
    height:                   7.5em;
    border-left-style:        solid;
    border-left-width:        0.2em;     
    float:                    left;
    
    background-position:      0 0;
  }
    
  ul[id="thematisch"] > li > a,
  ul[id="thematisch"] > li > span {   
    display:                  block;
    width:                    8.7em;
    height:                   7.5em;
    font-size:                0.9em;     
  }

  ul[id="thematisch"] > li > a > span,
  ul[id="thematisch"] > li > span > span {
    display:                  block;
    text-align:               center;
    position:                 absolute;
    display:                  block;  
    bottom:                   0;
    width:                    8.7em;
    height:                   2em;
    line-height:              2em;
    font-weight:              bold;
    border-bottom-style:      solid;
    border-bottom-width:      0.2em;    
  }
    
/** Externer Navigation
 *  zweite Ebene
 */
  ul[id="thematisch"] > li > ul,
  ul[id="thematisch"] > li > ul > li > ul {
  	text-align:               left;
  	width:                    12.5em;
  }
  
  ul[id="thematisch"] > li > ul > li,
  ul[id="thematisch"] > li > ul > li > ul > li {
    display:                  block;
    margin-bottom:            0.35em;
  }

  ul[id="thematisch"] > li > ul > li > a,
  ul[id="thematisch"] > li > ul > li > span,
  ul[id="thematisch"] > li > ul > li > ul > li > a,
  ul[id="thematisch"] > li > ul > li > ul > li > span {
    display:                  block;
  	border-bottom-style:      solid;
  	border-bottom-width:      0.2em;
  }  	
     
  ul[id="thematisch"] > li > ul > li > a > span,
  ul[id="thematisch"] > li > ul > li > span > span,
  ul[id="thematisch"] > li > ul > li > ul > li > a > span,
  ul[id="thematisch"] > li > ul > li > ul > li > span > span {
    display:                  block;
  	font-size:                1em;
  	padding-bottom:           0.25em;
  	padding-left:             0.25em;
  	padding-top:              0.25em;
  }

  ul[id="thematisch"] > li > ul > li > span > span:before,
  ul[id="thematisch"] > li > ul > li > ul > li > span > span:before {
    content:                  '■ ';
  }
  
  
/** Dritte Ebene
 */
  ul[id="thematisch"] > li > ul > li > ul {
    margin-top:               0.35em;
    margin-left:              1em;
    width:                    11.5em;
  }
  
  ul[id="thematisch"] > li > ul > li > ul > li {
    margin-bottom:            0.5em;
  }
  
  ul[id="thematisch"] > li > ul > li > ul > li > a > span,
  ul[id="thematisch"] > li > ul > li > ul > li > span > span {
    font-size:                0.9em;
  }
  
         
/* Unterstützendes Menü */
  ul[id="unterstuetzend"] {  
    text-align:               right;
  } 
  
  ul[id="unterstuetzend"] > li {
    margin-bottom:            0.15em;     
  }
  
  ul[id="unterstuetzend"] > li > a > span,
  ul[id="unterstuetzend"] > li > span > span {
    font-size:                0.8em;
  }
  
  ul[id="unterstuetzend"] > li > span > span {
    font-weight:              bold;
  }

  ul[id="unterstuetzend"] > li > a {
    display:                  block;
    border-bottom-width:      0.2em;
    border-bottom-style:      solid;    
  } 

}@media screen,handheld,projection { 
  div[id="wtw_gallery"] {
    margin-right:             -3em;
  }
  
  div[id="wtw_gallery"] > div[class="wtw_gallery_image"] {
    /*float:                    left;*/
    display:                  inline-block;
    margin:                   0 1.7em 1.7em 0;
  }
}@media screen,handheld,projection { 
  div[class="shadow"] {
    border-bottom-style:      solid;
    border-bottom-width:      0.2em;    
  }

  div[id="zusatzTexte"] > div[class="wtw_image_center"],
  div[id="zusatzTexte"] > div[class="wtw_image_left"],
  div[id="zusatzTexte"] > div[class="wtw_image_right"] {
   /* padding-left:             1.25em;*/
  }

  p[class="wtw_image_title"],
  p[class="wtw_image_desc"] {
    display:                  none;
  }

/** Positionierung
*/
  div[class="wtw_image_center"] {
    text-align:               center;
  }
  
  div[class="wtw_image_left"] {
    text-align:               left;    
  }
  
  div[class="wtw_image_right"] {
    text-align:               right;    
  }
  
  div[class="wtw_image_floatLeft"] {
    float:                    left;
    
  }
  
  div[class="wtw_image_floatRight"] {
    float:                    right;
  }

/** Standardbreite der Bilder
*/
  div[class="shadow"] > img,
  div[class="shadow"] > a > img  {
    width:                    8.5em;
  }
  
  div[id="zusatzTexte"] div[class="shadow"] > a > img {
  	width:		9em;
  }            
}@media screen,handheld,projection {      

    div[class="randLinks"] img,
    div[class="randRechts"] img{   
      height:                  100%;    
    }

}@media screen,handheld, projection {
  div[class="shadow"],
  div[class="shadow2"],
  div[class="shadow3"],
  div[class="shadow4"],
  div[class="shadow5"] {
    padding:                  0;
    border-radius:            0.4em;
    -moz-border-radius:       0.4em;                    
    -webkit-border-radius:    0.4em;                    
    -khtml-border-radius:     0.4em; 
  }
   
  div[class="shadow"],
  div[class="shadow2"],
  div[class="shadow3"],
  div[class="shadow4"] {
    border-width:              1px;
    border-style:              solid;
    margin:                    0;  
  }

  div[class="shadow5"] {
    display:                   inline-block;
    border-bottom-width:       0.2em;
    border-bottom-style:       solid;
    margin-left:               -0.15em;         
  }


  div[class="shadow5"] img {
   border-width:              0;
   border-style:              solid;
   display:                   block;
   position:                  relative;
   top:                       -0.1em;
   left:                      -0.1em;
  }


  div[class="shadow5"]:hover,
  div[class="shadow5"]:focus {
	border-bottom-width:0.2em;
	border-bottom-style:solid;  
  }   

	div[class="fliesstext"] div[class="shadow"] > a {
		border:none;
	}
}
@media screen,handheld,projection {      
  table {
    width:                    100%;
    font-size:                0.9em;
    border-collapse:          collapse;
  }

  table a {
    display:                  block;
  }
  
  table td {
    text-align:               left;
    padding:                  0.45em;
    padding-left:	            0.5em;
    border-width:             0.09em;
    border-style:             solid;                   
  } 
      
  table td[class="wtw_system_td_1"],
  table th[class="wtw_system_th_1"]  {
    width:                    7em;
    text-align:	              center;
  }

  table td[class="wtw_system_td_2"],
  table th[class="wtw_system_th_2"] {
    padding-left:             1em;
    width:                    13em;
  }

  table td[class="wtw_system_td_3"],
  table th[class="wtw_system_th_3"] {
    padding-left:             1em;
  }
}@media screen,handheld, projection {
  /** Überschriften
   */  
  h1 {
    display:                  none;
  }

  div[class="fliesstext"] h2,
	div[class="fliesstext"] h3,
	div[class="fliesstext"] h4,
	div[class="fliesstext"] h5,
	div[class="fliesstext"] h6 {
		font-weight:              bold;
		}

  div[class="fliesstext"] h2 {
    font-size:                1.2em;
    line-height:              1.2em;
  }

  div[class="fliesstext"] > h2 {
    padding-bottom:           1.5em;
  }
  
  div[id="zusatzTexte"] h2 {
    font-size:                1.1em;
    line-height:              1.1em;
    padding:                  0;
    margin:                   0;
    margin-bottom:            1em;    
  }
  
  div[class="fliesstext"] h3 {
    font-size:                1.1em;
    margin-bottom:            1em;
  }

  div[class="fliesstext"] h4 {
    font-size:                1.1em;
  }

  div[class="fliesstext"] h5 {
    font-size:                1em;
  }
    
/** Fliesstext
 */
  div[class="fliesstext"] p {
    padding-bottom:           1.5em;
    
    font-size:                1em;
    line-height:              1.4em;
    text-align:               left;
  }     

  div[id="zusatzTexte"] p,
  div[class="zusatzTexteRechts"] > p {
    padding-bottom:           1.1em;    
    font-size:                0.9em;
    line-height:              1.1em;
    text-align:               left;
  }

  div[class="fliesstext"] p[class="hinweis"] {
    font-size:                0.8em;
  }
  
/** Schriftgrößen
 */
  div[class="fliesstext"] span[class="schriftgroesse90"] {
    font-size:                90%;
  }
  
  div[class="fliesstext"] span[class="schriftgroesse80"] {
    font-size:                80%;
  }

  div[class="fliesstext"] span[class="schriftgroesse70"] {
    font-size:                70%;
  }

  div[class="fliesstext"] span[class="schriftgroesse60"] {
    font-size:                60%;
  }
       
/** Textpositionierung
 */
  div[class="fliesstext"] p[class="indent"] {
    padding-left:             2em;
  }

  div[class="fliesstext"] p[class="align-right"] {
    text-align:               right;
  }

  div[class="fliesstext"] p[class="align-left"] {
    text-align:               left;
  }

  div[class="fliesstext"] p[class="align-center"] {
    text-align:               center;
  }
    
/** Links
 */
  div[class="fliesstext"] a {
    border-bottom-style:      solid;
    border-bottom-width:      0.2em;                
  }
  
  div[class="fliesstext"] a:before {
    font-weight:              bold;
  }
    
  div[class="fliesstext"] a[class="link-internal"] {
    background:               url(/typo3conf/ext/wtw_design_arnis_2010/grafiken/link-intern.png) no-repeat;
    padding-left:             1.5em;
  }

  div[class="fliesstext"] a[class="link-internal"]:hover,
  div[class="fliesstext"] a[class="link-internal"]:focus   {
    border-color:             #0000cd;
  }

      
  div[class="fliesstext"] a[class="link-external"] {
    background:               url(/typo3conf/ext/wtw_design_arnis_2010/grafiken/link-extern.png) no-repeat;
    padding-left:             1.5em;
  }
  
  div[class="fliesstext"] a[class="link-external"]:hover,
  div[class="fliesstext"] a[class="link-external"]:focus   {
    border-color:             #44882d;         
  }

  
  div[class="fliesstext"] a[class="link-email"] {
    background:               url(/typo3conf/ext/wtw_design_arnis_2010/grafiken/link-mail.png) no-repeat;
    padding-left:             1.5em;    
  }

/** Listen
 */
  div[class="fliesstext"] ul {
    padding-bottom:           1.5em;
    padding-left:             2em;    
    list-style:               square;
  }

  div[class="fliesstext"] ul > li > ul {
    padding-left:             1.5em;       
  }
  
  div[class="fliesstext"] ul > li {
    line-height:              1.4em;
  }

  div[class="tx-alphasitemap-pi1"] > ul {
    padding:                  0;
  }

/** Sonstige SPAN-Klassen
 */
  div[class="fliesstext"] span[class="underline"] {
    text-decoration:           underline;
  } 

  blockquote {
    font-style:                italic;
    padding-left:              2em;
    padding-right:             2em;
  }

  sup,
  sub {
    font-size:                 0.6em;
  }

  sup {
    vertical-align:            super;
  }

  sub {
    vertical-align:            sub;
  }
    
  em {
    font-style:                italic;
  }
  
  strong {
    font-weight:               bold;
  }

  hr {
    margin-bottom:             1.5em;
  }
    
/** Kurzimpressum
 */
  div[id="kurzimpressum"] > p {
    display:                   none;
  }               
}@media screen,handheld,projection {      
/** Kopfzeile
 */
  div[class="tx-alphasitemap-pi1"] > p[class="alpha-sitemap-chars"] > span {
    padding-right:             0.25em;
  }
  
  div[class="tx-alphasitemap-pi1"] > p[class="alpha-sitemap-chars"] a {
    font-weight:               bold;
  }
  
  div[class="tx-alphasitemap-pi1"] > ul {
    padding:                   0;
    margin:                    0.25em 0 1em 2em;
  }
  
  div[class="tx-alphasitemap-pi1"] > ul > li a{
    display:                   block;
    border-bottom-style:       solid;
    border-bottom-width:       0.2em;
  }
  
}