@charset "utf-8";

/* Definition des 1. Feiern-Punktes */
#Feiern_1 {
	top: -750px;
	position: relative;
	left: 400px;
	font-weight: bold;
	width: 350px;
}
/* Definition der Sprechblase für den 1. Feierpunkt, die zunächst nicht angezeigt wird */
#Sprechblase_1 {
	position: absolute;
	height: 235px;
	float: right;
	left: 400px;
	top: -40px;
	font-weight: normal;
	background-color: rgb(255,255,255);
	z-index: 2;
	width: 280px;
	border: 4px solid rgb(226,2,16);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 8px 8px 8px #666666;
	-moz-box-shadow: 8px 8px 8px #666666;
	box-shadow: 8px 8px 8px #666;
	padding-top: 10px;
	padding-left: 15px;
	visibility: hidden;
	padding-top: 10px;
	padding-right: 10px;
}
/* Einfügen des gefüllten Sprechdreiecks */
#Sprechblase_1:before {
	content: ' ';
	border: 20px solid;
	border-color:rgb(226,2,16) rgb(226,2,16) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -40px;
	top: 40px;
	height: 0px;
	width: 0px;
}
/* Einfügen des weißen Dreiecks über das rote, so dass es anschließend wie die Sprechecke aussieht */
#Sprechblase_1:after {
	content: ' ';
	border: 15px solid;
	border-color:rgb(255,255,255) rgb(255,255,255) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -30px;
	top: 45px;
}
/* Ändern der Hintergrundfarbe, wenn man mit der Maus über den ersten Feierpunkt fährt */
#Feiern_1:hover {
	background-color: rgb(226,150,150);
}
#Feiern_1:active {
	background-color: rgb(226,150,150);
}
/* Einblenden der Sprechblase, wenn man mit der Maus über den 1. Feierpunkt fährt */
#Feiern_1:hover #Sprechblase_1 {
	background-color: rgb(255,255,255);
	visibility: visible;
}
#Feiern_1:active #Sprechblase_1 {
	background-color: rgb(255,255,255);
	visibility: visible;
}
/* Definition des 2. Feiern-Punktes */
#Feiern_2 {
	top: -750px;
	position: relative;
	left: 400px;
	font-weight: bold;
	width: 350px;
}
/* Definition der Sprechblase für den 2. Feierpunkt, die zunächst nicht angezeigt wird */
#Sprechblase_2 {
	position: absolute;
	height: 360px;
	float: right;
	left: 400px;
	top: -40px;
	font-weight: normal;
	background-color: rgb(255,255,255);
	z-index: 2;
	width: 322px;
	border: 4px solid rgb(226,2,16);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 8px 8px 8px #666666;
	-moz-box-shadow: 8px 8px 8px #666666;
	box-shadow: 8px 8px 8px #666;
	padding-top: 10px;
	padding-left: 7px;
	visibility: hidden;
	padding-top: 10px;
}
/* Einfügen des gefüllten Sprechdreiecks */
#Sprechblase_2:before {
	content: ' ';
	border: 20px solid;
	border-color:rgb(226,2,16) rgb(226,2,16) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -40px;
	top: 40px;
	height: 0px;
	width: 0px;
}
/* Einfügen des weißen Dreiecks über das rote, so dass es anschließend wie die Sprechecke aussieht */
#Sprechblase_2:after {
	content: ' ';
	border: 15px solid;
	border-color:rgb(255,255,255) rgb(255,255,255) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -30px;
	top: 45px;
}
/* Ändern der Hintergrundfarbe, wenn man mit der Maus über den zweiten Feierpunkt fährt */
#Feiern_2:hover {
		text-decoration: none; /* damit der Button in der Textzeile steht, wird sonst von hover nicht erfasst */
	background-color: rgb(226,150,150);
}
/* Einblenden der Sprechblase, wenn man mit der Maus über den 2. Feierpunkt fährt */
#Feiern_2:hover #Sprechblase_2 {
	background-color: rgb(255,255,255);
	visibility: visible;
	text-decoration: none;
}

