body,html{height:100%;}
a, a:active, a:visited, a:hover {color:black;}
#box {
	position: relative;
	min-height: 100%;
    width: 800px;
    margin:0 auto;
	background-image: url(../gfx/AnthiMagicWorld_800x675.jpg);
	background-repeat: no-repeat;
/*  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
*/
}
#info{
	float: right;
	/* margin-top:100px; */
}
#box .bottom{
	position: absolute;
	top: 675px;
  	left: 10px;
}
#box2{
	position: relative;
	min-height: 100%;
    width: 800px;
    margin:0 auto;
}
#box2 .impressum{
	position: absolute;
	top: 10px;
  	left: 10px;
}
#box2 .impressum p{ text-align: justify;}
h1 {
	font-family: Open Sans;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
}
h2 {
	font-family: Open Sans;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 17.4px;
}
h3 {
	font-family: Open Sans;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
}
body, p {
	font-family: Open Sans;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}
blockquote {
	font-family: Open Sans;
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}
pre {
	font-family: Open Sans;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5667px;
}