html{height:100%;}
body {
	height:100%;
	margin: 0;
    font: 12px/18px Arial, Verdana, Helvetica, sans-serif;
	color: #455052;
}
/*
    body { background:#fff url(../img/bg-body-solar.jpg) repeat-y fixed 50% 0; }
    body.industriebau { background:#fff url(../img/bg-body-industrie3.jpg) repeat-y fixed 50% 0; }
    body.wohnungsbau { background:#fff url(../img/bg-body-wohnen.jpg) repeat-y fixed 50% 0; }
    */
    
img {border-style: none;}
a {
	text-decoration:none;
	color: #ff5000;
}
a:hover {text-decoration:underline;}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
#wrapper{
	min-height:100%;
	width:980px;
	margin:0 auto;
}
* html #wrapper{height:100%;}
#header{width:100%;}
.list{
	margin:0;
	padding:11px 0 17px;
	list-style:none;
	width:100%;
	overflow:hidden;
	font-size:10px;
	line-height:12px;
}
.list li{
	float:right;
	padding-right:21px
}
.list a{
	display:block;
	color:#99c2db;
}
    .list.white a{ color:#fff; }
    .list.black a{ color:#999; }
    
.logo{
	margin:0 0 64px 166px;
	width:814px;
	height:121px;
	overflow:hidden;
	display:block;
/*  background:url(../img/logo.png) no-repeat;*/
	text-indent:-9999px;
	cursor:pointer;
}
    .logo.white{ background:url(../img/logo.png) no-repeat; }
    .logo.black{ background:url(../img/logo-black.png) no-repeat; }
    
.header-home .logo{margin:0 0 264px 166px;}
.logo a{
	height:100%;
	display:block;
}
#nav{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	background:url(../img/bg-nav.gif) repeat-x 0 100%;
	font: bold 13px/22px Arial, Helvetica, sans-serif;
}
#nav li{float:right;}
#nav li a{
	display:block;
	color:#fff;
	height:30px;
	padding-top:19px;
}
#nav li a.Unternehmen{
	background:url(../img/bg-nav-unternehmen.png) no-repeat;
	width:98px;
	padding-left:61px;
	margin:0 0 0 -8px;
}
#nav li a.Unternehmen:hover{background:url(../img/bg-nav-unternehmen-hover.png) no-repeat;}
#nav li a.Industriebau{
	background:url(../img/bg-nav-industriebau.png) no-repeat;
	width:91px;
	padding-left:65px;
/*  margin:0 0 0 -8px;*/
}
#nav li a.Industriebau:hover{background:url(../img/bg-nav-industriebau-hover.png) no-repeat;}
#nav li a.Wohnungsbau{
	background:url(../img/bg-nav-wohnungsbau.png) no-repeat;
	width:102px;
	padding-left:52px;
/*  margin:0 0 0 -8px;*/
}
#nav li a.Wohnungsbau:hover{background:url(../img/bg-nav-wohnungsbau-hover.png) no-repeat;}
#nav li a.Photovoltaik{
	background:url(../img/bg-nav-photovoltaik.png) no-repeat;
	width:93px;
	padding-left:51px;
/*  margin:0 0 0 -8px;*/
}
#nav li a.Photovoltaik:hover{background:url(../img/bg-nav-photovoltaik-hover.png) no-repeat;}
#nav li a.Referenzen{
	background:url(../img/bg-nav-referenzen.png) no-repeat;
	width:85px;
	padding-left:62px;
