@charset "utf-8";

/*****************************************************************************************/
/*									 IMPORT												 */
/*****************************************************************************************/

	@import url("lightbox.css");
	@import url("cms.css");

/*****************************************************************************************/
/*									 STANDARDS   										 */
/*****************************************************************************************/

* {
	padding: 0;
	margin: 0;
	border: 0;
}

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

.clear { 
	clear: both;}

html {
	background: #3e3e37 url(../images/layout/bg-unterseite.gif) repeat-x;
}

body {
	margin: 0px;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #b8b8a7;	
	scrollbar-base-color:#5b5b50;
	scrollbar-3d-light-color:#5b5b50;
 	scrollbar-arrow-color:#5b5b50;
 	scrollbar-darkshadow-color:#5b5b50;
	scrollbar-face-color:#707063;
	scrollbar-highlight-color:#5b5b50;
	scrollbar-shadow-color:#5b5b50;
	scrollbar-track-color:#5b5b50;

}




/*****************************************************************************************/
/*									 LAYOUT      										 */
/*****************************************************************************************/

.facebook {
		float:right;
		margin:5px 20px 0 0;
		font-size:12px;
		font-style:italic;
		padding:0 0 0 25px;
		background:url(../images/facebook.png) 0 1px no-repeat;
}

#wrapper {
	clear: both;
	width: 955px;
	position:relative;
	margin: 0 auto;
}

#innerwrapper {
	width: 915px;
	overflow: hidden;
	margin: 0 auto;
	background: #242520;
}

#header {
	background:url(../images/layout/header.jpg) no-repeat bottom left;
	width:915px;
	height: 220px;
	margin: 0 auto;
	padding:0;
}

#header-unterseite {
	background:url(../images/layout/header-unterseite.jpg) no-repeat bottom left;
	width:915px;
	height: 150px;
	margin: 0 auto;
	padding:0;
}

	
#designbild-home {
	background: url(../images/content/bild-home.jpg) no-repeat;
	float: left;
	width: 415px;
	padding: 0;
	overflow:hidden;
	height: 310px;
}


#designbild {
	float: left;
	width: 415px;
	padding: 0;
	margin: 0;
	overflow:hidden;
	height: 380px;
	z-index:9;
	position: relative;
}


#anfahrtbox {
	background: #5b5b50;
	float: left;
	width: 380px;
	padding: 20px 25px 0 10px;
	margin: 0;
	overflow:hidden;
	height: 360px;
	
	}

#impressumbox {
	float: left;
	width: 220px;
	padding: 80px 25px 0 25px;
	margin: 0;
	overflow:hidden;
	height: 300px;
	background:#515147;
}


#adressbox {
	float: left;
	width: 365px;
	padding: 80px 25px 0 25px;
	margin: 0;
	overflow:hidden;
	height: 300px;
	background:#515147;
}

#adressbox p{
	padding-bottom: 15px;
}


.adressboxleft {
	float: left;
	width:195px;

}
	
.adressboxright {
	float: left;
	width:170px;

}	


.anfahrtleft {
	float: left;
	width:215px;
}
	
.anfahrtright {
	float: left;
	width:220px;
}	

#euroweblogo {
	padding: 10px 0 0 20px;

}

#kontaktbox {
	background: #5b5b50;
	width: 605px;
	float: left;
	height: 340px;
	*height: 355px;
	padding: 20px;
	*padding-bottom: 5px;
}


#kontaktbox #textbox {
	float: left;
	height: 230px;	
	overflow-y: scroll;
	width: 600px;	
}


#kontaktbox #textbox p{
	line-height: 20px;
	padding: 10px 15px 10px 20px;
}

#content-home {
	background: #5b5b50;
	width: 500px;
	float: left;
	height: 310px;	
}

#content {
	background: #5b5b50;
	width: 460px;
	float: left;
	height: 340px;
	*height: 355px;
	padding: 20px;
	*padding-bottom: 5px;
}

#textbox {
	float: left;
	height: 230px;	
	overflow-y: scroll;
	width: 455px;	
}


#textbox p{
	line-height: 20px;
	padding: 10px 15px 10px 20px;
}

#content ul {
	line-height: 18px;
	padding: 10px 15px 10px 40px;
	list-style: circle;
	}
	
#content li {
	padding-bottom: 5px;
}

.left {
	float: left;
	width:290px;
}
	

