
/* 	Global Reset */
/**********************************************************/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
em, img, small, strike, strong, sub, sup, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* IE hasLayout Trigger */
* html ul,
* html ol { /* for IE6 */
		overflow: visible;
		height: 1%;
}

/**********************************************************/

body {
	background: #8bb341 url("../images/bg_body.jpg") 0 0 repeat-x;
	text-align: center; /*IE*/	
	font-size: 62.5%; /*IE*/
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}


/* links */
/**********************************************************/
a, 
a:link, 
a:visited, 
a:active {
	text-decoration: underline;
	color: #333333;	
}
a:hover {
	color: #333333;
	text-decoration: none;
}

/* Divs Start here */
/**********************************************************/

div#wrapper {
	width: 833px;
	margin:0 auto;
	text-align: left !important; /*reset body statement*/	
	line-height: 1.5em;
}

.header-shadow {height: 16px; background: transparent url("../images/bg_shadow_header_fade.png") top left no-repeat;}
.footer-shadow { height: 47px; background: transparent url("../images/bg_shadow_footer_fade.png") top left no-repeat;}
.header-content, div#content { background: transparent url("../images/bg_shadow_content_fade.png") top left repeat-y;}
/* IE6 No Alpha PNG Solution */
* html .header-shadow {	height: 16px; background: transparent url("../images/bg_shadow_header_fade.gif") 0 0 no-repeat;}
* html .footer-shadow {	height: 47px; background: transparent url("../images/bg_shadow_footer_fade.gif") 0 0 no-repeat;}
* html .header-content, * html div#content { background: transparent url("../images/bg_shadow_content_fade.gif") 0 0 repeat-y;}


/* Logo */
/**********************************************************/
div.header-logo {
	position: relative; 
	left: 300px;
	width: 517px;
	top:19px;
}

div.inner-header-content {
	min-height: 183px;	
	height: auto !important;
	height: 183px;		
	background: transparent url("../images/bg_header.gif") 25px 80px no-repeat;
}
div.inner-content {
	position: relative;
	min-height: 400px;	
	height: auto !important;
	height: 400px;	
	background: transparent url("../images/bg_content.gif") 16px 0 no-repeat;
}

/* Content Right Col */
/**********************************************************/

div.rightCol {
	background-color: #fff;
	margin-left: 204px;
	margin-right: 33px;
	font-size: 1.4em;
	color: #979485;
	padding:5px 0 5px 0;
}
.rightCol-Text {
	padding: 55px 90px 50px 65px!important;
}
.contact {
	padding: 30px 90px 50px 65px!important;
}
#contact_form {
  font-size: 90%;
}
.contact textarea, .contact input {
  border: 1px solid #999999;
  margin-top: 4px;
  width: 250px;
}
.contact_message {
  height: 100px;
}
.contact_address{
  height: 40px;
}
.contact .messageBox {
  color: #F28A12;
  min-height: 20px;
  margin-bottom: 10px;
}
.contact #contact_submit {
  background-color: #F28A12;
  border-width: 0px;
  margin-top: 12px;
  color: #FFFFFF;
  width: auto;
}


.objectListNav {
	width:170px;
	padding:8px 0px 0px 0px;
	position:absolute;
	/*margin-left:-178px;*/
	font-size:11px;
	line-height: 16px;
  left: 26px;
}

.objectListNav a { 
	text-decoration:none;
	color: #979485;
}