/*  margin:0 0 0 -8px;*/
}
#nav li a.Referenzen:hover{background:url(../img/bg-nav-referenzen-hover.png) no-repeat;}
#nav li a:hover{
	text-decoration:none;
	color:#ff5000;
	position:relative;
	cursor:pointer;
}
#nav li.current a.Unternehmen, #nav li.section a.Unternehmen{background:url(../img/bg-nav-unternehmen-hover.png) no-repeat;}
#nav li.current a.Industriebau, #nav li.section a.Industriebau{background:url(../img/bg-nav-industriebau-hover.png) no-repeat;}
#nav li.current a.Wohnungsbau, #nav li.section a.Wohnungsbau{background:url(../img/bg-nav-wohnungsbau-hover.png) no-repeat;}
#nav li.current a.Photovoltaik, #nav li.section a.Photovoltaik{background:url(../img/bg-nav-photovoltaik-hover.png) no-repeat;}
#nav li.current a.Referenzen, #nav li.section a.Referenzen{background:url(../img/bg-nav-referenzen-hover.png) no-repeat;}
#nav li.current a,
#nav li.section a{
	text-decoration:none;
	color:#ff5000;
	position:relative;
	cursor:pointer;
}
#main{
	padding-bottom:69px;
	width:100%;
	overflow:hidden;
}
.main-holder{
	width:100%;
	overflow:hidden;
	margin-bottom:3px;
}
.content{
	width:760px;
	float:right;
	margin-left:-9px;
}
.content .t{
	background:url(../img/bg-content-t.png) no-repeat;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
}
.content .c{
	background:url(../img/bg-content-c.png) repeat-y;
	width:760px;
}
.content .c:after{
	content:"";
	clear:both;
	display:block;
}
.content-holder{
	float:left;
	position:relative;
	width:712px;
	padding:23px 10px 24px 38px;
	line-height:18px;
}
.content .b{
	background:url(../img/bg-conten-b.png) no-repeat;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
}
/*
.content h3{
    padding-top:15px;
    margin:0 0 14px;
    font: normal 18px/22px Arial, Helvetica, sans-serif;
}
*/
.sidebar{
	width:204px;
	float:right;
	position:relative;
	z-index:20;
	padding-top:23px;
}
.menu{
	margin:0;
	padding:12px 0 10px;
	list-style:none;
	background:url(../img/bg-menu.png) repeat-y;
	line-height:14px;
	overflow:hidden;
	width:204px;
}
.menu li{
	width:170px;
	height:1%;
	vertical-align:middle;
	padding:16px 10px 17px 24px;
	overflow:hidden;
	margin:-11px 0 -12px;
}
.menu a{
	float:left;
	color:#fefefe;
	position:relative;
}
.menu li.current{background:url(../img/bg-menu-hover.png) no-repeat;}
.menu li.current a{
	color:#ff5000;
	font-weight:bold;
	text-decoration:none !important;
}
.menu a:hover{text-decoration:underline;}
.content .text-holder{margin:-16px 0 7px;}
.content-holder .alignleft{
	float:left;
	margin:5px 20px 0 1px;
}
.content .text{
	height:1%;
	overflow:hidden;
}
/*
.content .text h3{
    margin:0 0 11px;
    padding:0;
}
.content .text h3 a{
    color:#455052;
    text-decoration:underline;
}
.content .text h3 a:hover{text-decoration:none;}
*/

.content blockquote{margin:0;}
.content blockquote q{
	display:block;
	margin-bottom:18px;
}
.content cite{display:block;}
.more{
	height:1%;
	overflow:hidden;
	margin:-18px 10px 0 0;
}
.more a{
	float:right;
	color:#000;
	border-bottom:1px solid #ff5000;
}
.more a:hover{
	text-decoration:none;
	border-bottom:1px solid #fff;
}
.img-holder{
	position:relative;
	overflow: hidden;
	width:694px;
	max-height:280px;
	border-bottom:3px solid #FF5000;
}
.img-holder img{
	display:block;
/*  border-bottom:3px solid #ff5000;*/
}
.content-holder-add{padding:6px 10px 23px 38px;}
.content-holder-add h3{padding:0;}





.roll{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	bottom:0;
	right:0;
	width:162px;
}
* html .roll{bottom:-1px;}
.roll > li{
	height:1%;
	vertical-align:middle;
}
.roll > li:hover,
.roll > li.hover{position:relative;}
.roll > li a{
	display:block;
	position:relative;
	z-index:30;
	height:34px;
	overflow:hidden;
	cursor:pointer;
}
.roll li a span,
.roll li a strong{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:162px;
	height:34px;
}
.roll > li a span{background:url(../img/text-weitere.jpg) no-repeat;}
.roll > li a strong{
	background:url(../img/text-bildergalerie.jpg) no-repeat;
	display:none;
}
.roll > li a:hover span,
.roll > li.hover span,
.roll > li:hover span{display:none;}
.roll > li a:hover strong,
.roll > li.hover strong,
.roll > li:hover strong{display:block;}
.roll .drop{
	position:absolute;
	bottom:0;
	left:-532px;
	width:694px;
	display:none;
	z-index:20;
}
    .roll .preloader{
        display:none;
    }
.roll li:hover .drop,
.roll li.hover .drop{display:block;}
.roll .drop div{
	background:url(../img/bg-drop.png);
	width:657px;
	padding:5px 15px 7px 22px;
	color:#fff;
	line-height:20px;
}
    .roll .drop div > p {
	    width:500px;
    }
    .roll .drop div span {
        display:inline;
    }
.roll dl{
	margin:0;
	width:100%;
	overflow:hidden;
	color:#fff;
}
.roll dt{
	font-weight:bold;
	float:left;
	padding-right:6px;
}
* html .roll dt{padding-right:3px;}
.roll dd{
	margin:0;
	padding-bottom:6px;
	display:block;
}






