@charset "UTF-8";
* {
margin: 0px;
padding: 0px;
}

*:focus {outline: none;}
html,body {
		-webkit-font-smoothing: antialiased;
      	height: 100%;
		margin: 0px auto; 
		padding: 0px;
		cursor: default;
	}
#main{
	margin:50px auto -11px auto;
	background-position:right bottom;	
	background-repeat: no-repeat; 
	background-size:contain; 
	-webkit-background-size:contain; 
	-moz-background-size:contain; 
	-o-background-size:contain;}
a{text-decoration: none !important;
}
div{cursor: pointer}
h1{ 
	color:#FFFFFF;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:200;
	letter-spacing:2px;
	text-decoration:none;
}
h2{ 
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	text-decoration:none;
	text-align:left;
}
h3{ 
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:26px;
	color:#ffffff;
	letter-spacing:2px;
	font-weight:200;
	text-decoration:none;
	text-align: center;
}
h4{ 
	color:rgba(0,39,49,1.00);
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:200;
	letter-spacing:2px;
	text-decoration:none;
}
h5{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;
	letter-spacing:2px;
	text-decoration:none;
	float:left;
	text-align:center;
	text-transform:uppercase;
	}
h6{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	letter-spacing:2px;
	text-decoration:none;
	float:left;
	text-align:center;
	text-transform:uppercase;
	}
h7{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: hsla(0,0%,20%,1.00);
	font-size:14px;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	}

p{	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	text-decoration:none;
	text-align: justify;
}

.text_mitte{ margin-left: 25%;}


table{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	}
td{
	padding: 5px 10px; 
	text-align: center;
}
th{
	padding: 5px 10px;
	text-align:left;
	}

#container1{
		height: 500px;
	}
	#container1_bild{
			height: 500px;
			width: 70%;
			max-width: 1100px;
			float: right;
			z-index: 0px;
			background: url(../images/container1.png);
			background-position:right;
			background-repeat: no-repeat;
			background-size:cover;
			-webkit-background-size:cover; 
			-moz-background-size:cover; 
			-o-background-size:cover; 
	}

#container2{
		height:500px;
}
	#container2_bild{
			height: 500px;
			width: 100%;
			float: left;
			z-index: 0px;
			background:url(../images/container2.png);
			background-attachment:fixed;
			background-position: left;
			background-repeat: no-repeat;
			-webkit-background-size: auto; 
			-moz-background-size:auto; 
			-o-background-size:auto; 
			background-size: auto;
	}
#shadow_box2{
	background: hsla(193,100%,10%,0.20);
	width:100%;
	height: 500px;
	position: absolute;
	top: 550px;
	z-index: 6000;
}
#shadow_box4{
	background: hsla(193,100%,10%,0.80);
	width:100%;
	height: 500px;
	position: absolute;
	top: 1550px;
	z-index: 6000;
}


#container3{
		height: 500px;
}
	#container3_bild{
			height: 500px;
			width: 70%;
			max-width: 1100px;
			float: right;
			z-index: 0px;
			background: url(../images/container3.png);
			background-position:right;
			background-repeat: no-repeat;
			-webkit-background-size: auto; 
			-moz-background-size:auto; 
			-o-background-size:auto; 
			background-size: auto;
	}

#container4{
	height:500px;
	}
	#container4_bild{
			height: 500px;
			width: 100%;
			margin: 0 auto;
			clear: both;
			z-index: 0px;
			background:url(../images/container4.png);
			background-attachment:fixed;
			background-position:bottom;
			background-repeat: no-repeat;
			-webkit-background-size: auto; 
			-moz-background-size:auto; 
			-o-background-size:auto; 
			background-size: auto;
	}

.order_button{
	padding-left: 55px;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;	
	}
	
.order_button:hover {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}