.objectListNav a:active { color: #F28A12 }
.objectListNav a:focus { color: #F28A12 } 

.objectListNav h1 {
	font-size: 14px;
	font-weight: bold;
} 

/****** Leistungen-Seite ********/
.chart {
  font-size: 90%;
  width: 590px;
  padding: 20px 0px 40px 20px !important;
  background-color: #ffffff;
}

.chart h1 {
	text-align: center;
	font-weight: bold;
}

#beratung, #kunde, #verwaltung {
  background-color: #ffffff;
  background-repeat: no-repeat;
}
#beratung {
  background-image: url(../images/ser_beratung.gif);
}
#beratung .spacer {
  height: 35px;
}
#kunde {
  background-image: url(../images/ser_kunde.gif);
}
#kunde .spacer {
  height: 135px;
}
#verwaltung .spacer{
  background-image: url(../images/ser_verwaltung.gif);
  height: 60px;
}
/* IE-Bug background-image*/
.chart .left, .chart .right {
  background-color: #ffffff;
  color: #F28A12;
  position: relative;
  text-align: left;
  width: 200px;
  font-size: 80%;
}
.chart .left {
  float: left;
  left: 20px;
}
.chart .right {
  float: right;
  right: 20px;
}
.clear {
  clear: both;
}
.left ul, .right ul{
	margin: 0px 10px 0px 10px !important;
	padding: 0px 10px 0px 10px !important;
}
/*************************************/

div.rightCol p {
	padding-top: 1em;
}
.imprint {
	padding: 30px 90px 50px 90px!important;
}
.imprint a {
	text-decoration: none;
	color: #979485;
}


/* Footer */
/**********************************************************/
div#footer {
	margin-bottom: 0;
}

div.footer-impressum {
	float: right;	
	padding-right: 15px;
}
div.footer-gras {
	position: relative;
	top: -40px;
	width: 279px;
	height: 118px;
	background: transparent url("../images/bg_footer_gras.gif") top left no-repeat;	
}
div.contact-info {
	position: absolute;
	bottom:0px;
	background: transparent url("../images/bg_leftcol_city.jpg") top left no-repeat;
	height: 240px;
	width: 186px;
	margin-left:17px;
}
div.contact-info p {
	margin-top: 90px;
	padding-left: 9px;
	font-size: 1.1em;
	font-weight: bold;
	color: #779b2b;
}
div.contact-info a {
	color: #779b2b;
	text-decoration: none;
}


/* Navigation */
/**********************************************************/
div#navposition {
	position: relative;
	top: 32px;
	left: 215px;
	width: 593px;
	font-size: 1.4em;
}
* html div#navposition { top: 28px;	}
*+ html div#navposition { top: 28px; }

ul#navigation {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

ul#navigation li {
	display: inline;
	list-style-type: none;
}

ul#navigation a { 
	/*padding: 3px 16px;*/
	float: left;
	display: block;	
	text-indent: -9000em;
	width: 97px;
	height: 25px;
	font-weight: bold;
	background-color: #f28a12;	
}
/* Navigation Matrix */
/**********************************************************/
ul#navigation li.start a { background: transparent url("../images/navigation_matrix.gif") 0 -5px no-repeat; }
ul#navigation li.start a:hover,
ul#navigation li.start a.activ { background: transparent url("../images/navigation_matrix.gif") -97px -5px no-repeat; }

ul#navigation li.leistungen a { background: transparent url("../images/navigation_matrix.gif") 0 -36px no-repeat; }
ul#navigation li.leistungen a:hover,
ul#navigation li.leistungen a.activ{ background: transparent url("../images/navigation_matrix.gif") -97px -36px no-repeat; }

ul#navigation li.angebot a { background: transparent url("../images/navigation_matrix.gif") 0 -66px no-repeat; }
ul#navigation li.angebot a:hover,
ul#navigation li.angebot a.activ { background: transparent url("../images/navigation_matrix.gif") -97px -66px no-repeat; }

ul#navigation li.kontakt a { background: transparent url("../images/navigation_matrix.gif") 0 -97px no-repeat; }
ul#navigation li.kontakt a:hover,
ul#navigation li.kontakt a.activ { background: transparent url("../images/navigation_matrix.gif") -97px -97px no-repeat; }

ul#navigation a:link, 
ul#navigation a:visited {
	color: #fff;	
	text-decoration: none;
}
ul#navigation a:hover {
	color: #fff;	
	background-color: #f28a12;	
	text-decoration: none;
}
ul#navigation a.activ {
	color: #fff;	
	background-color: #f28a12;	
	text-decoration: none;
}
