@font-face {
	font-family:'Apple Fett';
	font-style:normal;
	font-weight:100;
	src:local('☺︎'), url("/Fonts/Apple Fett.woff") format("woff")
}

@font-face {
	font-family:'Apple Mittel Fett';
	font-style:normal;
	font-weight:100;
	src:local('☺︎'), url("/Fonts/Apple Mittel Fett.woff") format("woff")
}

@font-face {
	font-family:'Apple Thin';
	font-style:normal;
	font-weight:100;
	src:local('☺︎'), url("/Fonts/Apple thin.woff") format("woff")
}



body 	{
background : #E6E6E6;
text-align: center;
}



img		{
	background:#E6E6E6;
	image-align; center
	
}

header {
	background: url('Schwarzes Bild mit Muster.jpg') repeat-x;
	width: 100%;
	text-align: center;
	padding: 40px 0px;
}



h1 {
	text-align: Center;
	font-family:"Apple Fett";
	font-style: italic;
	font: 40px;
	color: #5882FA;
}



nav ul{
	background-color:#D8D8D8;
	width: 100%;
	color:#210B61;
	text-align:center;
	padding:0;
	margin:0;
}

nav ul li{
	display: inline-block;
	padding:20px;
}
nav ul li:hover{
	background-color:#2E64FE;
	border-radius:5px;
}

a {
	text-decoration: none;
	color: inherit;
}



dt {
	
	background: url('Farbverlauf.jpg') repeat-x;
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceff3', endColorstr='#c1cad5', GradientType=0 );
	float:center;
	width:auto;
	padding:5px 5px 4px 5px;
	margin-top:10px;
	margin-bottom:-4px;
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	cursor:pointer;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,1);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,1);
	-ms-box-shadow:0 1px 1px rgba(0,0,0,1);
	-o-box-shadow:0 1px 1px rgba(0,0,0,1);
	box-shadow:0 1px 1px rgba(0,0,0,1);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

p {
	text-align: center;
	text-style:italic;
	font-family:Arial;
	font-size: 17px;	
}



.Video{
	position: relative;
	overflow: hidden;
}

.Video iframe,
.Video object,
.Video embed {
	
}


@media screen and (max-width: 800px) {
	nav li {display: block}
	nav a {display: block}
	nav a:hover {border-radius: 5px}
	#Bottom-Navbar {
		margin: center;
		display: normal;
		width:100%;
		padding:5px;
	}
	.container{
		
		margin:40px;
	}
	
}

@media screen and (max-width: 800px){
	
	.container {
		top:40px;
	}
	
}

@media screen and (max-width: 480px){
	
	.container {
		position: relative;
		top:50px;
		
		
	}
	
}

@media screen and (max-width: 560px){
	.container{
		top:20px;
	}
}


#Footer{
	position:relative;
	height:160px;
	border-radius:5px;
	top:5px;
	background-color:darkgrey;
	
	
}

#Facebook{
	border-radius:20px 20px 20px 20px;
	position:relative;
	top:20px;
}

#Twitter{
	border-radius:20px 20px 20px 20px;
	position:relative;
	top:20px;
}

#Youtube{
	border-radius:20px 20px 20px 20px;
	position:relative;
	top:20px;
}

#Text{
	padding:20px;
		
}