html{overflow-y:scroll; /* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */}

	
body{
	margin:0;
	padding:0;
	font-size:12px;
	font-family: Arial, Helvetica,Verdana ,sans-serif;
	color:/*#919191*/;
	background-color: white;
	
}
a{
	outline:none; 
	text-decoration:none;
}
/*---------------------------------------------------------------------------------------------*/
div.wrapper{
	margin:0; 
	display:block;
	padding:0;
	width:100%;  
	text-align:left;
	position: relative;
	
}
header.headerA{
	display:block; 
	width:900px; 
	margin:0 auto; /*abstand oberer bildschrimrand und logo */
}
nav.navA{
	display:block; 
	width:670px; 
	margin:0px auto;
	float:right;
	margin-top:90px;
}
/*
nav{display:block; width:100%; height:30px; margin:0; padding:20px 0; background-color:black; clear:both;}
nav ul{padding:0 20px;}
nav li{display:inline; margin-right:25px; text-transform:uppercase;}
nav li a{color:red; background-color:black;}
nav li a:hover{color:green; background-color:black;}
---------------------------------------------------------------------------------------------*/
nav {  margin: 0px; margin-right: 0px; }
/*ul {  overflow: auto;  list-style-type: none; width:100%;padding: 0 0 0 0; border-top:0px solid black; border-bottom:1px solid black;}*/
ul.indi {  overflow: auto;  list-style-type: none; width:100%;padding: 0 0 0 0; border-top:0px solid black; border-bottom:1px solid black;}
 
 #inde{
	 height: 30px;
  float: left;
  margin-right: 0px;
  margin-top: 1px; /*abstand Logo zu Menu*/
  /*border-right: 1px solid #aaa;*/
  /*border-top: 1px solid black;
  border-bottom: 1px solid black;*/
  padding: 0 0;
  Width:165px;/*HIER WIRD DIVIDIERT; WIDTH:900*/
  text-align:center;
 }
 
 /*
li {
  height: 30px;
  float: left;
  margin-right: 0px;
  margin-top: 1px; /*abstand Logo zu Menu
  /*border-right: 1px solid #aaa;
  /*border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 0 0;
  Width:165px;/*HIER WIRD DIVIDIERT; WIDTH:900
  text-align:center;
}
 */
li:last-child {
  border-right: none;
}
 
li a {
  text-decoration: none;
  color: /*#ccc*/black;
  font: 20px/1 Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
 
li a:hover {
  color: /*#666*/red;
}
 
li.active a {
  font: 20px/1 Helvetica, Verdana, sans-serif;
  color: red;
}

section.secA{
	display:block; 
	width:900px;
	height:300px;
	margin:10 auto;
	
}

figure {margin-left:0px; margin-right:0px;}
figure img{float:right; width:600px; height:250px; margin-left:0px; margin-right:0px;}
figure figcaption{display:block; float:left; width:300px; height:250px; padding:0px; overflow:hidden; color:red; background-color:white; line-height:1.0em;margin-left:0px; margin-right:0px;}
figure figcaption a{color:#; background-color:#;}
figure h2{font-size:42px; font-weight:normal; font-style:italic; text-transform:none;}
/*---------------------------------------------------------------------------------------------*/
section.secB{
	display:block; 
	width:900px; 
	margin:50 auto;
	height:300px;

}
section.secVor{
	display:block; 
	width:700px; 
	margin:50 auto;
	height:550px;
}
section.impresi{
	display:block; 
	width:900px; 
	margin:50 auto;


}

p.uschr{
	font: 35px Lucida Calligraphy, Verdana, sans-serif;
	color: red;
}
p.irg{
	font: 20px Verdana, sans-serif;
	color: black;
}
/*---------------------------------------------------------------------------------------------
section.secC{
	display:block; 
	width:900px; 
	margin:0 auto;
	padding-bottom: 2em;
}
---------------------------------------------------------------------------------------------*/
footer {
	display:block; 
	width:900px; 
	margin:0 auto;
	position: relative;
	border-top: 1px solid #8c8c8c; 
	margin-top: 0;
	text-align:right;
	
}
footer a {
	color:black;
}
/*---------------------------------------------------------------------------------------------*/


.grid {
	/*bottom:0;
	position:absolute;
	top:0;*/
	width:100%;
	}
.grid .span {
	font: 27px Lucida Calligraphy;
	color:red;
	text-align:center;
	margin-left:7%;	
	
	/*
	background:yellow;
	border-left:1px solid black;
	border-right:1px solid black;*/
	border:1px solid grey;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	height:100px;
	position:relative;
	
	width:25.00%; /* 3 columns */
	
	/*---------Glas outfit----------*/
	/*-moz-box-shadow: inset 0 0 15px 5px  red;
-webkit-box-shadow: inset 0 0 15px 5px  red;
box-shadow: inset 0 0 15px 5px  grey;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;*/
}

#uber{
	font: 25px Lucida Calligraphy;
	color:red;
}
#piwi{
	font: 12px Verdana;
}
#piwiB{
	font: 12px Verdana; 
	font-weight: bold;
}
#logo{
	
}

/* Das Kontaktformular */ 
form {
  background-color: #eee;
  width: 370px; /* Breite des Formulars */
  padding: 20px;
  border: 1px solid #8c8c8c;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#absender,
textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}