@charset "UTF-8";
/* CSS Document */

html, body{
		background-image: url(bilder/BG_NEU.jpg);
    background-size: 100% !important;
	background-repeat: repeat-x;
	background-color: #ecebe2;
	background-attachment:fixed;
    }
	

* { margin:0; margin-top: px; padding:0; }
body {
	margin-top: 20px;
font-family: 'Fredericka the Great', cursive;
font-size: 18px;
color: #000;
}

a {
text-decoration: none;
color: #993333;
}
a:hover {
text-decoration: underline;
color: #993333;
}
	h2 {
		text-align: center;
	color: #993333;
	}
	h4 {
	color: #993333;
	margin-bottom: 10px;
	}

a.handel {
text-decoration: none;
color: #000;
}
a.datenschutz {
text-decoration: none;
color: #666;	
	
}



#wrapper {
width: 950px;
height: auto;
margin: auto;
background-image: url(bilder/BG-wrapper.png) ;
box-shadow: 0px 20px 30px #000;
}

#header {
width: 950px;
height: 200px;
}

#menu_klein {
position: absolute;
width: 870px;
height: 40px;
margin-top: 40px;
margin-left: 40px;
background-color: #;
}
	#menu_klein_left {
	float: left;
	}
		#fb_logo {
			float: left;
		opacity: .9;
		}
		#fb_logo:hover {
			float: left;
		opacity: .99;
		}
		#an_werden {
		float: left;
		width: 90px;
		height: 20px;
		margin-top: 10px;
		margin-left: 5px;
		display: block;
		background: url(bilder/an_werden.png) top;
		}
		
	#menu_klein_right {
	float: right;
	}
		#ueber_uns {
		float: left;
		width: 71px;
		height: 28px;
		margin-top: 7px;
		display: block;
		background: url(bilder/ueber_uns.png) top;
		}
		#ueber_uns:hover {
		float:left;
		width: 71px;
		height: 28px;
		margin-top: 7px;
		display: block;
		background: url(bilder/ueber_uns.png) bottom;
		}
		#ueber_uns_akt {
		float:left;
		width: 71px;
		height: 28px;
		margin-top: 7px;
		display: block;
		background: url(bilder/ueber_uns.png) bottom;
		}
		#kontakt {
		float: left;
		width: 67px;
		height: 28px;
		margin-top: 7px;
		margin-left: 10px;
		display: block;
		background: url(bilder/kontakt.png) top;
		}
		#kontakt:hover {
		float: left;
		width: 67px;
		height: 28px;
		margin-top: 7px;
		margin-left: 10px;
		display: block;
		background: url(bilder/kontakt.png) bottom;
		}
		#kontakt_akt {
		float: left;
		width: 67px;
		height: 28px;
		margin-top: 7px;
		margin-left: 10px;
		display: block;
		background: url(bilder/kontakt.png) bottom;
		}
		#impressum {
		float: left;
		width: 88px;
		height: 28px;
		margin-top: 7px;
		margin-left: 10px;
		display: block;
		background: url(bilder/impressum.png) top;
		}
		#impressum:hover {
		float: right;
		width: 88px;
		height: 28px;
		margin-top: 7px;
		margin-left: 10px;
		display: block;
		background: url(bilder/impressum.png) bottom;
		}
		#impressum_akt {
		float: right;
		width: 88px;
		height: 28px;
		margin-top: 7px;
		margin-left: 10px;
		display: block;
		background: url(bilder/impressum.png) bottom;
		}
		
