@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;
}

#images {
	position: absolute;
	top: 50px;
}

#bild_1 {
	position: absolute;
	height: 150px;
	width: 239px;
	top: 0px;
	left: 0px;
}

#bild_2 {
	position: absolute;
	height: 150px;
	width: 196px;
	top: 0px;
	left: 249px;
}

#bild_3 {
	position: absolute;
	height: 150px;
	width: 130px;
	top: 0px;
	left: 455px;
}

#bild_4 {
	position: absolute;
	height: 150px;
	width: 226px;
	top: 160px;
	left: 0px;
}

#bild_5 {
	position: absolute;
	height: 150px;
	width: 343px;
	top: 160px;
	left: 236px;
}

#bild_6 {
	position: absolute;
	height: 150px;
	width: 191px;
	top: 0px;
	left: 0px;
}

#bild_7 {
	position: absolute;
	height: 150px;
	width: 171px;
	top: 0px;
	left: 201px;
}

#bild_8 {
	position: absolute;
	height: 150px;
	width: 214px;
	top: 0px;
	left: 382px;
}

#bild_9 {
	position: absolute;
	height: 150px;
	width: 177px;
	top: 160px;
	left: 0px;
}

#bild_10 {
	position: absolute;
	height: 150px;
	width: 115px;
	top: 160px;
	left: 187px;
}

#bild_11 {
	position: absolute;
	height: 150px;
	width: 122px;
	top: 160px;
	left: 312px;
}

#bild_12 {
	position: absolute;
	height: 150px;
	width: 200px;
	top: 160px;
	left: 443px;
}

#buttons {
	position: absolute;
	height: 50px;
	width: 100%;
	top: 383px;
	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);
}

#seitenzahl {
	font-family: 'Puritan2.0Normal', Arial, sans-serif;
	font-size: 14px;
	position: absolute;
	top: 440px;
	left: 50%;
}

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

.images {
	border: 0;
}