/*--------------------------------------*/
/*---------------=global----------------*/
/*--------------------------------------*/

* {
	margin: 0;
	padding:0;
	outline:none;
}
html, body {
	height: 100%;
	width:100%;
}

html	{
	background:url(../images/bg-html.jpg) 0 0 repeat;
}

body	{
	background:url(../images/bg-body.jpg) 0 0 repeat-x;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#0d0d0d;
}

html[xmlns^="http"] {
 overflow-y: scroll;
}

ul	{
	list-style-type:none;
}

ul li	{
	float:left;
}

div#contentContainer a, div#contentMain a, div#footer a, div#address a {
	color:#116322 !important;
	text-decoration:none;
}

a:hover	{
	text-decoration:underline;
}

a.ewcms_news_link {
	color:#116322;
	text-decoration:none;
	padding: 0 0 0 20px;
}

a:hover.ewcms_news_link {
	text-decoration:underline;
}
.clear {
	float:none;
	clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}

/*--------------------------------------*/
/*-------------=container---------------*/
/*--------------------------------------*/

#container {
	width: 961px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -53px;
	background: url(../images/bg-container.gif) 0 0 repeat-y;
}

/*--------------------------------------*/
/*---------------=header----------------*/
/*--------------------------------------*/

#header{
	background:url(../images/bg-header.gif) 0 0 no-repeat;
	width:961px;
	height:352px;
	position:relative;
}

/*-------------=slideshow---------------*/

#slideshow
{
	overflow:hidden;
	width:960px;
	height:183px;
	position:absolute;
	top:72px;
	left:0;
	z-index:10;
}

/*-------------=naviAdd---------------*/

#naviAdd {
	background:url("../images/bg-naviAdd.gif") no-repeat scroll 0 0 transparent;
	font-size:0;
	height:40px;
	line-height:0;
	position:absolute;
	right:1px;
	text-indent:-9999px;
	top:31px;
	width:697px;
}

* html #naviAdd {		/*IE HACK*/
	right:-1px;
}

#naviAdd li a	{
	background:url(../images/bg-naviAdd-a.gif) 0 0 no-repeat;
	height:15px;
	display:block;
}

#naviAdd li	{
	padding:0 12px 0 0;
}

#naviAdd li a.home	{
	width:44px;
	background-position:0 0;
}

#naviAdd li a.unsere-lieferanten	{
	width:119px;
	background-position:-47px 0;
}

#naviAdd li a.unsere-auftraggeber	{
	width:133px;
	background-position:-179px 0;
}

#naviAdd li a.jobs	{
	width:30px;
	background-position:-324px 0;
}

#naviAdd li a.lehre	{
	width:36px;
	background-position:-366px 0;
}

#naviAdd li a.gaestebuch	{
	width:68px;
	background-position:-415px 0;
}

#naviAdd li a.kontakt	{
	width:54px;
	background-position:-495px 0;
}

#naviAdd li a.impressum	{
	width:69px;
	background-position:-560px 0;
}

#naviAdd li a.news	{
	background-position:-641px 0;
	width:36px;
}


/*-------------=branding---------------*/

#branding a{
	background:url(../images/bg-branding-a.png) 0 0 no-repeat;
	width:219px;
	height:122px;
	text-indent:-9999px;
	position:absolute;
	top:100px;
	left:38px;
	z-index:20;
}

blockquote {
	text-indent:-9999px;
}

/*--------------=navi----------------*/

#navi {
	width:959px;
	height:55px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:256px;
	left:1px;
	font-size:13px;
}


#navi li a	{
	background:url(../images/bg-navi.gif) 0 0 no-repeat;
	width:40px;
	height:55px;
	display:block;
}

#navi li a.unternehmen	{
	width:175px;
	background-position:0 0;
}

#navi li.active a.unternehmen	{
	background-position:0 -55px;
}

#navi li a.sachverstaendiger	{
	width:192px;
	background-position:-175px 0;
}

#navi li.active a.sachverstaendiger	{
	background-position:-175px -55px;
}

#navi li a.daecher	{
	width:92px;
	background-position:-367px 0;
}

#navi li.active a.daecher	{
	background-position:-367px -55px;
}

#navi li a.fassaden	{
	width:110px;
	background-position:-459px 0;
}

#navi li.active a.fassaden	{
	background-position:-459px -55px;
}

#navi li a.industriebau	{
	width:149px;
	background-position:-569px 0;
}

#navi li.active a.industriebau	{
	background-position:-569px -55px;
}

#navi li a.innovationen	{
	width:241px;
	background-position:-718px 0;
}

#navi li.active a.innovationen	{
	background-position:-718px -55px;
}