/* Definition des 3. Feiern-Punktes */
#Feiern_3 {
	position: relative;
	left: 400px;
	top: -750px;
	font-weight: bold;
	width: 350px;
}
/* Definition der Sprechblase für den 3. Feierpunkt, die zunächst nicht angezeigt wird */
#Sprechblase_3 {
	position: absolute;
	height: 240px;
	float: right;
	left: 400px;
	top: -40px;
	font-weight: normal;
	background-color: rgb(255,255,255);
	z-index: 2;
	width: 305px;
	border: 4px solid rgb(226,2,16);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 8px 8px 8px #666666;
	-moz-box-shadow: 8px 8px 8px #666666;
	box-shadow: 8px 8px 8px #666;
	padding-top: 10px;
	padding-left: 15px;
	visibility: hidden;
	padding-top: 10px;
	padding-right: 10px;
}
/* Einfügen des gefüllten Sprechdreiecks */
#Sprechblase_3:before {
	content: ' ';
	border: 20px solid;
	border-color:rgb(226,2,16) rgb(226,2,16) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -40px;
	top: 40px;
	height: 0px;
	width: 0px;
}
/* Einfügen des weißen Dreiecks über das rote, so dass es anschließend wie die Sprechecke aussieht */
#Sprechblase_3:after {
	content: ' ';
	border: 15px solid;
	border-color:rgb(255,255,255) rgb(255,255,255) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -30px;
	top: 45px;
}
/* Ändern der Hintergrundfarbe, wenn man mit der Maus über den dritten Feierpunkt fährt */
#Feiern_3:hover {
	background-color: rgb(226,150,150);
}
/* Einblenden der Sprechblase, wenn man mit der Maus über den 3. Feierpunkt fährt */
#Feiern_3:hover #Sprechblase_3 {
	background-color: rgb(255,255,255);
	visibility: visible;
}

/* Definition des 4. Feiern-Punktes */
#Feiern_4 {
	font-weight: bold;
	position: relative;
	left: 400px;
	top: -750px;
	width: 350px;
}
/* Definition der Sprechblase für den 4. Feierpunkt, die zunächst nicht angezeigt wird */
#Sprechblase_4 {
	position: absolute;
	height: 300px;
	float: right;
	left: 400px;
	top: -70px;
	font-weight: normal;
	background-color: rgb(255,255,255);
	z-index: 2;
	width: 295px;
	border: 4px solid rgb(226,2,16);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 8px 8px 8px #666666;
	-moz-box-shadow: 8px 8px 8px #666666;
	box-shadow: 8px 8px 8px #666;
	padding-top: 10px;
	padding-left: 15px;
	visibility: hidden;
	padding-top: 10px;
	padding-right: 10px;
}
/* Einfügen des gefüllten Sprechdreiecks */
#Sprechblase_4:before {
	content: ' ';
	border: 20px solid;
	border-color:rgb(226,2,16) rgb(226,2,16) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -40px;
	top: 70px;
	height: 0px;
	width: 0px;
}
/* Einfügen des weißen Dreiecks über das rote, so dass es anschließend wie die Sprechecke aussieht */
#Sprechblase_4:after {
	content: ' ';
	border: 15px solid;
	border-color:rgb(255,255,255) rgb(255,255,255) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -30px;
	top: 75px;
}
/* Ändern der Hintergrundfarbe, wenn man mit der Maus über den vierten Feierpunkt fährt */
#Feiern_4:hover {
	background-color: rgb(226,150,150);
}
/* Einblenden der Sprechblase, wenn man mit der Maus über den 4. Feierpunkt fährt */
#Feiern_4:hover #Sprechblase_4 {
	background-color: rgb(255,255,255);
	visibility: visible;
}

/* Definition des 5. Feiern-Punktes */
#Feiern_5 {
	font-weight: bold;
	position: relative;
	left: 400px;
	top: -750px;
	width: 350px;
}
/* Definition der Sprechblase für den 5. Feierpunkt, die zunächst nicht angezeigt wird */
#Sprechblase_5 {
	position: absolute;
	height: 255px;
	float: right;
	left: 400px;
	top: -100px;
	font-weight: normal;
	background-color: rgb(255,255,255);
	z-index: 2;
	width: 280px;
	border: 4px solid rgb(226,2,16);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 8px 8px 8px #666666;
	-moz-box-shadow: 8px 8px 8px #666666;
	box-shadow: 8px 8px 8px #666;
	padding-top: 10px;
	padding-left: 15px;
	visibility: hidden;
	padding-top: 10px;
	padding-right: 10px;
}
/* Einfügen des gefüllten Sprechdreiecks */
#Sprechblase_5:before {
	content: ' ';
	border: 20px solid;
	border-color:rgb(226,2,16) rgb(226,2,16) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -40px;
	top: 100px;
	height: 0px;
	width: 0px;
}
/* Einfügen des weißen Dreiecks über das rote, so dass es anschließend wie die Sprechecke aussieht */
#Sprechblase_5:after {
	content: ' ';
	border: 15px solid;
	border-color:rgb(255,255,255) rgb(255,255,255) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -30px;
	top: 105px;
}
/* Ändern der Hintergrundfarbe, wenn man mit der Maus über den fünften Feierpunkt fährt */
#Feiern_5:hover {
	background-color: rgb(226,150,150);
}
/* Einblenden der Sprechblase, wenn man mit der Maus über den 5. Feierpunkt fährt */
#Feiern_5:hover #Sprechblase_5 {
	background-color: rgb(255,255,255);
	visibility: visible;
}

