@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
html, body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#logo {
	position:absolute;
	background-image: url(hogu_logo.png);
	background-position:center;
	background-size: contain;
	background-repeat:no-repeat;
	width: 400px;
	height:230px;	
	z-index:200;
    top:38%;
    left:50%;
    margin:-75px 0 0 -200px;
}

#hg_schaum {
	height: 38%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index:100;
}
#gradient_b {
	top: 0px;
	height: 100%;
	width: 100%;
	background-image:url(gradients_schaum.gif);
	background-repeat:repeat-y;
	background-size: contain;
}
#blasen{
	top: 0px;
	height: 100%;
	width: 100%;
	background-image:url(backgrounds_blasen.png);
	background-repeat:repeat;
}

#hg_bier {
	height: 62%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index:100;
}

#gradient_y {
	top: 0px;
	height: 100%;
	width: 100%;
	background-image:url(gradients_bier.gif);
	background-repeat:repeat-y;
	background-size: contain;
}
#blubber{
	top: 0px;
	height: 100%;
	width: 100%;
	background-image:url(backgrounds_blubber.png);
	background-repeat:repeat;
}