body {
	margin: 0px;
	font: 12px Helvetica, Tahoma, Verdana, Arial;
	color: #392C2C;
}

div.wrap {
	position: absolute;
	width:800px;
	left:50%;
	margin-left:-400px;
}

/*********** HEADER **************/
div.header-box {
	height: 130px;
}

div.header-box img.logo {
	margin-top:35px;
}

div.header-box h1{
	font: 40px Helvetica Neue, Helvetica, Tahoma, Arial;
	line-height:35px;
	margin: 0px 0px 0px 0px;
	padding-top:40px;
	font-weight:normal;
}

div.header-box h2{
	font:17px Helvetica Neue, Helvetica, Tahoma, Arial;
	line-height:17px;
	margin: 0px 0px 0px 0px;
	font-weight:100;
}

div.header-box div.logo {
	float:left;
}

/* SUB-NAVIGATION */
/* Variation 1 */

div.header-box div.footnavi-box {
	float: right;
	width:296px;
	height:100%;
	padding:0px;
}

div.header-box div.footnavi-box ul.footnavi {
	position:relative;
	top:95px;
	right:0px;
	height:35px;
	background-color:#E3F3AD /*#E0EECC*/;
	padding:0 /*5px*/;
	margin:0px;
}

div.header-box div.footnavi-box li.footnavi-point,
div.header-box div.footnavi-box li.footnavi-point-active {
	float:left;
	height:35px;
	list-style-type:none;
	padding:0;
	margin: 0;
	text-align:center;
	line-height:35px;
	font-size:11px;
	color:#443939;
}

div.header-box div.footnavi-box li.footnavi-point a,
div.header-box div.footnavi-box li.footnavi-point-active a {
	text-decoration:none;
	font-size:11px;
	display:block;
	padding:0 7px;
	color:#443939;
	outline:0; 
}

div.header-box div.footnavi-box li.footnavi-point-active a,
div.header-box div.footnavi-box li.footnavi-point-active a:hover {
	background-color:#9BC116;
}

div.header-box div.footnavi-box li.footnavi-point a:hover {
	background-color:#edf9c3;
}

/*********** NAVIGATION **************/
div.navi-bg {
	margin-top:130px;
	position: absolute;
	height: 60px;
	width: 100%;
	background-image:url(img/subnavbg_whitebg.png);
	background-repeat:repeat-x;
	background-position: bottom;
	background-color:#392C2C;
	border-top:4px solid #9BC116;
}

div.navi-box {
	height:50px;
}

ul.navi {
	height:50px;
	padding:0px;
	margin:4px 0px 0px 4px;
}

li.navi-point, li.navi-point-active {
	float:left;
	height:40px;
	width:195px;
	list-style-type:none;
	padding:0px;
	margin: 5px 4px 5px 0;
	background-color: #443939;
	text-align:center;
	line-height:40px;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
}

li.navi-point-active {
	background-color: #7B9131;
}

li.navi-point a, li.navi-point-active a {
	font-size:16px;
	display:block;
	color:#ffffff;
	text-decoration: none;
	outline:0; 
}

li.navi-point a:hover {
	background-color: #554a4a;
}

li.navi-point-active a:hover {
	background-color: #7B9131;
}

/*********** CONTENT **************/
div.content-box {
	margin-top:0px;
	min-height: 300px;
}

/****** Main Content */
div.content-center {
	float: left;
	width:450px;
	margin: 0px 4px 0px 0px;
	padding:20px 10px 30px 10px;
}

div.content-center a {
	color: #392C2C;
	text-decoration: none;
	border-bottom: 1px dotted #392C2C;
}

div.content-center a:hover {
	color: #9AC116;
	text-decoration: none;
	border-bottom: 1px dotted #9AC116;
}

div.content-center h1 {
	font:20px Tahoma, Helvetica Neue, Helvetica, Arial;
	line-height:20px;
	margin: 10px 0px 15px 0px;
	border-bottom: 1px solid #E3F3AD;
	padding-bottom: 5px;
}

div.content-center h2 {
	font:18px Tahoma, Helvetica Neue, Helvetica, Arial;
	line-height:18px;
	margin: 25px 0px 20px 0px;
	border-top: 1px solid #E3F3AD;
	padding-top: 10px;
}

div.content-center h3 {
	font:16px Tahoma, Helvetica Neue, Helvetica, Arial;
	line-height:16px;
	margin: 15px 0px 15px 0px;
}

div.content-center ul {
	line-height: 18px;	
}

div.content-center li {
	margin-bottom: 5px;	
}

div.content-center li.no-margin {
	margin:0px;
}

div.content-center p.bodytext {
	margin: 10px 0px 5px 0px;
	line-height: 18px;
}

div.content-center p.no-margin {
	margin: 0px;
	line-height: 18px;
}

/****** Rechte Box / Sub Informationen */
div.content-right {
	float: left;
	width:276px;
	height:100%;
	margin: 0px 0px 20px 30px;
	padding:25px 10px 10px 10px;
/*	background-color:#E3F3AD;
	background-image:url(img/subnavbg.png);
	background-repeat:repeat-x;
	background-position: top;*/
}

