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

html{
	margin:0;
	height:100%; }
	

body {background-color:#ffffff;
font-family: 'Open Sans', Helvetica, Verdana, Geneva, sans-serif;
	margin:0px;}
	
	
	

	
#wrapper{width: 100%;}



.einzug { margin-left:1em; margin-bottom:0; }


main, #kontakt { width:100%;}
	h1, h2, h3, h4, h5 { font-family:  Helvetica, Verdana, Geneva, sans-serif; color:#fff; }
	
	h1 { font-size:2em;
	 margin-top:0px;
	text-shadow:2px 2px 0 #333;
	letter-spacing:1px;
}

.pro{font-size:1.5em; }
h2 { font-size:1.3em; font-variant:small-caps; }
h3 { font-size:1.15em; letter-spacing:1px;  font-variant:small-caps; }
h4 { font-size:1.53em; letter-spacing:2px; font-variant:small-caps; }
h5 {font-size:1.1em;font-variant:small-caps;}

p, .pricelist, .list {
	color:#fff;
	font-size:0.90em;
	list-style:square;
}

.preis {
	font-size:1em;
	margin-left:1.7em;
	margin-top:0;
}


article {
	background-color: #717171;;
	opacity: 0.75;
	moz-opacity: 0.75;
	filter:Alpha (opacity=75);
	text-shadow:1px 1px 0 #333;
	border-radius:10px;
	margin: 20px 2%;
	padding:1% 4% 1% 4%;}
	
	
	#middle article, #kontakt article{
	opacity: 0.9;
	moz-opacity: 0.9;
	filter:Alpha (opacity=9);
	}
	
	.galerielayer article{
	opacity: 0.95;
	moz-opacity: 0.95;
	filter:Alpha (opacity=95);
	}
	
	aside {text-align:center;
	width:80%;
	background-color: #717171;;
	opacity: 0.75;
	moz-opacity: 0.75;
	filter:Alpha (opacity=75);
	text-shadow:1px 1px 0 #333;
	border-radius:10px;
    margin:20px 10% 0 10%;
	padding:1% 2% 1% 2%;}



img {max-width:100%; height:auto; }

#nav ul {margin:0 auto; 
    padding:0;
    width:100%;
    list-style-type:none;
	text-align:center;
}
#nav ul li { color:rgba(255, 255, 255, .0); line-height: 0.75em;}

#nav ul li a {
	font-weight:bold;
font-size:1em;
text-decoration:none;
color:#000; 
padding:4px 3px;
background: rgba(255, 255, 255, .7);
display:block; 
border-radius:8px;}
 
#nav ul li a:visited {color: #000;}
 
#nav ul li a:hover, #nav ul li a.thisside {color:#900;}

.galerielayer { margin: 0 auto 0 auto; };
.foto { margin: 0 25%;}
.foto ul li{
display: inline;
list-style: none;
margin: 0 auto;
}
.foto ul li img {margin: 5px;}
.galeriehead { margin-left: 10%;}
.galerielayer h1{font-size:1.75em;}
.txtcenter {text-align:center;}
	
.link{
	color:#399;
	text-shadow:none;
	font-weight:bold;
	text-decoration:none;
}
.link:hover{color:#65E9FF;}
		
		.inlinelink:hover, .impressum:hover, #fotolink:hover, #c1:hover {
		color:#65E9FF;
   -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
	}


.inlinelink{
	color:#fff;
	text-decoration:none;}



 #button a { display: block;}
 
 	
	

	
		
					
					.impressum{
					color:#444;	
					font-size:0.9em;
					text-decoration:none;
					float:left;}
					
		
				
#footer {
	clear:both;
	font-size:0.85em;
	font-weight:bold;
	text-align:center;
	width: 100%;
		}
		 #footer p { color:#717171;}
		
		.klein { font-size: 0.75em; }
		.white {color:#fff;}
		label { font-size: 0.8em; color:#fff; }
		
			#submit { margin-bottom:25px;  font-style:bold; }
		
		#submit:hover { background-color:#399;  color:#fff;}
		
		#bottom { margin-top:2000px; text-align: center; }
		
		#anker { clear:left; margin-left:25%;margin-top:-70px;}
		.info .desc{font-weight:bold; margin-top:-1em;}


.close:hover { background: #399; }
.box2 p{font-size:0.75em;}
.mini{font-size:0.7em;}
.klein{font-size:0.8em;}
.socialbutton {margin-right:2%; margin-left:2%;}
#fb{ padding-bottom:8px;}
.bold {font-weight:bold;}
#top-link	{ display:none; position:fixed; right:3%; bottom:5%; opacity: 0.7; moz-opacity: 0.7; filter:Alpha (opacity=7)}
.big{font-size: 1em; font-weight:bold;text-shadow:2px 2px 0 #000;}



#pfeil {display:none;}
.topspace{margin-top:-0.3em;}


.italic{font-style:italic;}

	.help{cursor: help}

.cross{cursor: crosshair; }


.uplink img{display:inline;}
	
	#preisrechner{ background-color:#399;color:#fff; font-weight:bold; padding:1em; box-shadow:2px; box-shadow: 1px 2px 0px silver;} 
#preisrechner:hover { background-color:#69F; color:#fff; }

@media screen and (max-width: 800px)   {
#logo{ clear:both; display: block; margin: 20px auto; text-align:center;}}