/* wrapper and generel stuff */
body{background-image:url('/images/graphics/design/320/top_bg.jpg');}  /* background in view 320 */
div#wrapper{width:320px;}
div#wrapper_r{}

/* 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 0;
  display:block;
  text-align:center;
  cursor:pointer;
  background-color:#eaeaea;
  color:#666666;
  font-size:120%;
}

/* 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;}
.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 #ebebeb;
  background-color:#b8b8b8; 
}
.menu ul.menu li li{             /* submenu item - level 2 */
  background-color:#918805;
  padding-left:10px;
}
.menu ul.menu li li li{             /* submenu item - level 3 */
  background-color:#6b6403;
  padding-left:20px;
}

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


.pre_content_div {
    margin-top: 20px;
}


h1 {
    color: #b8b8b8;
    font-size: 230%;
    font-weight: 200;
    letter-spacing: -1px;
    margin: 0;
    padding: 10px 0 5px;
}


.moduletable_slide2 {
    margin-top: 20px;
    margin-bottom: 20px;
}


h4 {
    padding: 8px 0;
}