body {
	background-image: url(canvas-fine-hemp.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
}

header, section, aside ,#nav_start, #nav_news, #nav_galerie, #nav_kontakt, #nav_impressum {
    display: block;
	-moz-box-shadow: 0 0 0 3px white, 20px 20px 20px 4px black;
	-webkit-box-shadow: 0 0 0 3px white, 20px 20px 20px 4px black;
	box-shadow: 0 0 0 3px black, 20px 20px 20px 4px black;
}

header {
	background-color:red;
 	position: relative; margin-right: 50%;
	left: 25%;
	top: 10px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	

	
}

nav {
    background-color: orange;
}

aside {
    background-color: white;
	position: absolute;
	z-index:3;
	
	overflow: auto;

	padding-left: 30px;
	padding-right: 30px;
	
	text-align: center;
	font-size: 22px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	top: 140px;
	left: 4.5%;
	width: 40%;
	height: 800px;
	
	border: 3px solid black;
	margin: 30px auto;
	
	-webkit-transition: -webkit-transform 0.5s ease-out;	/* Saf3.1+, Chrome */
	-moz-transition: -moz-transform 0.5s ease-out;	/* FF3.5+ */
	-o-transition: -o-transform 0.5s ease-out;	/* Opera */
	transition: transform 0.5s ease-out;
	
	-webkit-transform: skew(10deg) rotate(10deg);
	-moz-transform: skew(10deg) rotate(10deg);
	-o-transform: skew(10deg) rotate(10deg);
	-ms-transform: skew(10deg) rotate(10deg);
	
}

aside:hover {
	z-index: 4;
	-webkit-transform: skew(0deg) rotate(0deg);
	-moz-transform: skew(0deg) rotate(0deg);
	-o-transform: skew(0deg) rotate(0deg);

	-webkit-transform: scale(1.5)  translate(4em,6em);
	-moz-transform: scale(1.5)  translate(4em,6em);
	-o-transform: scale(1.5)  translate(4em,6em);
	-ms-transform: scale(1.5)  translate(4em,6em);
	transform: scale(1.5)  translate(4em,6em);
}

section {
    background-color: white;
	position: absolute;
	z-index:3;

	overflow: auto;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	font-size: 22px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	top: 140px;
	left: 50.5%;
	width: 40%;
	height: 800px;
	
	border: 3px solid black;
	margin: 30px auto;
	
		-webkit-transition: -webkit-transform 0.5s ease-out;	/* Saf3.1+, Chrome */
	-moz-transition: -moz-transform 0.5s ease-out;	/* FF3.5+ */
	-o-transition: -o-transform 0.5s ease-out;	/* Opera */
	transition: transform 0.5s ease-out;
	
	-webkit-transform: skew(-10deg) rotate(-10deg);
	   -moz-transform: skew(-10deg) rotate(-10deg);
	     -o-transform: skew(-10deg) rotate(-10deg);
		 	     -ms-transform: skew(-10deg) rotate(-10deg);
}

section:hover {
	z-index: 4;
	-webkit-transform: skew(0deg) rotate(0deg);
	-moz-transform: skew(0deg) rotate(0deg);
	-o-transform: skew(0deg) rotate(0deg);

	-webkit-transform: scale(1.5)  translate(-5em,6em);
	-moz-transform: scale(1.5)  translate(-5em,6em);
	-o-transform: scale(1.5)  translate(-5em,6em);
	-ms-transform: scale(1.5)  translate(-5em,6em);
	transform: scale(1.5)  translate(-5em,6em);
}

footer {
	position: absolute;
	top: 1200px;
	z-index: 4;
}

ul { list-style-type: none; }