/*  R E S E T  */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin :0; padding :0;}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; margin:0px; padding:0px;}


/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; margin:0px; padding:0px; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; margin:0px; padding:0px;}

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

a { outline:none;}

.clear { clear:both;}

strong { font-weight:bold;}

object {padding:0px; margin:0px;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../img/bg.jpg);
	}

/* Template ---------------------- */

.info {
	position: absolute;
	top: -9999px;
	}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	color: #595959;
	font-weight:normal;
	background:url(../img/h2_bg.jpg);
	width:100%;
	height:41px;
	margin-bottom:40px;
	padding:10px 0 0 0;
	}
	
h2 font strong {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:27px !important;
	color: #595959 !important;
	font-weight:normal !important;
	background:url(../img/h2_bg.jpg) !important;
	width:100% !important;
	height:41px !important;
	margin-bottom:40px !important;
	padding:10px 0 0 0 !important;
	}	

h5 {
	color: #ec801b;
	font-weight:bold;
	}
	
strong {
	font-weight:bold;
	}
	
#rand {
	height:4px;
	position:absolute;
	top:0px;
	left:0px;
	background: #eb811b;
	width:100%;
	}
	
#wrapper {
	width:900px;
	margin:0 auto;
	position:relative;
	}
	
/* Navigation ---------------------- */

#navigation {
	width:900px;
	background: url(../img/navi_bg.jpg) no-repeat;
	height:65px;
	position:relative;
	top:10px;
	}
	
#navigation ul  {
	float:right;
	margin-right:25px;
	margin-top:26px;
	}
	
#navigation ul li {
	float:left;
	height:67px; 
/*	width:82px;
	text-align:center;*/
	margin-left: 25px;
	}
	

	
#navigation ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #2f2f2f;
	font-style:italic;
	text-decoration:none;
	}
	
#navigation ul li a:hover {	
	color:#EC801B; 
/*	background:url(../img/rollover.png) no-repeat; 
	width:82px;
	padding:35px 40px 15px 20px;  */
	}
	
.on a {	
	color:#EC801B !important; 
	}


/* Logo ---------------------- */

#logo {
	position:absolute;
	top:0px;
	left:-20px;
	width:353px;
	height:130px;
	z-index:1;
	}
	
/* Header ---------------------- */

#header {
	position:relative;
	left:0px;
	top:20px;
	width:900px;
	height:271px;
	background:url(../img/header.png) no-repeat;
	}
	
#header h1 {
	color:#FFF;
	font-size:28px;
	position:relative;
	top:50px;
	left:530px;
	width:350px;
	font-weight: normal;
	}
	
	
#header img {
	position: absolute;
	z-index:-2;
	}
	
/* Content ---------------------- */

#content {
	margin-top:30px;
	width:860px;
	background:#FFF;
	padding:20px;
	}
	
#content #rechte_spalte {
	float:right;
	width:372px;
	margin-right: 10px;
	margin-left:25px;
	}
	
#content #linke_spalte {
	float:left;
	width:453px;
	}
	
#content #rechte_spalte h2{
	color: #ec801b;
	font-size:28px;
	font-weight:normal;
	}
	
#content #rechte_spalte h3{
	color: #2f2f2f;
	font-size:18px;
	margin-bottom:10px;
	font-weight: normal;
	}
	
#content p{
	font-size:12px;	
	line-height:16px;
	text-align: justify;
	}
	
#content .text{
	margin-bottom:35px;
	width:830px;
	margin-top:0px;
	}
	
#content .text  {
	margin-top:-20px;
	}
	
#content .text p  {
	font-size:13px;
	}
	
#content span{
	color:#ec801b
	}
	
#content .text_bild  {
	margin-bottom: 35px;
	position: relative;
	}
	
#content .text_bild h4  {
	position: absolute;
	top:20px;
	left:280px;
	}
	
#content .text_bild p  {

	position: absolute;
	top:35px;
	left:280px;
	}
	
/* News ---------------------- */

.news  {
	position: relative;
	width: 830px;
	margin:0 0 40px 0;
	}
		
.news h4 a{
	color: #ec801b;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	}
	
.text_bild h4 a strong {
	color: #ec801b;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	}

.news a{
	color: #ec801b;
	font-weight:normal;
	text-decoration: underline;
	}
	
.single p {
width: 550px;
text-align: justify;


}
	
/* Letzte Projekte ---------------------- */

.projekt p {
	margin-left: 10px;
	margin-top:5px;
	}
	
.projekt {
	width: 257px;
	float:left;
	margin-right: 17px;
	margin-bottom:35px;
	}
	
.rand {
	background: url(../img/rand.jpg);
	width: 250px;
	height: 140px;
	padding:7px 0 0 7px;
	}
	
	
/* Footer ---------------------- */

#footer {
	margin-top:10px;
	width:900px;
	height:53px;
	background:#FFF;

	}
	
#footer ul {
	float: right;
	margin-right: 20px;
	margin-top: 21px;
	}
	
#footer p {
	float: left;
	margin-left: 20px;
	margin-top: 21px;
	}
	
#footer ul li {
	float: left;
	margin-left: 10px;
	}
	
#footer ul li a {
	color: #2f2f2f;
	text-decoration: none;
	}
	
#footer a {
	color: #ec801b;
	text-decoration: underline;
	}

/* Kontakt ----------------------- */
.textDiv {
		float:left;
		}

.kontaktfield {
		height:22px;
		width:453px;
		font-size:11px;
		color:#595959;
		padding:10px 0 0 12px;
		border:1px solid #e6e6e6;
		margin:10px 10px 0 0;
		}
	
	.textfieldKontakt {
		height:100px;
		width:453px;
		font-size:11px;
		color:#595959;
		padding:10px 0 0 12px;
		border:1px solid #e6e6e6;
		margin:10px 0 0 0;
		font-family:Arial, Helvetica, sans-serif;
		}
		
		.textAreaDiv {
			clear:both;
		}
		
	.submitKontakt {
		height:23px;
		width:90px;
		background: #EC801B;
		color:#FFFFFF;
		border:none;
		font-size:11px;
		margin:10px 0 0 0;
		cursor:pointer;
		}