*{margin:0; padding:0}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
    font-family: 'nexa_boldregular';
    src: url('../fonts/nexa_bold-webfont.eot');
    src: url('../fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa_bold-webfont.woff') format('woff'),
         url('../fonts/nexa_bold-webfont.ttf') format('truetype'),
         url('../fonts/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexa_lightregular';
    src: url('../fonts/nexa_light-webfont.eot');
    src: url('../fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa_light-webfont.woff') format('woff'),
         url('../fonts/nexa_light-webfont.ttf') format('truetype'),
         url('../fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 

@font-face {
    font-family: 'museo300';
    src: url('../fonts/museo300-regular-webfont.eot');
    src: url('../fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo300-regular-webfont.woff') format('woff'),
         url('../fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo300-regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*********** RESET END ***********/


body{
         font-family:Verdana; font-size:100%; margin:0;
}

a.link, a{
		 font-family:nexa_lightregular, Verdana;
		 font-size:14px; color:white;
		 text-decoration:none;
}


header{
         width:743px;
         padding:45px 0px 0px 300px;
}

header p{
		 font-family:museo300, Verdana; font-size:150%; 
		 font-weight:normal; line-height:130%; 
		 color:#3B3A3C;
}

#drumherum{
         width:1024px; margin:0 auto; overflow:hidden;
}

section{
		 width:260px; background-color:#E9E9E9; height:100%; 
		 position:absolute; top:0px; position:fixed;
}

#container{
		 float:right; overflow:hidden;
		 margin-top:50px;
		 width:764px; 
}

#logo{
		 text-align:center;
		 padding-top:48px;
}

#logo img{
		 width:150px;
}

#logo_tablet{
		float:left; width:30%;
}

h1{
		font-family:museo300, Verdana;  font-size:14px;
		color:#f49d1e; padding-bottom:20px;
}

h2{
		font-family:museo300, Verdana; font-size:20px; padding-left:6%;
		color:black;
}

h3{
		font-family:nexa_boldregular; Verdana; font-size:14px;
		padding-bottom:10px; color:#3B3A3C;
}

h4{
		font-family:museo300, Verdana;  font-size:14px;
		color:#f49d1e; padding-bottom:20px;
}

.blockone{
		clear:both;
		width:100%;
}

.blocktwo{
		clear:both;
		padding-top:30px;
		width:100%; 
}

.blockthree{
		clear:both;	
		width:100%; 
		padding-top:30px;
}

.block_orange {
		 background:#f49d1e;
		 opacity: 0.9;		 
}

.block_orange h1 {
		color:white; font-family:museo300, Verdana;  Verdana; font-size:14px;
}

.block_grey {
		 background:#E9E9E9;
}

.block_grey h1 {
		color:#f49d1e; font-family:museo300, Verdana; font-size:14px;
}

.block_grey a.link{
		 color:#f49d1e;
}

p{
		 font-family:nexa_lightregular, Verdana;
		 font-size:14px; color:#3B3A3C;
		 line-height:130%;
}

#textschwierig_about{
		 font-family:nexa_boldregular, Verdana;
		 position:absolute;
		 font-size:35px; color:white; 
		 left:30%; top:373px;
}

#textschwierig_why{
		 font-family:nexa_boldregular, Verdana;
		 position:absolute;
		 font-size:35px; color:white; 
		 left:1%; top:314px;
}

#textschwierig_workeins{
		 font-family:nexa_boldregular, Verdana;
		 position:absolute;
		 font-size:35px; color:white; 
		 top:267px;
}

#textschwierig_workzwei{
		 font-family:nexa_boldregular, Verdana;
		 position:absolute;
		 font-size:35px; color:white; 
		 left:1%; top:307px;
}

#textschwierig_workdrei{
		 font-family:nexa_boldregular, Verdana;
		 position:absolute;
		 font-size:35px; color:white; 
		 top:267px;
}

#textschwierig_workvier{
		 font-family:nexa_boldregular, Verdana;
		 position:absolute;
		 font-size:35px; color:white; 
		 left:1%; top:297px;
}

#textschwierig_meltseli{
		 font-family:nexa_boldregular, Verdana;
		 position:absolute;
		 font-size:35px; color:white; 
		 left:10%; top:242px;
}

.fliesstext{
		 font-family:nexa_lightregular, Verdana;
		 font-size:14px; color:#3B3A3C;
		 padding-bottom:10px;
		 line-height:130%;
}

.fliesstext_referenzen{
		 font-family:nexa_lightregular, Verdana;
		 font-size:14px; color:#3B3A3C;
		 padding-bottom:10px;
		 line-height:160%;
}

