@media only screen and (max-width:640px){
  
#bg {
background: url('../images/bg_uebersetzung_berlin.jpg') top left repeat-x;
}
  
#container {
width:95%;
vertical-align:top;
background:none;
}  
  

/* HEADER ----------------------------------------------------- */
  
#logo {
width:50px;
height:38px;
margin:33px 0 0 0px;
padding:0;
border:0;
vertical-align:top;
float: left;
}
  
#titel {
width:80%;
height:56px;
margin:10px 0 0 0;
padding:0;
border:0;
float: right;
vertical-align:bottom;
}

#titel .moduletable_titel{
width:auto;
height:56px;
text-align:right;
vertical-align:bottom;
margin:0;
padding:0;
border:0;
}
  
#titel .moduletable_titel p{
display:none;
}
  
#titel .moduletable_titel h1 br{
display:block;
}
  
#titel .moduletable_titel h1 {
width:auto;
font-family:euro;
font-size:1.1em;
line-height:1.2em;
color:#ffffff;
letter-spacing: 0.05em;
text-transform: uppercase;
height:56px;
text-align:right;
vertical-align:bottom;
margin:2px 0 0 0;
padding:0;
border:0;
}
    
  
  
/* MOBILMENUE ---------------------------------------- */  

#nav {
height: 80px;
overflow:visible;
}
  
  
#nav > div.moduletable > div.mobilemaximenuck  {
border-bottom: 2px solid #ffffff;
}
  


/* TOP AKTIV */  
#nav .mobilebarmenuck {
background:#243564;
}
  
#nav .mobilebarmenutitleck {
font-family: Verdana,Arial,sans-serif;
font-size:0.9em;
line-height:1.9em;
color:#ffffff;
font-weight:bold;
text-shadow:none;
display:block;
height:30px;
max-width:240px;
overflow:hidden;
text-align:left;
padding:2px 0 2px 15px;
margin:2px auto 2px 0;
vertical-align:middle;
float:left;
}
  
/* TOP MENU */
#nav .mobilemaximenuck .topbar {
height: 35px;
background-color: #243564;
background-image: none;
margin-bottom:2px;
}
  
#nav .mobilemaximenuck .mobilemaximenucktitle {
font-family: Verdana,Arial,sans-serif;
font-size:0.9em;
line-height:1.9em;
color:#ffffff;
font-weight:bold;
text-shadow:none;
padding:2px 0 2px 15px;
margin:2px auto 2px 0;
vertical-align:middle;
}
  
/* ALLE LEVEL */  
 
#nav .mobilemaximenuck div.level1.maximenuck, #nav .mobilemaximenuck div.level2.maximenuck {
display:block;
vertical-align:middle;
line-height:2.0em;
}

/* LEVEL 1 */  

#nav div.level1 .mobilebarmenutitreck, #nav div.mobilemaximenuckitem  div.maximenuck.level1  {
margin:0;
padding:0;
border-top: 1px solid #5879a7;
}
  
#nav .mobilemaximenuck div.level1.maximenuck > a {
font-family: verdana,arial,sans-serif;
font-size:0.9em;
font-weight:bold;
background-image: none;
background:#243564;
padding-left: 15px;
text-shadow:none;
}
  
#bg #nav .mobilemaximenuck div.level1.maximenuck > a:hover {
background-image: none;
background:#34598e;
color:#ffffff;
padding-left: 15px;
}
  
  
/* LEVEL 2 */
  
#nav div.level2 .mobilebarmenutitreck, #nav div.mobilemaximenuckitem  div.maximenuck.level2  {
height:auto;
margin:0;
padding:0;
border-top: 1px solid #5879a7;
}
    
#nav .mobilemaximenuck div.level2.maximenuck > a {
height:auto;
font-family: verdana,arial,sans-serif;
font-size:0.9em;
line-height:1.3em;
font-weight:normal;
background-image: none;
background:#243564;
padding: 15px 0 0 30px;
text-shadow:none;
margin:0;
}
 
#bg #nav .mobilemaximenuck div.level2.maximenuck > a:hover {
background-image: none;
background:#34598e;
color:#ffffff;
padding-left: 30px;
}

#nav .mobilemaximenuck div.maximenuck {
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  min-height: 35px;
  line-height: 35px;
  padding: 0 0 2px 0;
  position: relative;
}

#nav .mobilemaximenuck div.maximenuck:hover, #nav.mobilemaximenuck div.maximenuck:focus {
background-color:transparent;
}
  
#nav .mobilemaximenutogglericon {
background-image: url("../images/oeffnen.png");
margin:2px 10px;
width:30px;
height:30px;
}
  
#nav .open .mobilemaximenutogglericon {
background-image: url("../images/schliessen.png");
}


  
#nav .mobilemaximenuck div.current > a:after {
background-image:none;
}
  
#nav .mobilebuttonmenuck {
position:relative;
top:2px;
background: url("../images/menuebutton.png") left center no-repeat;
height: 30px;
width: 30px;
float: right;
margin: auto 10px;
cursor: pointer;
}
  
#nav .mobilemaximenuck .mobilemaximenuckclose {
margin: 2px 10px;
background: url("../images/menuebutton_.png") center center no-repeat;
width: 30px;
height: 30px;
}

  
/* SECTION -------------------------------------------------------------------*/
  
div#section {
width: 90%;
margin: 0 5% 0 5% ;
padding:0;
float: right;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
  
#koerper > div#section > div.item-page > h2  {
    margin-top: -50px;
  }
  
  
  
/* KONTAKT --------------------------------------------------------------------*/
  
  div.contact h3 {
    display:none;
  }
  
  
  
/* FOOTER ------------------------------------------------------------------------- */
  
div#footer {
padding:1em 10px 3em;
}

#footer > div.moduletable_copyright {
width:60%;
text-align:left;
}
}