html, body {
	width: auto;
	height: auto;
}

p {
	display: inline-block;
	padding: 0px 20px 0px 20px;
}

#BlogPosternFotoHalter {
	display: inline-block;
	position: relative;
	top: 209px;
	left: 55%;
}

#BlogPosternPlatz {
	display: inline-block;
	border: medium solid #DCE2E3;
	background-color: white;
	position: absolute;
	top: 400px;
	left: 15%;
	width: 600px;
	height: 800px;
	
}

.KontaktText {
	display: block;
	position: relative;
	top: 250px;
	left: 10%;
}

#KontaktInfo {
	position: relative;
	top: 100px;
	left: 5%;
	background-color: #8B9FA2;
	border-radius: 50%;
	width: 700px;
	height: 700px;
}

.BlogFotoPlatzDown {
	border: medium solid #DCE2E3;
	position: relative;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 45%;
	float: left;
	border-radius: 25px;
}

.BlogFotoPlatzRight {
	border: medium solid #DCE2E3;
	position: relative;
	top: 10%;
	left: 10%;
	width: 45%;
	height: 80%;
	float: left;
	border-radius: 25px;
}

.BlogFotoPlatz {
	border: medium solid #DCE2E3;
	position: relative;
	top: 10%;
	left: 10%;
	width: 45%;
	height: 80%;
	float: left;
	border-radius: 25px;
}

.blogBeitraegePlatz {
	display: inline-block;
	position: absolute;
	top: 32%;
	left: 5%;
	border: medium solid #27BBF5;
	width: 800px;
	height: 450px;
}

.blogBeitraegePlatzII {
	display: inline-block;
	position: relative;
	top: 100px;
	left: 50%;
	border: medium solid #27BBF5;
	width: 800px;
	height: 850px;
}

.blogBeitraegePlatzIII {
	position: absolute;
	top: 85%;
	left: 5%;
	border: medium solid #27BBF5;
	width: 800px;
	height: 850px;
}

.blogBeitraegePlatzIV {
	display: inline-block;
	position: relative;
	top: 580px;
	left: 7.3%;
	border: medium solid #27BBF5;
	width: 800px;
	height: 450px;
}

.BlogInfoLeft {
	background-color: black;
	position: relative;
	top: 10%;
	left: 5%;
	width: 40%;
	height: 80%;
	float: left;
	border-radius: 25px;
	opacity: 0.4;
}

.BlogTextLeft {
	position: relative;
	top: 250px;
	text-align: center;
	opacity: 1.0;
}

.BlogInfoUp {
	background-color: black;
	position: relative;
	top: 5%;
	left: 10%;
	width: 80%;
	height: 40%;
	float: left;
	border-radius: 25px;
	opacity: 0.4;
}

.BlogTextUp {
	position: relative;
	top: 130px;
	left: 23%;
	text-align: center;
	opacity: 1.0;
}

.BlogInfoI {
	background-color: black;
	position: relative;
	top: 10%;
	left: 5%;
	width: 40%;
	height: 80%;
	float: left;
	border-radius: 25px;
	opacity: 0.4;
}

.BlogTextI {
	position: relative;
	top: 70px;
	left: 2%;
	text-align: center;
	opacity: 1.0;
}

.BlogInfo {
	background-color: black;
	position: relative;
	top: 10%;
	left: 5%;
	width: 40%;
	height: 80%;
	float: left;
	border-radius: 25px;
	opacity: 0.4;
}

.BlogText {
	position: relative;
	top: 130px;
	left: 2%;
	text-align: center;
	opacity: 1.0;
}

.gameMenuFoto {
	display: inline-block;
	border-radius: 10px;
	position: relative;
	top: 220px;
	left: 5%;
	border: medium solid #27BBF5;
	width: 300px;
	height: 300px;
	margin: 0px 50px 0px 50px;
}

.gameMenuBorder {
	display: inline-block;
	border-radius: 25px;
	border: medium solid #DCE2E3;
	position: absolute;
	top: 17%;
	left: 23%;
	width: 160px;
	height: 160px;
}

