/* CSS Document */

html,
body,
* {
			margin:0px;
			padding:0px;
}

html,
body {
			height:100%;
}

body {
			font: 14px/19px Arial, Helvetica, sans-serif;
			color:#212121;
			background:url(../images/bg-body.jpg) 0 0 repeat-x;
}
div#container {
			position:relative;
			margin: 0 auto;
			width:960px;
}

span.small3{
	display:block;
	width:135px;
	float:left;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =header |--------------------------------*/
/*-----------------------------------------------------------------------------*/
div#header {
	width:898px;
	height:483px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	padding:0px 29px 0px 33px;
}
ul#navigationAdd{
	list-style:none;
	width:890px;
	float:left;
}
ul#navigationAdd li{
	float:left;
}
ul#navigationAdd a{
	height:38px;
	outline:none;
	text-indent:-9999px;
	display:block;
}
.li-startseite a{
	width:97px;
	background:url(../images/bg-navigationAdd.jpg) 0 0 no-repeat;
}
.li-startseite a:active, .li-startseite a:hover, .li-startseiteActive a{
	width:97px;
	background:url(../images/bg-navigationAdd.jpg) 0 -38px no-repeat;
}

.li-kontakt a{
	width:94px;
	background:url(../images/bg-navigationAdd.jpg) -97px 0 no-repeat;
}
.li-kontakt a:active, .li-kontakt a:hover, .li-kontaktActive a{
	width:94px;
	background:url(../images/bg-navigationAdd.jpg) -97px -38px no-repeat;
}

.li-anfahrt a{
	width:98px;
	background:url(../images/bg-navigationAdd.jpg) -195px 0 no-repeat;
}
.li-anfahrt a:active, .li-anfahrt a:hover, .li-anfahrtActive a{
	width:98px;
	background:url(../images/bg-navigationAdd.jpg) -195px -38px no-repeat;
}
div#headerAktuelles{
	width:250px;
	float:left;
	padding:190px 0 0 78px;
}
div#headerAktuelles a{
	display:block;
	width:220px;
	height:44px;
	background:url(../images/bg-erfahren-sie-mehr.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	outline:none;
	margin:5px 0 0 28px;
}
div#headerAktuelles a:active, div#headerAktuelles a:hover, div#headerAtkuelles .active{
	background:url(../images/bg-erfahren-sie-mehr.jpg) 0 -44px no-repeat;

}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =content |-------------------------------*/
/*-----------------------------------------------------------------------------*/