div.content-right p {
	margin:0px;
	font-size:11px;
	line-height:17px;
	color: #6C5F5F;
}

div.content-right a {
	color: #392C2C;
	text-decoration: none;
	font-size: 11px;
}

div.content-right a:hover {
	color: #9AC116;
	text-decoration: none;
	font-size: 11px;
}

div.content-right h1 { /* H1 Überschrift im rechten Content-Bereich */
	font:16px Helvetica Neue, Helvetica, Tahoma, Arial;
	line-height:16px;
	margin: 0px 0px 3px 0px;
	color:#80A308;
}

div.content-right h2 { /* H2 Überschrift im rechten Content-Bereich */
	font:14px Helvetica Neue, Helvetica, Tahoma, Arial;
	line-height:14px;
	margin: 0px 0px 3px 0px;
	color:#80A308;
}

div.content-right div.subinformation {
	width:100%;
	margin: 0px 0px 20px 0px;
	border-top: 1px solid #9AC116;
	padding-top:7px;
	color: #6C5F5F;
}

div.content-right div.subinformation div.project {
	margin: 5px 0px 5px 0px;
	clear:both;
	color: #6C5F5F;
}

div.content-right div.subinformation div.project img {
	float:left;
	width:50px;
	height:50px;
	margin: 0px 5px 5px 0px;
}

div.content-right div.contact {
	width:100%;
	margin: 0px 0px 30px 0px;
	border-top: 1px solid #9AC116;
	padding-top:7px;
	color: #6C5F5F;
}

div.content-right div.subnavi {
	width:100%;
	margin: 0px 0px 20px 0px;
	border-top: 0px solid #9AC116;
}

div.content-right div.subnavi ul.subnavi{
/*	background-color:#E3F3AD /*#E0EECC*/;
	padding:0px;
	margin:0px;
}

div.content-right div.subnavi li.subnavi-point{
	list-style-type:none;
	padding:0;
	margin:2px 0;
	font-size:13px;
	color:#443939;
	border-left:3px solid #9AC116;
	border-right:3px solid #9AC116;
	background-color:#f0f9d2;
}

div.content-right div.subnavi li.subnavi-point a {
	text-decoration:underline;
	display:block;
	padding:3px 5px;
	font-size:13px;
	font-weight:500;
	color:#443939;
	outline:0; 
}

div.content-right div.subnavi li.subnavi-point:hover{
	border-left:3px solid #443939;
	border-right:3px solid #443939;
	background-color:#E3F3AD;
}

div.clear {
	clear:both;
	border:0px;
}

/*********** FOOTER **************/
div.footer-box {
	height: 50px;
	border-top:4px solid #9BC116;
	padding-top:10px;
	text-align: center;
	font-size:11px;
	color:#777777;
}

div.footer-box a {
	color: #777777;
	text-decoration: none;
	border-bottom: 1px dotted #777777;
}

div.footer-box a:hover {
	color: #9AC116;
	text-decoration: none;
	border-bottom: 1px dotted #9AC116;
}

/*********** TYPO3 - KONTAKTFORMULAR **************/
input#mailformformtype_mail {
	cursor: pointer;
	height:22px;
	font: 12px Arial,Verdana,Tahoma;
	color: #f6f6f6;
	background-color: #392C2C;
	border:0px;
	margin-top:10px;
}

input#mailformemail,input#mailformName,input#mailformTelefon {
	padding:2px;
	width: 300px;
	font: 12px Arial,Verdana,Tahoma;
	color : #392C2C;
	background-color: #f6f6f6;
	border: 1px solid #9AC116;
}

textarea#mailformNachricht {
	padding:2px;
	width: 420px;
	font: 12px Arial,Verdana,Tahoma;
	color : #392C2C;
	background-color: #f6f6f6;
	border: 1px solid #9AC116;
}

.csc-mailform {
	margin: 10px 0px 10px 0px;
	width: 420px;
	border:0px;
	padding:0px;
}

.csc-mailform-field label {
	display: block;
	margin-top: 10px;
	color: #000000;
	font: 12px Arial,Verdana,Tahoma;
}

/*********** tt_news - REFERENZEN **************/
div.news-list-item {
	margin:0px;
	padding:0px 0px 40px 0px;
	border: 0px;
	background-color:white;
}

div.news-list-item img {
	float:right;
	margin:10px 0px 10px 20px;
	border: 3px solid #E3F3AD;
}

div.subinformation div.news-list-item img {
	border: 0px;
}

div.news-list-item h3 {
	font:14px Tahoma, Helvetica Neue, Helvetica, Arial;
	line-height:14px;
	margin: 0px 0px 5px 0px;
	border-top: 1px solid #E3F3AD;
	padding-top: 10px;
}

div.news-list-item h3 a {
	text-decoration:none;
	font-weight:bold;
	color: #392C2C;
	border-bottom:0px;
}

div.news-list-item h3 a:hover {
	border-bottom:0px;
}

div.subinformation div.news-list-item {
	margin:0px;
	padding:0px 0px 20px 0px;
	border: 0px;
	background-color:white;
}