@media only screen and (min-width : 768px) and (max-width : 991px) {

#pageContainer {

width: 760px;
}

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

#logo
{
    
      height:75px;
     
}


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

#img_05 {
  width:760px !important;
}

.top_topic
{
width:82%;
height:20px;

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

}

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

#content #middle .middle-left
{width: 680px !important; 
}

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

#middle 
{margin:10px 0px 0 2px; /* neg. margin sorgt f. Überlappung mit border von #left damit über nimmt jeweils der längere Bereich die Abtrennung */
padding:10px 0 25px 20px ;
      float: left;
      width:63%;
      color: #464646;
      line-height: 1.4em;
      margin-right:4px;
     background:transparent;
      border-left:1px solid #e7e7e7;
      position:relative;
}

#subnav
{margin:0px 0 0 0px ;
padding:0;
width:145px;
font-weight:bold;}

#subnav ul li
{
/*height:35px;*/
height: auto;

}



#subnav ul li a
{display:block;
width:145px;
height: auto;
padding-bottom: 10px;
}

#subnav ul li.maschinen-nav {
/*height: 45px;*/

}

#subnav ul li.maschinen-nav  a
{display:block;
 /*height: 45px;*/
text-decoration:none;
color: #5a5a5a;
border-bottom:1px dotted #d2d2d2;
padding-left:40px;
padding-top:10px;

background:transparent url(../img/pfeil_re.png) 20px 30% no-repeat;
}

body#maschinenzerspanung #left #subnav ul li a.maschinen-zerspanung,
body#maschinenschlosserei #left #subnav ul li a.maschinen-schlosserei,
body#maschinencad #left #subnav ul li a.maschinen-cad
{background: #e9e9e9 url(../img/pfeil_re_hv.png) 20px 30% no-repeat;
color:#2b647f;
}

 img.button_historie
    {position:absolute;
    top:115px;
    right:-70px;
    border:none;
    width:140px;}


    .portfolio
{width:500px;

}

a.maschinen-zerspanung, a.maschinen-schlosserei, a.maschinen-cad {

}

iframe.vim-player {
width: 500px;
height: 280px;

}

#middle form {width:500px !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;

}




}