#navi li.subLi1:hover #subNavi-unternehmen, #navi li.subLi2:hover #subNavi-daecher, #navi li.subLi3:hover #subNavi-solar, #navi li.subLi4:hover #subNavi-jobangebote {
	display:block;
}

.subLi	{
	height:55px;
}

/*-----------=subNavi-unternehmen-------------*/

#subNavi-unternehmen	{
	position:absolute;
	top:55px;
	left:12px;
	padding:0;
	line-height:17px;
	display:none;
	text-indent:0 !important;
}

#subNavi-unternehmen li {
	float:left;
	padding:7px 10px 0 8px;
	border-right:1px solid #FFFFFF;
	height:32px;
}

#subNavi-unternehmen li a	{
	background:none !important;
	text-decoration:none;
	color:#FFFFFF;
	height:20px !important;
	width:auto !important;
	float:left;
}

#subNavi-unternehmen li a:hover, #subNavi-unternehmen li.active a {
	text-decoration:underline;
}

/*-------------=li-border---------------*/

#subNavi-unternehmen li.li-border, #subNavi-daecher li.li-border {
	border-left:1px solid #FFFFFF;
}

/*-------------=subNavi-daecher---------------*/

#subNavi-daecher	{
display:none;
left:240px;
line-height:17px;
padding:0;
position:absolute;
text-indent:0 !important;
top:55px;
width:717px;
}

#subNavi-daecher li {
	float:left;
	padding:7px 10px 0 8px;
	border-right:1px solid #FFFFFF;
	height:32px;
}

#subNavi-daecher li a	{
	background:none !important;
	text-decoration:none;
	color:#FFFFFF;
	height:20px !important;
	width:auto !important;
	float:left;
}

#subNavi-daecher li a:hover, #subNavi-daecher li.active a {
	text-decoration:underline;
}

/*--------------------------------------*/
/*----------=contentContainer-----------*/
/*--------------------------------------*/

#contentContainer	{
	background:url(../images/bg-contentContainer.gif) 0 0 repeat-y;
	width: 960px;
	position:relative;
	padding:28px 0 0 1px;
}

#contentContainer h2	{
	color:#116322;
	font-size:24px;
	font-weight:normal;
	padding:0 0 4px 277px;
}

h2.h2-referenzen {
	color:#116322;
	font-size:24px;
	font-weight:normal;
	padding:0 !important;
	margin-bottom: 15px;
}

h2.index {
	color:#116322;
	font-size:24px;
	font-weight:normal;
	padding:0 0 4px 289px !important;
}


#contentContainer h2.news-h2 {
	color:#116322;
	background:#fff;
	font-size:24px;
	font-weight:normal;
	padding:0 0 4px 15px;
	position:relative;
	top:-13px;
}

#contentContainer p	{
	padding:0 0 18px 0;
}

#contentContainer p.lower {
	padding:0 0 10px 0;
}

#contentContainer p.lower-strong {
	padding:0 0 10px 0;
	font-weight:bold;
}

p.news-headline {
	font-weight:bold;
}

/*------------=contentMain-------------*/

#contentMain {
	background:#e4f9e4;
	padding:13px 76px 21px 278px;
	width:605px;
	position:relative;
}

#contentMain-index {
	background:#e4f9e4;
	padding:13px 76px 21px 20px;
	max-width:593px;
	position:relative;
	float:left;
	min-height:252px;
}

#news-container {
	background:url(../images/news-bg.png) repeat-y scroll 0 0 #E4F9E4;
	float:left;
	padding:13px 0 21px 0;
	width:270px;
	min-height:222px;
}

#news-inhalt {
height:auto;
margin:0 16px;
width:240px;
}

#contentMain h3	{
	font-size:18px;
	padding:0 0 10px 0;
}

#contentMain h3.datenschutz	{
	font-size:18px;
	padding:10px 0 20px 0;
}

#contentMain li {
	float: none !important;
	list-style: disc;
	margin-bottom: 5px;
	margin-left: 20px;
}

/*------------=contentImages-------------*/

#contentImages	{
	width:590px;
	position:relative;
	top:-4px;
	left:3px;
}

#contentImagesEnergy	{
	width:610px;
	position:relative;
	top:-4px;
	left:3px;
}



/*--------------------------------------*/
/*----------=contentContainer-----------*/
/*--------------------------------------*/

#footer {
	background:url(../images/bg-footer.gif) 0 0 no-repeat;
	display:block;
	width: 858px;
	height: 37px;
	margin: 0 auto;
	padding:16px 0 0 103px;
}

#push {
	height: 53px; 
	clear:both;
	float:none;
}

#footer p	{
	font-size:13px;
	line-height:18px;
	float:left;
	padding:0 11px 0 0;
}

#footer a	{
	text-decoration:underline;
}
#footer a:hover	{
	text-decoration:none;
}

