/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}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:none}table{border-collapse:collapse;border-spacing:0}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
		margin:0;
padding:0;
}

b {
font-weight: bold;
}

#wrapper {
		min-height:100%;
position:relative;
}

#footer {

height:90px;
position:absolute;
bottom:0;
left:0;
right: 0;
border-top: 1px solid #DDD;
background:#FFF;
}

#footer .in{

width: 1150px;
	margin: 0 auto;	
	height: 60px;
	position: relative;
	padding: 15px;
	font-size: 12px;
	line-height: 20px;
	color: #4c4c4c;
}

#footer .in .float-left {
margin-right: 40px;
float: left;
}

#footer .in .float-right {
margin-left: 40px;
float: right;
text-align: right;
}



#footer .in h1{

font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
	color: #FFF;
	text-transform: uppercase;
}


#footer a{

text-decoration: none;
font-weight: bold;
color: #4c4c4c;
}

#footer a:hover{
color: #000;
}

.clear {
	clear: both;
}


#header {
	width: 100%;
	height: 180px;
	background: url(../img/head_bg.png) repeat-x;
	background-size:contain;
	min-width: 1100px;
}

#header .in{

	width: 1150px;
	margin: 0 auto;	
	height: 180px;
	position: relative;
	
	
}

#header .in img {

	position: absolute;
	left: 20px;
	top: 36px;	
}

#navigation {
	position: absolute;
	right: 0;
	top: 0;	
	margin: 0;
padding: 0;
list-style: none;
	width: 670px;

	text-align: right;
	
}


#navigation li.active {
	border-top: 1px solid #1b895d;
}

#navigation li:hover {
	border-top: 1px solid #1b895d;
}


#navigation li {
	display: inline-block;
background: url(../img/nt_line.png) no-repeat right top;
margin-left: -5px;
padding: 0;
list-style: none;

}

#navigation li:first-child {

background-image: url(../img/nt_line.png), url(../img/nt_line.png);
background-position: left top, right top;
background-repeat: no-repeat;

}


#navigation li a{

padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
padding-top: 20px;
color: #adadad;
text-decoration: none;
font-size: 13px;
display: inline-block;

}

#contentWrapper {
width: 100%;
background: url(../img/item_bg2.jpg) repeat-x;
margin-top: 15px;

}

#whiteContentWrapper {
width: 100%;
background: #FFF;
margin-top: 15px;

}


.itemWrapper{
  width: 1150px;
	height: 300px;
	margin: 0 auto;	
}



.itemWrapper .img_machines {
	width: 621px;
	height: 300px;
	background: url(../img/machines.png) no-repeat left center;
	float: left;
}

.itemWrapper .desc {
	width: 420px;
	height: 150px;
	background: url(../img/quote_1.png) no-repeat left top, url(../img/quote_2.png) no-repeat right bottom;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	font-size: 12px;
	line-height: 16px;
	color: #8b8b8b;
	text-align: justify;
	margin-top: 50px;
	margin-left: 55px;
	
}

.itemWrapper .item{
display: block;
    position: relative;
    background: url(../img/item_bg.jpg) repeat-x;
	background-size:contain;
	margin-right: 15px;
	height: 174px;
	float: left;
	width: 276.25px;
	margin-top: 15px;
	cursor: pointer;
}

.itemWrapper .item .info {
    position: absolute;
	right: 8px;
	top: 8px;
    background: url(../img/i.png) left top no-repeat;
	height: 20px;
	width: 20px;
	z-index: 1001;
}

.itemWrapper .item .title {
    position: absolute;
	left: 0;
	right: 0;
	top: 0;
    background: #fafafa;
	border-bottom: 1px solid #a4a4a4;
	height: 25px;
	padding-top: 11px;
	padding-left: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #a4a4a4;
	z-index: 1000;
	display: none;
}

.itemWrapper .item .extra {
    position: absolute;
	left: 55px;
	top: 50%;
	margin-top: -6px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color: #a4a4a4;
}