#menu_gross {
position: absolute;	
width: 870px;
height: 45px;
margin-left: 40px;
margin-top: 95px;
background-color: #;
}
		
		#menu_gross_left {
		float: left;
		}
		#startseite {
		float: left;
		width: 153px;
		height: 45px;
		margin-top: px;
		display: block;
		background: url(bilder/startseite.png) top;
		opacity: .9;
		}
		#startseite:hover {
		float: left;
		width: 153px;
		height: 45px;
		margin-top: px;
		display: block;
		background: url(bilder/startseite.png) top;
		opacity: .99;
		}
		#startseite_akt {
		float: left;
		width: 153px;
		height: 45px;
		margin-top: px;
		display: block;
		background: url(bilder/startseite.png) bottom;
		}
		#handel {
		float: left;
		width: 113px;
		height: 45px;
		margin-top: px;
		margin-left: 20px;
		display: block;
		background: url(bilder/handel.png) top;
		opacity: .9;
		}
		#handel:hover {
		float: left;
		width: 113px;
		height: 45px;
		margin-top: px;
		display: block;
		background: url(bilder/handel.png) top;
		opacity: .99;
		}
		#handel_akt {
		float: left;
		width: 113px;
		height: 45px;
		margin-top: px;
		margin-left: 20px;
		display: block;
		background: url(bilder/handel.png) bottom;
		opacity: .99;
		}
		
		
		#menu_gross_right {
		float: right;
		}
		#restauration {
		float: left;
		width: 153px;
		height: 45px;
		margin-top: px;
		margin-left:;
		display: block;
		background: url(bilder/restauration.png) top;
		opacity: .9;
		}
		#restauration:hover {
		float: left;
		width: 153px;
		height: 45px;
		margin-top: px;
		display: block;
		background: url(bilder/restauration.png) top;
		opacity: .99;
		}
		#restauration_akt {
		float: left;
		width: 153px;
		height: 45px;
		margin-top: px;
		display: block;
		background: url(bilder/restauration.png) bottom;
		opacity: .99;
		}
		#service {
		float: left;
		width: 112px;
		height: 45px;
		margin-top: px;
		margin-left: 20px;
		display: block;
		background: url(bilder/service.png) top;
		opacity: .9;
		}
		#service:hover {
		float: left;
		width: 112px;
		height: 45px;
		margin-top: px;
		display: block;
		background: url(bilder/service.png) top;
		opacity: .99;
		}
		#service_akt {
		float: left;
		width: 112px;
		height: 45px;
		margin-top: px;
		margin-left: 20px;
		display: block;
		background: url(bilder/service.png) bottom;
		opacity: .99;
		}
		#logo {
	position: absolute;
	width: 220px;
	height: 158px;
	background-color: ;
	margin-left: 360px;
	margin-top: -173px;
	opacity: .9;
	}
		#logo:hover {
		opacity: .99;
		}
		

#slider {
width: 950px;
height: 435px;
background-color: #999;
background-image: url(bilder/slider.png)
}

#top_banner {
width: 361px;
height: 60px;
margin-left: 290px;
background-image:url();
}

	
	

