* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Verdana", "Helvetica", "Arial";
}

h1 {
	font-weight: 300;
}

h2 {
	font-weight: 300;
}

h3 {
	font-weight: 300;
}

p {
	font-weight: 400;
}

a {
	color: rgb(21, 122, 166);
	text-decoration: none;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

a:hover {
	color: rgb(18, 94, 139);
	text-decoration: underline;
	
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	transition: all 0.25s;
}

a:active {
	color: rgb(16, 83, 123);
}

/* "Wanna play?"-Seite */
#wannaplay {
	width: 900px;
	height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -450px;
}

#wannaplay ul {
	list-style-type: none;
}

#wannaplayliste {
	width: 900px;
	height: 300px;
	position: absolute;
	top: 50%;
	margin-top: -150px;
}

#wannaplayliste a {
	color: rgb(21, 122, 166);
	text-decoration: none;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#wannaplayliste a:hover {
	color: rgb(18, 94, 139);
	text-decoration: underline;
	
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	transition: all 0.25s;
}

#wannaplayliste a:active {
	color: rgb(16, 83, 123);
}

#wannaplayul {
	width: 568px;
	text-align: left;
}

/* "Home"-Seite */
#inhalt {
	width: 768px;
	position: absolute;
	left: 50%;
	padding-bottom: 50px;
	margin-left: -384px;
	padding-top: 50px;
}

#seitentitel {
	float: right;
	display: inline;
}

#trennlinie {
	width: 1px;
	height: 50%;
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -140px;
	z-index: 99;
	background-color: rgb(21, 112, 166);
}

#trennlinieformular {
	width: 1px;
	height: 50%;
	position: absolute;
	top: 600px;
	left: 50%;
	margin-left: -140px;
	z-index: 99;
	background-color: rgb(21, 112, 166);
}

#leuchtturm {
	position: absolute;
	margin-top: -57px;
	margin-left: 275px;
}

#knarre {
	position: absolute;
	margin-top: -49px;
	margin-left: 330px;
}

.peterskommentar {
	color: grey;
	font-size: 10px;
}

.romanhr {
	background-color: grey;
	color: grey;
	border: none;
}

#trostinfo {
	font-size: 12px;
}

#romantext {
	width: 508px;
	position: absolute;
	left: 50%;
	margin-left: -124px;
	float: right;
	padding-left: 10px;
}

#trosttext {
	width: 230px;
	position: absolute;
	left: 50%;
	margin-left: -385px;
	padding-right: 10px;
}

#fotoohnefoto {
	width: 213px;
	height: 320px;
	margin-top: 20px;
	padding: 5px 5px 8px 10px;
	
	border: 1px solid rgb(21, 112, 166);
	font-size: 10px;
}

#linkespalte {
	width: 230px;
	margin-top: 100px;
	font-size: 12px;
}

#rechtespalte {
	width: 508px;
	margin-top: 20px;
	float: right;
	position: absolute;
	left: 50%;
	margin-left: -124px;
	margin-top: 80px;
	font-size: 15px;
}

.audio {
	width: 235px;
}

#impressum a {
	color: grey;
	font-size: 9px;
}

/* Buttons */
.button {
	width: 130px;
	height: 30px;
	text-indent:0;
	display: inline-block;
	color: white;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	background-color: rgb(21, 122, 166);
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.button:hover {
	background-color: rgb(18, 94, 139);
	color: white;
	text-decoration: none;
	
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	transition: all 0.25s;
}

.button:active {
	background-color: rgb(16, 83, 123);
	color: white;
	text-decoration: none;
}

.homebutton {
	width: 130px;
	height: 30px;
	margin-top: 4px;
	text-indent:0;
	display: inline-block;
	background-color: rgb(255, 23, 105);
	color: white;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.homebutton:hover {
	background-color: rgb(217, 20, 89);
	color: white;
	text-decoration: none;
	
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	transition: all 0.25s;
}

.homebutton:active {
	color: white;
	text-decoration: none;
}

/* Roboto Font */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}