.block_container{
		padding: 50px 50px 0px;
}

#one_index{
		 width: 50%; height:275px;
		 float:left;
		 position:relative; 
}

#one_about{
		 width: 50%; height:405px;
		 float:left;
		 position:relative; 
}

#one_meltseli{
		 height:275px;
		 position:relative;
}

#one_contact{
		 width:65%; height:240px;
         float:left;
}

#one_referenz{
		 padding-left:45px;
}

#two_index{ 
         height:220px; 
         position:relative;
         margin-left: 15px;
}

#two_work{ 
         height:340px;
         position:relative;
         margin-left: 15px;
}

#two_why{
        position:relative;
		height:345px;
		margin-left: 15px;
}

#three_index{
		width:65%; height:240px;
        float:left;
        position:relative
}

#three_work {
		width:65%; height:300px;
        float:left;
        position:relative;
}

#three_workeins {
		width:65%; height:300px;
        float:left;
        position:relative;
}


#four_work{
		height:330px;
        position:relative;
        margin-left: 15px;
}

.bild_rechts  {
		padding-left:15px;
}

.box_right {
	width: 65%;
	float:right;
}

.box_right_hälfte{
	width:50%;
	float:right;
}

#bild{		 
		 width:50%;
		 float:left; 
		 overflow:hidden;
}

#bild_one{
		 float:left;
		 width:35%;	
		 overflow:hidden;	 
}
 
#bild_two{
		 width:35%;
		 float:right;	 
		 overflow:hidden;
}

#bild_three{
		 float:left;
		 width:35%;	
		 overflow:hidden;	 
}

#bild_four{
		 width:35%;
		 float:right;	 
		 overflow:hidden; 
}

#bild_five{
		 width:35%;
		 float:right;	 
		 overflow:hidden; 
}

.sortiment_links{
		 width:50%;
		 float:left;
		 font-family:Nexa Light; Verdana;
		 font-size:14px;
}

.sortiment_rechts{
		 width:40%;
		 float:right;
		 font-family:Nexa Light; Verdana;
		 font-size:14px;
}

a.footer{
		color:#f49d1e; text-decoration:none;
}

.float-left{
		width:250px;
		float:left;		
}

#contact-guide{
		padding-top:36px;
}

footer{
		clear:both;
		width:714px;
		padding-left:50px;
		padding-top:10px;
}

footer p{
		float:left;
		font-size:12px;
}

#contact{
		clear:both;
		width:100%;
		padding-top:150px;
}

#contact-footer-mehr{
		width:714px;
		padding-left:50px;
}

#contact-guide{
		padding-left:50px;
}

#contact-guide p{
		border-bottom: 1px solid #000000;
		padding-bottom:10px;
}


#impressum_alles{
		clear:both;
		width:764px;
}

.impressum{
		 padding: 60px 50px 0px 50px;
}

#backtotop {
	cursor : pointer;
	display : none;
	margin : 0px 0px 0px 1040px;
	position : fixed;
	bottom : 0px;
	font-size : 90%;
	padding	: 10px;
	width : 30px;
	height:30px;
	text-align : center;
	background-color:#f49d1e;
	color : #fff;
	font-size : 14px;
	z-index	: 1000;
}

#top{
	clear:both;
	width:1024px;
}

#backtotop:hover
{
	filter : alpha(opacity=70);
	-khtml-opacity : 0.7;
	-moz-opacity : 0.7;
	opacity	: 0.7;
}

.pushy{
	display:none;
}
.menu-btn{
	display:none;
}

#kontakt_unten{
	  clear:both;
	  width:100%;
	  display: block;
      padding-left: 25px;
      padding-top: 40px;
}

#kontakt_unten p{
	  font-size:8px;
}


nav {
        width:200px;  
        padding-top:60px;   
        padding-left:55px;         
}

nav ul{
         overflow: hidden;      
}

nav a {
         text-decoration:none; color:#3B3A3C;
         font-family:nexa_boldregular, Verdana;
         font-size:14px;
         display:block;
}

nav a:hover,
nav a.active{
         display:block;
         color:#f49d1e;
         text-decoration:none;
         font-size:14px;         
}

nav li{
         list-style:none;
         padding-right:10px;
         padding-bottom:20px;
}

#navi_work{
		 padding-left:40px;
		 color:black;
}

@charset 'UTF-8';
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1.5;
  font-family:nexa_boldregular, Verdana;
  font-size: 14px;
  position: relative;
}

#cssmenu a {
  list-style:none;
  padding-right:10px;
  padding-bottom:20px;
}

