/* Block-Darstellung für HTML5-Elemente im IE8 */
header,
nav,
footer {
	display: block;
}
/***********************************************/
 
body {
    background-color: #000000;
}

#wrapper {
    max-width: 100%;
    margin: 0px auto;
    background-color: #000000;
    margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	font-size: 16px;
	font-family: Oswald, Tahoma, sans-serif;
}
 
header {
    width: 100%;
    height: 100px;
    background-color: #000000;
}

img.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#content {
	max-width: 1080px;
	width: 100%;
	height: auto;
    background-color: #000000;
    margin-bottom: 5px;
	margin: 0px auto;
}
 
nav {
	width: 50%;
    height: 40px;
    float: left;
	font-size: 16px;
    background-color: #000000;
    text-align: center;
}

a {
	color: #FF6600;
	text-decoration: none;
    padding: 5px;
	font-family: Oswald, Tahoma, sans-serif;
}
 
footer {
    width: 50%;
    height: 40px;
	float: right;
    background-color: #000000;
	font-size: 16px;
	text-align: center;
}
 
 
@media screen and (max-width: 500px) {
    nav {
    width: 100%;
    }
    footer {
    width: 100%;
    }
 
    #content {
    
    }
 
    #wrapper {
    
    }
}