/* ===================
    (SM)ALL
   =================== */

		
  	.header-container {
		top:0px;
		left:0;
		right:0;
		margin: 0;
		padding:0;
		z-index:9999;
		background-color:#5b693b;
		height:80px;
		
	}
	.header-container .fancybox-margin { margin:0; }
	
	.main-container { margin-top:0px; }
	header { margin-bottom:10px; }
   
   	.box100pp { width:94%; padding: 2% 3% 2% 3%; min-height:1px;}	
	
	.box70pp { width:95%; padding: 2% 2% 2% 3%; min-height:1px; }
	.box30pp { width:94%; padding: 2% 3% 2% 3%;	min-height:1px; }
	
	.box33lpp { width:95%; padding: 2% 2% 2% 3%; min-height:1px; }
	.box33mpp { width:95%; padding: 2% 2% 2% 3%; min-height:1px; }
	.box33rpp { width:95%; padding: 2% 2% 2% 3%; min-height:1px; }
	
	.box50lpp { width:94%; padding: 2% 2% 2% 3%; min-height:1px; }
	.box50rpp { width:94%; padding: 2% 3% 2% 3%; min-height:1px; }
	
	.box60lpp { width:95%; padding: 2% 2% 2% 3%; min-height:1px; }
	.box40rpp { width:95%; padding: 2% 3% 2% 3%; min-height:1px; }
	
	.box60lpp2 { width:95%; padding: 2% 2% 2% 3%; min-height:1px; }
	.box40rpp2 { width:95%; padding: 2% 3% 2% 3%; min-height:1px; }
	
	.box60rpp2 { width:95%; padding: 2% 3% 2% 3%; min-height:1px; }
	.box40lpp2 { width:95%; padding: 2% 2% 2% 3%; min-height:1px; }
	
	/* Innenboxen */
	
	.box50ilpp { width:100%; }
	.box50irpp { width:100%; }
	

	#plogo {  margin: 10px auto 0 23px; width:260px; border-bottom: 0px solid #FFF; background-color:#5b693b; }
	#plogo a img { height: 56px; }
	#printlogo { display:none; }

	div.navsearch { 
		height: 56px; 
		margin: 0px 205px 0 0; 
		background-color:#5b693b; 
		border-bottom: solid 0px #e3e3e3; 
	} 
	select#mm0.mnav { margin: 14px 2% 0 2%; width:96%; }
	
	nav#langNav { width: 100%; display: none; font-size:1em; z-index:9998; height: 20px;   background-color:#fff; margin: 10px 0 50px 0; }
	nav#langNav ul { position: relative;
     float: left;
     left: 50%;
     margin: 10px auto 10px auto; }
	nav#langNav li { position: relative;
     float: left;
     right: 50%; color:#58585a; }
	 