.imageHolder	{
	position:relative;
	float:left;
	padding:0 14px 14px 0;
}

.imageHolderLast	{
	position:relative;
	float:left;
	padding:0 0px 14px 0;
}

.magnifier	{
	background:url(../images/gb-magnifier.gif) 0 0 no-repeat;
	width:35px;
	height:35px;
	display:block;
	position:absolute;
	left:102px;
	top:102px;
}

.image {
	width:117px;
	height:117px;;
	border:10px solid #b9b9b9;
	display:block;
	float:left;
}

.image-unternehmen {
	width:113px;
	height:113px;;
	border:10px solid #b9b9b9;
	display:block;
	float:left;
}

.imageFloat {
	width:442px;
	float:left;
}

.news-pic {
	float:left;
	margin:0 20px 0 0;
}

.news-pic-gallery {
 	float:left;
	margin:0 14px 20px 0;
}

div.editor a {
	color:#009900;
}

div.editor a:hover {
	color:#CCCCCC;
}

.hr {
	height: 20px;
	margin: 5px 0 7px 0;
	width: 650px;
	background:url(../images/hr.gif) no-repeat ;
}

#contentMain a.vcard img	{
	border:none;
}

ul.leistungen {
	width:306px;
	list-style-type:none;
	float:left;
	margin-right:15px;
}

ul.leistungen li {
	padding-left:15px;
	margin-bottom:10px;
	background:url(../images/li-leistungen.gif) 0 7px no-repeat;
}

ul.leistungenLarge {
	width:450px;
	list-style-type:none;
	margin-bottom:10px;
}

ul.leistungenLarge li {
	margin-bottom:10px;
	float:none !important;
}

/*----------------=video----------------*/

.video	{
	width:600px;
	float:left;
}

/*--------------------------------------*/
/*-----------------=CMS-----------------*/
/*--------------------------------------*/

#contentImages-cms	{
	width:593px;
	position:relative;
	left:3px;
	padding:14px 0 0 0;
}

.cms-link	{
	float:left;
}

.cms-content	{
	float:left;
	width:593px;
}

.cms-text	{
	width:400px;
	float:left;
	padding:0 20px 0 0;
}

.cms-block	{
	width:600px;
	float:left;
	padding:0 0 20px 0;
}

.imageCMS	{
	width:117px;
	height:117px;;
	border:10px solid #b9b9b9;
	display:block;
	float:left;
	margin:0 20px 0 0;
}


/* --------------- Referenzen ------------------------ */

.referenzteaser {
	width: 168px;
	height: 167px;
	display: block;
	text-indent: -10000px;
	float: left;
	margin: 0 15px 15px 0;
}

a.referenzen-aktuelle-projekte {
	background:url(../images/referenzen-teaserbilder/aktuelle-projekte-inaktiv.jpg) no-repeat;
}

a:hover.referenzen-aktuelle-projekte {
	background:url(../images/referenzen-teaserbilder/aktuelle-projekte-aktiv.jpg) no-repeat;
}

a.referenzen-fassade {
	background:url(../images/referenzen-teaserbilder/fassade-inaktiv.jpg) no-repeat;
}

a:hover.referenzen-fassade {
	background:url(../images/referenzen-teaserbilder/fassade-aktiv.jpg) no-repeat;
}

a.referenzen-industriebau {
	background:url(../images/referenzen-teaserbilder/industriebau-inaktiv.jpg) no-repeat;
}

a:hover.referenzen-industriebau {
	background:url(../images/referenzen-teaserbilder/industriebau-aktiv.jpg) no-repeat;
}

a.referenzen-sanierung {
	background:url(../images/referenzen-teaserbilder/steildaecher-inaktiv.jpg) no-repeat;
}

a:hover.referenzen-sanierung {
	background:url(../images/referenzen-teaserbilder/steildaecher-aktiv.jpg) no-repeat;
}

a.referenzen-terrasse-flachdach {
	background:url(../images/referenzen-teaserbilder/flachdach-terrasse-inaktiv.jpg) no-repeat;
}

a:hover.referenzen-terrasse-flachdach {
	background:url(../images/referenzen-teaserbilder/flachdach-terrasse-aktiv.jpg) no-repeat;
}

a.referenzen-dach {
	background:url(../images/referenzen-teaserbilder/metalldach-inaktiv.jpg) no-repeat;
}

a:hover.referenzen-dach {
	background:url(../images/referenzen-teaserbilder/metalldach-aktiv.jpg) no-repeat;
}

ewcms_file.cms-link-2 {
	margin: 0 0 20px 0;
}

div.ewcms_news_feed div {
	margin: 5px 0 49px 0;
}

div.playeralign {
	text-align:center;
}