* {
	border:0;
	margin:0;
	padding:0;
	outline:none;
	list-style-type:none;
	text-decoration: none;
}

html{
	background-color:#283b61;}
body {
	font:12px/16px Arial, Helvetica, sans-serif;
	height:100%;
	color:#eeeeee;
	background:url(../images/bg-kachel2.jpg) repeat-x;
}

a {
	color:#e2b402;
}

a:hover {
	color:#e2b402;
	text-decoration:underline;
}

p {
	padding-top:10px;
}
li {
	float:left;
}

/*dl {
   width: 280px;
   float:left;
   padding-bottom:20px;
}
dt {
   font:12px/22px Arial, Helvetica, sans-serif;
   float:left;
   width:110px;
   text-transform:none;
}
dd {
   font:12px/22px Arial, Helvetica, sans-serif;
   float:left;
   width:170px;
   text-transform:none;

}

*/

#euroweb{width: 500px !important;}

#euroweb a{
	float:left;
	padding-right:10px;
}

#slideshow {
	overflow: hidden;
	position: absolute;
	top: 130px;
	width:930px;
	height:336px;
	left: 30px;
	z-index:10;
	
}

/*----------------------------------- h2, h3 --------------------------------------------*/
h2 {
	font-size:24px;
	color: #658196;
	text-transform:uppercase;
}

h3 {
	font-size:18px;
	color: #658196;
	text-transform:uppercase;
}

/*----------------------------------- classen --------------------------------------------*/

.clear {
	clear:both;
	padding-bottom:10px;
}

.liste {
	margin:10px 0 10px 0;
	float:left;
	width:200px;
}

.liste li {
	padding: 3px 0 3px 5px;
	width:170px;
	line-height: 18px;
	float:none;
	background-color:#316083;
	height:auto;
	text-transform:uppercase;
	margin:2px 0 0 0;
}

.liste2 {
	margin:10px 0 10px 0;
	float:left;
	width:350px;
}

.liste2 li {
	padding: 3px 0 3px 5px;
	width:330px;
	line-height: 18px;
	float:none;
	background-color:#316083;
	height:auto;
	text-transform:uppercase;
	margin:2px 0 0 0;
}
.image {
	padding:1px;
	background:none;
	border:1px solid #313b44;
	margin: 0 7px 0 0;
}

#content-main-title {
    height:40px;
    border-bottom:1px dashed #826240;
    margin:0 0 19px 0;
        }
/*****************************************************************************************/
/*									 Container       									 */
/*****************************************************************************************/

#container {
	width:990px;
	min-height:100%;
	position:relative;
	margin:0 auto;
}

*html #container {
	height:100%;
}

/*****************************************************************************************/
/*									 Header       										 */
/*****************************************************************************************/

#header {
	background:url(../images/bg-header.png) no-repeat;
	width: 990px;
	height:564px;
	position:relative;
	z-index:500;
}

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

h1#branding a {
	background:url(../images/bg-branding.png) no-repeat;
	width: 285px;
	height: 128px;
	position: absolute;
	top: 0px;
	left: 241px;
	text-indent: -9999px;
}

/*----------------------------------- Navi ---------------------------------------------*/

ul#navigation {
	background: url(../images/bg-navigation.png) 0 0 no-repeat;
	position: absolute;
	height:86px;
	top:478px;
	left:0px;
	z-index:1000;
}

ul#navigation li {
	position:relative;
	list-style-type:none;
	float:left;
}

ul#navigation li a:link,
ul#navigation li a:visited {
	display:block;
	text-decoration:none;
}

ul#navigation a {
	text-indent:-5000px;
}

ul#navigation li a.firmenprofil {
	height:86px;
	width:270px;
	background:url(../images/bg-navigation.png) 0px 0px;
}

ul#navigation li a.firmenprofil:hover {
	background-position: 0px 86px;
}

ul#navigation li.active a.firmenprofil {
	background-position: 0px 86px;
}

ul#navigation li a.unsere-leistungen {
	height:86px;
	width:241px;
	background:url(../images/bg-navigation.png) -270px 0px;
}

ul#navigation li a.unsere-leistungen:hover {
	background-position: -270px 86px;
}

ul#navigation li.active a.unsere-leistungen {
	background-position: -270px 86px;
}

ul#navigation li a.kontakt {
	height:86px;
	width:239px;
	background:url(../images/bg-navigation.png) -511px 0px;
}

ul#navigation li a.kontakt:hover {
	background-position: -511px 86px;
}

ul#navigation li.active a.kontakt {
	background-position: -511px 86px;
}

ul#navigation li a.referenzen {
	height:86px;
	width:210px;
	background:url(../images/bg-navigation.png) -750px 0px;
}

ul#navigation li a.referenzen:hover {
	background-position: -750px 86px;
}

ul#navigation li.active a.referenzen {
	background-position: -750px 86px;
}

/*---------------------------------------- navigationAdditional ---------------------------------------------*/

ul#navigationAdditional {
	background: url(../images/bg-navigationAdditional.png) 0 0 no-repeat;
	position: absolute;
	height:14px;
	top:57px;
	left:724px;
}

ul#navigationAdditional li {
	position:relative;
	list-style-type:none;
	float:left;
}

ul#navigationAdditional li a:link,
ul#navigationAdditional li a:visited {
	display:block;
	text-decoration:none;
}

ul#navigationAdditional a {
	text-indent:-5000px;
}

