body {
	background: #fef4db;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:link {
    color: #FF6600;
    text-decoration: none;
}
a:visited   {
    text-decoration: none;
    color: #CC0066;
}
a:hover {
    color: #FF6600;
    text-decoration: underline;
}
.pink {color: #CC0066;}
.black {color: #000000}

/* ---------------------------------------------*/

#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}
/* ---------------------------------------------*/

#logo   {
	height: 57px;
	width: 800px;
}
#logo_top   	{
	height: 57px;
	width: 800px;
    background-image: url(../img/logo.png);
}
#menue	{
	float: left;
	z-index: 1;
	position: absolute;
	background-color: #d70089;
	height: 37px;
	width: 800px;
}
.button {
    z-index: 1;
    width: 110px;
    float:left;
}
#zauber	{
	float:left;
	padding-top: 12px;
	padding-left: 9px;
}

/* ---------------------------------------------*/
#content	{
	width: 800px;
	position: absolute;
	text-align: left;
}

/* ---------------------------------------------*/
	
.footer {
	padding-top: 500px;
	width: 800px;
}
.footerText {
    font-size: 13px;
}
#footer_line    {
    margin-top: 3px;
    margin-bottom: 2px;
	background-color: #FF0099;
	height: 2px;
}