/*-------------------------------------------------
Global
-------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font: 12px Helvetica, Arial, sans-serif;
	color: #919191;
	line-height: 18px;
	background: #fff;
}

body div {
	text-align: left;
}

br {
	clear: both;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

a {
	outline: none;
}

img {
	border: none;
}


/*-------------------------------------------------
MISC 
-------------------------------------------------*/

hr, .hide {
	display: none;
}

a img {
	border: none;
}

a {
	color: #ff8f00;
}

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}


/*-------------------------------------------------
IE Stuff 
-------------------------------------------------*/

* html .group { /* IE6 */
	height: 1%;
}

*:first-child+html .group { /* IE7 */
	min-height: 1px;
}

/*-------------------------------------------------
Typography 
-------------------------------------------------*/

.TxtHeadline {
	font-size: 24px;
	color: #777777;
}

.TxtOrange {
	color: #ff8f00;
}

a.TxtOrangeLink {
	color: #ff8f00;
	text-decoration: none;
}

a.TxtOrangeLink:hover {
	color: #ff8f00;
	text-decoration: underline;
}

.TxtWhiteMail {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a.TxtWhiteMail {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a.TxtWhiteMail:hover {
	font-size: 12px;
	color: #ffda95;
	text-decoration: none;
	font-weight: bold;
}

.TxtWhite {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

.TxtGreyNews {
	font-size: 13px;
	color: #777777;
	text-decoration: none;
}

a.TxtGreyNews {
	font-size: 13px;
	color: #777777;
	text-decoration: none;
}

a.TxtGreyLight {
	font-size: 13px;
	color: #cfcfcf;
	text-decoration: none;
}

a.TxtGreyNews:hover {
	font-size: 13px;
	color: #ff8f00;
	text-decoration: none;
}

.TxtGrey {
	font-size: 15px;
	color: #777777;
	text-decoration: none;
}

a.TxtGrey {
	font-size: 15px;
	color: #777777;
	text-decoration: none;
}

a.TxtGrey:hover {
	font-size: 15px;
	color: #ff8f00;
	text-decoration: none;
}

a.TxtGreyLink {
	color: #919191;
	text-decoration: none;
}

a.TxtGreyLink:hover {
	color: #ff8f00;
	text-decoration: none;
}

.TxtGreySmall {
	font-size: 12px;
	color: #777777;
	text-decoration: none;
}

a.TxtGreySmall {	
	font-size: 12px;
	color: #777777;
	text-decoration: none;
}

a.TxtGreySmall:hover {	
	font-size: 12px;
	color: #777777;
	text-decoration: underline;
}

.TxtGrey:hover {
	font-size: 15px;
	color: #777777;
}

.TxtGreyGesichter {
	font-size: 14px;
	color: #777777;
}

.TxtYellow {
	font-size: 14px;
	color: #ffda95;
	font-weight: bold;
}

.TxtGreySmallGesichter {
	font-size: 14px;
	color: #777777;
}

.TxtOrangeSmallGesichter {
	font-size: 14px;
	color: #ff8f00;
}

h1 {
	font-size: 24px;
}

h2 {
	color: #fff;
	font-size: 14px;
	line-height: 21px;
}


h3 {
	font-size: 14px;
	color: #ffda95;
	line-height: 21px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

/*-------------------------------------------------
Structure
-------------------------------------------------*/

.site {
	width: 960px;
}

.siteFitIn {
	width: 940px;
	padding: 0 10px 0 10px;
}

#bg-navi{
	width: 100%;
	height: 138px;
	background: url(../images/gradient-navi.jpg) repeat;
}

#navi {
	width: 960px;
	height: 115px;
	padding: 23px 10px 0 10px;
	clear: both;
	position: relative;
	background-image:url("../images/navistreifen.png");
	/* background-color:red; */
	background-repeat:no-repeat;
	background-position:165px 55px; ;
}

#navi-btns {
	padding: 0;
	position: relative;
	/* background-color:green; */
	/*padding-top: 10px;*/
}

#navi-btns ul{
padding: 0px;
margin:0px;
margin-top:12px;
}

#bg-showcase {
	width: 100%;
	background: url(../images/gradient-showcase.jpg) repeat-x;
	z-index: 1000;
}

#showcase {
	position: relative;
	width: 960px;
	height: 311px;
	/*padding: 0 10px 0 10px;*/
	padding: 0px;
}

#btns {
	width: 940px;
	top: 40px;
	left: 0;
	position: absolute;
}
	
	#btns .left {
		left: 0;
	}
	
	#btns .right {
		right: 0;
	}

#bg-showcase-clients {
	width: 100%;
	background: url(../images/btn-showcase-rest.jpg) repeat-x;
}

#showcase-clients {
	width: 960px;
}

#bg-main {
	width: 100%;
	background: url(../images/gradient-content.jpg) repeat-x;
	margin: 0;
	padding: 0;
}