.untermenue{
	width: fit-content;
	width: -webkit-fit-content;
  	width: -moz-fit-content;
	width: -o-fit-content;
	max-width: 900px;
	height: 60px;
	margin: 0 auto;
	border-bottom: hsla(192,100%,10%,0.50) solid thin;
	margin-bottom: 10px;
	margin-top: 80px;

}
.um_punkt{
	width: auto;
	max-width: 110px;
	height: 50px;
	float: left;
	margin: 10px 10px 0px 10px;
	text-align: center;
}
.um_punkt:hover{
	border-bottom: hsla(192,100%,10%,1.00) solid 2px;
}

.oben{
	width:80%;
	height:auto;
	min-height:50px;
	margin:0 auto;
	}
	
.order_button_right{
	float:right;
	min-width:190px;
	max-width:200px;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;	
	}
.order_button_right:hover{
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	}


.box_links{
	width: auto;
	max-width:300px;
	position: absolute;
	overflow:hidden;
	float: left;
	left:10%;
	z-index: 8000;
	margin-top:150px;
	}
	
.box_rechts{
	width: auto;
	max-width:300px;
	position: absolute;
	overflow:hidden;
	float: right;
	right:20%;
	z-index: 8000;
	margin-top:180px;
	}
.box_mitte{
	width: auto;
	max-width:300px;
	position: absolute;
	overflow:hidden;
	margin:0 auto;
	left: 35%;
	z-index: 8000;
	padding-top:200px;
	}
	
.container{
	width:auto;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	position:relative;
	padding-bottom: 20px;
	}

#YARNFORMATION{display: none}
	#short_spinning{display: none}
	#long_spinning{display: none}
	#open_end_spinning{display: none}
	#airjet_spinning{display: none}
	#friction_spinning{display: none}
	#bast_spinning{display: none}
	#texturizing{display: none}
#YARNGUIDING{display:none}
	#warp_preparation{display: none}
	#texturizing2{display: none}
	#twisting{display: none}
#SPECIALTY{display:none;}
	#glas_apron{display: none}
	#knitting_apron{display: none}
	#custom_application{display: none}
#AUXILIARIES{display: none}
	#glueing_press{display: none;}
	#otalo2stics{display: none}
	#otalostic{display: none}
#ABOUT_US{display:none;}

#SHOP{display:none}
	#form1{display: none}
	#form2{display: none}
	.arrow{margin: 5px;}
	.arrow:hover{transform: rotate(90deg);}

.inhalt{
	width:auto;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px!important;
	margin: 0 auto;
	padding-top:20px;
	position: relative;
	}
	
.inhalt_links{
	width:30%;
	height: auto;
	float:left;

	}
		
.inhalt_rechts{
	width: 65%;
	height: auto;
	float:right;
}
		
.header_bild{
}

.rotate{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
		
.textboxen{
	width: auto;
	height: auto;
	max-width:550px;
	float:right;
	padding:10px;
	margin-right: 40px;
}

.textboxen_full{
	max-width:80%; 
	float:none; 
	margin:0 auto;
	
}
.franz_kleiner{
	width: 40%;
}


.tabelle{
	max-width:600px;
	width: auto;
	margin-left: 0px;
	padding:10px 10px 10px 0px;
	}

.farbige_tabelle{
	background:hsla(0,0%,95%,1.00);
}

#hide{
	width: fit-content;
	margin-left: 20%;
}
#show{ 
	display: none;
	width: fit-content;
	margin: 0 auto;
}
.contact_mitte{
	width: auto;
	max-width:300px;
	float: right;
	position: relative;
	margin:0 auto;
	}
#formular{
	background: hsla(0,0%,59%,0.3);
	padding: 20px;
	margin-bottom: 50px;
}
#formular_content{
	margin: 0 auto;
	max-width:1200px;
	}
#info{ display:none;}



#cookiedingsbums a {color:#fff; text-decoration:underline;}
#cookiedingsbums a:hover {text-decoration:underline; color:#9ED7F1;}
#cookiedingsbums div {padding:10px; padding-right:40px;}
#cookiedingsbums { 
   text-align:left; 
	background-color:rgba(0,0,0,0.5);
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   position:fixed;
   bottom:0px; 
	color:#ffff;
   z-index:10000; 
   width:100%; 
   font-size:14px; 
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;		
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}