/* Grundgerüst
-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	padding: 150px 0 0 0;
	color: #6b6b6b;
	background: #f6f6f6;
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}	

#header {
	background: #f6f6f6 url(../_img/pixelheader6.gif) repeat-x fixed center 0;
	position: fixed;
	height: 150px;
	width: 100%;
	z-index: 500;
	top: 0;
	left: 0;
	/*background: #ddd;*/
}

body#bodyError404 #header {
	background: #f6f6f6 url(../_img/pixelheaderBW.gif) repeat-x fixed center 0;
}

#headerContent {
	width: 850px;
	margin: 0 auto;
}

.frame {
	width: 800px;
	margin: 0 auto;
	/*z-index: 10;*/
	height:100%;
	overflow:auto;
	clear: left;
}

.frame900 {
	width: 900px;
	margin: 0 auto;
	clear: left;
}

@media screen{
  body>div#header{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 

#welcomeTxt {
	text-indent: -99999em;
	margin: 0 0 23px 0;
	/*width: 800px;*/
	height: 250px;
	border-bottom: 3px solid #515151;
	background: url(../_img/welcomeTXT.gif) no-repeat center center;
}

img#headerV1screen {
	margin: 25px 0 0 0;
	float: right;
}


h1 {
	clear: both;
	line-height: 50px;
	font-size: 1.2em;
	font-weight: normal;
	color: #3c3c3c;
	text-transform: uppercase;
	/*text-indent: -99999em;*/
	/*border-bottom: 1px solid #515151;*/
}

h1#titleVorgestellt { 
	margin: 50px 0 0 0;
	/*background: url(../_img/titleVorgestellt.gif) no-repeat left top;*/
	width: 400px;
	float: left;
}

/*h1#titleVorgestellt { 
	margin: 50px 0 0 0;
	background: url(../_img/titleVorgestellt.gif) no-repeat left top;
	width: 400px;
	float: left;
}

h1#titleAbout { 
	background: url(../_img/titleAbout.gif) no-repeat left top;
}

h1#titleArbeitenScreen { 
	background: url(../_img/titleArbeitenScreen.gif) no-repeat left top;
}

h1#titleKundenliste { 
	background: url(../_img/titleKundenliste.gif) no-repeat left top;
}*/



h2 {
	/*padding: 17px 0 10px 0;
	margin: 0 0 7px 0;*/
	margin: 0 0 6px 0;
	line-height: 43px;
	font-size: 1em;
	font-weight: normal;
	color: #3c3c3c;
	color: #000;
	/*background: url(../_img/trenner1.gif) repeat-x center 43px;*/
	border-bottom: 1px solid #515151;
	/*border-top: 1px solid #515151;*/
}

h3 {
	line-height: 25px;
	font-size: 1em;
	font-weight: normal;
	color: #3c3c3c;
	text-transform: uppercase;
	/*border-bottom: 1px solid #515151;*/
}

p, li {
	line-height: 25px;
}

li a {
	text-decoration: none;
}

.frame img {
	margin: 0 0 25px 0;
}


.normImg {
	padding: 0 0 25px 0;
}

#aktuelleProjekte {
	/*margin: 50px 0 0 0;*/ 
}

#aktuelleProjekte h2 {
	color: #8e0010;
	/*color: #6d7545;
	color: #813600;*/
	cursor: pointer;
}

#aktuelleProjekte div p {
	margin: 25px 0; 
}

/*.hallo {
	float: left;
}*/

.trenner3 {
	clear: both;
	height: 150px;
	/*padding: 0 0 25px 0;
	margin: 0 0 25px 0;*/
	/*border-bottom: 3px solid #515151;*/
	background: url(../_img/trenner3.gif) repeat-x center center;
}

a {
	color: #813600;
	color: #bf4408;
}

p {
	margin: 0 0 25px 0;
}

.leftImg {
	float: left;
	padding: 0 25px 25px 0;
}

.boxLeft, .boxRight {
	/*height: 297px;*/
	width: 375px;
	margin: 0 0 50px 0;
	/*clear: both;*/
	float: left;
	position: relative;
}

.refBox {
	/*height: 297px;*/
	width: 375px;
	margin: 0 0 0 50px;
	/*clear: both;*/
	float: left;
	position: relative;
}

.boxRight {
	float: right;
}



.workBox {
	height: 297px;
	width: 375px;
	margin: 0 0 50px 50px;
	/*clear: both;*/
	float: left;
	position: relative;
	border-bottom: 3px solid #515151;
}

.boxWorklist ul {
	width: 500px;
}

#frame .workBox img {
	float: left;
	margin: 16px 10px 0 5px;
}

.workBox p {
	float: left;
	width: 350px;
}

.workBox ul {
	position: absolute;
	left: 0;
	/*bottom: 24px;*/
	top: 125px;
	width: 375px;
}

#btnEmail {
	font-size: 18px;
	padding: 0 25px 0 0;
	text-align: right;
	color: #fff;
	text-decoration: none;
	/*text-indent: -99999em;*/
	line-height: 40px;
	display: block;
	float: left;
	width: 200px;
	margin: 55px 10px 0 0;
	background: url(../_img/btnMailBG.png) no-repeat center center;
}

#btnTel {
	font-size: 18px;
	padding: 0 25px 0 0;
	text-align: right;
	color: #fff;
	/*text-indent: -99999em;*/
	line-height: 40px;
	display: block;
	float: left;
	width: 200px;
	margin: 55px 10px 0 0;
	background: url(../_img/btnTelBG.png) no-repeat center center;
}

.borderImg {
	background: #fff;
	padding: 3px;
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-bottom: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	float: left;
	margin: 0 25px 10px 0;
}

ul {
	list-style-type: none;
	width: 375px;
	float: left;
}

ul.right {
	float: right;
}

ul li {
	line-height: 24px;
	padding: 0 0 0 25px;
	background: url(../_img/iconLi.gif) no-repeat 5px center;
	border-bottom: 1px solid #dbdbdb;
}




/* container for slides */
.imgSlider {
	position:relative;	
	height:325px;
	width:800px;
	float:left;	
	/*margin:15px;*/
	/*cursor:pointer;*/
	/*background: #333;*/
	
	/* CSS3 tweaks for modern browsers 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	*/
}

/* single slide */
.imgSlider div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	/*height: 325px;*/
	/*width: 800px;*/
	/*padding:15px 30px 15px 15px;*/		
	/*margin:0 0 50px 0;*/
	/*padding:15px 30px 15px 15px;*/
	/*height:600px;*/
}

.imgSlider img {
	/*margin: 0 0 25px 0;*/
}

.imgSlider div h3 {
	/*padding: 3px 0 0 0;*/
}


/* tabs (those little circles below slides) */
.tabs {
	/*clear:both;*/
	/*float: left;*/
	margin: 88px 0 0 0;
	width: 100px;
	margin-left:700px;
}

/*.tabs { background:url(../_img/num1.gif); }
.tabs a#num2 { background:url(../_img/num2.gif); }
.tabs a#num3 { background:url(../_img/num3.gif); }*/

/* single tab */
.tabs a {
	font-size: 15px;
	text-align: center;
	width: 25px;
	line-height: 25px;
	float: left;
	/*margin: 3px;*/
	background: url(../_img/numBg.gif) 0 0 no-repeat;
	display: block;
	text-decoration: none;
	color: #fff;
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -25px;      
	color: #6b6b6b;
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -25px;     
	color: #6b6b6b;
} 	
