.itemWrapper .item .image {
    position: absolute;
	left: 0px;
	top: 0px;
	right: 0;
	bottom: 0;
	z-index: 999;
}

.itemWrapper .item .image.img-1 { background: url(../img/thumb_knickschutzwendel.png) center center no-repeat; }
.itemWrapper .item .image.img-2 { background: url(../img/thumb_flachfeder.png) center center no-repeat; }
.itemWrapper .item .image.img-3 { background: url(../img/thumb_zugfeder.png) center center no-repeat; }
.itemWrapper .item .image.img-4 { background: url(../img/thumb_flachfeder2.png) center center no-repeat; }
.itemWrapper .item .image.img-5 { background: url(../img/thumb_feder1.png) center center no-repeat; }
.itemWrapper .item .image.img-6 { background: url(../img/thumb_druckfeder.png) center center no-repeat; }
.itemWrapper .item .image.img-7 { background: url(../img/thumb_sprengringe.png) center center no-repeat; }
.itemWrapper .item .image.img-8 { background: url(../img/thumb_drahtbiegeteile.png) center center no-repeat; }
.itemWrapper .item .image.img-9 { background: url(../img/thumb_feder2.png) center center no-repeat; }


.itemWrapper .last{
    margin-right: 0;
}


.item .img1{
    position:  absolute;
    left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../img/pirctures/img2.png) no-repeat center center;
}

.item .img2{
    position:  absolute;
    left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../img/pirctures/img1.png) no-repeat center center;
}

.item .img3{
    position:  absolute;
    left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../img/pirctures/img3.png) no-repeat center center;
}

.item .img4{
    position:  absolute;
    left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../img/pirctures/img4.png) no-repeat center center;
}

.item .img5{
    position:  absolute;
    left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../img/pirctures/img5.png) no-repeat center center;
}

.item .img6{
    position:  absolute;
    left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../img/pirctures/img6.png) no-repeat center center;
}


.data-table {
width: 100%;
border: 0;
padding: 0;
margin: 0;
font-size: 13px;
border-collapse: separate;
border-spacing: 10px 0px;
}

.data-table tr td {
padding: 10px;
padding-left: 15px;
padding-right: 15px;
}

.data-table tr td:first-child {
width: 290px;
}

.data-table tr td:nth-child(2) {
width: 200px;
}

.data-table tr:nth-child(2n) td{
background: #f1f1f1;
}


.mats-table {
width: 850px;
border: 0;
padding: 0;
margin: 0;
font-size: 14px;
border-collapse: separate;
border-spacing: 10px 0px;
}

.mats-table tr td {
padding: 15px;
padding-left: 18px;
padding-right: 18px;
vertical-align: middle;
}

.mats-table tr:first-child td {
font-weight: bold;
}

.mats-table tr td:first-child {
width: 130px;
text-align: center;
}

.mats-table tr td:nth-child(2) {
width: 130px;
text-align: center;
}

.mats-table tr:nth-child(2n) td{
background: #f1f1f1;
}

.modalProduct > .modal-dialog {
    width:900px !important;
}

.modalProduct > .modal-dialog > .modal-content > .modal-body {
    padding: 0 !important;
}

.popupOuter.three-items .item {
width: 299px;
border-right: 1px solid #e5e5e5;
height: 200px;
float: left;
background-position: center center;
background-repeat: no-repeat;
}

.popupOuter.two-items .item {
width: 449px;
border-right: 1px solid #e5e5e5;
height: 200px;
float: left;
background-position: center center;
background-repeat: no-repeat;
}

.modalProduct .desc {
border-top: 1px solid #e5e5e5;
padding: 15px;
text-align: center;
}

.popupOuter.three-items .item.last {
width: 298px;
border: 0;
}

.popupOuter.two-items .item.last {
width: 448px;
border: 0;
}

