@charset "utf-8";
/* CSS Document - Copyright buntsucht.de 2011 */


body {
   background-color:#6a1f11;
   margin:0px;
   }
   
   
/* HEADER */   
.header-hg {
   width:100%;
   height:162px;
   background-image:url(img/header-hg.png);
   background-color:#FFFFFF;
   position:absolute;
   top:0px;
   left:0px;
   z-index:2;
   }
   
.header-box {
   width:900px;
   height:160px;
   position:absolute;
   top:0px;
   left:50%;
   margin-left:-450px;
   z-index:50;
   }
   
.Logo {
   width:160px;
   height:120px;
   position:absolute;
   top:30px;
   left:0px;
   }
   
a.Menue {
   height:158px;
   border-left:#e1e1e1 1px solid;
   padding-left:15px;
   padding-right:15px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#a9301b;
   display:block;
   text-decoration:none;
   }
   
a.Menue:hover {
   height:158px;
   border-left:#e1e1e1 1px solid;
   padding-left:15px;
   padding-right:15px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#ffffff;
   background-color:#a9301b;
   display:block;
   text-decoration:none;
   }
   
.Menue-hoehe {
   padding-top:135px;
   }
   
.Menue-ende {
   height:158px;
   border-left:#e1e1e1 1px solid;
   }
   
.Menue-box {
   height:160px;
   position:absolute;
   top:0px;
   left:350px;
   }
/* HEADER ENDE */



/* CONTENT */
.Content-Box {
   width:1000px;
   position:absolute;
   top:172px;
   left:50%;
   margin-left:-500px;
   z-index:1000;
   }
   
.ContentHintergrund {
   width:1100px;
   height:400px;
   background-image:url(img/HG.png);
   position:fixed;
   bottom:0px;
   left:50%;
   margin-left:-550px;
   z-index:1;
   }
   
h1 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   font-weight:bold;
   color:#a9301b;
   }
   
h2 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#666666;
   font-weight:normal;
   }
   
a.text-link {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#333333;
   font-weight:normal;
   text-decoration:none;
   }
   
a.text-link:hover {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#a9301b;
   font-weight:bold;
   text-decoration:underline;
   }
   
.Header-Content {
   width:960px;
   height:350px;
   background-color:#FFFFFF;
   margin-top:0px;
   margin-left:0px;
   padding:20px;
   z-index:1000;
   }
   
.Header-Content-Galleria {
   width:960px;
   background-color:#FFFFFF;
   margin-top:0px;
   margin-left:0px;
   padding:20px;
   z-index:1000;
   }
   
.HC_Teiler1 {
   width:440px;
   height:310px;
   float:left;
   }
   
.HC_Teiler2 {
   width:500px;
   height:350px;
   background-color:#666666;
   margin-left:20px;
   float:left;
   }
   
.clear_left {
   clear:left;
   }
   
.Content {
   width:1000px;
   margin-top:20px;
   margin-left:0px;
   z-index:1000;
   }
   
.Content-Leistungen {
   width:960px;
   margin-top:20px;
   margin-left:0px;
   padding-top:30px;
   padding-bottom:30px;
   padding-left:20px;
   padding-right:20px;
   background-color:#FFFFFF;
   z-index:1000;
   }
   
.cl-font {color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.cl-font h2 {font-size: 14px; font-weight: bold;}
   
.KI-Content {
   width:960px;
   background-color:#FFFFFF;
   margin-top:0px;
   margin-left:0px;
   padding:20px;
   z-index:1000;
   }
   
/* CONTENT ENDE */
/*LEISTUNGEN LINKS */
a.fliesen {
   width:184px;
   height:220px;
   background-image:url(img/fliesen.png);
   display:block;
   }
   
a.fliesen:hover {
   width:184px;
   height:220px;
   background-image:url(img/fliesen_hover.png);
   display:block;
   }
   
a.wdvs {
   width:184px;
   height:220px;
   background-image:url(img/wdvs.png);
   display:block;
   }
   
a.wdvs:hover {
   width:184px;
   height:220px;
   background-image:url(img/wdvs_hover.png);
   display:block;
   }
   
a.bautenschutz {
   width:184px;
   height:220px;
   background-image:url(img/bautenschutz.png);
   display:block;
   }
   
a.bautenschutz:hover {
   width:184px;
   height:220px;
   background-image:url(img/bautenschutz_hover.png);
   display:block;
   }
   
/*LEISTUNGEN LINKS - ENDE*/


.Footer-Font {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#FFFFFF;
   }
   
a.Impressum-Font {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   font-weight:bold;
   color:#FFFFFF;
   }
   
a.Impressum-Font:hover {
   color:#999999;
   }

/* SLIDER */
#slider {

	/* You MUST specify the width and height */
	width:500px;
	height:350px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:100px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:100px;
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	
}

	#excerpt li {
		padding:5px;
	}
	


.clear {
	clear:both;	
}
/* SLIDER ENDE */

/*GALLERIE*/
#galleria{height:350px;}

.ThemenGalerie {
    width:960px;
	border-bottom:#a9301b 2px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#333333;
	}
	
.ThemenGalerie2 {
    width:925px;
	border-bottom:#a9301b 2px solid;
	margin-bottom:25px;
	background-color:#d6d6d6;
	padding:10px 15px 5px 20px;
	}
	
.ThemenGalerie3 {
    width:450px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}
	
#themen-gallery img {margin:0 5px 5px 0; padding:0; float:left;}
#themen-gallery2 img {margin:0 5px 5px 0; padding:0; float:left;}
#themen-gallery3 img {margin:0 5px 5px 0; padding:0; float:left;}
#themen-gallery4 img {margin:0 5px 5px 0; padding:0; float:left;}
#themen-gallery5 img {margin:0 5px 5px 0; padding:0; float:left;}
#themen-gallery6 img {margin:0 5px 5px 0; padding:0; float:left;}
#themen-gallery7 img {margin:0 5px 5px 0; padding:0; float:left;}
#themen-gallery8 img {margin:0 5px 5px 0; padding:0; float:left;}