@charset "UTF-8";


/****** Pre-Style *******/

html, body{

	width: 100%;
	height: 100%;

}

a{

	text-decoration: none;
	color: white;
	line-height: 200%;

}


a:hover{

	color: red!important;

}


p{

	margin: 0px;
	padding: 0px;

}


h1{

	font-size: 30px;

}


h3{

	font-size: 18px;

}


/****** Start-Style *******/

body{

	background: url("../images/ringelschwanz.jpg") center center fixed;
	background-size: 100%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	font-family: arial;

}


section div.infobox{

	display: inline-block;
	padding: 20px 20px 30px;
	font-size: 25px;
	background: rgba( 0, 0, 0, 0.75 ); 
	text-align: center;
	color: white;
	line-height: 40px;
	left: 50%;
	margin-left: -160px;
	position: absolute;
	top: 60%;
	width: 320px;

}


section div.infobox p{

	display: inline;

}


section div#footer{

	bottom: 30px;
	display: block !important;
	margin-top: 30px;
	position: absolute;
	text-align: center;
	width: 100%;

}

section div#footer a{

	color: #000000;
	padding: 10px 15px;

}


#impressum .textbox{

	position: absolute;
	background: rgba( 0, 0, 0, 0.75 );
	left: 50%;
	margin-left: -475px;
	color: white;
	width: 950px;
	padding: 50px 25px;
	line-height: 22px;
	top: 60px;

}


#impressum .textbox a{

	background: none repeat scroll 0 0 #FFFFFF;
	color: #000000;
	padding: 10px 15px;
	margin-top: 20px;
	display: inline-block;

	}


#impressum .textbox span.part{

	margin-top: 20px;
	display: inline-block;
	margin-top: 30px;
	display: inline-block;

}




/***************************** Media-Query **************************************/

@media (min-width: 390px) {

section div.infobox{



}	

}