.right {
	float: left;
	width:290px;
}	
	

	
.datenschutz p{
	font-size: 11px !important;
	line-height: 16px !important;
	}
.datenschutz h2 {
	font-size: 13px;
	font-weight:bold;
	padding: 15px 35px 0 20px;
}



/* ----------------------------------CONTENTIMAGE----------------------------------------*/

#designbild.bad {background: url(../images/content/bild-bad.jpg);}
#designbild.kueche {background: url(../images/content/bild-kueche.jpg);}
#designbild.boden {background: url(../images/content/bild-boden.jpg);}
#designbild.treppe {background: url(../images/content/bild-treppe.jpg);}
#designbild.fenster {background: url(../images/content/bild-fenster.jpg);}
#designbild.unternehmen {background: url(../images/content/bild-unternehmen.jpg);}
#designbild.leistungen {background: url(../images/content/bild-leistungen.jpg);}
#designbild.garten {background: url(../images/content/bild-garten.jpg);}
#designbild.material {background: url(../images/content/bild-material.jpg);}
#designbild.pflege {background: url(../images/content/bild-pflege.jpg);}
#designbild.grabmal {background: url(../images/content/bild-grabmal.jpg);}
#designbild.referenzen {background: url(../images/content/bild-referenzen.jpg);}

/*-----------------------------------HEADLINES-------------------------------------------*/
h1{	
text-indent: -9999px; margin-top: 50px; *margin-top: 65px; margin-bottom: 15px; height: 50px; width: 460px;
font-size: 20px;}

h1.headline-home { 	background: url(../images/layout/h1-home.gif) no-repeat; margin-top: 100px; height: 100px; width: 500px;}
h1.headline-unternehmen { background: url(../images/layout/h1-unternehmen.gif) no-repeat; }
h1.headline-leistungen { background: url(../images/layout/h1-leistungen.gif) no-repeat; }
h1.headline-boden { background: url(../images/layout/h1-boden.gif) no-repeat; }
h1.headline-treppen { background: url(../images/layout/h1-treppen.gif) no-repeat; }
h1.headline-fenster { background: url(../images/layout/h1-fenster.gif) no-repeat; }
h1.headline-kueche { background: url(../images/layout/h1-kueche.gif) no-repeat; }
h1.headline-bad { background: url(../images/layout/h1-bad.gif) no-repeat; }
h1.headline-garten { background: url(../images/layout/h1-garten.gif) no-repeat; }
h1.headline-naturstein { background: url(../images/layout/h1-naturstein.gif) no-repeat; }
h1.headline-pflege { background: url(../images/layout/h1-pflege.gif) no-repeat; }
h1.headline-grabmal { background: url(../images/layout/h1-grabmal.gif) no-repeat; }
h1.headline-referenzen { background: url(../images/layout/h1-referenzen.gif) no-repeat; }

h1.headline-kontakt { background: #fff url(../images/layout/h1-kontakt.gif) no-repeat; }
h1.headline-anfahrt { background: url(../images/layout/h1-anfahrt.gif) no-repeat; }
h1.headline-impressum { 	background: url(../images/layout/h1-impressum.gif) no-repeat; }


h2 {
	font-size: 15px;
	font-weight:bold;
	padding: 15px 35px 0 20px;
}


h3 {
	font-size: 11px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 45px 0 0 0;
}

/*****************************************************************************************/
/*									 NAVIGATION    										 */
/*****************************************************************************************/


ul#navi {
	background: #35352f url(../images/layout/navigation.gif) no-repeat;
	top: 250px;
	left: 20px;
	position:absolute;
	height: 27px;
	width: 915px;
	z-index:11;
}

ul#navi li { 
	list-style: none;
	float: left;
}
	
	
ul#navi li a {
	text-indent: -5000px;
	outline: none;
	display: block;
	height: 27px;
	z-index:12;		
}

	
ul#navi li a:hover {
	background-position: left bottom;
}
	 
a#navi1 { height: 27px; width: 125px; } 
a#navi1:hover { background: url(../images/layout/navigation-unternehmen-hover.gif) no-repeat;}

a#navi2 { height: 27px; width: 110px; left: 125px;} 
a#navi2:hover { background: url(../images/layout/navigation-innenausbau-hover.gif) no-repeat;}

a#navi3 { height: 27px; width: 170px; left: 235px;} 
a#navi3:hover { background: url(../images/layout/navigation-kueche-bad-hover.gif) no-repeat;}