#cssmenu a.active{
  color:#f49d1e;
}

#cssmenu {
  width: auto;
  padding-top:50px;   
  padding-left:23%;
}

#cssmenu > ul > li {
  cursor: pointer;
  background: #000;
}

#cssmenu > ul > li > a {
  font-family:nexa_boldregular, Verdana; font-size:14px;
  display: block;
  color: #3B3A3C;
  background: -moz-linear-gradient(#64676e 0%, #4c4e53 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64676e), color-stop(100%, #4c4e53));
  background: -webkit-linear-gradient(#64676e 0%, #4c4e53 100%);
  background: #E9E9E9;
}

#cssmenu > ul > li > a:hover {
  color:#f49d1e;
}

#cssmenu > ul > li.active > a {
  color:#f49d1e;
}

#cssmenu > ul > li.has-sub > a:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 25px;
  border: 5px solid transparent;
  border-left: 5px solid #3B3A3C;
}

#cssmenu > ul > li.has-sub.active > a:after {
  right: 25px;
  top: 8px;
  border: 5px solid transparent;
  border-top: 5px solid #f49d1e;
}


#cssmenu ul ul {
  padding: 0;
  display: none;
}

#cssmenu ul ul a {
  display: block;
  color: #3B3A3C;
  font-family:nexa_boldregular, Verdana; font-size: 12px;
}

#cssmenu ul ul a:hover{
  display: block;
  color: #f49d1e;
  font-family:nexa_boldregular, Verdana; font-size: 12px;
}

#cssmenu ul ul li.odd a {
  background: #E9E9E9;
}

#cssmenu ul ul li:last-child {
  border: none;
}

.refeins{
	clear:both:
	width:100%;
}

.ref{
	padding-right:30px;
	padding-bottom:40px;
}

#steri{
	clear:both;
	width:100%;
	padding-top:80px;
}

#steri img{
	width:16%;
}


/*Browserfenster kleiner als 5000px*/ 

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

        #logo_tablet{display:none;}
        h2{display:none;}
        #galerie_eins{display:none;}
        #kontakt_unten{display:none;} 
          

} /* end max-width: 1280px */


/*Browserfenster kleiner als 1280px*/ 


/*Browserfenster kleiner als 1280px*/ 

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

		#backtotop{margin-left:85%; opacity	: 0.6;}

} /* end max-width: 1024px */


/*Browserfenster kleiner als 1024px*/ 

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

        
        #drumherum{ width:auto;}
        #container{width:77%;}
        section{width:23%;}
        #cssmenu{padding-left:20%;}
        #logo img{width:130px;}
        header{padding-left:auto; padding-left:28%;}
        header p{font-size:130%;}
        p{font-size:12px;}
        #backtotop{margin-left:90%;}
        #contact{width:95%;}
        .float-left{width:33%;}
        a.footer{font-size:12px;}
        footer{width:auto;}
        #contact-footer{width:auto;} 
        .fliesstext{font-size:80%;}
        #contact-guide{padding-top:31px;}
        .block_container {padding: 40px 40px 0;}
        #one_about{height:390px;} #one_referenz{width:764px;} 
        #two_work{height:339px;}
        #three_workeins{height:300px;} 
        #textschwierig_about{ font-size:30px; left:26%; top:363px;}
        #textschwierig_meltseli{top:242px;}
        #sortiment{width:auto;} .sortiment_links{font-size:12px;} .sortiment_rechts{font-size:12px;}
        #one_referenz img{height:50px;}
        #cssmenu > ul > li.has-sub > a:after{right:12px;}
        #cssmenu ul ul a {font-size:11px;}
    
} /* end max-width: 800px */


