body {
	background: url("img/microsoft-clouds.png");
}

p, #yt {
	font-family: Arial;
	font-size: 20px;
}

#link {
	color: #FFFFFF;
	text-decoration: none;
}

#link:active {
	color: #AAA;
}

#Trenner {
	text-align: center;
}

.Hauptel {
	border: 1px dashed transparent;
	width: 1100px;
	height: 500px;
}

.oben {
	color: yellow;
	border: 3px outset grey;
	width: auto;
	height: 50px;
	background-color: silver;
}

.pfp {
	position: relative;
	bottom: 40px;
	border: 3px outset grey;
	width: 200px;
	height: 200px;
	background-color: silver;
}

#pfp {
	position: relative;
	left: 11px;
	top: 15px;
}

button {
	color: white;
	border: 3px outset grey;
	width: 200px;
	height: 30px;
	background-color: silver;
}

button:hover {
	border: 3px outset grey;
	background-color: #D4D4D4;
}
button:active {
	color: #AAA;
	border: 3px inset grey;
	background-color: #D4D4D4;
}

.eMail {
	color: blue;
	border: 3px outset silver;
	width: 200px;
	height: 23px;
	background-color: white;
}

.Text {
	position: relative;
	left: 215px;
	bottom: 430px;
	border: 3px outset grey;
	width: 46.5%;
	height: 85%;
	background-color: silver;
}

.Rand {
	position: relative;
	left: 743px;
	bottom: 860px;
	border: 3px outset grey;
	width: 32%;
	height: 85%;
	background-color: silver;
}

#uc {
	position: relative;
	left: 300px;
	top: 50px;
}