/* ==========================================================================
   GLOBAL styles
   ========================================================================== */
/*$cyanColor = '#009ba4';*/

body {
overflow-x:hidden;
}

.bg{
	background-size: cover;
	background-position: center center;
	background-attachment:fixed;

	}
.bg-main{
	background-image:url(../bg/bg-main1.jpg);
}
.bg-firma{
	background-image: url(../bg/bg-firma.jpg);
	}
.bg-historie{
	background-image: url(../bg/bg-firma.jpg);
	}
.bg-team{
	background-image: url(../bg/bg-firma.jpg);
	}
.bg-standort{
	background-image: url(../bg/bg-firma.jpg);
	}
.bg-leistungen{
	background-image: url(../bg/bgss08.jpg);
	}
.bg-kunden{
	background-image: url(../bg/bgss03.jpg);
	}
.bg-portfolio{
	background-image: url(../bg/bgss04.jpg);
	}
.bg-kontakt{
	background-image: url(../bg/bgss05.jpg);
	}
.bg-Blechbearbeitung{
	background-image: url(../bg/bgss06.jpg);	
	}
.bg-Mechanisch{
	background-image: url(../bg/bgss02.jpg);
}
.bg-Schweissen{
		background-image: url(../bg/bgss01.jpg);
	}
.bg-Sonderanfertigungen{
		background-image: url(../bg/bgss08.jpg);
	}
.bg-Oberflaechentechnik{
		background-image: url(../bg/bgss07.jpg);
	}

/*
 * Clearfix: contain floats
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 */

.clearfix {
    *zoom: 1;
}
.container{
	width: 90%;
}
.grouped_elements{
	padding: 5px;
	
	}
.grouped_elements img{
	max-height: 60px;
	max-width: 100px;
	padding: 2px;
	}
.container {
	font-family: 'Open Sans', sans-serif;
	/*font-family: 'Raleway', sans-serif;*/
	position: relative;
	margin: 0px auto;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 50px;
	clear: both;
}
#content{
	}
.textcontent{
	position: relative;
	padding: 30px;
	margin: 20px auto auto 40%;
	background: none repeat scroll 0 0 #FFF;
	opacity: 0.9;
	height: 350px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #000;
	overflow:auto;
}
#detailansicht{
	position: absolute;
	padding: 30px;
	margin: -410px auto auto auto;
	background: none repeat scroll 0 0 #FFF;
	opacity: 0.9;
	height: 350px;
	width: 33%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #000;
	overflow:auto;
	font-size: 11px;
}
#detailansicht h3{
	font-size: 18px;
	color: #009ba4;
	}
#detailansicht p{
	font-size: 14px;
	font-weight: 400;
}
.tc_plain{
	position: relative;
	padding: 0;
	margin: 50px auto auto 40%;
	background: none;
	height: 350px;
	font-size: 20px;
	color: #000;
	text-shadow: 2px 2px 2px #FFF;
	font-weight: bold;
	}
.infoHL{
	font-size:15px;
	font-weight:bolder;
	
	}
.infoText{
	font-size:14px;
	font-weight:400;
}
div.info{
		margin-left:-70px;
		margin-right: -30px;
		padding: 15px 70px;
		background-color:#FFF;
	}
div.info:hover{
	cursor: pointer;
	
	}
div.infoSelected{
		background-color:#CCC;
		/*margin-left: -70px;
		padding: 10px 70px;*/
	min-height:10px;
    /*padding-left:30px;*/
    position:relative;

	}

.kunden{
	font-size:12px;
	}
.kunden li{
	text-decoration: none;
	list-style: none;
	margin: 10px 0px 0px auto;
}
.kunden li a{
	text-decoration: none;
	left: 0px;
	position: relative;
	color:#333;
	font-size: 14px;
	font-weight: 400;
}
.kunden li a.middle{
	position: absolute;
	left: 200px;
	
	}
.kunden li a.right{
	position: absolute;
	left: 450px;
	}

div.infoSelected:before {
    /* Rahmen nur an einer Seite einblenden */
    border-color:transparent transparent transparent #888;
    border-style:solid;
    border-width:10px;

    /* Pseudo-Element stylebar machen */
    content:" ";
    display:block;
    height:0;
    width:0;

    /* Pseudo-Element positionieren */
    left:0;
    position:absolute;
	top: 40%;
}



/*
 * Class of Begining page
*/