/*Browserfenster kleiner als 800px*/ 

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

        #drumherum{width:auto;}
        header{width:100%; padding-left:6.5%; padding-top:50px;}
        header p{float:left; width:70%; font-size:168%; line-height:113%; }
        nav{padding-left:20px;} 
        #container { width:100%; float:none; border:none; position:relative; margin-top:20px;}
        section.push{ display:none;}
        .fliesstext{font-size:13px;}
        #logo_tablet{display:block; padding-top: 2.5px;}
        #contact-footer-mehr{width:100%;}
        .float-left{width:40%; font-size:12px;}
        p{font-size:12px;}
        #backtotop{margin-left:90%; opacity	: 0.6;}
        .ref{padding-right:45px;padding-bottom:60px;} 
        #one_referenz img{height:45px;}
        nav a:hover,nav a.active{font-size:90%;}
        html, body{
    	overflow-x: hidden; /* prevents horizontal scroll bars */
    	-webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */
		height: 100%; /* fixes focus scrolling in Safari (OS X) */}

        .menu-btn {display:block; background: none repeat scroll 0 0 #ebebeb; 
    	cursor: pointer;  padding: 10px; float:left; margin-left:6.5%; margin-bottom:35px; margin-top:25px;
    	width: 70px;}
    	
		.pushy { display: block; background: none repeat scroll 0 0 #ebebeb; 
    	height: 100%; overflow: auto; position: fixed; top: 0; width: 180px; z-index: 9999;}

		.pushy a{display: block; color: #3B3A3C; font-size: 90%; padding: 10px 45px; text-decoration: none;}
		.pushy a:hover{font-size: 90%;}

		.site-overlay{display: none;}
		.pushy-active .site-overlay{ display: block; position: fixed; top: 0;right: 0;bottom: 0;left: 200px;z-index: 9999;}
		
		.pushy-left{
   		 -webkit-transform: translate3d(-200px,0,0);
    	-moz-transform: translate3d(-200px,0,0);
   		 -ms-transform: translate3d(-200px,0,0);
    	-o-transform: translate3d(-200px,0,0);
    	transform: translate3d(-200px,0,0);}

		.pushy-open{
		width:250px;
    	-webkit-transform: translate3d(0,0,0);
    	-moz-transform: translate3d(0,0,0);
    	-ms-transform: translate3d(0,0,0);
    	-o-transform: translate3d(0,0,0);
    	transform: translate3d(0,0,0);}

		.container-push, .push-push{
    	-webkit-transform: translate3d(260px,0,0);
    	-moz-transform: translate3d(260px,0,0);
    	-ms-transform: translate3d(260px,0,0);
    	-o-transform: translate3d(260px,0,0);
    	transform: translate3d(260p,0,0);}
		
		.pushy, #container, .push{
    	-webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    	-moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    	-o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    	transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    	/* improves performance issues on mobile*/
    	-webkit-backface-visibility: hidden;
    	-webkit-perspective: 1000;}
        
} /* end max-width: 768px */


/*Browserfenster kleiner als 768px*/ 

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

		header p{float:left; width:70%; font-size:170%; line-height:113%;}
		#one_about{height:415px;} #one_meltseli{width:97%} 
		#textschwierig_about{left:26%; top:388px;}
		#textschwierig_why{ font-size:30px; top:318px;}
		.impressum{width:auto; padding-left:40px;}
		#impressum_alles {width: 100%;}
		.sortiment_links{font-size:13px;} .sortiment_rechts{font-size:13px;}

} /* end max-width: 600px */


/*Browserfenster kleiner als 600px*/ 

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

		header p{ font-size:150%;}
		h1{display:none;}
		h2{display:block; padding-top:30px; padding-bottom:5px; color:#3B3A3C;}
		.block_container{padding:40px 40px 0px;}
		#one_index{width:97%; height:195px;} #one_about{width:97%; height:330px;} #one_meltseli{height:300px;} #one_contact{width:97%;}
		#two_index{margin-left:0px; height:180px;} #three_index{height:200px; width:97%;}
		#three_workeins{height: 250px; width:97%;} #two_work {margin-left:0px; height: 280px;} #three_work{width:97%; height:248px;} #four_work{margin-left:0px; height:275px;}
		#logo_tablet img{width:130px;}  
		#contact{padding-top:100px; }
		#textschwierig_about{top:303px;} 
		#textschwierig_meltseli{top:268px; left:5%;}
		#textschwierig_why {left:10%;}
		#textschwierig_workeins {font-size:28px; top:224px; left:13%;} #textschwierig_workzwei {font-size:28px; top:254px;} #textschwierig_workdrei {font-size:28px; top:222px; left:20%;} #textschwierig_workvier {font-size:28px; top:249px;}
		.box_right{width:97%;} .box_right_hälfte {width:97%;} 
        #one_referenz img{height:35px;}
		#galerie_eins{display:block; clear:both; width:100%; padding-top:20px;}
		.galerie_bilder{width:100%;float:left;}
		#bild{display:none;} #bild_one{display:none;} #bild_two{display:none;} #bild_three{display:none;} #bild_four{display:none;} #bild_five{display:none;}
		.fliesstext{font-size:100%;}
		.menu-btn { margin-bottom:10px;}
		#contact-footer-mehr{;padding-top:40px;}
		.float-left{width:35%;}
		#steri img{padding:0px;}
				
} /* end max-with:568px */