#content {
width: 950px;
height: auto;
margin-top: 20px;
background-color: #;
}

	#satz_start {
	width: 950px; 
	height: auto;
	}
		#sterne {
		width: 950px;
		height: 25px;
		margin-top: 10px;
		background-image: url(bilder/sterne.png);
		}
		#sterne_text {
		width: 560px;
		height: 14px;
		margin-top: 8px;
		margin-bottom 40px;
		background-image: url(bilder/sterne_text.png);
		}
	
	#spalten_komplett {
	width: 870;
	height: auto;
	margin-left: 40px;
	margin-top: 40px;
	margin-bottom: 40px; 
	}
	#spalte {
	float: left;
	width: 270px;
	height: auto;
	margin-top: px;
	margin-left: px;
	background-color: ;
	}
		#button_handel {
		 width: 227px;
		 height: auto;
		 margin-top: 40px;
		 margin-left: 22px;
		 opacity: .9;
		}
		#button_handel:hover {
		 width: 227px;
		 height: auto;
		 margin-top: 40px;
		 margin-left: 22px;
		 opacity: .99;
		}
		#button_restauration {
		 width: 227px;
		 height: 220px;
		 margin-top: 40px;
		 margin-left: 22px;
		 opacity: .9;
		}
		#button_restauration:hover {
		 width: 227px;
		 height: auto;
		 margin-top: 40px;
		 margin-left: 22px;
		 opacity: .99;
		}
		#button_service {
		 width: 227px;
		 height: auto;
		 margin-top: 40px;
		 margin-left: 22px;
		 opacity: .9;
		}
		#button_service:hover {
		 width: 227px;
		 height: auto;
		 margin-top: 40px;
		 margin-left: 22px;
		 opacity: .99;
		}
		
		
	#content_text {
	margin-top: 40px;
	padding-left: 200px;
	padding-right: 200px;
	text-align: center;
	}
	
	#text_klein {
	font-size: 12px;
	}
	
	#kontaktformular {
	width: 300px;
	height: auto;
	margin: auto;
	}
	
	#button {
	opacity: .8;
	}
	#button:hover {
	opacity: .99;
	}
	
	
	
	
	#footer {
	width: 950px;
	height: 150px;
	margin-top: 100px;
	opacity: .75;
	background-color: #333;
	}
		#footer_left {
		float: left;
		width: 435px;
		height: auto;
		margin-top: 40px;
		margin-left: 40px;
		margin-bottom: 70px;
		color: #ccc;
		font-size: 16px;
		}
		#footer_right {
		float: right;
		width: 435px;
		height: auto;
		margin-top: 40px;
		margin-right: 40px;
		margin-bottom: 70px;
		color: #ccc;
		font-size: 16px;
		text-align:right;
		}
		
		
		
		#galerie {
		width: 560px;
		height: auto;
		}
		
			#artikel {
			width: 560px;
			height: auto;
			margin-bottom: 20px;
			opacity: .75;
			}
			#artikel:hover {
			width: 560px;
			height: auto;
			margin-bottom: 20px;
			opacity: .99;
			}
				#artikel_thumb {
					float: left;
				width: 200px;
				height: 150px;
				overflow:hidden;
				background-color: #000;
				z-index:1;
				}
				#artikel_thumb_preis {
				float: left;
				margin-left: -200px;
				margin-top: 130px;
				width: 200px;
				height: 20px;
				background-color: #993333;
				color: #fff;
				z-index: 2;
				}
				
				#artikel_teaser {
				float: left;
				width: 330px;
				height: auto;
				text-align: left;
				margin-left: 20px;
				}
		
		
			#artikel_detail {
			width: 560px;
			height: 350px;
			background-color: #ccc;
			overflow: hidden;
			opacity: .75;
			}
			#artikel_detail:hover {
			width: 560px;
			height: 350px;
			background-color: #ccc;
			overflow: hidden;
			opacity: .99;
			}
			#artikel_detail_klein {
			float: left;
			width: 100px;
			height: 70px;
			overflow: hidden;
			background-color: #ccc;
			margin-right: 12px; 
			margin-top: 15px;
			opacity: .65;
			}
			#artikel_detail_klein:hover {
			float: left;
			width: 100px;
			height: 70px;
			overflow: hidden;
			background-color: #ccc;
			margin-right: 12px; 
			margin-top: 15px;
			opacity: .85;
			}
			#artikel_zurueck {
				float: left;
				margin-left: -150px;
				margin-top: 175px;
			width: 100px;
			height: 100px;
			background-image:url(bilder/artikel_zurueck.png);
			z-index: 1;
			opacity: .60;
			}
			#artikel_zurueck:hover {
				float: left;
				margin-left: -150px;
				margin-top: 175px;
			width: 100px;
			height: 100px;
			background-image:url(bilder/artikel_zurueck.png);
			z-index: 1;
			opacity: .99;
			}
			
			#artikel_vor {
			float: right;
			margin-right: -150px;
			margin-top: 175px;
			width: 100px;
			height: 100px;
			background-image:url(bilder/artikel_vor.png);
			z-index: 1;
			opacity: .60;
			}
			#artikel_vor:hover {
			float: right;
			margin-right: -150px;
			margin-top: 175px;
			width: 100px;
			height: 100px;
			background-image:url(bilder/artikel_vor.png);
			z-index: 1;
			opacity: .99;
			}
			
			#details {
			position: relative;
			}
			
			
			#zurueck {
				width: 150px;
				height: 150px;
				margin: auto;
				margin-top: 70px;
			background-image:url(bilder/zurueck.png);
			opacity: .85;
			}
			#zurueck:hover {
				width: 150px;
				height: 150px;
				margin: auto;
				margin-top: 70px;
			background-image:url(bilder/zurueck.png);
			opacity: .99;
			}