/* wrapper and generel stuff */
body{background:#00BFF3}  /* background in view 480 */
div#wrapper{width:480px;}
div#wrapper_r{}
#rev_slider_1_1, #rev_slider_1_1_wrapper { width:463px !important; height:291px !important; margin:0 !important; }
/* grid 4 */
.g4.w1{width:101px; width:214px;}                         /* only use 2 sizes instead of 4 */
.g4.w2{width:214px;}
.g4.w3{width:327px; width:440px;}                        /* only use 2 sizes instead of 4 */
.g4.w4{width:440px;}
.g4.w1.c1,.g4.w1.c3{margin-left:0;}                       /* get rid of unnecessary left margin (if any) */
.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:141px;}
.g3.w2{width:292px;}
.g3.w3{width:443px;}
.g3.w1,.g3.w2,.g3.w3{}

/* other */
.hide-480{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:#000;
  background-image:url('/images/graphics/design/global/mobil_menu_bg.png');
  background-repeat:no-repeat;
  background-position:93% 50%;
  color:#fff;
  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:absolute; left:-392px; padding:0; margin:0; z-index:-1; display:none; }
.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 #383838;
  background-color:#232323;
  
}
.menu ul.menu li li{             /* submenu item - level 2 */
  background-color:#232323;
  padding-left:10px;
}
.menu ul.menu li li li{             /* submenu item - level 3 */
  background-color:#232323;
  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 */