@charset "utf-8";
/* CSS Document */


/* Definition des Hintergrundes der gesamten Seite bzw. allem was im body steht */
body {
	background-color: #000;
	background-image:url(bilder/bobble2.jpg);
	background-position:bottom;
	background-repeat:no-repeat;

	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
}

/* Definition wie sich Links verhalten sollten */
a:link, a:visited, a:active a:focus{ 
	color:#FFF;
	text-decoration:none; 
	border: none;
	outline: none;
	
}

/* Verhalten von Links bei Mouseover */
a:hover {
	text-decoration:underline;
}

/* Erste Box, mit definierter Breite, ausgeglichenem Abstand nach links und rechts, ein fester Abstand nach oben und zentrierter Text */
#frame {
	width: 550px;
	margin: auto;
	margin-top: 75px;
	text-align:center;
}

/* Contentbox mit schwarzem Hintergrund, hält sich nach unten 30px Außenabstand und überall nach Innen 20px Abstand zum eigenen Rand */
#main {
	background-color: rgba(0,0,0,0.75);
	color: #fff;
	margin-bottom: 30px;
	padding: 20px;
}

/* Linkbox für soziale Netzwerke, hält das unter sich liegende Element 10px entfernt */
#social {
	margin-bottom: 10px;
}

/* Box mit weiteren Link, hält das unter sich liegende Element, in diesem Fall das Ende der Seite, 30px entfernt */
#nav {
	margin-bottom: 30px;	

}