/*  lets start */


body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #231f20;
	background:#858689;
}

a {outline: none;}
a:hover, a:focus  {outline: none;}

#wrapper {
	margin: 0;
	position:absolute;
	top: 50%;
	left: 50%;
  height:660px; 
  width:935px;
  margin:-330px 0px 0px -467px;
  border: 1px solid #000;

}

#header {
	width: 935px;
	height: 201px;
	background:#858689 url(../images/bg_header.gif) no-repeat;
}

#content {
	padding-left: 104px;
	padding-top: 40px;
	width: 831px;
	height:377px;
	background: #fff url(../images/bg_content.gif) top right repeat-y;
	text-align: left;
}


#content p {
	width: 600px;
	text-align: left;
}


#portfolio1 {
	padding-left: 104px;
	padding-top: 40px;
	width: 831px;
	height:377px;
	background: #fff url(../images/bg_content.gif) top right repeat-y;
	text-align: left;
}

#portfolio_content {
	width: 734px;
	height:377px;
	background: transparent;
	text-align: left;
}

#portfolio_box {
	width: 137px;
	height:155px;
	float: left;
	text-align: left;
}

#portfolio_image {
	width: 114px;
	height:114px;
	background: #e9eaeb;
	border: 1px solid #c6c7c8;
}

#portfolio_text {
	padding-top: 2px;
	width: 114px;
	height:30px;
	background: transparent;
}

#portfolio_text a {
	font-size: 13px;
	color: #231f20;
	text-decoration: none;

}

#portfolio_text a:hover {
	color: #adaa4d;
}


#referer_box {
	width: 341px;
	height:154px;
	float: left;
	text-align: left;
}

#referer_box_img {
	float: left;
	width: 114px;
	height:114px;
	background: #E9EAEB;
	border: 1px solid #c6c7c8;

}

#referer_box_img img{
	width: 114px;
	height: 114px;

}

#referer_box_text {
	float: left;
	width: 164px;
	height: 114px;
	padding-left: 8px;
}

#referer_box_text p {
	float: right;
	width: 164px;
	height: 114px;
	line-height: 12px;
	
}

#referer_box_text  a {
	font-size: 12px;
	color: #231F20;
	font-weight: bold;

	text-decoration: none;
}

#referer_box_text  a:hover {
	font-size: 12px;
	color: #231f20;
	text-decoration: none;

}

#referer_box_text a:hover {
	color: #adaa4d;

}

#content_box_1 {
	width: 336px;
	height:265px;
	float: left;
	text-align: left;

}

#navigation {
	width: 336px;
	height:25px;
	float: left;
	text-align: left;

}


#navigation  a {
	font-size: 13px;
	color: #231f20;
	text-decoration: none;
}

#navigation a:hover {
	color: #adaa4d;;

}


#content_box_1 img {
	width: 309px;
	height: 309px;
border: 1px solid #c6c7c8;

}

#content_box_2 {
		padding-left: 5px;
	width: 318px;
	height:265px;
	float: left;
	text-align: left;
}

#content_box_2 p {
	padding-top: 25px;
	width: 318px;

}



#contact_box_1 {
	width: 336px;
	height:265px;
	float: left;
	text-align: left;

}

#contact_box_2 {
	padding-left: 5px;
	width: 318px;
	height:265px;
	float: left;
	text-align: left;
}

#contact_box_1 p {
	width: 306px;

}

#footer {
	clear:both;
	width: inherit;
	width: 935px;
	height: 43px;
	text-align: left;
	background:#dcddde ;
	border-bottom: 1px solid #000;
}

.block{
display: block;
width: 935px;
height: 43px;
padding: 0;
margin: 0;
}


img {
	border: 0px;
	outline: none;
}


h1 {
	font-size: 15px;
	color: #231F20;
	margin-bottom: 10px;
}



p a {
	color: #858689;
	text-decoration: none;
	outline: none;
}

p a:hover {
	color: #adaa4d;
	outline: none;

}

/* styling der formulare */
label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  /* width: 100px; Breite.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
  
}


.feld { /* Felder */
padding: 2px;
border: 1px solid #c6c7c8;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;  
color: #231f20; 
background: #E9EAEB; 
 width: 318px;
}


input:focus { 
	background-color: #D6D4A6; 
	border: 1px solid #E9EAEB;
	}
	
	
textarea:focus { 
	background-color: #D6D4A6; 
	border: 1px solid #E9EAEB;
	}
		
textarea { /* Felder */
padding: 2px;
border: 1px solid #c6c7c8;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;  
color: #231f20; 
background: #E9EAEB; 
width: 318px;
  
}

.button {
border: 1px solid #c6c7c8;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;  
color: #231f20; 
background: #E9EAEB; 
width:324px; 
height:20px; 
cursor:pointer;
}

.button:hover {
border: 1px solid #c6c7c8;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 11px;  
color: #000; 
background: #D6D4A6; 
width:324px; 
height:20px; 
cursor:pointer;
}

label {
 text-align: right; 
 padding-right: 1em; 
}