ul#navigationAdditional li a.startseite {
	height:14px;
	width:72px;
	background:url(../images/bg-navigationAdditional.png) 0px 0px;
}

ul#navigationAdditional li a.startseite:hover {
	background-position: 0px 14px;
}

ul#navigationAdditional li.active a.startseite {
	background-position: 0px 14px;
}

ul#navigationAdditional li a.anfahrt {
	height:14px;
	width:77px;
	background:url(../images/bg-navigationAdditional.png) -72px 0px;
}

ul#navigationAdditional li a.anfahrt:hover {
	background-position: -72px 14px;
}

ul#navigationAdditional li.active a.anfahrt {
	background-position: -72px 14px;
}

ul#navigationAdditional li a.impressum {
	height:14px;
	width:78px;
	background:url(../images/bg-navigationAdditional.png) -149px 0px;
}

ul#navigationAdditional li a.impressum:hover {
	background-position: -149px 14px;
}

ul#navigationAdditional li.active a.impressum {
	background-position: -149px 14px;
}

/*---------------------------------------- navigation-leistungen ---------------------------------------------*/


ul#navigation-leistungen {
   background:url(../images/bg-navigation-leistungen.jpg) 0px 0px no-repeat;
   position:absolute;
   width:241px;
	left:-5000px;
	
}
ul#navigation-leistungen li {
   position:relative;
   list-style-type:none;
   float:left;
}

ul li:hover ul#navigation-leistungen,ul li.sfhover ul#navigation-leistungen {
	left:0px;
	top:86px;
}	
ul#navigation-leistungen li a {
   display:block;
   text-decoration:none;
}
ul#navigation-leistungen a {
   text-indent:-5000px;
}
ul#navigation-leistungen li a.komplettbaeder {
   height:40px;
   width:241px;
   background:url(../images/bg-navigation-leistungen.jpg) 0px 0px;
}
ul#navigation-leistungen li a.komplettbaeder:hover {
   background-position: -241px 0px;
}
ul#navigation-leistungen li.active a.komplettbaeder {
   background-position: -241px 0px;
}
ul#navigation-leistungen li a.heizung-lueftung {
   height:24px;
   width:241px;
   background:url(../images/bg-navigation-leistungen.jpg) 0 -40px;
}
ul#navigation-leistungen li a.heizung-lueftung:hover {
   background-position:  -241px -40px;
}
ul#navigation-leistungen li.active a.heizung-lueftung {
   background-position:  -241px -40px;
}
ul#navigation-leistungen li a.erneuerbare-energien {
   height:24px;
   width:241px;
   background:url(../images/bg-navigation-leistungen.jpg) 0 -64px;
}
ul#navigation-leistungen li a.erneuerbare-energien:hover {
   background-position: -241px -64px;
}
ul#navigation-leistungen li.active a.erneuerbare-energien {
   background-position: -241px -64px;
}
ul#navigation-leistungen li a.deckensysteme {
   height:24px;
   width:241px;
   background:url(../images/bg-navigation-leistungen.jpg) 0 -88px;
}
ul#navigation-leistungen li a.deckensysteme:hover {
   background-position: -241px -88px;
}
ul#navigation-leistungen li.active a.deckensysteme {
   background-position: -241px -88px;
}

ul#navigation-leistungen li a.kundendienst-wartung {
   height:44px;
   width:241px;
   background:url(../images/bg-navigation-leistungen.jpg) 0 -112px;
}
ul#navigation-leistungen li a.kundendienst-wartung:hover {
   background-position: -241px -112px;
}
ul#navigation-leistungen li.active a.kundendienst-wartung {
   background-position: -241px -112px;
}
/*****************************************************************************************/
/*									 Content                							 */
/*****************************************************************************************/

#content-container {
	width: auto;
	background: url(../images/contentContainer.jpg) no-repeat;
	min-height:300px;
	padding:25px 0 0 30px;
}

#content-container h3 {
font-size:14px;
text-transform:uppercase;
color:#658196;
}

.content-column-left {
	width:415px;
	position:relative;
	float:left;
	padding:50px 65px 0 0px;

}

.content-column {
	width:895px;
	padding:50px 0px 0 0px;


}
.content-column-right {
	width:443px;
	position:relative;
	float:left;
	padding:55px 5px 0 31px;
}


/*****************************************************************************************/
/*									 Footer       										 */
/*****************************************************************************************/
#footerContent {
			clear:left;
			height:117px;
			width: 100%;
			margin-top:20px;
			background:url(../images/bg-footer.jpg) repeat-x;
}

#footer {
		height:117px;	
		margin-left:auto;
		margin-right:auto;
		position:relative;
		width:990px;
		text-transform:uppercase;
}

.footerMail a {
	width:185px;
	height:14px;
	overflow:hidden;
	text-indent:-5000px;
	display:block;
	background:url(../images/bg-footer-a.png) 0 0 no-repeat;
}

.footerMail a:hover {
	background-position:0 -14px;
}


#footer a {
	color:#e2b402;
}

#footer .addresse {

}

#footer a:hover {
	color:#e2b402;
	text-decoration:underline;
}
#footer p.weiss {
color:#fff;}

.footer-column-left {
	width:410px;
	position:relative;
	float:left;
	padding:10px 65px 0 31px;
}


.footer-column-right {
	width:443px;
	position:relative;
	float:left;
	padding:10px 5px 0 31px;

}

#footer p {
	margin:10px 0 0 0;
	font-size:14px;
	line-height:18px;
}