div#contentContainer {
	width:888px;
	padding:20px 29px 35px 33px;
}
div#contentContainer a{
	color:#02491f;
	text-decoration:underline;
}
div#contentContainer a:active, div#contentContainer a:hover{
	color:#212121;
}
.spalte{
	width:270px;
	float:left;
	padding-bottom:15px;
}
.spalte img{
	border:none;
	padding-bottom:15px;
}
.spalte2{
	width:575px;
	float:left;
	padding:0px 20px 15px 0px;
}
.spalte3{
	width:585px;
	float:left;
}
.spalte4{
	width:888px;
}
.spaltenPadding{
	padding-right:20px;
}
.bilderGal img{
	border:none;
}
.bilderGal a{
	float:left;
	padding:0 10px 10px 0;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =Navigation |----------------------------*/
/*-----------------------------------------------------------------------------*/

ul#navigation {
	height:35px;
	padding:18px 0 0 0;
}
ul#navigation li{
	float:left;
	list-style:none;
}
ul#navigation a{
	display:block;
	height:35px;
	outline:none;
	text-indent:-9999px;
}
.li-aktuelles a{
	width:151px;
	background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
}
.li-aktuelles a:active, .li-aktuelles a:hover, .li-aktuellesActive a{
	width:151px;
	background:url(../images/bg-navigation.jpg) 0 -35px no-repeat;
}
.li-ueber-uns a{
	width:167px;
	background:url(../images/bg-navigation.jpg) -151px 0 no-repeat;
}
.li-ueber-uns a:active, .li-ueber-uns a:hover, .li-ueber-unsActive a{
	width:167px;
	background:url(../images/bg-navigation.jpg) -151px -35px no-repeat;
}
.li-leistungsspektrum a{
	width:252px;
	background:url(../images/bg-navigation.jpg) -318px 0 no-repeat;
}
.li-leistungsspektrum a:active, .li-leistungsspektrum a:hover, .li-leistungsspektrumActive a{
	width:252px;
	background:url(../images/bg-navigation.jpg) -318px -35px no-repeat;
}
.li-projekte a{
	width:171px;
	background:url(../images/bg-navigation.jpg) -570px 0 no-repeat;
}
.li-projekte a:active, .li-projekte a:hover, .li-projekteActive a{
	width:171px;
	background:url(../images/bg-navigation.jpg) -570px -35px no-repeat;
}
.li-referenzen a{
	width:156px;
	background:url(../images/bg-navigation.jpg) -741px 0 no-repeat;
}
.li-referenzen a:active, .li-referenzen a:hover, .li-referenzenActive a{
	width:156px;
	background:url(../images/bg-navigation.jpg) -741px -35px no-repeat;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =footer |--------------------------------*/
/*-----------------------------------------------------------------------------*/

div#footer{
	margin:0px 29px 0px 33px;
	width:888px;
	height:126px;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
}
#footerMail{
	width:300px;
	padding:12px 0 0 0;
	text-align:right;
	float:left;
}
#footerMail a{
	color:#02491f;
}
#footerMail a:active, #footerMail a:hover{
	color:#212121;
	text-decoration:none;
}
#footerAnschrift{
	width:220px;
	padding:12px 0 0 60px;
	float:left;
}
#footerNav ul{
	float:left;
	padding:64px 0 0 85px;
}
#footerNav li{
	list-style:none;
}
#footerNav a{
	display:block;
	outline:none;
	text-indent:-9999px;
	width:220px;
	height:45px;
	background:url(../images/bg-impressum.jpg) 0 0 no-repeat;
}
#footerNav a:active, #footerNav a:hover {
	background:url(../images/bg-impressum.jpg) 0 -45px no-repeat;
}
.clear {
			float:none;
			clear:both;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =basic elements |------------------------*/
/*-----------------------------------------------------------------------------*/

p {
			padding-bottom:15px;
}

h1 {
	width:557px;
	height:89px;
	display:block;
	float:left;
	padding:280px 0 0 0px;
}
h1 a{
	text-indent:-9999px;
	outline:none;
	background:url(../images/bg-branding.jpg) 0 0 no-repeat;
	display:block;
	height:89px;
	width:557px;
}
h2{
	color:#02491f;
	font:16px/18px Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	font-weight:bold;
}
h3{
	color:#02491f;
	padding-bottom:10px;
	font:16px/18px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h3{

}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =design elements |-----------------------*/
/*-----------------------------------------------------------------------------*/

.highlightLine{
	padding-bottom:15px;
	border-top:1px dashed #02491f;
}
#visitenkarte a{
	display:block;
	width:204px;
	height:24px;
	background:url(../images/bg-visitenkarte.jpg) 0 0 no-repeat;
	outline:none;
	text-indent:-9999px;
}
#visitenkarte a:active, #visitenkarte a:hover{
	background:url(../images/bg-visitenkarte.jpg) 0 -24px no-repeat;
}
.red{
	color:red;
}
table td{
	padding:15px 5px 15px 5px;
	vertical-align:top;
	border-bottom:1px dashed #02491f;
}
.firstTd td{
	background:#02491f;
	color:#FFF;
	font-weight:bold;
	font:16px/18px Arial, Helvetica, sans-serif;
	padding:5px;
}
.cmsgalerie a{
	float:left;
	padding:0px 10px 10px 0px;
}
.cmsgalerie img{
	border:1px solid #02491f;
	padding:2px;
}
.listFloat{
	width:250px;
	float:left;
	padding:0px 0px 15px 30px;
}
.listFloat li{
	padding-bottom:5px;
}

ul.list {
	margin-left:18px;
	}


ul.list li {
	list-style-image:url(../images/icon-list.jpg);
	}