/* Definition des 6. Feiern-Punktes */
#Feiern_6 {
	font-weight: bold;
	position: relative;
	left: 400px;
	top: -750px;
	width: 350px;
}
/* Definition der Sprechblase für den 6. Feierpunkt, die zunächst nicht angezeigt wird */
#Sprechblase_6 {
	position: absolute;
	height: 160px;
	float: right;
	left: 400px;
	top: -100px;
	font-weight: normal;
	background-color: rgb(255,255,255);
	z-index: 2;
	width: 280px;
	border: 4px solid rgb(226,2,16);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 8px 8px 8px #666666;
	-moz-box-shadow: 8px 8px 8px #666666;
	box-shadow: 8px 8px 8px #666;
	padding-top: 10px;
	padding-left: 15px;
	visibility: hidden;
	padding-top: 10px;
	padding-right: 10px;
}
/* Einfügen des gefüllten Sprechdreiecks */
#Sprechblase_6:before {
	content: ' ';
	border: 20px solid;
	border-color:rgb(226,2,16) rgb(226,2,16) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -40px;
	top: 100px;
	height: 0px;
	width: 0px;
}
/* Einfügen des weißen Dreiecks über das rote, so dass es anschließend wie die Sprechecke aussieht */
#Sprechblase_6:after {
	content: ' ';
	border: 15px solid;
	border-color:rgb(255,255,255) rgb(255,255,255) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -30px;
	top: 105px;
}
/* Ändern der Hintergrundfarbe, wenn man mit der Maus über den sechsten Feierpunkt fährt */
#Feiern_6:hover {
	background-color: rgb(226,150,150);
}
/* Einblenden der Sprechblase, wenn man mit der Maus über den 6. Feierpunkt fährt */
#Feiern_6:hover #Sprechblase_6 {
	background-color: rgb(255,255,255);
	visibility: visible;
}

/* Definition des 7. Feiern-Punktes */
#Feiern_7 {
	font-weight: bold;
	position: relative;
	left: 400px;
	top: -750px;
	width: 350px;
}
/* Definition der Sprechblase für den 7. Feierpunkt, die zunächst nicht angezeigt wird */
#Sprechblase_7 {
	position: absolute;
	height: 165px;
	float: right;
	left: 400px;
	top: -110px;
	font-weight: normal;
	background-color: rgb(255,255,255);
	z-index: 2;
	width: 280px;
	border: 4px solid rgb(226,2,16);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 8px 8px 8px #666666;
	-moz-box-shadow: 8px 8px 8px #666666;
	box-shadow: 8px 8px 8px #666;
	padding-top: 10px;
	padding-left: 15px;
	visibility: hidden;
	padding-top: 10px;
	padding-right: 10px;
}
/* Einfügen des gefüllten Sprechdreiecks */
#Sprechblase_7:before {
	content: ' ';
	border: 20px solid;
	border-color:rgb(226,2,16) rgb(226,2,16) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -40px;
	top: 110px;
	height: 0px;
	width: 0px;
}
/* Einfügen des weißen Dreiecks über das rote, so dass es anschließend wie die Sprechecke aussieht */
#Sprechblase_7:after {
	content: ' ';
	border: 15px solid;
	border-color:rgb(255,255,255) rgb(255,255,255) transparent transparent;
	position: absolute;
	z-index: 2;
	left: -30px;
	top: 115px;
}
/* Ändern der Hintergrundfarbe, wenn man mit der Maus über den siebten Feierpunkt fährt */
#Feiern_7:hover {
	background-color: rgb(226,150,150);
}
/* Einblenden der Sprechblase, wenn man mit der Maus über den 7. Feierpunkt fährt */
#Feiern_7:hover #Sprechblase_7 {
	background-color: rgb(255,255,255);
	visibility: visible;
}

/* Definition des Feierntextes */
#Feierntext {
	position: relative;
	left: 400px;
	top: -663px;
	width: 700px;
}
/* Definition der Preistabelle */
#Feiern_Preise {
	position: relative;
	left: 410px;
	top: -667px;
	width: 790px;
}
/* Definition des Zusatztextes zur Preistabelle */
#Feiern_preistext {
	position: relative;
	left: 400px;
	top: -657px;
	width: 710px;
}

/* Bild von Pedro einfügen */
#Pedro_1 {
	height: 748px;
	width: 300px;
	top: -790px;
	float: right;
	position: relative;
	left: -840px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}