a#navi4 { height: 27px; width: 215px; left: 405px;} 
a#navi4:hover { background: url(../images/layout/navigation-garten-hover.gif) no-repeat;}

a#navi5 { height: 27px; width: 100px; left: 620px;} 
a#navi5:hover { background: url(../images/layout/navigation-naturstein-hover.gif) no-repeat;}

a#navi6 { height: 27px; width:90px; left: 720px;} 
a#navi6:hover { background: url(../images/layout/navigation-grabmale-hover.gif) no-repeat;}

a#navi7 { height: 27px; width:105px; left: 810px;} 
a#navi7:hover { background: url(../images/layout/navigation-referenzen-hover.gif) no-repeat;}


/* Navigation Rollover 
--------------------------------------------------------------------------------------- */

/* Untermenü Unternehmen */

ul#navi li#navunternehmen ul {
	display: none;
 	list-style: none;
}

ul#navi li#navunternehmen ul li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}

ul#navi li#navunternehmen ul li a {
	display: block;
	color: #b8b8a7;
	text-decoration: none;
	text-indent: 0px;
	width: 100px;
	text-align: left;
	padding: 4px 10px 0 15px;
	height: 22px;
	background: url(../images/layout/bg-hovernav50.png) repeat-x; 
	font-weight: normal;
	float: none;
	clear: both;
}

*html ul#navi li#navunternehmen ul li a {
	background-image: none;
	background: url(../images/layout/bg-hovernav50.gif) repeat-x; 
}

ul#navi li#navunternehmen ul a:hover {
	color: #fff; 	
	background: url(../images/layout/bg-hovernav70.png) repeat-x; 	
}

*html ul#navi li#navunternehmen ul a:hover {
	background-image: none;
	background: url(../images/layout/bg-hovernav70.gif) repeat-x; 

}

ul#navi li#navunternehmen ul {
	top: 27px;
	left: 0;
	position: absolute;
}

ul#navi li#navunternehmen:hover ul {display: block;}

ul#navi li#navunternehmen ul li {
	float: none;
	position: relative;
	display: inline;
	clear: both;
}


/* Untermenü Innenausbau */

ul#navi li#navinnenausbau ul {
	display: none;
 	list-style: none;
}

ul#navi li#navinnenausbau ul li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}

ul#navi li#navinnenausbau ul li a {
	display: block;
	color: #b8b8a7;
	text-decoration: none;
	text-indent: 0px;
	width: 100px;
	text-align: left;
	padding: 4px 10px 0 15px;
	height: 22px;
	background: url(../images/layout/bg-hovernav50.png) repeat-x; 
	font-weight: normal;
	float: none;
	clear: both;
}

*html ul#navi li#navinnenausbau ul li a {
	background-image: none;
	background: url(../images/layout/bg-hovernav50.gif) repeat-x; 
}


ul#navi li#navinnenausbau ul a:hover {
	color: #fff; 	
	background: url(../images/layout/bg-hovernav70.png) repeat-x; 	
}


*html ul#navi li#navinnenausbau ul a:hover {
	background-image: none;
	background: url(../images/layout/bg-hovernav70.gif) repeat-x; 
}

ul#navi li#navinnenausbau ul {
	top: 27px;
	left: 120px;
	position: absolute;
}

ul#navi li#navinnenausbau:hover ul {display: block;}

ul#navi li#navinnenausbau ul li {
	float: none;
	position: relative;
	display: inline;
	clear: both;
}




/* Untermenü Bad und Küche */

ul#navi li#navbadkueche ul {
	display: none;
 	list-style: none;
}

ul#navi li#navbadkueche ul li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}

ul#navi li#navbadkueche ul li a {
	display: block;
	color: #b8b8a7;
	text-decoration: none;
	text-indent: 0px;
	width: 155px;
	text-align: left;
	padding: 4px 10px 0 15px;
	height: 22px;
	background: url(../images/layout/bg-hovernav50.png) repeat-x; 
	font-weight: normal;
	float: none;
	clear: both;
}

*html ul#navi li#navbadkueche ul li a {
	background-image: none;
	background: url(../images/layout/bg-hovernav50.gif) repeat-x; 
}


ul#navi li#navbadkueche ul a:hover {
	color: #fff; 	
	background: url(../images/layout/bg-hovernav70.png) repeat-x; 	
}