/* langNav2 */
	nav#langNav2 { width: 100%; display: block; font-size:0.75em; z-index:9998; height: 20px;   background-color:none; margin: 18px 0 0 0; }
	nav#langNav2 ul { 
		position: relative;
		float: left;
		left: 50%;
		margin: 0 auto 10px auto; }
		nav#langNav2 li { position: relative;
		float: left;
		right: 50%; color:#58585a;
		padding-left:5px; 
		padding-right:5px; 	 
	}
	nav#langNav2 .langmenu2 li a { text-decoration: none; color: #ffffff; }
	nav#langNav2 .langmenu2 li a:hover { text-decoration: underline; }

	.hline { 
		/*background-color:#f0f0f0; */
		margin: 50px 0 20px 0; 
	}
	.hl1, .hl1nk {
		width:100%; 
		padding: 0;		
		/*margin: 20px 0 20px 0; */
		text-align:center;
		display:none;
	}
	
	.hl2, .hl2nk {
		background-color:#999999; 
		width:100%;	
		padding: 0;		
		/*margin: 20px 0 20px 0; */
		padding: 9px 0 7px 0; 
		text-align:center;
		display:none;
	}
	
	.hl2box1 { float:left; width:40%; margin: 5% 0 5% 10%; font-size:10px; line-height:12px; text-align:center; color:#fff; }
	.hl2box2 { float:left; width:40%; margin: 5% 0% 5% 0; font-size:10px; line-height:12px; text-align:center; color:#fff; }
	.hl2 a img.printsave, .hl2nk a img.printsave { margin-bottom: 4px; border:1px solid #999999; }
	.hl2 a:hover img.printsave, .hl2nk a:hover img.printsave { border:1px solid #FFF; }
	
	.hl3, .hl3nk {
		width:88.5%; 
		background-color:#999999;
		/*margin: 0.5em 5% 1em 3%; 
		padding: 0.5em;*/
	}
	.hl3, .hl3nk {
		width:auto; 
		height: 78px;
		margin: 0 30px 0 30px; 
		padding: 0 10px 0 20px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;	
	}
	

	h1 { font-size:1.7em; line-height: 1em; font-style:italic; margin: 0 0 0.8em 0; font-weight:bold; }
	
	h2 {
		font-size: 1.2em;
		line-height: 1.2em;
		font-style:italic;
		font-weight:bold;
		color:#575656;
		padding: 0;
		background:none;
		vertical-align:top;
	}
	h2.micromot, h2.industrial  {
		font-size: 1.15em;
		line-height: 1.15em;
		font-style:italic;
		color:#fff;
		padding: 0;
		background:none;
		vertical-align:middle;
	}

	figure.fc {
		display: table;
		width: 200px; /* This can be any width, so long as it's narrower than any image */
		margin: 20px 20px 0 0;
	}
	img.fc, figcaption {
		display: table-row;
	}
	p, td, figcaption { 
		font-size: 1em;
		line-height: 1.3em;
		margin-bottom: 1.3em;
	}
	
	p.justi {
		text-align: justify; 
	}	
	p.spalten {
		-webkit-column-gap: 2.5em;
		-moz-column-gap: 2.5em;
		column-gap: 2.5em;
		-moz-column-width: 20em;
		-webkit-column-width: 20em;
		column-width: 20em;
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}	
	p.breaks {
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;		
	}
	
	table, tr { margin: 0; padding: 0; }
	
	.fett { font-weight:bold; }
	.kursiv { font-style:italic; }
	.ml50 { margin-left: 50px; }
	.right { text-align:right; }
	.fraeser { float:left; margin-right:1em; width:101px; }
	.fraeser2 { float:left; margin-right:1em; width:auto; }
	
	
	.toolstable { max-width: 800px; }
	.line { height: 6px; border: none; width:100%; }
	.right { text-align:right; }
	.center { text-align:center; }	
	.hide { display:none; }
	
	.ih4b { float:left; width:100%; }
	.ih2b { float:left; width:50%; }
	.ih3b33 { float:left; width:100%; }
	.ih4b25 { float:left; width:100%; }	
	.ih4bh { float:left; width:25%; } /* 4 nebeneinander */
	
		
	.ff0000 { color:#ff0000; }
	
	.table-23107, .table-23104 { border-collapse: collapse; width:100%;  }
	.table-23107 td, .table-23104 td { margin-bottom: 0; padding-bottom:5px; }
	
	.tdbot { vertical-align:bottom; }
	.tdbotnwr { vertical-align:bottom; text-align:right; white-space: nowrap; padding:0 20px 0 0; }
	.tdtop { vertical-align:top; }
	.tdnwr { text-align:right; white-space: nowrap; padding:0 20px 0 0; }

	
	/* Styling ordered list */
	body { counter-reset: ol li; }
	
	ol.small { display:block; }
	ol.wide1 { display:none; }
	
	ol  li:before { content: counter(li)") "; counter-increment: li; }
	
	#content ol { margin: 0; padding: 0; counter-reset: li; }
	#content ol li { list-style: none; padding: 0 0 0 20px; margin:0; position: relative; }
	#content ol li:first-child { }
	#content ol li:before { 
		content: counter(li); 
		counter-increment: li; 
		background: #fb0508; 
		color: #fff;
		font: normal 12px/15px sans-serif; 
		height: 15px; 
		text-align: center; 
		width: 15px; 
		position: absolute; 
		left: 0; 
		top: 3px; 
		-webkit-border-radius: 25px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
		-moz-border-radius: 25px; /* FF1-3.6 */
		border-radius: 25px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}
	
	#content .printonly { display: none; }
	#content .po { display: none; }
	#content .pzub { padding-bottom: 20px; clear:both; }
	
	/* Styling unordered list */
	/*#content ul.pp li { list-style:disc; margin: 0 0 0 15px; position: relative;  }*/	
	#content ul.pp li { list-style: none; padding:0; margin:0; }
	#content ul.pp li { padding-left: 1.2em; text-indent: -1em; }
	#content ul.pp li:before { content: "•";  padding-right:0.5em; color: red; font-weight:bold; font-size:1.2em; } /* or whatever color you prefer */
	
	
	/* p a styling */
	p a, li a, figcaption a { color: #0000cc; text-decoration:underline; }
	p a:link, li a:link, figcaption a:link { color: #0000cc; }
	p a:visited, li a:visited, figcaption a:visited { color: #0000cc; }
	p a:hover, li a:hover, figcaption a:hover { color: #FF0000; }
	p a:active, li a:active, figcaption a:active { color: #FF0000; }
	
	p.show { color: #0000cc; text-decoration:underline; margin-top:20px; }
	p.show:hover { color: #FF0000; cursor:pointer; text-decoration:underline; }
	p.show:active { color: #FF0000; cursor:pointer; text-decoration:underline; }
	p.show img:hover { cursor:pointer; }
	p.show img:active { cursor:pointer; }
	
	p a.agrey { color:#575656;}
	p a.agrey:hover { color: #FF0000; }
	
	p a#myvideo { color:#FF0000; }
	
	/* Anchor offset */
	:target {
    display: block;    
    position: relative;     
    top: -100px;
    visibility: hidden;
	}
	
	/* Steckschluesseleinsätze */
	.reli { text-align:left; }
	
	/* YouTube */
	.youtube, .cart { 
		text-align:left; 
		display:block;
		background-image:url(../images/youtube-logo.gif);
		background-repeat:no-repeat;
		margin-left: -5px;
		padding-left: 60px;
		line-height:41px;
	}
	.cart { 
		background-image:url(../images/cart-logo.gif);
		margin-bottom:-10px;
	}	
	
	



/* ==========================================================================
   Media Queries
   ========================================================================== */


/* ====================
    SMALL
   =================== */   
@media only screen and (min-width: 320px) {
	
	/* ============ neues Suchfeld ============ */ 
	
	.search-container {
		float: none;
		height:60px;
		padding:14px 17px 9px 5px;
		margin-left:0;
		margin-top:6px;
		width: auto;
		background-color:#5b693b;
	}
	  .search-container a, 
	  .search-container input[type=text], 
	  .search-container button {
		float: left;
		display: block;
		text-align: left;
		width: 90%;
		margin: 30px;
		padding: 6px;
		margin: 10px;
		height:22px;

	}
	  .search-container input[type=text] {
		border: 1px solid #ccc;  
	}
	  .search-container button  {
		border: 1px solid #adadad;
		margin: 10px 0 0 -46px;
		padding:3px 0 0 10px;
		height:36px;
		width: 36px;
	}
	  .search-container button:hover  {
		color:#fff;
		border: 1px solid #adadad;
		background-color:#999966;
	}	
	
}

	
/* ====================
    INTERMEDIATE
   ==================== */   
@media only screen and (min-width: 480px) {	

	#plogo {  margin: 10px auto 0 auto; width:260px; border-bottom: 0px solid #FFF; background-color:#5b693b; }

	.main-container { margin-top:0px; }
	
	.box60lpp { width:54.5%; padding: 2% 0 2% 3%; margin-bottom:0px; float:left; }
	.box40rpp { width:34.5%; padding: 2% 0 2% 0; margin-bottom:0px; float:right; }
	
	div.navsearch { 
		height: 56px; 
		margin: 0 0 0 0; 
		background-color:#5b693b; 
		display:none;
	}
	
	select#mm0.mnav { width:150px; }
	
	nav#langNav { display:none; position:relative; font-size:0.75em; float:right; z-index:9998; height: 20px; width: 50%; margin: 0 10px 0 0;  }
	nav#langNav ul { left: 0; padding: 10px 0 0 0; margin:0; float:right; }
	nav#langNav li { 
		position:relative; 
		float:left; 
		right: 0;
		list-style-type:none; 
		color:#58585a; 
	}
	
	nav { float:left; }
	
	.hline { 
		/*background-color:#f0f0f0; */
		margin: 50px 0 20px 0; 
	}
	.hl1, .hl1nk {
		width:100%; 
		padding: 0;		
		/*margin: 20px 0 20px 0; */
		text-align:center;
		display:none;
	}
	
	.hl2, .hl2nk {
		width:100%;	
		/*padding: 0;		
		margin: 20px 0 20px 0; */
		text-align:center;
		display:none;
	}
	.hl2box1 { float:left; width:40%; margin: 5% 0 5% 10%; font-size:10px; line-height:12px; text-align:center; color:#fff; }
	.hl2box2 { float:left; width:40%; margin: 5% 2% 5% 0; font-size:10px; line-height:12px; text-align:center; color:#fff; }
	.hl2 a img.printsave, .hl2nk a img.printsave { margin-bottom: 4px; border:1px solid #999999; }
	.hl2 a:hover img.printsave, .hl2nk a:hover img.printsave { border:1px solid #FFF; }
	
	.hl3, .hl3nk {
		width:84%; 
		background-color:#999999;
		margin: 0 3% 0 3%; 
		padding: 0 5% 0 5%;
	}
	.ih4b25 { float:left; width:50%; }	
	.ih3b33 { float:left; width:100%; }

}

/* ====================
    WIDE1
   ==================== */   
@media only screen and (min-width: 768px) {
	
	
	
	/* Aussenboxen */ 
	
	/*.box100pp { width:94%;	padding: 2% 3% 2% 3%; }*/
	.box100pp { width:94%;	padding: 2% 3% 2% 0; }
	
	.box70pp { width:65%;	padding: 2% 0 2% 3%; }
	.box30pp { width:22.5%; padding: 2% 3% 2% 0; }	
	
	.box33lpp { width:30%; padding: 2% 0 2% 3%; margin-bottom:0px; float:left; }
	.box33mpp { width:30%; padding: 2% 1% 2% 2%; margin-bottom:0px; float:left; }
	.box33rpp { width:30%; padding: 2% 3% 2% 0; margin-bottom:0px; float:right; }	
	
	.box50lpp { width:44.5%; padding: 2% 0 2% 3%; margin-bottom:0px; float:left; }
	.box50rpp { width:44.5%; padding: 2% 3% 2% 0; margin-bottom:0px; float:right; }
	
	.box60lpp2 { width:54.5%; padding: 2% 0 2% 3%; margin-bottom:0px; float:left; }
	.box40rpp2 { width:34.5%; padding: 2% 0 2% 0; margin-bottom:0px; float:right; }
	
	.box60rpp2 { width:54.5%; padding: 2% 0 2% 0; margin-bottom:0px; float:right; }
	
	/*.box40lpp2 { width:34.5%; padding: 2% 0 2% 3%; margin-bottom:0px; float:left;*/
	.box40lpp2 { width:34.5%; padding: 2% 0 2% 0; margin-bottom:0px; float:left; }


	/* Innenboxen */
	
	.box50ilpp { width:48%; padding-right: 2%; float:left; }
	.box50irpp { width:48%; padding-left: 2%; float:left; }
	
	.hline { 
		/*background-color:#999999; */
		height:78px; 
		margin: 60px 0 0 0; 
	}
	.hl1, .hl1nk {
		width:135px; 
		padding: 4px 10px 0 25px; 
		margin: 0 0 20px 0; 
		float:left;  
		/*background-color:#f0f0f0;*/
		height:78px;
		display:block;
	}
	.hl1nk {
		width:230px; 
		padding: 4px 10px 0 15px; 
	}	
	.hl2, .hl2nk {
		display:block;
		/*width:40px; */
		width:130px; 
		float:right; 
		/*margin: 11px 0 0 0;*/		
	}
	.hl2box1 { float:left; width:47px; margin: 0 11px 0 11px; font-size:10px; line-height:12px; text-align:center; color:#fff; }
	.hl2box2 { float:left; width:47px; margin: 0; font-size:10px; line-height:12px; text-align:center; color:#fff; }
	
	.hl3, .hl3nk {
		width:auto; 
		height: 78px;
		margin: 0 40px 0 185px; 
		padding: 0 10px 0 20px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}

	h1 { font-size:1.9em; line-height: 1em; font-style:italic; }
	
	h2.micromot, h2.industrial  {
		font-size: 1.3em;
		line-height: 1.0em;
		font-style:italic;
		color:white;
		padding: 0;
		background:none;
	}	
	
	ol.small { display:none; }
	ol.wide1 { display:block; }
	

/*langNav2*/	
	nav#langNav2 { display:block; position:relative; font-size:0.75em; float:right; z-index:9998; height: 20px; margin: 20px 0 0 0;  }
	nav#langNav2 ul { left: 0; padding: 0 15px 0 0; margin:0; float:right; }
	nav#langNav2 li { 
		position:relative; 
		float:left; 
		right: 0;
		list-style-type:none; 
		color:#ffffff; 
		padding-left:10px;
		padding-right:0px;
	}

}

@media only screen and (min-width: 1140px) {
	nav#langNav2 { 
		display:block; 
		position:relative; 
		font-size:0.75em; 
		float:right; 
		z-index:9998; 
		height: 20px; 
		margin: 75px 0 0 0;
	}
}

	
/* ====================
    WIDE2
   ==================== */
   
@media only screen and (min-width: 900px) {



}

	
/* ====================
    EXTRA WIDE
   ==================== */   
@media only screen and (min-width: 1024px) {


	.hline { 
		/*background-color:#999999; */
		height:78px; 
		margin: 52px 0 0 0; 
	}
	.hl1, .hl1nk {
		width:135px; 
		padding: 4px 15px 0 25px; 
		float:left;  
		/*background-color:#f0f0f0; */
		height:78px;
	}
	.hl1nk {
		width:230px; 
		padding: 4px 10px 0 15px; 
	}	
	.hl2, .hl2nk {
		/*width:40px;*/
		width:130px; 
		float:right; 
		/*margin: 11px 0 0 0;*/

	}
	.hl3, .hl3nk {
		width:auto; 
		margin: 0 40px 0 185px; 
		padding: 0 10px 0 20px;	
	}

	h1 { font-size:1.9em; line-height: 1em; font-style:italic; }
	
	h2.micromot, h2.industrial  {
		font-size: 1.45em;
		line-height: 1em;
		font-style:italic;
		color:white;
		padding: 0;
		background:none;
	}
	
	.ih4b25 { float:left; width:25%; }	
	.ih3b33 { float:left; width:33%; }

}

/* ====================
    EXTRA WIDE 2
   ==================== */
   
@media only screen and (min-width: 1140px) {
		#plogo {  margin: 0 auto; width:260px; border-bottom: 0px solid #FFF; background-color:#5b693b; }
		#plogo a img { height: 56px; }
}
   
   
/*@media only screen and (min-width: 1140px) {*/
@media only screen and (min-width: 1140px) {
	
	.header-container {
		position: fixed;
		top:0px;
		left:0;
		right:0;
		margin: 0 2%;
		max-width:1260px;
		padding:0;
		z-index:9999;
		height:56px;
	}
	
	#plogo { float:right; margin-top:3px; background-color:#5b693b; height:36px; width: 168px; }
	
	
	#plogo a img { height:36px; width: 168px; display: block; margin-left: auto; margin-right: auto; margin-top:0px;  }
	
	/*#plogo a img { height:36px; width: 168px; }*/
	
	div.navsearch { 
		margin: 0 260px 0 0; 
		background-color:#5b693b; 
		border-bottom: solid 0px #e3e3e3;
		height: 36px;
		display:block;
	}
	
	ul#navigation li:last-child { float:left; }	
	ul#navigation li { line-height:14px; border-bottom: solid 0px #e3e3e3; }
	ul#navigation ul { top: 50px; left: 0px; border-top: solid 1px #e3e3e3; }
	
	ul#navigation li {
		display:inline;
		font-family:Helvetica,Tahoma,sans-serif;
		font-size:12px;
		line-height:18px;
		margin:0;
		padding: 0;
		float:left;
		position:relative;
		border-bottom: solid 0px #e3e3e3;

	}
	ul#navigation li a {
		padding: 7px 7px;
		color:#fff;
		text-decoration:none;
		display:inline-block;
		border-right:1px solid #fff;
		background: #5b693b;
	
	}
	select#mm0.mnav { width:200px; }

	#plogo { float:right; margin-top:0px; background-color:#5b693b; width:261px; }
	#plogo a img { height:56px; width:261px; }
	
	div.navsearch { 
		margin: 0 260px 0 0; 
		background-color:#5b693b; 
		border-bottom: solid 0px #e3e3e3;
		height: 52px;
	}
	nav { float:left; }
	
	ul#navigation li:last-child { float:left; }	
	ul#navigation li { line-height:18px; border-bottom: solid 0px #e3e3e3; }
	ul#navigation ul { top: 56px; left: 0px; border-top: solid 1px #e3e3e3; }
	
	ul#navigation li {
		display:inline;
		font-family:Helvetica,Tahoma,sans-serif;
		font-size:14px;
		line-height:18px;
		margin:0;
		padding: 0;
		float:left;
		position:relative;
		border-bottom: solid 0px #e3e3e3;
	}
	ul#navigation li a {
		padding: 10px 10px;
		color:#fff;
		text-decoration:none;
		display:inline-block;
		border-right:1px solid #fff;
		background: #5b693b;
	}


	.header-container {
		position: fixed;
		top:0px;
		left:0;
		right:0;
		margin: 0 auto;

		/*max-width:1260px;*/
		padding:0;
		z-index:9999;
	}
	
}

/* ====================
    MAXIMAL
   =================== */
   
@media only screen and (min-width: 1140px) {
	

	.hline { 
		/*background-color:#999999; */
		height:90px; 
		margin: 110px 0 0 0; 
	}
	.hl1, .hl1nk  {
		width:135px; 
		padding: 6px 15px 0 25px; 
		float:left;  
		/*background-color:#f0f0f0; */
		height:90px;
	}
	.hl1nk {
		width:230px; 
		padding: 10px 10px 0 15px; 
	}
	.hl2, .hl2nk {
		/*width:50px; */
		width:130px; 
		float:right; 
		/*margin: 11px 0 0 0;*/
		padding: 11px 0 7px 0;
	}
	.hl3, .hl3nk {
		width:auto; 
		height: 80px;
		margin: 0 50px 0 185px; 
		padding: 0 10px 0 20px;	
	}
	.hl3nk {
		padding: 0 10px 0 20px;	
	}
	h1 { font-size:1.9em; line-height: 1em; font-style:italic; }
	
	h2.micromot, h2.industrial  {
		font-size: 1.5em;
		line-height: 1.05em;
		font-style:italic;
		color:white;
		padding: 0;
		background:none;
		
	}

	/* ============ neues Suchfeld ============ */ 
	
	.search-container {
		float: right;
		height:36px;
		padding:9px 3px 3px 15px;
		margin-right:0;
		width: 130px;
		background-color:#5b693b;
	}
	  .search-container a, 
	  .search-container input[type=text], 
	  .search-container button {
		float: left;
		display: block;
		text-align: left;
		font-size: 15px;
		width: 110px;
		margin: 0px;
		padding: 4px;
		height:16px;
	}
	  .search-container input[type=text] {
		border: 1px solid #ccc;  
	}
	  .search-container button  {
		border: 1px solid #adadad;
		margin-left: -26px;
		padding-top:3px;
		padding-left:4px;
		height:26px;
		width: 26px;
	}
	  .search-container button:hover  {
		color:#fff;
		border: 1px solid #adadad;
		background-color:#999966;
	}	

}


/* ====================
    iPad
   ==================== */

/* iPad [landscape + portrait] */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

	.box70pp { width:65%; padding: 0% 0 2% 3%; }
	.box30pp { display: block; width:23.5%; padding: 2% 2% 2% 0;	}

	.header-container { margin: 0; }
	.main-container { margin: 0 0 25px 0; }
	.footer-container { margin: 0 2% 10px 2%; /*font-size: 60%;*/ }	
	/*.main-container { margin-top:34px; }*/

	/*#plogo {  margin: 0 0 0 0; width:200px; border-bottom: 0px solid #FFF; background-color:#5b693b; float:right; }*/
	/*#plogo a img { height: 34px;  float:right; }*/
	
	div.navsearch { margin: 0 260px 0 0; background-color:#5b693b; border-bottom: solid 0px #e3e3e3; height: 35px; }
	select#mm0.mnav { width:150px; }
	
	nav#langNav { display:none; position:relative; font-size:0.75em; float:right; z-index:9998; height: 20px; width: 50%; margin: 0 10px 0 0;  }
	nav#langNav ul { left: 0; padding: 10px 0 0 0; margin:0; float:right; }
	nav#langNav li { position:relative; float:left; right: 0;list-style-type:none; color:#58585a; }
	nav { float:left; }
	
	ul#navigation li {
		display:inline;
		font-family:Helvetica,Tahoma,sans-serif;
		font-size:10px;
		line-height:12px;
		margin:0;
		padding: 0;
		float:left;
		position:relative;
	}
	ul#navigation li a {
		padding: 5px 10px;
		color:#fff;
		text-decoration:none;
		display:inline-block;
		border-right:1px solid #fff;
		background: #5b693b;
	}
	
	.hline { 
		/*background-color:#999999; */
		height:78px; 
		margin: 50px 0 0 0; 
	}
	.hl1, .hl1nk {
		width:125px; 
		padding: 6px 0 0 29px; 
		margin: 0 0 20px 0; 
		float:left;  
		/*background-color:#f0f0f0; */
		height:78px;
	}
	.hl1nk {
		width:200px; 
		padding: 7px 10px 0 15px; 
	}	
	
	.hl2, .hl2nk {
		display:block;
		/*width:40px;*/
		width:130px; 
		float:right; 
		/*margin: 11px 0 0 0;*/
	}
	.hl3, .hl3nk {
		width:auto; 
		height: 78px;
		margin: 0 40px 0 185px; 
		padding: 0 10px 0 20px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;	
	}
	.hl3nk {
		padding: 0 10px 0 20px;	
	}	
	
	p { 
		font-size: 1em;
		line-height: 1.3em;
	}
	
	td, ul { 
		/*font-size: 0.75em;*/
		line-height: 1.25em;
		margin-bottom: 1.25em;
	}
	#data td {
			font-size: 1.0em;
	}
	
	h1 { font-size:1.9em; line-height: 1em; font-style:italic; margin: 0 0 0 0; }
	
	h2.micromot, h2.industrial  {
		font-size: 1.25em;
		line-height: 1.1em;
		font-style:italic;
		color:white;
		padding: 0;
		background:none;
		
	}
	
	/* Styling ordered list */

	#content ol li { list-style: none; padding: 0 0 0 18px; margin:0; position: relative; 
		font-size: 0.75em;
		line-height: 1.25em;  
	}
	#content ol li:before { 
		content: counter(li); 
		counter-increment: li; 
		background: #fb0508; 
		color: #fff;
		font: normal 10px/13px sans-serif; 
		height: 13px; 
		text-align: center; 
		width: 13px; 
		position: absolute; 
		left: 0; 
		top: 0px; 
		-webkit-border-radius: 25px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
		-moz-border-radius: 25px; /* FF1-3.6 */
		border-radius: 25px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}
	
	/* YouTube */
	.youtube, .cart { 
		text-align:left; 
		display:block;
		height:50px;
		background-image:url(../images/youtube-logo.gif);
		background-repeat:no-repeat;
		margin-left:35px;
		padding-left: 60px;
	}
   
}


/* iPad [portrait] */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

	/* YouTube */
	.youtube, .cart { 
		text-align:left; 
		display:block;
		height:50px;
		background-image:url(../images/youtube-logo.gif);
		background-repeat:no-repeat;
		margin-left: 0px;
		padding-left: 60px;
	}	
}


/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {

}



/* ====================
   Helper classes
   ==================== */



/* ====================
   Print styles
   ==================== */

@media print {
	
	#fwrapper { height: auto; min-height: 1%; }
	html, body { height: auto; }
	.ir:before {
    height: auto;
}
	
   	.box100pp { width:95%; padding: 2% 3% 0% 3%; min-height:1px;}	
	.box70pp { width:95%; padding: 2% 2% 0% 3%; min-height:1px; }
	.box30pp { width:95%; padding: 2% 3% 0% 3%;	min-height:1px; }
	.box50lpp { width:95%; padding: 2% 2% 0% 3%; min-height:1px; }
	.box50rpp { width:95%; padding: 2% 3% 0% 3%; min-height:1px; }
	.box60lpp { width:95%; padding: 2% 2% 0% 3%; min-height:1px; }
	.box40rpp { width:95%; padding: 2% 3% 0% 3%; min-height:1px; }	
	
	.header-container {
	position: absolute;
	top:0px;
	left:0;
	right:0;
	margin: 0 2%;
	padding:0;
	z-index:9999;
	}
	.header-container .fancybox-margin { margin:0; }
	.main-container { margin-top:0px; margin-bottom:0; }
	
	#plogo { display:none; }
	#printlogo {  display:block; width:100%; border-bottom: 0px solid #FFF; float:right; }
	#printlogo a img { height: 56px; float:right; margin-top:10px; }

	div.navsearch { height: 56px; margin: 10px 0 0 0; background-color:#5b693b; display:none; }
	select#mm0.mnav { width:150px; }
	
	nav#langNav { display:none; }
	nav#langNav2 { display:none; }
	
	p, td, ul, figcaption { 
		font-size: 0.8em;
		line-height: 1.25em;
		margin-bottom: 1.25em;
	}
	
	p.spalten {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;		
	}		
	
	td td { 
		font-size: 1.0em;
	}
		
	.center .ih4b p { 
		font-size: 0.75em;
		line-height: 1.25em;
		margin-bottom: 1.25em;
	}		
	
	.eop { margin-bottom: -3em; padding-bottom:0; }
	
	#content .printonly, #content .po  { 
		font-size: 0.8em;
		line-height: 1.25em;
	}
	#content h1.po  { 
		font-size:1.7em; line-height: 1em; font-style:italic; margin: 0 0 0.5em 0; font-weight:bold;
	}		
	#content span.po {
		font-size: 1em; margin:0; padding:0;	
	}
	#content .dnp { 
		display:none;
	}
	
	
	#content ol { display: none; }	
	#content .printonly, #content .po { display: block; }
	
	a[href]::after { content: " (" attr(href) ")"; display:none; }
	p a, li a { text-decoration:none; }
	p a:link, li a:link { text-decoration:none; }
	p a:visited, li a:visited { text-decoration:none; }
	p a:hover, li a:hover { text-decoration:none; }
	p a:active, li a:active { text-decoration:none; }

	
	.hline { 
		background-color:#f0f0f0; 
		height:78px; 
		margin: 90px 0 0 0; 
	}
	.hl1, .hl1nk {
		width:145px; 		 
		float:left;  
		background-color:#f0f0f0; 
		height:90px;
		margin: -4px 0 0 10px;
		display:block;
	}

	.hl1nk {
		width:145px; 		 
		height:68px;
		margin: 0 0 0 24px;
	}	
	.hl1nk img {
		width:140px;	
	}	
	.hl2, .hl2nk {
		display:none;
	}
	.hl3, .hl3nk {
		width:560px; 
		height: 68px;
		margin: 20px 0 0 145px; 
	}
	.hl3nk {
		width:530px; 
		margin: 30px 0 0 170px; 
	}	
	
	img.d10 { width:10%; }
	img.d15 { width:15%; }
	img.d20 { width:20%; }
	img.d25 { width:25%; }
	img.d30 { width:30%; }
	img.d35 { width:35%; }
	img.d40 { width:40%; }
	img.d45 { width:45%; }
	img.d50 { width:50%; }
	img.d55 { width:55%; }
	img.d60 { width:60%; }
	img.d65 { width:65%; }
	img.d70 { width:70%; }
	img.d75 { width:75%; }
	img.d80 { width:80%; }
	img.d85 { width:85%; }
	img.d90 { width:90%; }
	img.d95 { width:95%; }
	img.d50r { width:50%; float:right; }
	img.d50l { width:50%; float:left; }
	img.dl {float:left;}
	
	table.d50 { width:50%; }
	
	.pbb { page-break-before:always; padding-top: 20px; }
	
	.footer-container { display:none; }
	
	.ih4b { float:left; width:22%; padding:1.5% }
	.main .ih2b { float:left; width:44%; padding:1.5% }
	.ih4b25 { float:left; width:50%; }
	.ih3b33 { float:left; width:33%; }
	
	
	.ih4b p { font-size: 0.85em; }
	.ih2b p { font-size: 0.85em; }
	.ih3b33 p { font-size: 0.85em; }
	.ih4bh p { font-size: 0.85em; }
	
	/* YouTube */
	
	.youtube:before, .cart:before  {
		vertical-align:top;
		margin-left: -60px;
		line-height:41px;
		content:url(../images/youtube-logo-print.gif);
	}
	.cart:before  {
		content:url(../images/cart-logo-print.gif);
	}

}