/* CSS Document */

* { margin: 0; padding: 0; }


body { 
	font-size: 62.5%;
	font-family: "Courier New", Courier, monospace;
	color: #686868; 
	background: #707070 url(../img/bg.jpg) repeat-x;
	}

#container { 
	width: 970px;
	height: auto;
 	margin: 0 auto;
	}
	
#headerstart{ 
	width: 970px;
	height: 35px;
	float:left;
	text-align:left;
	background:url(../img/headerstart.png) no-repeat;
	}

#header{ 
	width: 970px;
	height: 35px;
	float:left;
	text-align:left;
	background:url(../img/header.png) no-repeat;
	}


/* CONTENT Start */

#content{
	width:970px;
	height: auto;
	background: url(../img/bg_content_ie6.png);
	float:left;
	text-align:left;
}

#layer{
	background: url(../img/content_splash.png) no-repeat;
	float:left;
	text-align:left;
	position:relative;
	left: 15px;
}

#content p{
	font-size: 1.4em;
	line-height:16px;
	width: 600px;
	padding: 0 0 0 120px;
	text-align: left;
	color:#333333;
	}
	
#leftstart{
	width:970px;
	height: auto;
	float:left;
	text-align:left;
}

#left{
	width:970px;
	height: auto;
	float:left;
	text-align:left;
}

.teaser_carpaint{
	width:470px;
	height: 280px;
	float:left;
	text-align:left;
	padding: 0 0 0 15px;
}

.teaser_kitchenpaint{
	width:470px;
	height: 280px;
	float:left;
	text-align:left;
}

.schriftzug{
	width:940px;
	height: 130px;
	float:left;
	text-align:left;
	padding: 0 0 0 15px;
}

.clear{
	clear: both;
}

h1{
	font-size: 1.6em;
	padding: 0;
	margin: 14px 0 14px 120px;
	text-align: left;
	color:#920000;
	font-weight:bold;	
}

h2{
	font-size: 1.4em;
	padding: 0;
	margin: 14px 0 14px 90px;
	text-align: left;
	color:#920000;
	font-weight:bold;	
}

.back{
	float:left;
	font-size:1.1em;
	font-weight: bold;
	color:#333333;
}

#bottom{
	width:305px;
	height: 184px;
	background:url(../img/sprayer.png) no-repeat;
	top:27px;
	left:36px;
	position:relative;
	float:left;
}

.img{
	border:1px solid #594a69;
	top:42px;
	left:45px;
	margin: 0 15px 0 0;
	position:relative;
	float:left;
}
	
/* CONTENT Ende */


/* --------  Bildergallerie Start  -------------*/

.gallerycontainer{
position: relative;
margin: 0 0 0 90px;
width: 600px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 2px solid #60526e;
margin: 0 25px 25px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 2px solid #60526e;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 10px 0 0 10px;
left: -1000px;
visibility: hidden;
color: #60526e;
text-decoration: none;
z-index:2000;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 35px;
left: 100px; /*position where enlarged image should offset horizontally */
z-index: 2000;
color: #60526e;
}

.gallerycontainer a { color: #60526e; text-decoration: none; font-weight:bold;}
.gallerycontainer a:link  { color: #60526e; text-decoration: none; font-weight:bold;}
.gallerycontainer a:hover  { color: #a98fc2; text-decoration: none; font-weight:bold;}


/* --------  Bildergallerie Ende  -------------*/



/* Links Allgemein Start */

a { color: #333333; text-decoration: none; font-weight:bold;}
a:link { color: #333333; text-decoration: none; font-weight:bold;}
a:hover { color: #920000; text-decoration: none; font-weight:bold;}

a span { color: #920000; text-decoration: none; font-weight:bold;}

/* Links Allgemein Ende */


/* Footer Start */

#footerstart{
	width:970px;
	height: 170px;
	float:left;
	text-align: left;
	background:url(../img/footerstart.png) no-repeat;
}

#footer{
	width:970px;
	height: 170px;
	float:left;
	text-align: left;
	background:url(../img/footer.png) no-repeat;
}

#footerkitchen{
	width:970px;
	height: 170px;
	float:left;
	text-align: left;
	background:url(../img/footerkitchen.png) no-repeat;
}

.logo_small{
	top:48px;
	left:154px;
	width: 104px;
	float:left;
	text-align: left;
	position: relative;
}

#footergalerie{
	width:970px;
	height: 170px;
	float:left;
	text-align: left;
	background:url(../img/footer_galerie.png) no-repeat;
}

#footergalerie_kitchen{
	width:970px;
	height: 170px;
	float:left;
	text-align: left;
	background:url(../img/footer_galerie_kitchen.png) no-repeat;
}

/* Footer Ende */

/* HAUPTNAVIGATION Start */

#hauptnavi {
	display:block; 
	height:80px; 
	width:390px; 
	margin: 50px 0 0 350px;
	}
#hauptnavi ul {
	margin:0;
	padding:0; 
	list-style-type:none; 
	}
#hauptnavi li {
	float:right; 
	margin-right:10px; 
	display:block;
	}
	
#hauptnavi li span {
	color:#920000;
	}
	
#hauptnavi li.button1 {font-size: 2.3em; font-weight:bold; width: 230px; height: 12px; float:right;}
#hauptnavi li.button2 {font-size: 1.5em; padding:5px 0 0 0; width:75px; height: 12px; float:right;}
#hauptnavi li.button3 {font-size: 1.2em; padding:5px 0 0 0px; width: 35px; height: 12px; float:right;}
#hauptnavi li.button4 {font-size: 3em; font-weight:bold; padding: 8px 13px 0 0; width: 320px; height: 20px; float:right;}
#hauptnavi li.button5 {font-size: 2.2em; font-weight:bold; width:100px; padding: 12px 0 0 0; height: 10px;}
#hauptnavi li.button6 {font-size: 1.4em; width:26px; padding: 16px 0 0 0; height: 10px;}
#hauptnavi li.button7 {font-size: 1.4em; width:73px; padding: 16px 0 0 0; height: 10px;}
#hauptnavi li.button8 {font-size: 3em; font-weight:bold; padding: 8px 0 0 0; width: 320px; height: 20px; float:right;}

#hauptnavi a {
	display:block; 
	padding-top:3px; 
	padding-bottom:15px; 
	height:0; 
	color:#fff; 
	text-decoration:none;
	}

#hauptnavi a#item1:hover {color:#8d0202;}
#hauptnavi a#item2:hover {color:#8d0202;}
#hauptnavi a#item3:hover {color:#8d0202;}
#hauptnavi a#item4:hover {color:#8d0202;}
#hauptnavi a#item5:hover {color:#8d0202;}
#hauptnavi a#item6:hover {color:#8d0202;}
#hauptnavi a#item7:hover {color:#8d0202;}
#hauptnavi a#item8:hover {color:#8d0202;}


/* HAUPTNAVIGATION Ende */