/* handheld.css
 * 
 */
@media handheld {

body{
  padding: 0px;
  margin: 0px;
  background-color: #ECE8D8;
  background-image: none;
  background-repeat: repeat-y;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  line-height:15px;
  font-weight:normal;
}

h1 {
  font-size: 1.5em;
}

.noHandheld {
  display: none;
}

div#head {
  padding: 4px;
  background-color: #fff;
}
div#body div#toprow {
  background-color: #CFC6A9;
  padding: 0.1em 0.4em;
  margin: 0em;
}

div#body div#menucontainer {
  background-color: #a39e8a;
  padding: 0.2em;
}

div#body div#menucontainer .banner {
  display:none;
}

div#body div#toprow ul,
div#body div#menucontainer ul {
  display: block;
  margin: 0.2em;
  padding: 0em;
}

div#body div#toprow ul li a,
div#body div#toprow ul li a.active {
  color: #000;
  text-decoration: none;
}
  
div#body div#menucontainer ul li a {
  color: #fff;
  text-decoration: none;
}

div#body div#toprow ul li a:hover,
div#body div#toprow ul li a.active {
  text-decoration: underline;
}

div#body div#menucontainer ul, 
div#body div#menucontainer li {
  list-style : none;
}

div#body div#menucontainer li div.navilink-0,
div#body div#menucontainer li div.navilink-1,
div#body div#menucontainer li div.navilink-2 {
  padding: 0px 5px;
}

div#body div#menucontainer li a {
  color: #fff;
  font-size: 8pt;
  text-decoration: none;
  vertical-align: middle;
}

div#body div#menucontainer li ul.ebene2 {
  background-color: #E5E3DF;
}

div#body div#menucontainer li ul.ebene1 li,
div#body div#menucontainer li ul.ebene2 li {
  border-top: 1px solid #D1CFC5;
  border-bottom: 0px;
}

div#body div#menucontainer li ul.ebene1 li a,
div#body div#menucontainer li ul.ebene2 li a {
  padding-left: 5px;
  color: #5E5B4D;
}

/* hover / active */
div#body div#menucontainer li.active,
div#body div#menucontainer li:hover,
div#body div#menucontainer li.mouseover {
  background-color: #D1CFC5;
}

div#body div#menucontainer li.active div.navilink-0 {
  margin-top: 0px;
  background-color: #D1CFC5;
}
div#body div#menucontainer li.active div.navilink-1,
div#body div#menucontainer li.active div.navilink-2 {
  background-color: #e5e3df;
}

div#body div#menucontainer li.active div.navilink-0 a,
div#body div#menucontainer li:hover div.navilink-0 a,
div#body div#menucontainer li.mouseover div.navilink-0 a { 
  color: #F46807; 
  text-decoration: underline;
}

div#body div#menucontainer li ul li.active div.navilink-1 a,
div#body div#menucontainer li ul li:hover div.navilink-1 a,
div#body div#menucontainer li ul li.mouseover div.navilink-1 a,
div#body div#menucontainer li ul li ul li.active div.navilink-2 a,
div#body div#menucontainer li ul li ul li:hover div.navilink-2 a,
div#body div#menucontainer li ul li ul li.mouseover div.navilink-2 a {
  color: #5E5B4D;
  text-decoration: underline;
}

div#body div#content {
  padding: 0em 0.4em;
}

div#body div#content hr{
  height: 1px;
  background-color: #B4B09F;
  color: #B4B09F;
  border: none;
}
div#body div#content h2 {
  font-size: 1.01em;
  font-weight: bold;
  color: #D84E18;
}

div#body div#content h3 {
  border-bottom: 1px solid #B4B09F;
  text-transform : uppercase;
  font-size: 0.91em;
  font-weight: normal;
}

div#body div#content ul,
div#body div#content ol {
  margin: 0.2em 0.2em 0.2em 1.5em;
}

/* Liste */
div#body div#content ul, 
div#body div#content ol,
div#body div#content li,
div#body div#content dl,
div#body div#content dt,
div#body div#content dd {
  padding: 1px 0px 1px 0px;
  margin: 0px;
}

div#body div#content li,
div#body div#content dt {
  padding-left: 12px;
  background-image:url('../gifs/layout/bullet-li.gif'); 
  background-repeat: no-repeat; 
  background-position: left top;
} 

div#body div#content ol li {
  list-style: decimal;
  margin-left: 0px;
  background-image: none;
  padding: 0px;
}

div#body div#content img {
  display: none;
}

div#body div#content a img {
  max-width: 100px;
}
div#body div#content a img,
div#body div#content.funktionen img {
  display: block;
  max-width: 100%;
}

div#body .inv {
  display: none;
}

div#rightimg {
  display: none;
  width: 0px;
}

div#footer {
  text-align: center;
  margin-top: 40px;
}

div#footer img {
  display: none;
}

div#footer a {
  color: #000;
  text-decoration: none;
}

abbr {
  border: none;
}

div#body ul#sitemap li {
	float: none;
}

}