/*Browserfenster kleiner als 568px*/ 

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

		header p {font-size: 130%; padding-top:4px;}
		#one_index{height:220px;}
		h3{font-size:12px}
		#contact p{font-size:10px;}
		footer p{font-size:10px;}
		a.footer{font-size:10px; padding-right:20px;}
		#contact-guide{padding-top:26px;}
		#backtotop{margin-left:85%;}
		#two_why{margin-left:0px;}
		#one_index{height:200px;} #one_meltseli{height:380px;}
		#three_index{height:220px;} 
		#textschwierig_meltseli {font-size: 28px; top:355px;}
		#one_referenz{padding-left:70px;}
		#one_referenz img{height:30px;}
		
} /* end max-with:480px */


/*Browserfenster kleiner als 480px*/ 

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

		header p {font-size: 110%; padding-left:50px; width:50%; padding-top:4px;}
		#logo_tablet{width:100px;} #logo_tablet img{width:110px;}
		#one_index{height:230px;} #one_about{height:350px;} #one_meltseli{height:380px;} #one_contact{height:220px; width:97%;}
		#two_index{margin-left:0px; height:170px;} #two_why{height:330px;} #two_work{height:290px;}
		#three_index{height:200px;} 
		.fliesstext{font-size:90%;}
		#textschwierig_about{font-size:28px; left:26%; top:325px;}
		#textschwierig_why{font-size:25px; top:308px;}
		#textschwierig_meltseli {font-size: 23px;top: 359px;left:6%;}
		#textschwierig_workeins {font-size: 23px;left: 5%;top: 229px;}
		#textschwierig_workzwei {font-size: 23px;top: 269px;}
		#textschwierig_workdrei {font-size: 23px;top: 227px;}
		#textschwierig_workvier {font-size: 23px;top: 254px;}
		#kontakt_unten{width:100%; display:block; padding-left:30px; padding-top:120px;}
		#bild_four{display:none;}
		.sortiment_links{font-size:80%;} .sortiment_rechts{ font-size:80%;}
		#impressum{clear:both;padding-bottom:10px;}
        #one_referenz img{height:60px; display:block;}
		#contact p{font-size:9px;}
		footer p{font-size:9px;}
		.float-left{width:27%;}
		#contact{display:none;}
		footer{display:none;}
		#kontakt_unten_rechts{width:35%; float:left;}
		#kontakt_unten_links{width:65%; float:right; padding-top:19px;}
		#fuss{width:80%; padding-top:5px; border-top:solid 1px #3B3A3C;}
		#top{display:none;}
		
} /* end max-with:400px */

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

		#one_index{height:280px;} #one_about{height:430px;} #one_meltseli{height:490px;} #one_contact{height:270px;}
		#two_index{height:210px;} #two_why{height:410px;} 
		#three_index{height:260px;}
		#textschwierig_about{font-size:28px; left:26%; top:405px;}
		#textschwierig_why{font-size:25px; top:388px;}
		#textschwierig_meltseli {font-size: 18px; top: 474px;}
		.impressum p{font-size:12px;}
		.impressum a{font-size:12px;}
		
} /* end max-with:320px */


/* Smartphones (portrait and landscape) ----------- */
/*Browserfenster kleiner als 400px*/ 

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

		header{padding-left:0px;}
		#logo_tablet {float:none; width: 100%; text-align:center;}
		header p{display:none;}
		#container{width:100%;}
		header p{float:none;}
		#one_index{height:265px;} #one_contact{height:250px;}
		#two_index{height:190px;} #two_why{height:410px; margin-left:0px;} #two_work {height: 390px;}
		#three_workeins {height: 350px;} #three_work {height: 280px;} #three_index{ height:245px;}
		#four_work {height: 400px;}
		#kontakt_unten{padding-left:25px;}
		#one_about{width:95%;height:430px;}
		#textschwierig_about{font-size:25px; left:20%; top:408px;}
		#textschwierig_why{font-size:25px; left:2%; top:388px;}
		#textschwierig_meltseli {top: 474px; left:5%;}
		#textschwierig_workeins {font-size: 20px;left: 0;top: 331px;}
		#textschwierig_workzwei {font-size: 20px;top: 371px;}
		#textschwierig_workdrei {font-size: 20px;top: 261px;}
		#textschwierig_workvier {font-size: 20px;top: 381px;}  
		.menu-btn { margin-top:10px; margin-left:5%;}
		.block_container{padding: 30px 40px 0px;}
		.sortiment_links{float:none; width:50%; font-size:90%;} .sortiment_rechts{ float:none; width:50%; font-size:90%;}
		nav li{padding-bottom:8px;}
		#steri {padding-left: 10px;}
		
		
} /* end max-with:0px*/