/* CSS Document */

html, body, * {
	margin:0px;
	padding:0px;
}
html, body {
	height:100%;
}
body {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color:#393939;
	background:url(../images/bg-body.jpg) top center no-repeat #ffffd6;
	overflow-x:hidden;
	overflow: -moz-scrollbars-vertical;
}
div#containerBackground {
}
div#container {
	position:relative;
	margin: 0 auto;
	width:903px;
	background:url(../images/bg-container.jpg) 0 0 repeat-y;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =header |--------------------------------*/
/*-----------------------------------------------------------------------------*/
div#header {
	width:881px;
	height:498px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	padding:32px 10px 0 12px;
}
div#header div {
	float:left;
}
div#logoHeader a {
	display:block;
	background:url(../images/logo.jpg) 0 0 no-repeat;
	width:275px;
	height:147px;
	text-indent:-9999px;
}
div#anschriftHeader {
	padding:47px 10px 0 31px;
	height:100px;
}
div#kontaktHeader {
	padding:47px 10px 0 51px;
	height:100px;
}
div#kontentNavigation {
	padding:47px 0 0 44px;
	height:100px;
}
h3 {
	font-size:1px;
	text-indent:-9999px;
}
div#header strong {
	color:#545271;
}
div#header a {
	color:#545271;
	font-weight:bold;
}
div#header a:active, div#header a:hover {
	text-decoration:none;
	color:#393939;
}
div#headSlideshow {
	width:603px;
	height:350px;
	background:url(../images/gallery/image09.jpg) 0 0 no-repeat;
	margin:1px 0 0 1px;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =content |-------------------------------*/
/*-----------------------------------------------------------------------------*/
div#flashPlayer{
	padding:0 0 25px 0;
}
div#contentContainer {
	background:url(../images/bg-contentContainer.jpg) 0 0 no-repeat;
	width:879px;
	padding:5px 12px 0 12px;
}
div#contentMain1 {
	width:275px;
	float:left;
	padding:3px 0 10px 0px;
}
div#contentMain1 h6{
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#2d4c9c;
	margin:0 0 7px 64px;
	font-weight:bold;
}
div#contentMain1 h2{
	margin-left:64px;
}
div#cotnentMain2 {
	width:543px;
	float:left;
	padding:3px 30px 15px 30px;
}
div#cotnentMain2 a {
	color:#616161;
}
div#cotnentMain2 a:active, div#cotnentMain2 a:hover {
	text-decoration:none;
	color:#393939;
}
div#cotnentMain2 p {
	padding:0 0 15px 10px;
}
div#contentMain1 img {
	border:none;
}
div#imageContainerContent {
	padding:0 10px 15px 10px;
}
div#imageContainerContent img, .content2 img, .content3 img, .content4 img, .bildlinkKlasse img {
	border:1px solid #b9c3dd;
	padding:2px;
	margin:0 1px;
}
div#contentContainer iframe {
	border:1px solid #d7ddec;
	padding:2px;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =Navigation |----------------------------*/
/*-----------------------------------------------------------------------------*/


