@charset "utf-8";

/*
Der interessante Teil ist das “margin-left: -256px;” bzw. das “margin-top: -50px;“, denn ohne die negativen Margin-Werte würde das zentrieren nicht funktionieren.
Achtung: Wenn sich die Breite oder die Höhe des Div-Containers ändert, müssen die Margin-Werte ebenfalls angepasst werden. 
Die Margin-Werte ergeben sich immer aus Breite/2 bzw. Höhe/2. Würden wir die Breite z.B. auf 200px reduzieren, muss das margin-left mit -100px angegeben werden.
*/

body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.centered {
	position: absolute;
	width: 512px;
	height: 350px;
	top: 50%;
	left: 50%;
	margin-left: -256px;
	margin-top: -175px;
	border: 1px solid #000000;
	/*background-color: #eeeeee;*/
}

#box { /*CSS3 Schatten*/ /*http://net.tutsplus.com/tutorials/html-css-techniques/11-classic-css-techniques-made-simple-with-css3/*/
	box-shadow: 5px 5px 2px black;
	-moz-box-shadow: 5px 5px 2px black;
	-webkit-box-shadow: 5px 5px 2px black;
	/*background: rgba(239, 182, 29, .25);  */
	background-color:#dedfde;
}

.centered p {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

a:link, a:active, a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:underline;
}