#bg-main-kontakt {
	background: url(../images/gradient-content.jpg) repeat-x;
}


.containerLeft {
	width: 300px;
	margin-top: 25px;
	margin-bottom: 10px;
	padding: 0 10px 0 10px;
}

.containerMiddleRight {
	width: 300px;
	margin-top: 25px;
	margin-bottom: 10px;
	padding: 0 10px 0 10px;
}

.containerMiddleRightRight {
	width: 300px;
	margin-top: 25px;
	margin-bottom: 10px;
	padding: 0 0 0 10px;
}


.txtContainerMain {
	margin: 23px 0 23px 0;
}

.mainContentTwoRows {
	width: 445px;
	padding: 0 25px 40px 10px;
}

.mainContentTwoRowsTop {
	width: 445px;
	padding: 40px 25px 40px 10px;
}

.mainContentTwoRowsTopRight {
	width: 400px;
	padding: 40px 10px 40px 10px;
}


.mainContentTwoRowsTopWithoutHeadline {
	width: 445px;
	padding: 96px 25px 40px 10px;
}


.mainContentTwoRowsKontaktLeft {
	width: 460px;
	padding: 0 25px 40px 10px;
}

.mainContentTwoRowsKontaktRight {
	width: 220px;
	padding: 0 10px 40px 10px;
}


.mainContentTwoRowsPhoto {
	width: 445px;
	padding: 0 10px 30px 10px;
}

.mainContentFourRowsPhoto {
	width: 220px;
	padding: 0 10px 40px 10px;
}


.photo {
	width: 460px;
	height: 320px;
	background: url(../images/photo.jpg) no-repeat;
}

.photoSmall {
	width: 220px; 
	/*background: url(../images/photo-small.jpg) no-repeat;*/
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 10px;
}

.photoSmallRight {
	width: 220px; 
	background: url(../images/photo-small.jpg) no-repeat;
	margin-bottom: 55px;
	margin-left: 10px;
}


.contentTwoRowsNewsLeft {
	width: 300px;
	padding: 55px 10px 0 10px;
}

.contentTwoRowsNewsRight {
	width: 620px;
	padding: 55px 10px 0 10px;
}

.contentTwoRowsNewsRightSmallKrarriereDetail {
	width: 600px;
	padding: 55px 10px 0 10px;
}

.contentTwoRowsNewsLeftDowners {
	width: 300px;
	padding: 0 10px 0 10px;
}

.contentTwoRowsNewsRightDowners {
	width: 620px;
	padding: 0 10px 0 10px;
}

.contentTwoRowsLeftSmall {
	width: 300px;
	/*padding: 250px 10px 0 10px;*/
	padding: 0px 10px 0 10px;
}

.newspic {
	background: url(../images/newspic.jpg) no-repeat;
	width: 300px;
	height: 195px;
}

.referenzThumb {
	/*background: url(../images/referenzbild.jpg) no-repeat;*/
	width: 300px;
	height: 195px;

}

.kundenlisteRow {
	width: 300px;
	margin-top: -20px;
	padding: 0 10px 0 10px;
	background: url(../images/bg-kundenliste.jpg) repeat-y;
}

.kundenlisteRowRight {
	width: 300px;
	margin-top: -20px;
	padding: 0 10px 0 10px;
}

.referenz-container {
	width: 300px;
	height: 260px;
	padding-left: 10px;
	padding-right: 10px;
}

#maps-bg {
	margin: 55px 10px 30px 10px;
	background: #eaeaea;
	width: 940px;
	height: 270px;
}

#maps-bg .mapsApi {
	background: red url(../images/test.jpg) repeat;
	/* width: 932px; */
	width: 880px;
	/* height: 266px; */
	height: 214px;
	/*margin: 4px;*/
	margin-top: 4px;	
}


.kanteMaps {
	position: absolute;
	width: 940px;
	height: 26px;
	background: url(../images/kante-maps.png) no-repeat;
	z-index: 2;
	margin-top: -1px;
	margin-left: 0;
	padding-left: 0;
}


#postIt {
	position: absolute;
	right: 0;
	background: url(../images/zettel-award.png) no-repeat;
	width: 133px;
	height: 133px;
	z-index: 100;
}


#postIt.karriere-detail {
	position: absolute;
	right: 0;
	background: url(../images/zettel-smiley.png) no-repeat;
	width: 133px;
	height: 133px;
	z-index: 2;
}

#postIt.kontakt {
	position: absolute;
	right: 0;
	background: url(../images/zettel-kontakt.png) no-repeat;
	width: 133px;
	height: 133px;
	z-index: 20;
}


#postIt.kundenliste {
	position: absolute;
	right: 0;
	background: url(../images/zettel-kunden.png) no-repeat;
	width: 133px;
	height: 133px;
	z-index: 20;
}

#postIt.news {
	position: absolute;
	right: 0;
	background: url(../images/zettel-news.png) no-repeat;
	width: 133px;
	height: 133px;
	z-index: 20;
}


