/* wrapper and generel stuff */
div#wrapper{width:320px;}
div#wrapper_r{}

.bildTop table{ }
.bildTop table td { display:inline-block; height:46px !important; width:15%;  }
.bildTop img{ width:100% !important; height:auto !important; } 


/* grid 4 */
.g4.w1{width:61px;}
.g4.w2{width:134px;}
.g4.w3{width:207px;}
.g4.w4{width:280px;}
.g4.w1,.g4.w2,.g4.w3,.g4.w4{width:100%; margin-left:0; margin-right:0;}      /* grid 4: set width:100% and remove margin left + right */
.g4.w4 table tr td{display:inline; float:left;}                  /* make table cells float left so they appear under each other */

/* grid 3 */
.g3.w1{width:88px; width:100%;}
.g3.w2{width:186px; width:100%;}
.g3.w3{width:284px; width:100%;}
.g3.w1,.g3.w2,.g3.w3{width:100%; margin-left:0; margin-right:0;}        /* grid 3: set width:100% and remove margin left + right */

/* other */
.hide-320{display:none;}
.slide-desc{display:none;}                             /* removes dj-image-slider description */

/* -------------------------------------------------------------- */

/* responsive menu (copy this to 480.css) - start */
.menu{                   /* menu div wrapper */
  position:relative;
  background-color:none;
  padding:0; 
  top:0; 
  left:0; 
  right:0; 
  bottom:0;
}

.menu h3{                /* Headline/button "Menu" */
  margin:0;
  padding:10px 0 10px 20px;
  display:block;
  text-align:left;
  cursor:pointer;
  background-color:#242424;
  background-image:url('/images/graphics/design/global/mobil_menu_bg.png');
  background-repeat:no-repeat;
  background-position:89% 50%;
  color:#ffffff;
  font-size:90%;
  font-weight:normal;
}

/* Generel menu style - start
   Don't edit unless you are 100% sure what you are doing - start */
.menu ul.menu{list-style-type:none; width:100%; clear:both; right:0; top:0; position:relative; padding:0; margin:0; z-index:-1;}
.menu ul.menu li,.menu ul.menu li li,.menu ul.menu li li li{list-style-type:none; margin:0; padding:0;}
.menu ul.menu ul,.menu ul.menu ul ul,.menu ul.menu ul ul ul{margin:0; padding:0;}
/* Generel menu style - end */


.menu ul.menu li a{             /* menu item links properties */
  padding:10px 0 10px 10px; 
  display:block; 
  border-radius:0; 
  color:#fff; 
  font-size:120%; 
  text-decoration:none;
}
.menu ul.menu li{             /* menu item - level 1 */
  border-top:1px solid #3E3E3E;
  background-color:#282828;
  
}
.menu ul.menu li li{             /* submenu item - level 2 */
  background-color:#363636;
  border:none;
  line-height:15px;
  height:auto;
  font-size:85%;
  font-weight:normal;
  padding-left:10px;
}
.menu ul.menu li li li{             /* submenu item - level 3 */
  background-color:#363636;
  padding-left:20px;
}

.menu ul.menu li.current{          /* selected menu item (all levels) */
  background-color:#7e7e7e;
}

.menu ul.menu li.current a {
  color:white; 
}
/* responsive menu - end */