@media only screen and (min-width : 480px) and (max-width : 767px) {

#pageContainer {

width: 450px;
}

body#home #header
{height:140px;
background:#fff url(../img/header/hd_home.jpg)  0px 00% no-repeat;}

#header
{
      border:none;
            margin:0;
      padding:0;
      width:450px !important;
      height: 130px;
      color: #fff;
      background:#fff url(../img/testheader03.jpg)  0px 0% no-repeat;
}

body#ueberuns #header, body.subueberuns #header
{padding-top: 0 !important; margin-top: 0 !iportant; height:120px !important; background:#fff url(../img/header/hd_ueber_uns_small.jpg)  0px 0% no-repeat;}

#img_05 {
  width:450px !important;
  height: 120px !important;
}

#home .middle-left {
width: 380px !important;
}

#home .middle-left iframe {
width: 370px !important;
height: 220px !important;
}

span.title_home
{font-size: 2.0em;
line-height:.9em;}     

h1 span.subtitle_home
{font-size: 1.0em;}  

span.title
{font-size: 1.2em;} 

#left {
display: none;
}

#middle {
width: 93%;
}

.top_topic
{

width: 78% !important;
height:20px;

margin:20px 0;
padding:25px 0 25px 75px;

}

.button_historie {
display: none;
}

.portfolio
{width:440px;

}

iframe.vim-player {
width: 390px;
height: 220px;

}

#middle form {width:430px !important;margin: 0px 0px;
}

#middle label {display:block;width:20%;float:none;margin:10px 0 0 0;padding: 8px 20px 0 0;}

.dschutz label {
width: 80% !important;
float: left;

}


#footer {
     
      height:75px;
      width:450px;
     
}

ul.slimmenu {
width: 100% !important;
}

ul.slimmenu li {
background: #ececec !important;
      z-index: 9999;

}

html body div#pageContainer div#wrapper div#navigation ul#nav li span i  {
   display: none !important;
   text-align: center !important;
   margin: 0 !important;
   padding: 0 !important;
   color: #2c647f !important;
}

span.sub-toggle {

text-align: center !important;
background: transparent !important;
 margin: 0 !important;
   padding: 0px 10px 0 5px !important;
   width: auto !important;
}

#nav li li:hover a  {
color: #2b647f !important;
opacity: .7;
}

#nav li li a:hover {  background:transparent url(../img/pfeil_re_hv.png) 20px 50% no-repeat;
}

ul.slimmenu li > ul {
   display: block !important;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 9999 !important;
    
}
ul.slimmenu li > ul > li ul {
   display: block;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
}

#anfahrt iframe {
width: 400px;
}

#philosophie img.phil, #kundennutzen img.nutz
{border:none;
width:200px;
margin-top:-10px;
margin-right:0px;
margin-bottom:20px;}

body#schweisskonstruktionen h2.icon, body#schlosserei h2.icon, body#montage h2.icon, body#zerspanungstechnik h2.icon, body#cad h2.icon {
padding-top: 0;
height:55px;
}

/*** hervorhebung des aktiven Menüpunktes in der linken Navigation ******/
body#philosophie #nav ul li a.ueberuns-philosophie,
body#historie #nav ul li a.ueberuns-historie,
body#produktionsstaetten #nav ul li a.ueberuns-produktionsstaetten,
body#referenzen #nav ul li a.ueberuns-referenzen,
body#agb #nav ul li a.ueberuns-agb,

body#schweisskonstruktionen #nav ul li a.leistungen-schweisskonstruktionen,
body#zerspanungstechnik #nav ul li a.leistungen-zerspanungstechnik,
body#schlosserei #nav ul li a.leistungen-schlosserei,
body#montage #nav ul li a.leistungen-montage,
body#cad #nav ul li a.leistungen-cad,
body#kundennutzen #nav ul li a.leistungen-kundennutzen,

body#ansprechpartner #nav ul li a.kontakt-ansprechpartner,
body#kontaktformular #nav ul li a.kontakt-form,
body#anfahrt #nav ul li a.kontakt-anfahrt,

body#offenestellen #nav ul li a.stellen-offen,
body#ausbildung #nav ul li a.stellen-ausbildung,
body#bewerbung #nav ul li a.stellen-bewerbung,

body#maschinenzerspanung #nav ul li a.maschinen-zerspanung,
body#maschinenschlosserei #nav ul li a.maschinen-schlosserei,
body#maschinencad #nav ul li a.maschinen-cad,
body#qualitaetssicherung #nav ul li a.maschinen-qualitaetssicherung
{background: #fafafa url(../img/pfeil_re_hv.png) 20px 55% no-repeat !important;
color:#2b647f;

}


}