div#navigation {
	width:275px;
	height:350px;
}
div#navigation ul {
	list-style:none;
	padding:1px 0 1px 1px;
}
div#navigation a {
	display:block;
	height:50px;
	widows:275px;
	outline:none;
	text-indent:-9999px;
}
.li-startseite a {
	background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
}
.li-startseite a:active, .li-startseite a:hover, .li-startseiteAktive a {
	background:url(../images/bg-navigation.jpg) -275px 0 no-repeat;
}
.li-leistungsspektrum a {
	background:url(../images/bg-navigation.jpg) 0 -50px no-repeat;
}
.li-leistungsspektrum a:active, .li-leistungsspektrum a:hover, .li-leistungsspektrumAktive a {
	background:url(../images/bg-navigation.jpg) -275px -50px no-repeat;
}
.li-haustypen a {
	background:url(../images/bg-navigation.jpg) 0 -100px no-repeat;
}
.li-haustypen a:active, .li-haustypen a:hover, .li-haustypenAktive a {
	background:url(../images/bg-navigation.jpg) -275px -100px no-repeat;
}
.li-aktuelle-projekte a {
	background:url(../images/bg-navigation.jpg) 0 -150px no-repeat;
}
.li-aktuelle-projekte a:active, .li-aktuelle-projekte a:hover, .li-aktuelle-projekteAktive a {
	background:url(../images/bg-navigation.jpg) -275px -150px no-repeat;
}
.li-individuelle-planung a {
	background:url(../images/bg-navigation.jpg) 0 -200px no-repeat;
}
.li-individuelle-planung a:active, .li-individuelle-planung a:hover, .li-individuelle-planungAktive a {
	background:url(../images/bg-navigation.jpg) -275px -200px no-repeat;
}
.li-energieeinsparung a {
	background:url(../images/bg-navigation.jpg) 0 -250px no-repeat;
}
.li-energieeinsparung a:active, .li-energieeinsparung a:hover, .li-energieeinsparungAktive a {
	background:url(../images/bg-navigation.jpg) -275px -250px no-repeat;
}
.li-referenzen a {
	background:url(../images/bg-navigation.jpg) 0 -300px no-repeat;
}
.li-referenzen a:active, .li-referenzen a:hover, .li-referenzenAktive a {
	background:url(../images/bg-navigation.jpg) -275px -300px no-repeat;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =footer |--------------------------------*/
/*-----------------------------------------------------------------------------*/

div#footerContainer {
	float:none;
	clear:both;
	width:903px;
	height:144px;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
}
div#footerContainer p {
	width:510px;
	margin:0 0 0 320px;
	padding-top:30px;
	text-align:center;
}
div#footerContainer a {
	font: 11px/20px Arial, Helvetica, sans-serif;
	color:#616161;
	text-decoration:none;
	font-weight:bold;
}
div#footerContainer a:active, div#footerContainer a:hover {
	color:#393939;
	text-decoration:underline;
}
.clear {
	float:none;
	clear:both;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =basic elements |------------------------*/
/*-----------------------------------------------------------------------------*/

p {
	padding-bottom:15px;
}
h1 {
	font: 20px/28px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2d4c9c;
	margin:-6px 0 20px 0;
}
h2 {
	font: 15px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h4 {
	font: 20px/28px Arial, Helvetica, sans-serif;
	color:#2d4c9c;
	padding-bottom:3px;
}
h5 {
	font: 14px/18px Arial, Helvetica, sans-serif;
	color:#2d4c9c;
}
h6 {
	font: 18px/18px Arial, Helvetica, sans-serif;
	color:#2d4c9c;
}
strong {
}
.highlightLine {
	background:url(../images/highlightLine.jpg) 0 0 no-repeat;
	height:21px;
	margin-bottom:25px;
}
.highlightBig {
	font-size:20px;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =CMS Seiten |----------------------------*/
/*-----------------------------------------------------------------------------*/

.content1 {
	float:left;
	width:315px;
	margin-right:15px;
}
.content2 {
	float:left;
	width:200px;
	margin-bottom:15px;
}
.content3 {
	float:left;
	width:265px;
	margin-bottom:15px;
}
.content4 {
	float:left;
	width:180px;
	margin-bottom:15px;
}
.ul-cmsNavigation {
	list-style:none;
	background:#FFF;
}
.li-cmsNavigation {
	margin-bottom:1px;
}
.ul-cmsNavigation a {
	text-decoration:none;
	color:#393939;
	font: 14px/16px Arial, Helvetica, sans-serif;
	display:block;
	background:#F2F2F2;
	padding:10px 0 10px 63px;
}
.ul-cmsNavigation a:active, .ul-cmsNavigation a:hover {
	padding:10px 0 10px 66px;
 	background:#FFF;
	color:#2d4c9c;
}
.ewcms_edit_table{
	z-index:1;
	position:absolute;
}
.bildlinkKlasse{
	float:left;
	width:130px;
	text-align:center;
}
.ewcms_edit_logout{
	position:absolute;
	top:0px;
	left:0px;
}