#seite {
			position: relative;
			width: 100%;
			margin: auto;
		}
		
		body {
			margin: 0 auto
			padding: 0;
			height: 100%; 
			width: 100%;
			font-family: Helvetia, Arial, sans-serif;
			font-size: 0.94 em;
			font-size: 94%;
			line-height: 1.5em;
			background: rgba(100, 200, 255, 1); 

		}
			.bg2 { background-color:#ff6600; }		
			.bg3 { background-color:#ACC8F0; }
			.bg4 { background-color:#DDE8F9; }
			h1 { font-size: 170%; }
			h2 { font-size: 150%; }
			h3 { font-size: 120%; margin-before: 1em; margin-after: 1em }
			h4 { font-size: 1.12em; margin-before: 1.33em; margin-after: 1.33em }
			h5 { font-size: .83em; margin-before: 1.67em; margin-after: 1.67em }
			h6 { font-size: .67em; margin-before: 2.33em; margin-after: 2.33em }

		
		#header {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%; 
			overflow: auto; /* Scrollbars will appear on this frame only when there's enough content to require scrolling. To disable scrollbars, change to "hidden", or use "scroll" to enable permanent scrollbars */
			background: rgba(100, 200, 255, 1);
		}
		
		#nav {
			position: absolute; 
			top: 0.5%; 
			left: 0.1%; 
			bottom: 0;
			padding-left: 1%;
			float: left;
			width:11%;
			border-bottom: 2px solid silver;
			overflow: auto; /* Scrollbars will appear on this frame only when there's enough content to require scrolling. To disable scrollbars, change to "hidden", or use "scroll" to enable permanent scrollbars */
			background: rgba(100, 200, 255, 1); 		
		}
		#inhalt {
			background: rgba(255, 255, 255, 1);
			float: left;			
			padding: 1%;
			margin-left: 15%;
			width:78%;
			border:

		}
		.Reihe  {
			background: rgba(255, 255, 255, 1);
			float: left;			
			margin-left: 10%;
			width:35%;

		}
		
		#abschicken {

			color: red;

			background:rgba(100, 200, 255, 1); 



}
		
		#steuerung {

		}	

		main {
			position: absolute;
			top: 11em; /* Set this to the height of the header */
			left: 0.1em; 
			right: 1em;
			bottom: 0;
			font-family: Helvetia, Arial, sans-serif;
			font-size: 0.94 em;
			font-size: 94%;
			background: rgba(100, 200, 255, 1);
		}
		.menue-button {
			background-color: darkblue;
			display: block;
			position: absolute;
			right: 0;
			top: 0;
			padding: 0.5em;
			color: white;
			cursor: pointer;
			text-decoration: none;
		}
		    
			li {
			list-style-type: none;
				padding-left: 2%;
				margin-left: 2%;
				background-repeat:no-repeat;
				background-position:left center;
				}
/*			.label {
				float: left;

				padding: 20px;
				background: #eee;
				box-sizing: border-box;
		}

		#links {
				width: 20%;
				float: left;
				}
		#rechts {
				width: 70%;
				float: left;
				}
		*/		
		.innertube {
			margin: 1em; /* Provides padding for the content */
				}
		.innermain {
			margin: 1em; /* Provides padding for the content */
				}

		
		p 	{
			color: #555;
			}

		nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

ul li:hover {background: yellow;}

		nav ul a {
			color: red;
			text-decoration: none;
		}
		.logo img {
			display: block;
		}
		.logo span {
			background-color: transparent;
			position: absolute;
			top: 1%;
			bottom: 0;
			width: 100%;
			line-height: 2em;
			text-align: left;
}
		
#galerie {
background:#ffffff;
-moz-border-radius:2%;
border-radius:2%;
padding:2%;
width:90%;
margin:2% auto;
}

#galerie img {
background:#ffffff;
width:15%;
margin:2% 1,5%;
padding:1% 1% 1% 1%;
opacity:0.8;
-moz-box-shadow: 0 0 2,5% 1% #acc;
-webkit-box-shadow: 0 0 2,5% 1% #ccc;
box-shadow: 0 0 2,5% 1% #ccc;
-webkit-transform: rotate(-1deg);  /* Saf3.1+, Chrome */
-moz-transform: rotate(-1deg);  /* FF3.5+ */
-o-transform: rotate(-1deg);  /* Opera */
transform: rotate(-1deg);
-webkit-transition: all 0.4s ease-out;	/* Saf3.1+, Chrome */
-moz-transition: all 0.4s ease-out;	/* FF3.5+ */
-o-transition: all 0.4s ease-out;	/* Opera */
transition: all 0.4s ease-out;
}

#galerie img:nth-child(2n) {
-webkit-transform: rotate(1deg);  /* Saf3.1+, Chrome */
-moz-transform: rotate(1deg);  /* FF3.5+ */
-o-transform: rotate(1deg);  /* Opera */
transform: rotate(1deg);
}

#galerie img:active {
opacity:1;
padding:0;
position:relative;
z-index:1;
-moz-box-shadow: 1% 1% 1% #888;
-webkit-box-shadow: 1% 1% 1% #888;
box-shadow: 1% 1% 1% #888;
-webkit-transform: rotate(0deg) scale(5);  /* Saf3.1+, Chrome */
-moz-transform: rotate(0deg) scale(5);  /* FF3.5+ */
-o-transform: rotate(0deg) scale(5);  /* Opera */
transform: rotate(0deg) scale(5);
}