body{
 	text-align:center;
 	background-color:#c5b990;
 	font-size: 10px;
 	font-family:Verdana,Arial,non-serif;
}

#site{
	
 	margin:50px auto;
 	
 	padding:50px 0px;
 	text-align:left;
 	width:785px;
 	color: #666666;
 	background-color:#ffffff;
}

/* @group navi */


#navicontainer{
	margin-left:30px;
	margin-right:30px;
	clear:both;
	/*border-top: 1px dotted #c5b990;
	border-bottom: 1px dotted #c5b990;*/
	
}

#logo{
	float: right;
	display:block;
}

#navi{
	
	height:26px;
}
.liniemitdotoben{
	height:7px;
	border-bottom:1px dotted #c5b990;
	background-image:url(../images/navi/halfdot_oben.gif);

	background-repeat:no-repeat;
}
.liniemitdotunten{
	height:7px;
	border-top:1px dotted #c5b990;
	background-image:url(../images/navi/halfdot_unten.gif);
	background-position:0px 1px;
	background-repeat:no-repeat;
}
.navistrich{
	width: 11px;
	height: 26px;
	float:left;
	margin:0px 6px 0px 5px;
	background-image:url(../images/navi/strich.gif);
	background-position:center;
	background-repeat:no-repeat;
}

#navi a{
	height: 26px;
	display: block;
	float:left;
	background-position:left center;
	background-repeat:no-repeat;
}

#navi  a.durton{
	width: 85px;
	background-image:url(../images/navi/durton_reg.gif);
}

#navi  a.durton:hover, #navi a.durtonactive {
	width: 85px;
	background-image:url(../images/navi/durton_bold.gif);
}
#navi  a.projects{
	width: 51px;
	background-image:url(../images/navi/projects_reg.gif);	
}
#navi  a.projects:hover, #navi a.projectsactive{
	width: 51px;
	background-image:url(../images/navi/projects_bold.gif);
}
#navi  a.office{
	width: 37px;
	background-image:url(../images/navi/office_reg.gif);
}
#navi  a.office:hover, #navi a.officeactive{
	width: 37px;
	background-image:url(../images/navi/office_bold.gif);
}

#navi  a.portfolio{
	width: 58px;
	background-image:url(../images/navi/portfolio_reg.gif);
}
#navi  a.portfolio:hover, #navi a.portfolioactive{
	width: 58px;
	background-image:url(../images/navi/portfolio_bold.gif);
}

#navi  a.contact{
	width: 47px;
	background-image:url(../images/navi/contact_reg.gif);
}
#navi  a.contact:hover, #navi a.contactactive{
	width: 47px;
	background-image:url(../images/navi/contact_bold.gif);
}

#navi  a.impressum{
	width: 65px;
	background-image:url(../images/navi/impressum_reg.gif);
	}
#navi  a.impressum:hover, #navi a.impressumactive{
	width: 65px;
	background-image:url(../images/navi/impressum_bold.gif);
}

/* @end */

/* @group content */

#content{
	margin: 40px 30px 20px 30px;
	font-family:Verdana,Arial,non-serif;
	font-size:10px;
	line-height:13px;
	min-height:300px;
	
}

/* @end */



/* @group contact */
#contact{
	float: left;
	width: 410px;
	
}

#contactform{
	border-left: 1px dotted #c5b990;
	float:right;
	margin-bottom:30px;
}
#contactform form{
	margin-left:30px;
	}
	
#contactform .input{
	width: 250px;
	margin-bottom:14px;
	font-size:10px;
	
}
#contactform textarea{
	height: 200px;
	border:1px solid #ccc;
	font-size:10px;
	font-family:Verdana;
	
}
 .Button{
	background-color: #e8e8e8;

	padding:3px;
	font-size:10px;
	color:#666;
}
.Button:focus{
	color:red;
}

textarea:focus,input:focus{
	background-color: #f3f3f3;
}

#formfehler{
	border: 1px dotted red;
	padding: 17px;
	margin-bottom:30px;
	
}
.fehler{
	margin-bottom:7px;
}
#dank{
	border: 1px dotted #ccc;
	padding: 17px;
	margin-bottom:30px;
}

/* @end */

/* @group footer */
#footer{
	
	margin: 60px 30px 0px 30px;
	height:30px;
}

/* @end */