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

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

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

body	{
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#0d0d0d;
}

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

ul	{
	list-style-type:none;
}

ul li	{
	float:left;
}

a	{
	color:#0D0D0D;
	text-decoration:none;
}

a:hover	{
	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;
}

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

#header{
	width:961px;
	position:relative;
	height:0px;
}

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

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

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

#naviAdd {
	width:586px;
	height:0px;
	font-size:0px;
	line-height:0px;
	text-indent:-9999px;
	position:absolute;
	right:0;
	top:31px;
	display:none;
}

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

#naviAdd li a	{
	height:15px;
	display:block;
}

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

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

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

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

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

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

#naviAdd li a.anfahrt	{
	width:51px;
	background-position:-424px 0;
}

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


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

#branding a{
	width:219px;
	height:0px;
	text-indent:-9999px;
	position:absolute;
	top:100px;
	left:38px;
	z-index:20;
	display:none;
}

blockquote {
	text-indent:-9999px;
}

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

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


#navi li a	{
	width:40px;
	height:55px;
	display:block;
}

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

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

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

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

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

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

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

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

#navi li a.solar-und-energie	{
	width:136px;
	background-position:-454px 0;
}

#navi li.active a.solar-und-energie	{
	background-position:-454px -55px;
}

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

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

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

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

#navi li a.jobangebote	{
	width:124px;
	background-position:-835px 0;
}

#navi li.active a.jobangebote	{
	background-position:-835px -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, #subNavi-solar li.li-border, #subNavi-jobangebote li.li-border {
	border-left:1px solid #FFFFFF;
}

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

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

#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;
}

/*--------------=subNavi-solar----------------*/

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

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

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

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

/*------------=subNavi-jobangebote------------*/

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

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

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

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


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

#contentContainer	{
	width: 960px;
	position:relative;
	padding:28px 0 0 1px;
}

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

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

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

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

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

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

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


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

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

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

#footer {
	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	{
	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;
}

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

#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;
}

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

ul.leistungenLarge li {
	padding-left:15px;
	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;
	margin:20px 0 0 0;
}

.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;
}