.photo-holder{
	width:100%;
	overflow:hidden;
	margin:-1px 0 -9px;
}
.photo-holder .photo-img{
	float:left;
	position:relative;
	margin:0 20px 0 1px;
	display:inline;
}
* html .photo-holder .photo-img{margin:0 17px 0 1px;}
.photo-holder img{display:block;}
.photo-holder .photo-img span{
	position:absolute;
	bottom:0;
	left:0;
	background:url(../img/text-weitere2.gif) no-repeat;
	width:180px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
}
* html .photo-holder .photo-img span{bottom:-1px;}
.bill{
	margin:0;
	padding:0;
	width:415px;
	list-style:none;
}
.bill li{
	height:1%;
	vertical-align:middle;
	overflow:hidden;
	margin-bottom:6px;
}
.bill li strong{
	float:left;
	width:129px;
	position:relative;
}
.bill li span{
	float:left;
	width:286px;
}
#footer{
	width:980px;
	height:69px;
	margin:-69px auto 0;
	overflow:hidden;
	font-size:11px;
	line-height:14px;color:#fff;
}
#footer a{color:#fff;}
.footer-holder{
	background:url(../img/bg-footer-frame.png) no-repeat;
	width:721px;
	float:right;
	padding:42px 20px 13px 35px;
	overflow:hidden;
}
.footer-holder ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	overflow:hidden;
	position:relative;
}
.footer-holder ul li{
	float:left;
	background:url(../img/separator.gif) no-repeat 0 3px;
	padding:0 10px 0 12px;
	margin:0 2px 0 -2px;
	display:inline;
}
.footer-holder ul a{float:left;}
.footer-holder .contact{float:right;}
#footer a.contact{
	position:relative;
	margin-left:15px;
	border-bottom:1px solid #ff5000;
}
#footer a.contact:hover{
	border-bottom:0;
	text-decoration:none;
}
.opera9 body {padding-left:1px;}
.opera10 body {padding-left:1px;}
.safari2 body {padding-left:1px;}
.safari3 body {padding-left:1px;}
.safari4 body {padding-left:1px;}
.mac.safari3 body {padding-left:1px;}
.mac.safari4 body {padding-left:1px;}
.mac.opera9 body {padding-left:1px;}




/* IMAGE CARUSEL
-------------------------------------------- */
.carusel{
	margin:10px 0 25px;
	position:relative;
  z-index:99;
}
.carusel div{
	overflow:hidden;
	position:relative;
/*  width:615px;*/
}
.carusel ul{
/*  margin:0 0 0 12px !important;*/
	padding:0;
	list-style:none;
	position:relative; 
	width:99999px;
}
.carusel a,
.carusel a:hover{
	text-decoration:none !important;
	cursor:pointer;
}
.carusel .link-prev,
.carusel .link-next{
    border:none !important;
	width:12px;
	height:53px;
	position:absolute;
    top:0px;
	z-index:100;
	height:107px;
	background-color:#455052;
	vertical-align:middle;
}
    .carusel .link-prev:hover,
    .carusel .link-next:hover{
	    background-color:#ff5000;
    }
    .carusel .link-prev{ left:0px; }
    .carusel .link-next{ right:0px; }
    
    .carusel a.link-prev span,
    .carusel a.link-next span{
        padding:0 0 0 2px;
    	color:#fff;
/*      font-weight:bold;*/
    	font-size:16px;
    }
.carusel div ul li{
	float:left;
/*  padding-right:3px;*/
	margin:0 !important;
	padding:0;
}
.carusel div ul li a span{
	color:#1c3144;
	font-size:12px;
	line-height:14px;
	padding:3px 5px 2px 5px;
	overflow:hidden;
}
.carusel div ul li a{
	display:block;
	width:136px;
	height:105px;
	background-color:#455052;
/*  background:url(../img/bg-gallery.gif) no-repeat;*/
/*  padding:9px 0 0 9px;*/
	text-decoration:none;
	border:1px solid grey;
	overflow:hidden;
}
.carusel div ul li a:hover{
/*  background:url(../img/bg-gallery-hover.gif) no-repeat;*/
	text-decoration:none;
	border:1px solid #ff5000;
}
    .carusel div ul li a img{
    	width:190px;
/*      height:105px;*/
    }

#footer div.signature p{
/*    display:none;*/
/*    z-index:99999;*/
  text-indent:-9999px;
    color:#005898;
}

#footer div.signature p a{
    color:#005898;
}
