@media only screen  and (max-width : 479px) {

#pageContainer {

width: 310px;
}

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:310px !important;
      height: 130px;
      color: #fff;
      background:#fff url(../img/testheader03.jpg)  0px 0% no-repeat;
}

#logo h1
{
      font-size:1.7em;
      margin-top:0;
      padding:135px 0 0px 50px;
      }
      
      body#home #logo h1
{padding:135px 0 0px 50px;}

.subueberuns #header {
height: 105px;
}

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:310px !important;
  height: 120px !important;
}

img.leiste-fr /* Für erste Zeile von Bildern in Leistenform */
{margin-right:-10px;
margin-top: 0px;
width: 220px;
height: auto;}

img.leiste {
width: 220px;
margin-top: 0;
height: auto;
}



.top_topic {
width: 68%;
}

#home h2 {
      margin:0 0 20px 0;
      font-size: 1.1em;
      
      
}

h2 {
      margin:0 0 20px 0;
      font-size: 1.1em;
      
      
}

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

}

#home .middle-left iframe {
width: 230px !important;
height: 200px !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: 85%;

}


body#maschinen  .beschreibung,
body#maschinenzerspanung  .beschreibung,
body#maschinenschlosserei  .beschreibung,
body#maschinencad  .beschreibung
{
width:270px;
}

#middle  hr {
width: 90%;
}

.button_historie {
display: none;
}

.portfolio
{width:290px;

}

body#maschinen img.fl-l,
body#maschinenzerspanung img.fl-l,
body#maschinenschlosserei img.fl-l,
body#maschinencad img.fl-l
{float:left;
width:220px;
margin-right:20px;
margin-bottom:30px;
}

iframe.vim-player {
width: 270px;
height: 155px;
padding: 0;

}

img.fl-r
{float:none;
display: none;
clear: both;
width:150px;
margin-left:20px;
}

#middle form {

width:250px !important;
margin: 0px 0px;
}

#middle .form-wrapper label {
width: 80%;
}

#middle .form-wrapper input, input.button {
width: 95%;
}

input.button {
width: 95% !important;
}

#middle textarea {
width: 95%;
}

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

.dschutz {
width: 100%;

}

.dschutz input {
width: 20px !important;
float: left !important;
margin-top: 20px !important;
}


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

}

img.fl-r
{
width:120px !important;
margin-left: 10px !important;
}

#philosophie img.phil, #kundennutzen img.nutz
{
margin-top: 0px;
margin-right:-20px;}

h2.icon {
}

 li.schweissicon
 {padding-left:50px;
 margin:0;
 background: transparent url(../img/icon_schweisskonstruktionen_32.png) 0 50% no-repeat;
 list-style:none;
 padding:10px 0 0px 50px;
 }

 li.zerspanicon
 {padding-left:50px;
 margin:0;
 background: transparent url(../img/icon_zerspanungstechnik_32.png) 0 50% no-repeat;
 list-style:none;
 padding:16px 0 20px 50px;
 }

 li.schlossereiicon
 {padding-left:50px;
 margin:0;
 background: transparent url(../img/icon_schlosserei_32n.png) 0 100%  no-repeat!important;
 list-style:none;
 padding:20px 0 20px 50px;
 }
 
  li.montageicon
 {padding-left:50px;
 margin:0;
 background: transparent url(../img/icon_montage_32.png) 0 80% no-repeat;
 list-style:none;
 padding:20px 0 20px 50px;
 }
 

body#zerspanungstechnik h2.icon
{padding-left:65px;
padding-top:8px !important;
background: transparent url(../img/zerspanung_icon_50.jpg) 0 100% no-repeat;
line-height:1.4em;
margin-bottom:20px;
height:46px;
}

body.subleistungen span.sub /* Untertitel neben den icons */
{text-transform:uppercase;
font-size:.8em;
 color:#8c8c8c;

}

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;
}


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

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: 250px !important;
}

/*** 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;

}


}