*html ul#navi li#navbadkueche ul a:hover {
	background-image: none;
	background: url(../images/layout/bg-hovernav70.gif) repeat-x; 
}

ul#navi li#navbadkueche ul {
	top: 27px;
	left: 230px;
	position: absolute;
}

ul#navi li#navbadkueche:hover ul {display: block;}

ul#navi li#navbadkueche ul li {
	float: none;
	position: relative;
	display: inline;
	clear: both;
}




/* Untermenü Naturstein */
ul#navi li#navnaturstein ul {
	display: none;
 	list-style: none;
}

ul#navi li#navnaturstein ul li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}

ul#navi li#navnaturstein ul li a {
	display: block;
	color: #b8b8a7;
	text-decoration: none;
	text-indent: 0px;
	width: 80px;
	text-align: left;
	padding: 4px 10px 0 15px;
	height: 22px;
	background: url(../images/layout/bg-hovernav50.png) repeat-x; 
	font-weight: normal;
	float: none;
	clear: both;
}

*html ul#navi li#navnaturstein ul li a {
	background-image: none;
	background: url(../images/layout/bg-hovernav50.gif) repeat-x; 
}

ul#navi li#navnaturstein ul a:hover {
	color: #fff; 	
	background: url(../images/layout/bg-hovernav70.png) repeat-x; 	
}


*html ul#navi li#navnaturstein ul a:hover {
	background-image: none;
	background: url(../images/layout/bg-hovernav70.gif) repeat-x; 
}

ul#navi li#navnaturstein ul {
	top: 27px;
	left: 615px;
	position: absolute;
}

ul#navi li#navnaturstein:hover ul {display: block;}

ul#navi li#navnaturstein ul li {
	float: none;
	position: relative;
	display: inline;
	clear: both;
}

#iframe {
	color:#000000;
}

/* Topnavigation 
--------------------------------------------------------------------------------------- */


ul#topnavi {
	background: url(../images/layout/topnav.gif) no-repeat right bottom;
	margin: 0 auto;
	height:80px;
	width: 915px;
}

ul#topnavi li  { 
	position: relative;
	float: left;
	list-style: none;}
	
	
ul#topnavi li a{ 
	height: 80px;
	display: block; 
	text-indent: -9999px;}	
	
a#topnav-home {  width: 53px; height: 80px; margin-left: 647px;}
a#topnav-home:hover { background: url(../images/layout/topnav-home-hover.gif) no-repeat; }
	
a#topnav-anfahrt { 	width: 70px; height: 80px; 	}
a#topnav-anfahrt:hover { background: url(../images/layout/topnav-anfahrt-hover.gif) no-repeat;}
	
a#topnav-kontakt { 	width: 72px; height: 80px;	}	
a#topnav-kontakt:hover { background: url(../images/layout/topnav-kontakt-hover.gif) no-repeat;}
	
a#topnav-impressum { width: 73px; height: 80px;  }	
a#topnav-impressum:hover { background: url(../images/layout/topnav-impressum-hover.gif) no-repeat;}
	


/*****************************************************************************************/
/*									 FOOTER      										 */
/*****************************************************************************************/


#footer {
	clear: both;	
	background:url(../images/layout/footer.png) no-repeat;
	width:955px;
	height: 75px;
	padding: 25px 0 0 25px;
}

#footer p {
	color: #666;
	font-size:10px;
	padding-bottom: 5px;
	text-align: left;
}

#footer a, #footer .escape span{
	color: #666;
	text-decoration:none; 
}

#footer a:hover, #footer a:hover span {
	text-decoration: underline;
	color:#999;
}

/*****************************************************************************************/
/*									 LINKS      										 */
/*****************************************************************************************/


a, .escape span{
	text-decoration: underline;
	color: #b8b8a7;
	outline: none;
}

a:hover, a:hover span { text-decoration:none; color:#f1f1f1;}

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/layout/pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}


/*-----------------------------------BILDBORDER-----------------------------------------*/


.thumbspalte {
	width: 400px;
	float: left;
	padding: 10px 15px 10px 20px;
}
	
.bild { float:right; padding: 15px 15px 10px 10px;}
	
.bildcms { 
	border: 1px solid #c5c5b9;
	float: left;
	margin-right: 8px;
	}

.bildcms img {

}

.bildcms img:hover {
	border: 1px solid #3e3e37;
}