/* CSS Document */

body {
	margin:				0px;
	padding:			0px;
	background-color:	#e5e4db;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#7a7976;
	background-image:	url('../images/mainback.gif');
	background-repeat:	repeat-x;
}


a {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#f86b24;
	text-decoration:	none;
}


a:hover {
	text-decoration:	underline;
}


.clear {
	clear:				both;
}


/* ============ grundaufbau =============== */


#mainWrapper {
	width:				945px;
	height:				580px;
	margin:				0;
	background-color:	#e5e4db;
	background-image:	url('../images/mainwrapper-back.gif');
}


#mainHeader {
	position:			relative;
	height:				150px;
}

#logoPos {
	position:			absolute; 
	top:				71px; 
	left:				124px; 
	border:				0px;
}



/* ============ navi formatierungen ============= */

#mainNavi {
	position:			absolute;
	top:				93px;
	left:				539px;
	margin:				0;
	padding:			0;
	list-style:			none;
}

#mainNavi li {
	float:				left;
	margin:				0;
	padding:			0 10px 0 10px;
	border-right:		1px solid #7a7976;
}

#mainNavi a {
	display:			block;
	margin:				0;
	padding:			0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			10px;
	color:				#7a7976;
	text-decoration:	none;
	text-transform:		uppercase;
}


#mainNavi a:hover, body #startseite a, body #referenzen a, body #skills a, body #weblinks a, body #kontakt a, body #impressum a {
	color:				#fff;
	text-decoration:	none;
	background-color:	#f77736;
}





#mainContent {
	position:			relative;
	margin:				40px 0 0 130px;
	padding:			0;
	width:				800px;
	height:				350px;
}


#mainContent h1 {
	margin:				0 20px 15px 0;
	padding:			20px 0 0 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	color:				#7a7976;
}


#mainContent h2 {
	margin:				0 20px 10px 0;
	padding:			0px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#7a7976;
}


#mainContent p {
	margin:				0 30px 10px 0;
	padding:			0px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			11px;
	color:				#7a7976;
}



#startPinselPic {
	position:			absolute;
	top:				5px;
	left:				430px;
}


#startReferenzen {
	position:			absolute;
	top:				180px;
	left:				435px;
	width:				360px;
	height:				160px;
	background-image:	url('../images/referenzen-back.gif');
}


#startReferenzen h3 {
	margin:				10px 15px 10px 15px;
	padding:			0 0 3px 0;
	font-family:		arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#7a7976;
	border-bottom:		1px dotted #7a7976;
}


.listReferenzen {
	margin: 			8px 10px 4px 15px;
	padding:			0px 0px 0px 0px;
	list-style: 		none;
}

.listReferenzen li {
	padding: 			0 0 5px 10px;
	background:			url('../images/bullet-arrow.gif') no-repeat;
	background-position:0px 2px;
	color:				#56677e;
	font-size:			11px;
	line-height: 		14px;
}


.listReferenzen li a {
	font-family:		arial, helvetica, sans-serif;
	font-size:			11px;
	color:				#f86b24;
	text-decoration:	underline;
}


.listReferenzen li a:hover {
	text-decoration:	none;
}


.mehrReferenzen {
	margin:				10px 15px 0 15px;
	padding:			3px 5px 3px 5px;
	background-color:	#e8e7df;
}


.mehrReferenzen a {
	color:				#6a6963;
	text-decoration:	none;
}


.mehrReferenzen a:hover {
	text-decoration:	underline;
}



#kontaktFormular {
	position:			absolute;
	top:				35px;
	left:				380px;
	width:				395px;
}




#Footer {
	height:				25px;
	width:				939px;
	margin:				0;
	padding:			15px 6px 0 0;
	background-image:	url('../images/footer-back.gif');
	background-repeat:	no-repeat;
	text-align:			right;
	color:				#afaea8;
}


#Footer a {
	color:				#afaea8;
	text-decoration:	none;
}


#Footer a:hover {
	color:				#f86b24;
}



/*============== Kontaktformular ==============*/

.dataInput
{
	width:				350px;
	height:				21px;
	border-left:		0px;
	border-top:			0px;
	border-right:		0px;
  	border-bottom:		1px solid #f77e41;
  	font-family: 		arial,sans-serif;
  	color:				#7a7976;
  	padding:     		0px 2px;
  	background-color:	#fef6f2;
}

.textInput
{
  	border-bottom:		1px solid #f77e41;
	border-left:		0px;
	border-top:			0px;
	border-right:		0px;
  	font-family: 		arial,sans-serif;
  	color:				#7a7976;
  	padding:     		0px 2px;
  	width:				350px;
  	height:				80px;
	background-color:	#fef6f2;
}