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

html{ margin:0; vertical-align: baseline;
 height:100%;}

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




	
#wrapper {
	margin:0 15% 0 15%;
	 width:100%;
	 display:block;
	 
	 }



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

	main, #kontakt {
	float:left;
	width:45%;}

	article {
   
   background-color: #717171;
	opacity: 0.9;
	moz-opacity: 0.9;
	filter:Alpha (opacity=90);
	text-shadow:1px 1px 0 #333;
	border-radius:10px;
	margin: 20px 2%;
	padding:1% 5% 1% 5%;
	
    }
				
#middle {
width:60%;
}

	#middle article, #kontakt article {
	background-color:#717171;/*#900;*/
	opacity: 0.90;
	moz-opacity: 0.90;
	filter:Alpha (opacity=90);
	text-shadow:1px 1px 0 #333;
	border-radius:10px;
	margin: 20px 2%;
	padding:1% 4% 1% 4%;
	}
	
	.info { width:60%;
	clear:left;
	margin: 20px  7%  0 7%;  }
		
.info article {
margin-top: 300px;
	padding:1% 4% 1% 4%;
border-radius:10px;
background-color:#717171;/*#900;*/
opacity: 0.8;
moz-opacity: 0.8;
filter:Alpha (opacity=85);
	
}
	
	h1, h2, h3, h4 , h5 {font-family:  Helvetica, Verdana, Geneva, sans-serif; color:#fff;}	
		
	h1, .ds{ font-size:1.5em;
		margin-top:0px;
		 }
		 .ds {letter-spacing:2px; margin-top:5px;}
.pro{font-size:1.75em; }


   h2, .fotograf{ font-size:1.2em;
	letter-spacing:-1px;
	   font-variant:small-caps;
	    }
	
	h3 { font-size:1.2em;
	    font-variant:small-caps; }
		
		h4 { font-size:1.25em; 
	    font-variant:small-caps; }
		
		h5 {font-size:1em;font-variant:small-caps;}
		
		p, .pricelist, .list {
 color:#fff;
	font-size:0.9em;
	list-style:square;
}


.preis {
	font-size:1.1em;
	margin-left:1.7em;
	margin-top:0;
}
	
	aside { float:left;
	text-align:center;
	width:25%;
	max-width:200px;
	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 5% 0 5%;
	padding:1% 2% 1% 2%;}

.link {
	color:#399;
	font-weight:bold;
	text-decoration:none;
}
.link: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; }
	
	 .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;
	}


/*  Navi */
#nav {
	padding: 10px 0px 0 0px;
	color:#000;
	text-align:center;
}

#nav ul{
list-style: none;
font-size: 14px;
margin: 0 5% 0 5%;
padding: 4px  0 6px 15px;
border-radius:6px;
background: rgba(255, 255, 255, .5);
}

#nav ul li{
display: inline;
margin: 0;
padding: 0 5px 0 5px;
}

#nav ul li a {
text-decoration: none;
font-weight:bold;
display: inline;
padding: 2px 20px 2px 20px;
color: #000000;

}

#nav ul li .active a,
#nav ul li a:hover, #nav ul li a.thisside
{ color:#900; }


/*end navi */






		
			
					
					.
#footer {
	clear:both;
	padding:0;
	margin:0;
	text-align:center;
    font-size:0.85em;
	font-weight:700;
	}
	#footer p { color: #000; displa:block; }
	
		.klein { font-size: 0.85em; }
		.white {color:#fff;}
		label { font-size: 1em; color:#fff; }
		
		
		#submit { margin-bottom:25px; font-weight:bold; }
		
		#submit:hover { background-color:#399;  color:#fff; }
		
		#bottom { margin-top:2750px; margin-bottom:0; text-align: center; }
		 #bottom p {line-height:0.8;}
		 
		 #anker { clear:left; margin-left:3%;}
		

.mini{font-size:0.7em;}
.klein{font-size:0.8em;}
.bold {font-weight:bold;}
.topspace{margin-top:-0.3em;}
.big{font-size: 1em; font-weight:bold;text-shadow:2px 2px 0 #000;}
 
	#contact {visibility:hidden;}
	.topspace.telefon:before {
  content:url(../images/telefonicon.png);
   vertical-align:-5px;
   margin:1px;
}
.info .desc{font-weight:bold; margin-top:-1em;}
.italic{font-style:italic;}


.help{cursor: help}


em{font-weight:bold;}


#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; }

#logo{ float:left;}