@media screen,handheld, projection {
  body,
  html {
  	background:		          #333;
  	color:                  #fff;
  }
  
  img[class="schwarzAufWeiss"],
  img[class="weissAufSchwarz"] {
    display:		            none;
  }
  
/** Hauptcontainer
*/
  div[id="main"] {
    background:             #5f747d;
    border-color:           #4A4A4A;
  }

/** Abdeckung oben
*/    
  div[id="abdeckungOben"] {
    background:             #5f747d;    
  }
    
/** Slogan und Name der Webseite
*/
  div[id="firmaUndSlogan"] > div > p > a {
    color:                  #fff;
  }
  
/** Stimmungsbild
*/
  div[id="stimmungsBild"] {
    background:            url(/typo3conf/ext/wtw_design_arnis_2010/grafiken/kopfgrafik-arnis.JPG);    
    border-color:          #fff;
  }
                
/** Inhaltscontainer
*/
  div[id="inhalte"],
  div[id="overlayMenue"] {
    background:             #fff;
  }      
}@media screen,handheld,projection {
  div[id="aktuellePosition"] { 	
    background:             none;
  }
      
	div[id="aktuellePosition"] > p > a {
    border-bottom-color:    #fff; 	
    color:                  #333;
  }

	div[id="aktuellePosition"] > p > a:hover,
	div[id="aktuellePosition"] > p > a:focus {
    border-color:           #0000cd;        
  }

	div[id="aktuellePosition"] > p > span[class="trennzeichen"] {
    color:                  #333;
  }
 
	div[id="aktuellePosition"] > p > span {
    color:                  #000;
  }
}@media screen,handheld, projection {
  ul[id="thematisch"],
  ul[id="thematisch"] > li {
    border-color:             #fff; 
  }  
    
  ul[id="thematisch"] > li > a > span,
  ul[id="thematisch"] > li > span > span {
    color:                    #fff;
    background:               #333;
  }

  ul[id="thematisch"] > li > span,
  ul[id="thematisch"] > li[class="unterpunktAusgewaehlt"] > a {
    background:               none;
  }

  ul[id="thematisch"] > li > span > span,
  ul[id="thematisch"] > li[class="unterpunktAusgewaehlt"] > a > span {
    color:                    #fff;
    background:               #666;
  }

  ul[id="thematisch"] > li > a:hover,
  ul[id="thematisch"] > li > a:focus {
    background:               url(/typo3conf/ext/wtw_stoltebuell_2010/grafiken/background.png) repeat;          
  }
  
  ul[id="thematisch"] > li > a:hover > span,
  ul[id="thematisch"] > li > a:focus > span{
    color:                    #fff;
    background:               #666;    
  } 

/** Hintergrundbilder
 */
  ul[id="thematisch"] > li[id="navi_52"] {
    background:               url(/typo3conf/ext/wtw_design_arnis_2010/grafiken/navi-touristik.jpg) no-repeat 0 -0.15em;
  }

  ul[id="thematisch"] > li[id="navi_54"] {
    background:               url(/typo3conf/ext/wtw_design_arnis_2010/grafiken/navi-die_stadt.jpg) no-repeat;
  }

  ul[id="thematisch"] > li[id="navi_53"] {
    background:               url(/typo3conf/ext/wtw_design_arnis_2010/grafiken/navi-verwaltung.jpg) no-repeat -0.75em 0;
  }

  ul[id="thematisch"] > li[id="navi_51"] {
    background:               url(/typo3conf/ext/wtw_design_arnis_2010/grafiken/navi-gewerbe.jpg) no-repeat -1.25em 0;
  }
  
     
/** Externer Navigation
 *  zweite Ebene
 */ 	
  ul[id="thematisch"] > li > ul > li > a,
  ul[id="thematisch"] > li > ul > li > ul > li > a,
  ul[id="thematisch"] > li > ul > li > span,    
  ul[id="thematisch"] > li > ul > li > ul > li > span, 
  ul[id="thematisch"] > li > ul > li > ul > li > span   {
  	border-bottom-color:     #5f747d;
  }
  
  ul[id="thematisch"] > li > ul > li > a:hover,
  ul[id="thematisch"] > li > ul > li > a:focus,
  ul[id="thematisch"] > li > ul > li > span,    
  ul[id="thematisch"] > li > ul > li > ul > li > span,
  ul[id="thematisch"] > li > ul > li > ul > li > a:hover,
  ul[id="thematisch"] > li > ul > li > ul > li > a:focus,  
  ul[id="thematisch"] > li > ul > li > ul > li > span {
  	border-bottom-color:     #fff;   	
  }  	
       
  ul[id="thematisch"] > li > ul > li > a > span,
  ul[id="thematisch"] > li > ul > li > span > span,
  ul[id="thematisch"] > li > ul > li > a:hover > span,
  ul[id="thematisch"] > li > ul > li > a:focus > span   {
    color:                   #fff;
  }

/** Dritte Ebene
 */
  ul[id="thematisch"] > li > ul > li > ul > li > a > span,
  ul[id="thematisch"] > li > ul > li > ul > li > span > span {
    color:                   #efefef;
  }
  
  
/* Unterstützendes Menü */  
  ul[id="unterstuetzend"] > li > a > span,
  ul[id="unterstuetzend"] > li > span > span,
  ul[id="unterstuetzend"] > li > a:hover > span,
  ul[id="unterstuetzend"] > li > a:focus > span     {
    color:                   #fff;
  }

  ul[id="unterstuetzend"] > li > a {
    border-bottom-color:      #5f747d;
  }
  
  ul[id="unterstuetzend"] > li > a:hover,
  ul[id="unterstuetzend"] > li > a:focus {
    border-bottom-color:      #fff;
  }
          
}@media screen,handheld, projection {
    div[class="randLinks"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/frame_cl.png) repeat-y left;
    }

    div[class="randObenLinks"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/frame_tl.png);
    }

    div[class="randUntenLinks"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/frame_bl.png);
    }


    div[class="randRechts"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/frame_cr.png) repeat-y;
    }

    div[class="randObenRechts"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/frame_tr.png);
    }

    div[class="randUntenRechts"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/frame_br.png);
    }
    
    
    div[class="randUnten"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/frame_bc.png) repeat-x;
    }
    
    div[class="randOben"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/frame_tc.png) repeat-x;
    }

  /** Boxenränder
   */   
   div[class="box"] > div[class="randLinks"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/darkgreen_frame_cl.png) repeat-y left;
    }

   div[class="box"] > div[class="randObenLinks"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/darkgreen_frame_tl.png);
    }

   div[class="box"] > div[class="randUntenLinks"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/darkgreen_frame_bl.png);
    }

   div[class="box"] > div[class="randRechts"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/darkgreen_frame_cr.png) repeat-y;
    }

   div[class="box"] > div[class="randObenRechts"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/darkgreen_frame_tr.png);
    }

   div[class="box"] > div[class="randUntenRechts"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/darkgreen_frame_br.png);
    }
    
    
   div[class="box"] > div[class="randUnten"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/darkgreen_frame_bc.png) repeat-x;
    }
    
   div[class="box"] > div[class="randOben"] {
      background:             url(/typo3conf/ext/wtw_system/grafiken/darkgreen_frame_tc.png) repeat-x;
    }                             
}@media screen,handheld, projection {
  div[class="shadow"] {
    background-color:         #999;
    border-color:             #959595;
  }

  div[class="shadow2"] {
    background-color:         #aaa;
    border-color:             #bebebe;
  }

  div[class="shadow3"] {
    background-color:         #d1d1d1;
    border-color:             #e1e1e1;
  }  

  div[class="shadow4"] {
    background-color:         #ededed;
    border-color:             #f6f6f6;
  } 

  div[class="shadow5"] {
    background-color:         #fcfcfc;
    border-color:             #fff;
  } 
  
  div[class="shadow5"] img{
    border-color:             #666;
  } 

  div[class="shadow5"]:hover,
  div[class="shadow5"]:focus {
	border-bottom-color:        #0000cd;
  } 
  
}
@media screen,handheld,projection {      

  table td {
    border-color:             #999;                   
  } 
    
  table tr[class="listrow-odd"] td {
    background:               #efefef;
  }

  table tr[class="listrow-odd"] td > a {
    border-color:             #efefef;
  }

  
  /*table tr:hover td,
  table tr:focus td {
    background:               url(/typo3conf/ext/wtw_system/grafiken/back-green.png) repeat;
  }*/  

}@media screen,handheld, projection {
/** Fließtext
 */
  p,
  div,
  label,
  div[class="fliesstext"] ul > li > span {
    color:                   #333;
  }

/** Überschriften
 */
  div[class="fliesstext"] h2,
  div[class="fliesstext"] h2 > a {
    color:                   #222;
  }

/** Links
 */  
  div[class="fliesstext"] a {
    color:                   #000;
    border-color:            #fff;    
  }

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

/** Listen
 */
  div[class="fliesstext"] ul > li {
    color:                  #000;
  }
}@media screen,handheld,projection {      
  div[class="tx-alphasitemap-pi1"] > p[class="alpha-sitemap-chars"] a {
    color:                     #000;
  }
  
  div[class="tx-alphasitemap-pi1"] > ul > li a{
    border-bottom-color:       #fff;        
  }
  
}