.gameMenuText {
	display: inline-block;
	position: absolute;
	top: 75%;
	left: 32%;
}

#AddScreen {
	position: relative;
	top: 400px;
	left: 5%;
	border: thick double #DCE2E3;
	width: 1600px;
	height: 700px;
}

#AddInfo {
	background-color: black;
	position: relative;
	top: 10%;
	left: 5%;
	width: 45%;
	height: 80%;
	float: left;
	border-radius: 25px;
	opacity: 0.4;
}

#AddText {
	position: relative;
	top: 260px;
	float: right;
	right: 27%;
	opacity: 1.0;
}

#AddFoto {
	display: inline-block;
	position: relative;
	top: 15%;
	left: 8%;
}

#Header {
	border: medium solid #27BBF5;
	width: auto;
	height: 180px;
	border-radius: 30px;
}

#Menu {
	display: inline-block;
	position: relative;
	top: 60%;
	left: 35%;
}

#News {
	position: relative;
	top: 10px;
	border: medium solid #27BBF5;
	width: auto;
	height: 750px;
}

#NewsFotoImg {
	border-radius: 50px;
}

#NewsFoto {
	display: inline-block;
	position: relative;
	top: 10%;
	left: 5%;
}

#BlackShadow {
	position: relative;
	top: 10%;
	right: 5%;
	width: 45%;
	height: 80%;
	float: right;
	border-radius: 25px;
	opacity: 0.4;
}

#newsText {
	position: relative;
	top: 260px;
	float: right;
	right: 20%;
	text-align: center;
	opacity: 1.0;
}

#TrennLinie {
	position: relative;
	top: 150px;
	left: 30%;
	height: 20px;
	width: 20px;
	border-radius: 25px;
}

#ersteGruss {
	border: medium solid #27BBF5;
	width: 80%;
	height: 450px;
	position: relative;
	top: 300px;
	left: 50px;
	border-radius: 40px;
}

#PatrickKanalThema {
	border: medium solid #27BBF5;
	width: 80%;
	height: 450px;
	position: relative;
	top: 400px;
	left: 100px;
	border-radius: 40px;
}

#PatrickKanalText {
	display: inline-block;
	position: absolute;
	top: 40%;
	left: 50%;
}

#ersteGrussText {
	display: inline-block;
	position: absolute;
	top: 40%;
	left: 40%;
}

#Logo {
	position: absolute;
	top: 20px;
	left: 50px;
}

#studioName {
	display: inline-block;
	position: absolute;
	float: right;
	right: 5%;
	top: 50px;
}

#EigenFoto {
	position: absolute;
	top: 5%;
	left: 3%;
	border-radius: 30px;
}

#FremdFoto {
	position: absolute;
	top: 5%;
	left: 3%;
	border-radius: 30px;
}

#ImprintBackbone {
	position: relative;
	left: 40%;
	top: 55px;
	font-size: 20px;
	font-weight: light;
}

#InfosBackbone {
	border: medium solid #343F41;
	display: inline-block;
	position: relative;
	top: 20px;
	left: 2%;
	width: 300px;
	height: 100px;
	background: #DCE2E3;
}

#InfosChannelsBackbone {
	display: inline-block;
	position: relative;
	left: 7%;
	top: 5%;
	width: 300px;
	height: 80px;
}

#InfosChannelsIIBackbone {
	display: block;
	position: relative;
	left: 23.2%;
	width: 300px;
	height: 50px;
	bottom: 20%;
}

#Backbone {
	border: medium solid #27BBF5;
	width: 100%;
	height: 200px;
	position: relative;
	top: 1000px;
}

#Info {
	font-size: 20px;
	font-weight: light;
	position: absolute;
	top: 10%;
	left: 7%;
}

#InfoChannels {
	font-size: 20px;
	font-weight: light;
	position: absolute;
	top: 10%;
}