*{	margin:0;
	padding:0;}
			
html { 	background: url(../bilder/sonnenuntergang.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;}
			
#header{	width:96%;
			min-height:20%;
			margin:2%;
			background-color: white;}
			
body div img {	height:98%;}
		
nav {	width:12%;
		margin:2%;
		text-align:center;
		float:left;
		background-color: rgba(255,255,255,0.8);}	
		
nav ul {	list-style: none;
			margin: 0;
			padding: 0;}

nav > ul {	overflow: hidden;
			padding: 0 10px 0 10px;
			box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
			background-color: rgb(195, 35, 45);}	

nav ul li a {	text-decoration:none;
				color:black;}			
		
nav > ul > li > ul {display: none;}

nav > ul a {	display: block;
				white-space: nowrap;
				padding: 10px;
				background-color: rgb(195, 35, 45);}

nav ul > li > ul > li a {	background-color: rgb(0, 0, 0);
							color: rgb(255, 255, 255);}
							
nav > ul > li:hover > ul {	display: block;
							position: absolute;}

nav > ul > li > ul > li {position: relative;}

nav > ul > li > ul > li > ul {display: none;}

nav > ul > li > ul > li:hover > ul {	display: block;
										position: absolute;
										left: 100%;
										top: 0;}
										
nav > ul, #nav > ul > li {float: none;}

nav > ul > li > ul, nav > ul > li:hover > ul {position: relative;}

nav > ul > li > ul > li:hover > ul {
  position: relative;
  left: 0;
}

nav > ul > li > ul > li > ul > li > a {font-style: italic;}

#content{	width:92%;
			min-height:72%;
			margin:2%;
			padding:2%;
			float:right;
			background-color: rgba(255,255,255,0.8);}
			
body nav h3	{	color:black;
				font-size:20px;}