main {
	width: 1280px;
    height: 720px;
    position: relative;
    margin: auto;
}

#ulul1 {
	position: absolute;
	margin: 0%;
	padding: 0%;
	width: 100%;
	height: 100%;
	left: 405px;
}

#ulul2 {
	position: absolute;
	margin: 0%;
	padding: 0%;
	width: 100%;
	height: 100%;
	left: 650px;
}

#header {
	position: absolute;
	width: 86%;
	height: 7%;
	background-color:#424242;
	right: 0%;
}

#nav {
	position: absolute;
	width: 14%;
	height: 100%;
	background-color: #5e2f02;
	left: 0%;
}

#article {
	position: absolute;
	left: 14%;
	top: 7%;
	width: 1041px;
	height: 560px;
	background-color: green;
	padding: 30px;
}

#footer {
	position: absolute;
	width: 1041px;
	height: 7%;
	background-color:#424242;
	bottom: 0%;
	right: 0%;
	padding-right: 30px;
	padding-left: 30px;
}

#ul {
	list-style-type: none;
	position: absolute;
	margin: 0%;
	padding: 0%;
	width: 100%;
	height: 100%;
	
}

#li a{
	display: block;
	text-decoration: none;
	width: 70%;
	height: 50px;
	color: #BDBDBD;
	padding-left: 30%;
	padding-top: 17%;
	
}

#li a:hover {
	color: white;
	background-color: #0080FF;
}

#Überschrift1 {
	position: absolute;
	left: 37%;
	color: white;
	margin: 8px;
}

#Überschrift2 {
	position: absolute;
	left: 37%;
	color: white;
	margin: 8px;
}

#Überschrift3 {
	position: absolute;
	left: 37%;
	color: white;
	margin: 8px;
}

#Überschrift4 {
	
	position: absolute;
	left: 38%;
	color: white;
	margin: 8px;
}

#Überschrift5 {
	position: absolute;
	left: 41%;
	color: white;
	margin: 8px;
}

#F1 {
	width: 320px;
	height: 180px;
	left: 30px;
	position: absolute;
}

#F2 {
	width: 320px;
	height: 180px;
	right: 30px;
	position: absolute;
}

#F3 {
	width: 320px;
	height: 180px;
	left: 30px;
	bottom: 30px;
	position: absolute;
}

#F4 {
	width: 320px;
	height: 180px;
	right: 30px;
	bottom: 30px;
	position: absolute;
}

#F5 {
	width: 320px;
	height: 180px;
	top: 218px;
	left: 389px;
	position: absolute;
}

#Baba {
	background-color: #61380B;
}