@font-face {
	font-family: 'Puritan2.0Normal';
	src: url('../fonts/Puritan_Regular-webfont.eot');
	src: local('?'), url('../fonts/Puritan_Regular-webfont.woff') format('woff'), url('../fonts/Puritan_Regular-webfont.ttf') format('truetype'), url('../fonts/Puritan_Regular-webfont.svg#webfontdJk6VMUy') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Puritan2.0Bold';
	src: url('../fonts/Puritan_Bold-webfont.eot');
	src: local('?'), url('../fonts/Puritan_Bold-webfont.woff') format('woff'), url('../fonts/Puritan_Bold-webfont.ttf') format('truetype'), url('../fonts/Puritan_Bold-webfont.svg#webfontPb2dntSS') format('svg');
	font-weight: normal;
	font-style: normal;
}

#ueberschrift {
	position: absolute;
	top: 0px;
	left: 0px;
}

#text {
	position: absolute;
	top: 60px;
	left: 0px;
}

#weiter {
	background-image: url(../images/weiter_no.png);
	position: absolute;
	height: 50px;
	width: 50px;
	top: 0px;
	left: 50%;
	margin-left: 30px;
}

#weiter:hover {
	background-image: url(../images/weiter_ro.png);
}

#zurueck {
	background-image: url(../images/zurueck_no.png);
	position: absolute;
	height: 50px;
	width: 50px;
	top: 0px;
	left: 50%;
	margin-left: -30px;
}

#zurueck:hover {
	background-image: url(../images/zurueck_ro.png);
}

.text_normal {
	font-family: 'Puritan2.0Normal', Arial, sans-serif;
	font-size: 14px;
}

.text_rot {
	font-family: 'Puritan2.0Normal', Arial, sans-serif;
	font-size: 14px;
	color: #E31E24;
}

.text_ueberschrift {
	font-family: 'Puritan2.0Bold', Arial, sans-serif;
	font-size: 36px;
}