#cardKarriere {
	position: absolute;
	right: 0;
	background: url(../images/card.png) no-repeat;
	width: 300px;
	height: 265px;
	z-index: 2;
}


#bg-footer {
	height: 190px;
	width: 100%;
	background: #ff8f00 url(../images/gradient-footer.jpg) repeat-x;
}

.footer {
	width: 960px;
	position: relative;
	margin: 0 auto;
}

	.footerLeft {
		width: 165px;
		padding: 55px 10px 0 10px;
	}

	.footerLeftSocial {
		width: 150px;
		height: 145px;
		position: inherit;
		margin-top: 45px;
		margin-left: -15px;
		/*background: url(../images/sticker.png) no-repeat;*/
	}
	
	.footer .footerLeftNewsletter {
		width: 295px;
		padding: 55px 10px 0 13px;
	}
	
		.footerLeftRight {
		width: 150px;
		padding: 55px 0 0 11px;
	}

	/*insignio, td, start*/
	h1.noMarginTop {
		margin-top:0px;
	}
	
	#lastButton {
		display:block;
		background-image:url(../images/btn-referenz-links.png);
		width:141px;
		height:14px;
		font-size:8px;
		line-height:8px;
	}
	
	#lastButton:hover {
		background-image:url(../images/btn-referenz-links-over.png);
	}
	
	#nextButton {
		display:block;
		background-image:url(../images/btn-referenz-rechts.png);
		width:133px;
		height:12px;
		font-size:8px;
		line-height:8px;
	}
	
	#nextButton:hover {
		background-image:url(../images/btn-referenz-rechts-over.png);
	}
	
	#navi-btns .primNav {
		margin-top:-2px;
	}
	
	#navi-btns .sekNav {
		margin-top:-11px;
	}
	
	#navi-btns .primNav ul li{
		display:inline;
		margin-right:20px;
	}
	
	#navi-btns .sekNav ul li{
		display:inline;
		margin-right:20px;
	}
	
	/* SLIDER ANFANG */
	#mask {
	width:960px;
	/*height:800px;*/
	overflow:hidden;
	position:relative;
	float:left;
	}
	
	#folio {
		position:absolute;
		top:0;
		left:0;
		width:5760px;
		float:left;
		/*overflow:hidden;*/
	}
	
	.m_container {
		display:block;
		width:960px;
		/*height:800px;*/
		float:left;
	}
	/* SLIDER ENDE */
	
	/* GALLERYSLIDER ANFANG */
	#gallerymask {
	width:460px; 
	height:320px;
	overflow:hidden;
	position:relative;
	float:left;
	}
	
	#galleryfolio {
		position:absolute;
		top:0;
		left:0;
		width:6900px;
		float:left;
		/*overflow:hidden;*/
	}
	
	.photo {
		display:block;
		width:460px;
		/*height:800px;*/
		float:left;
	}
	/* GALLERYSLIDER ENDE */
	
	/* REFERENZ SHOW ANFANG*/
	#ref_mask {
		margin:0 auto; 
		/*background-color:red; */
		overflow:hidden; 
		position:relative; 
		width:940px; 
		height:311px;
	}
	
	#ref_folio {
		width:5800px; 
		float:left; 
		left:0; 
		position:absolute; 
		top:0; 
		height:311px; 
		margin:0 auto;
		margin-left:10px;
	}
	
	.showcase {
	position: relative;
	width: 960px;
	height: 311px;
	/*padding: 0 10px 0 10px;*/
	padding: 0px;
	display:block; 
	float:left;
	}
	
	/* REFERENZ SHOW ENDE*/
	
	#bg-main ul {
		margin-left:0px;
		padding-left:0px;
		list-style-type:none;
	}
	
	#bg-main ul li {
		padding-left:26px;
		background-image: url(../images/arrow-grey.gif);
		background-repeat:no-repeat;
		background-position: 0px 4px;
		margin-bottom:6px;
	}
	
	.newsnavi a.TxtGreyLight:hover {
		text-decoration:none;
		cursor:default;
	}
	
	div.noheadertop h1 {
		margin-top:0px;
	}
	
/* 	small{
		display:none;
	} */

	/*Safari, Chrome */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		div.sekNav {padding-top:5px;}
		/*body {background-color:red;}*/
	
	}
	
	div.site a,
	div.site a:link,
	div.site a:visited {
		text-decoration:none;
	}
		
	div.site a:hover{
		text-decoration:underline;
	}
	
	#contactus input	{
		border: 1px solid #d5d5d5;
		padding: 2px 2px 2px 2px;
	}
		
	#contactus textarea	{
		border: 1px solid #d5d5d5;
		padding: 2px 2px 0px 2px;

	}
	
	/*insignio, td, end*/
	
/*-------------------------------------------------
Forms
-------------------------------------------------*/