html, body{
		font-family: calibri, sans-serif;					/* Schriftwahl für die Seite */
		width: 1024px;
		height: 100%;
		background-color: #6B7277;
		margin-left: auto;
		margin-right: auto 
		}
		
	#bar{
		position: fixed;
		height: 150px;
		width: 1024px;
		border-bottom: 1px solid black;
		background-image: url(/bilder/banner.jpg);
	}

	#bar img{
		height: 150px;
		width: 1024px;
		
	}
	
	#top{
		display: flex;
		flex-direction: row;
		Width: 800px;
		padding-top: 100px;
		padding-left: 10px;
		color:#F2F5FC;
	}
	
	
	#top a {
		text-decoration: none;
		color: #fff;
	}
	
	#big{
		font-size: 36px;
	}
	
	#ds{
		background-color: red;
	}
	
	#small{
		word-spacing: 1em;
		color: black;
		font-size: 18px;
		vertical-align: bottom;	
		padding-top: 20px;
	}
	
	#mall span{
		font-size: 18px;
	}
	
	#main{
		background-color: #F2F5FC;
	}
	
	#container{
		margin-top:150px;
		padding-top: 2px;
		padding-bottom: 2px;
		background-color: #F2F5FC;
		min-height: 900px;
	}
	
	#startseite{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top:150px;
		padding-top: 2px;
		padding-bottom: 2px;
		background-color: #F2F5FC;
		min-height: 800px;
	}
	
	#left{
		width: 400px;
	}
	
	#right{
		width: 400px;
	}
	
	#text{
		padding-left: 50px;
		padding-right: 50px;
	}
	
	#box1{
		width: 360px;
		height: 360px;
		margin: 5px;
		padding: 5px;
		text-align: center;
	}
	
	.button1{
		width: 100%; 
		height: 100%;
		background-color: #666666; 
		font-family: arial; 
		color: #FFFFFF; 
		border-left-color: #666666; 
		border-right-color:#333333; 
		border-top-color:#666666; 
		border-bottom-color:#333333; 
	}
	
	#box2{
		width: 360px;
		height: 120px;
		margin: 5px;
		padding: 5px;
	}
	
	.button2{
		width: 100%; 
		height: 100%;
		background-color: #666666; 
		font-family: arial; 
		color: #FFFFFF; 
		border-left-color: #666666; 
		border-right-color:#333333; 
		border-top-color:#666666; 
		border-bottom-color:#333333; 
	}
	
	.button3{
		width: 100%; 
		height: 100%;
		background-color: #666666; 
		font-family: arial; 
		color: #FFFFFF; 
		border-left-color: #666666; 
		border-right-color:#333333; 
		border-top-color:#666666; 
		border-bottom-color:#333333; 
	}
	
	.button4{
		width: 100%; 
		height: 100%;
		background-color: #666666; 
		font-family: arial; 
		color: #FFFFFF; 
		border-left-color: #666666; 
		border-right-color:#333333; 
		border-top-color:#666666; 
		border-bottom-color:#333333; 
	}
	
	#box4{
		width: 360px;
		height: 360px;
		margin: 5px;
		padding: 5px;
	}
	
	#box3{
		width: 360px;
		height: 120px;
		margin: 5px;
		padding: 5px;
	}
	
	footer {
		position: fixed;
		background-color:#E2E2E2;
		border-top: 1px solid black;
		width: 1024px;
		text-align: right;
		bottom: 0px;
	}
	
	footer a{
		text-decoration: none;
		color: black;
	}
	
	#nav * { 
		padding:0; 
		margin: 0; 
		list-style-type:none;
	 
	}
	#nav{ 
		float: left;	  
	}

	#nav a { 
		display: block; 
		text-decoration: none; 
		color: Black;
	}
	
	#nav a:hover { 
		background: #81A2DF;
	}
	
		
	#nav li {
		position:relative; 
		float:left;
		border-radius: 0px;  
	}
	
	#nav ul li {
		float: left; 
		width: 146px; 
		font-weight: bold; 
		border-bottom: solid 1px black; 
		border-right: solid 1px black; 
		background: #3167CB;
 	}
	
	#nav ul li a { 
		font-weight: bold;
		padding: 15px 10px;
	}
	
	#nav ul li ul li {
		width: 140px; 
		border: none; 
		color: #B0BD97;
		padding-top: 3px; 
		padding-bottom:3px; 
		padding-left: 3px; 
		padding-right: 3px; 
		background: #81A2DF;
	}
	
	#nav ul li ul li a { 
		font: 11px calibri; 
		font-weight:normal; 
		font-variant: small-caps; 
		padding-top:3px; 
		padding-bottom:3px;
	}
	
	#nav ul li ul li a:hover { 
		background: #E9E9E7; 
		padding-left:9px;
	}
		
	#nav ul li ul, #nav:hover ul li ul, #nav:hover ul li:hover ul li ul {
		display:none;
		list-style-type:none;
		width: 140px;
	}
	
	#nav:hover ul, #nav:hover ul li:hover ul, #nav:hover ul li:hover ul li:hover ul {
		display:block;
	}
	
	#nav:hover ul li:hover ul li:hover ul {
		position: absolute;
		margin-left: 145px;
		margin-top: -22px;
		font: 10px;
	}
	
	#nav:hover ul li:hover ul {
		position: absolute;
		margin-top: 1px;
		font: 10px;
	}
	
	#nav>ul>li:hover>ul { 
		bottom:100%;	
	}