/* CSS Document */
#wrapper{ width:1000px; margin:auto; }

#headerhintergrund {position:absolute;width:1000px;top:0px;height:86px;background-image:linear-gradient(42deg, #e0e4ea, #f3f3f3);z-index:1;}
#menuhintergrund {position:absolute;width:100%;top:86px;height:29px;background-color:#000000;z-index:1;}
#hintergrundbild {width:100%;top:115px;}
header {position:relative;top:0px;height:115px;z-index:8;width:auto;clear:both;}
#headerbild {position:absolute;top:0px;width:100%;z-index:8;}
#menumain {position:absolute;top:84px;width:100%;z-index:10;}
#menusmart {position:absolute; top: 84px; z-index:99;}
#menu-button {position:absolute;right:0px;top:90px;}
#inhalt {position:relative; top:0px; left:0px; z-index:6; width:auto;}
#inhalttext {margin-left:50px;}
#datenschutz {margin-left:50px;margin-right:50px;}

#spaltelinks {float:left;width:440px;margin-right:20px; margin-bottom:20px;}
#spalterechts {float:left;width:460px;margin-bottom:20px;}
#spaltenews {float:left;width:440px;margin-bottom:20px;}
#spaltetextlageplan {float:left;width:210px;margin-right:20px;margin-bottom:20px;}
#spaltebildlageplan {float:left;}
#spaltebildlageplan_smart {display:none;}
#mitarbeiterlinks {float:left;width:230px;}
#mitarbeiterrechts {float:left;width:620px;margin-right:20px;margin-bottom:10px;}
#trennlinie {width:900px;clear:both;margin-bottom:20px;border-bottom:1px solid #77787a;}
#galerie {width:1000px;}

#stahlmotologo {overflow:hidden;padding-left:20px;padding-top:0px;}
#stahlmotoimage {width:960px;}

#bannerlogo {display:none;}
#yamahalogo {display:none;}


#footer {
	position:fixed; 
	bottom:0px; 
	width:100%;
	height:30px;
	z-index:100; 
	color:#FFF;
	background-color:#b9bdc3; 
	text-align:center;
}
#footertabelle {width:990px;margin-top:7px;}
#fax {}
#spaltenews {display:none;}
.feld {
	width:420px;
	background-color:#FFFFFF;
	padding:3px;
}

@media only screen and ( min-width:640px ) and ( max-width:1024px ) {
  #wrapper{ width:750px; }
  #headerhintergrund {width:750px;}
  #spaltelinks {clear:both;width:670px;margin-right:0px;}
  #spalterechts {clear:both;float:none;width:690px;margin-right:0px;}
  #spaltetextlageplan {clear:both;float:none;width:690px;margin-right:0px;}
  #mitarbeiterrechts {width:440px;}
  #trennlinie {width:670px;}

  #stahlmotologo {padding-top:10px;}
  #stahlmotoimage {width:720px;}
  
  #menumain {display:none;}
  #inhalttext {margin-left:40px;}
  #datenschutz {margin-left:40px;margin-right:40px;}
  #footertabelle {width:750px;}
  #fax {display:none;}
  #desktop {display:none;}
  #spaltenews {display:block;}
  #footer {padding-left:17px;}
  #facebooklogo {display:none;}
}

@media only screen and ( max-width:640px ) {
  #wrapper  {
      box-sizing: border-box;
    width: 340px;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  header {height:105px;}
  #headerbild {height:75px;overflow:hidden;}
  #headerhintergrund {
    width: 340px;
    height: 76px;
  }
  #menuhintergrund {
    width: 340px;
    top: 76px;
  }
  #hintergrundbild {
    width: 340px;
    top: 105px;
  }
  #menu-button {top:81px;}
  #menusmart {position:absolute; top: 76px; z-index:99;}
  #galerie {
    width: 320px;
  }
  #spaltelinks {
    clear: both;
    width: 280px;
    margin-right: 0px;
  }
  #spalterechts {
    clear: both;
    float: none;
    width: 300px;
    margin-right: 0px;
  }
  #spaltetextlageplan {
    clear: both;
    float: none;
    width: 280px;
    margin-right: 0px;
  }
  #spaltebildlageplan {display:none;}
  #spaltebildlageplan_smart {clear:both;float:none;display:block;}
  #mitarbeiterlinks {clear:both;float:none;width:230px;}
  #mitarbeiterrechts {
    clear: both;
    float: none;
    width: 280px;
  }
  #trennlinie {
    width: 280px;
  }
  
  #stahlmotologo {display:none;}
  
  #bannerlogo {display:block;padding-left:10px;padding-top:22px;}
  #bannerimage {display:block;width:180px;}
  
  #yamahalogo {display:none;padding-right:10px;padding-top:27px;}
  #yamahaimage {width:111px;}
  
  #menumain {display:none;}
  #inhalttext {margin-left:20px;}
  #datenschutz {margin-left:20px;margin-right:20px;;}
  
  #footertabelle {
    width: 320px;
  }
  #footer {height:70px;padding-left:20px;}
  #fax {display:none;}
  #desktop {display:none;}
  
  #spaltenews {
      display:block;
      float: none;
      width: 100%;
  }
  .feld {
	  width:270px;
	  padding:3px;
  }  
}