#content {
	margin-top: 15px;
	background: url(../img/content_bg.jpg) repeat-x;
	width: 100%;

	line-height: 1.2;
	color: #4c4c4c;
	font-size: 14px;
	padding-bottom: 160px;
	padding-top: 10px;
	
}

#content .in{
	width: 1120px;
	margin: 0 auto;	
	padding: 15px;
}

#content .in h1{
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	color: #4c4c4c;
	
}

#content .in b{
	font-weight: bold;
	
}

.crossLine{
height: 1px;
background:#d6d6d6;
-webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75);
-moz-box-shadow:    0px 1px 1px 0px rgba(255, 255, 255, 0.75);
box-shadow:         0px 1px 1px 0px rgba(255, 255, 255, 0.75);
margin-top: 50px;
margin-bottom: 50px;
	
}

.headLine{
height: 1px;
background:#d6d6d6;
-webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75);
-moz-box-shadow:    0px 1px 1px 0px rgba(255, 255, 255, 0.75);
box-shadow:         0px 1px 1px 0px rgba(255, 255, 255, 0.75);
margin-top: 5px;
margin-bottom: 10px;
	
}

.box {
	width: 240px;
	margin-top: 20px;
	position: relative;
	float: left;
	margin-right: 30px;
}

#content .in .boxSpring {
	width: 240px;
	margin-top: 20px;
	position: relative;
	float: left;
	padding-right: 25px;
	padding-left: 25px;
	border-right: 1px solid #DDD;
	text-align: center;
}

#content .in .boxSpring.first {
	padding-left: 0;
}

#content .in .boxSpring.last {
	padding-right: 0;
}

#callBack {
	width: 750px;
	margin: 0 auto;
}

#callBack label {
	font-size: 15px;
	font-weight: bold;
}

#callBack input[type="tel"]{
	padding: 7px;
	width: 350px;	
	border: 2px solid #DDD;
	margin-left: 30px;
	
}

#callBack input[type="submit"]{
	padding: 7px;
	width: 100px;	
	border: 0;
	background: #1b895d;
	color: #FFF;
	margin-left: 10px;
	
}

#contactUs {
	width: 300px;
	margin: 0 auto;
}

.btn{
	text-decoration: none;
	padding: 8px;
	background: #1b895d;
	color: #FFF;
	font-size: 12px;
}




.btn:hover {
background: #b9bcbb;
}

#contactUs label {
	font-size: 15px;
	font-weight: bold;
}


input[type="submit"].iStyle1{
	padding: 7px;
	padding-left: 12px;
	padding-right: 12px;
	border: 0;
	background: #1b895d;
	color: #FFF;
	margin-left: 10px;
	
}

input[type="text"].iStyle1, textarea.iStyle1 {
	border: 2px solid #DDD;
	padding: 5px;
	margin-left: 15px;
}


#callBack input[type="submit"]:hover {

	background: #b9bcbb;
	
}

.contactForm td {
	padding: 5px;
	padding-right: 15px;
}

.box.last {

	margin-right: 0px !important;
}

.box h1, .boxSpring h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	color: #4c4c4c;
	text-transform: uppercase;
}

.box .text {
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	color: #4c4c4c;
	padding-bottom: 45px;
}

.box .btn {
	position: absolute;
	bottom: 0;
	right: 0;
	text-decoration: none;
	display: block;
	padding: 8px;
	background: #b9bcbb;
	color: #FFF;
	font-size: 12px;
}




.box .btn:hover, .productionBox .btn:hover {
background: #1b895d;
}

.mark-green {
	background: #1b895d;
	padding: 2px;
	color: #FFF;
}

#footer b {
	font-weight: bold;
}

.productionBox {

	position: relative;
}

.productionBox .btn {
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-decoration: none;
	display: block;
	padding: 8px;
	background: #b9bcbb;
	color: #FFF;
	font-size: 12px;
}

.ddl_wrap {
border: 1px solid #DDD;
float: left;
margin-right: 30px;
}

.ddl_wrap .desc{
text-align: right;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
font-size: 11px;
}