@charset "UTF-8";

#magic-matrix {
	background-image: url(img/backStart.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #34012c;
}

body {
	color: #f49e00;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-image: url(img/back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #34012c;
	font: 12px/18px Arial, Helvetica, sans-serif;
}

a {
	color: #FAEA31;
	text-decoration: none;
}

a:hover {
	color: #F19E24;
}

a.right {
	float: right;
	margin: 14px 0px 0px;
	padding: 0px;
	text-align: right;
	display: block;
}

a.right2 {
	float: right;
	margin: 14px 0px 20px;
	padding: 0px;
	text-align: right;
	display: block;
}

.back {
	display: block;
	height: auto;
	width: 900px;
	margin: 0px 0px 15px;
	padding: 0px;
	float: left;
}

img {
	border-style: none;
}
br , #content form br{
	clear: both;
}

h1 {
	font-size: 28px;
	font-weight: bold;
	margin: 0px 0px 1em;
	padding: 0px;
	color: #fceb00;
	height: auto;
	width: auto;
}

h2 {
	font-weight: bold;
	margin: 0em 0px 0.5em;
	padding: 0.5em 0px 0px;
	font-size: 24px;
}

h3 {
	font-size: 18px;
	color: #C5246E;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 5px;
}

h4 {
	font-weight: bold;
	margin: 0em 0px;
	padding: 0px;
	font-size: 24px;
	color: #64004b;
}

h5 {
	font-size: 18px;
	color: #C5246E;
	font-weight: normal;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

.pfeil {
	margin-bottom: -1px;
}

#main {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 960px;
}

#middle {
	padding: 0px;
	height: auto;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.logo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 134px;
	width: 190px;
}

#top {
	height: 134px;
	width: 960px;
	float: left;
}

#content {
	font-size: 12px;
	height: auto;
	width: 900px;
	clear: both;
	float: left;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#content ol {
	margin: 0.5em 0px 1.5em;
	padding: 0px 0px 0px 15px;
	list-style: disc outside;
}

#content ol li {
	margin-bottom: 0.5em;
}

#content2 {
	font-size: 12px;
	height: auto;
	width: 900px;
	clear: both;
	float: left;
	margin: 90px 0px 0px;
	padding: 0px 30px;
}

#content3 {
	font-size: 12px;
	height: auto;
	width: 900px;
	clear: both;
	float: left;
	margin: 20px 0px 0px;
	padding: 0px 30px;
}

.schraube {
	clear: both;
	float: left;
	height: auto;
	width: 430px;
	padding: 0px;
	margin: 20px 0px 0px 30px;
	font-size: 14px;
}

.schraube p {
	margin: 10px 0px 12px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	color: #DB2A7B;
}

a.yellowbutton {
	font-size: 16px;
	line-height: 32px;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	height: 34px;
	width: 190px;
	color: #4e0042;
	background: url(img/button_a.png) no-repeat left top;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

a.yellowbutton:hover {
	background: url(img/button_b.png) no-repeat left top;
}

.anmeldung {
	height: 34px;
	width: 200px;
	padding: 0px;
	float: right;
	margin-top: 45px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#teaserhome {
	background-image: url(img/teaser_bar.png);
	clear: both;
	float: left;
	height: 200px;
	width: 970px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin: 25px 0px 0px -20px;
}

#teaserleiste {
	clear: both;
	float: left;
	height: 200px;
	width: 970px;
	padding: 0px;
	background: url(img/teaser_bar2.png) no-repeat left top;
	margin: 40px 0px 0px -20px;
}

.teaser1, .teaser2, .teaser3 {
	height: 90px;
	width: 180px;
	float: left;
	margin: 20px 0px 0px;
	padding: 80px 120px 0px 20px;
}

#teaserhome .teaser1, #teaserhome .teaser2, #teaserhome .teaser3 {
	margin: 10px 0px 0px;
}

.teaser1 {
	background: url(img/teaser_01.png) no-repeat left top;
}

.teaser1:hover {
	background: url(img/teaser_01_b.png) no-repeat left top;
}

.teaser2 {
	background: url(img/teaser_02.png) no-repeat left top;
}

.teaser2:hover {
	background: url(img/teaser_02_b.png) no-repeat left top;
}

.teaser3 {
	background: url(img/teaser_03.png) no-repeat left top;
}

.teaser3:hover {
	background: url(img/teaser_03_b.png) no-repeat left top;
}

.newsletter {
	background-image: url(img/newsletter.png);
	height: 104px;
	width: 260px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	clear: both;
	padding: 51px 0px 0px 20px;
	margin: 45px 0px 0px -20px;
}

.newsletter p {
	color: #4e0042;
	padding: 0px;
	margin: 5px 0px;
	line-height: normal;
}

#meta {
	width: 900px;
	height: auto;
	margin: 10px 0px 20px;
	padding: 0px 30px;
	float: left;
	clear: both;
	color: #c8006e;
}

#meta img {
	float: left;
	margin: -10px 0px 0px;
	padding: 0px;
}

#meta p.subline {
	display: block;
	float: right;
	height: auto;
	width: auto;
	margin: 0px;
	padding: 0px;
	clear: none;
	font-size: 12px;
	color: #C80269;
	line-height: normal;
}

#meta p a {
	color: #891855;
}

#meta p {
	font-size: 11px;
	line-height: normal;
	clear: both;
	float: left;
	height: auto;
	width: auto;
	color: #891855;
}
#meta .facebook  {
	height: 32px;
	width: auto;
	background: url(img/like_left.png) no-repeat left;
	margin: -10px 0px 0px 10px;
	padding: 0px;
	float: right;
}

#meta .facebook p {
	height: 20px;
	width: auto;
	background: url(img/like.png) no-repeat right;
	margin: 0px 0px 0px 6px;
	padding: 6px 0px;
	float: left;
}


.links {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	float: left;
	width: 610px;
}

.links p {
	margin: 0px;
	padding: 0px 20px 1em 0px;
	width: auto;
	height: auto;
}

.links ul {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 600px;
	border-top: 1px solid #96005d;
	background: url(img/numbers.png) no-repeat left top;
}

.links ul li {
	display:block;
	height:40px;
	font-size:12px;
	font-style:normal;
	padding: 0px 0px 0px 35px;
	width: auto;
	line-height: 40px;
	margin: 0px;
	vertical-align: middle;
	border-bottom: 1px solid #96005d;
}
.links img.frei{
	margin: 20px 20px 10px 10px;
	padding: 0px;
	height: auto;
	width: auto;
	float: left;
}

.links img.frei2 {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	height: auto;
	width: auto;
	float: left;
}

.links br {
	clear: none;
}

.rechts {
	margin: 49px 0px 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 270px;
}

.rechts2 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 270px;
}

.rechts p {
	width: 270px;
	height: auto;
	float: left;
	margin: 0px;
	padding: 0px;
}

.note {
	width: 270px;
	margin: 0px;
	padding: 20px 0px 0px;
	float: left;
	height: auto;
	background: url(img/note_top.png) no-repeat left top;
}

.note p {
	margin: 0px;
	padding: 0px 20px 20px;
	background: url(img/note_bottom.png) no-repeat left bottom;
	height: auto;
	width: 230px;
	display: block;
}

.note h3 {
	padding: 0px 20px 10px;
	margin: 0px;
}

.note a {
	margin-top: 5px;
	float: left;
}



.feedback {
	width: 270px;
	margin: 0px;
	padding: 0px 0px 40px;
	float: left;
	height: auto;
	background: url(img/feedback_unten.png) no-repeat left bottom;
}

.rechts .feedback p {
	margin: 0px;
	padding: 20px 20px 0px;
	background: url(img/feedback_oben.png) no-repeat left top;
	font-size: 11px;
	height: auto;
	width: auto;
}
.feedback b , b{
	font: italic normal 18px/1.4em Georgia, "Times New Roman", Times, serif;
}

.einzel {
	margin: 0px;
	padding: 50px 20px 0px;
	float: left;
	height: 102px;
	width: 230px;
	background: url(img/einzelanwendung.png) no-repeat left top;
	color: #63114B;
}

.reiter {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 270px;
	background: url(img/facts_reiter_de.png) no-repeat left top;
}
.reiter2 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 270px;
	background: url(img/facts_reiter_ch.png) no-repeat left top;
}
.reiter3 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 10px;
	width: 270px;
	background: url(img/facts.png) no-repeat left top;
}

.reiter a, .reiter2 a {
	line-height: 35px;
	display: block;
	float: left;
	height: 35px;
	width: 135px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	font-weight: bold;
	color: #C8256E;
}

.reiter a:hover, .reiter2 a:hover {
	background: url(img/facts_reiter_hover.png) no-repeat right top;
	color: #F49E00;
}

.reiter a.aktiv, .reiter2 a.aktiv {
	color: #64114B;
}

.facts {
	background: url(img/facts.png) no-repeat left bottom;
	margin: 0px;
	padding: 10px 20px 20px;
	float: left;
	height: auto;
	width: 230px;
}

.facts h3 {
	color: #64004b;
	display: block;
	float: left;
	height: auto;
	width: auto;
	margin: 10px 0px 5px;
	padding: 0px;
	clear: both;
}

.facts p {
	width: 230px;
	height: auto;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px 0px 10px;
	border-bottom: 1px solid #a30061;
	clear: both;
}

.facts p.end {
	border-style: none;
}

.facts .begeisterung {
	clear: both;
	float: left;
	width: 200px;
	background: url(img/begeistert.png);
	height: 72px;
	color: #63114B;
	padding: 50px 15px 20px;
	margin-top: 5px;
}

.facts a.yellowbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 32px;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	height: 34px;
	width: 220px;
	margin: 15px 0px 0px;
	color: #4e0042;
	padding: 0px 0px 0px 10px;
	float: left;
	background: url(img/facts_button_a.png) no-repeat left top;
}

.facts a.yellowbutton:hover {
	background: url(img/facts_button_b.png);
}

.seminare {
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 30px;
	clear: both;
	float: left;
	height: auto;
	width: auto;
}

.starter, .schrauber, .infoabend, .channeling, .transformers, .uebung, .schule, .kickoff, .lebensfroh, .kids, .special {
	margin: 0px 22px 22px 0px;
	padding: 80px 20px 0px;
	float: left;
	height: 92px;
	width: 245px;
	display: block;
	color: #4e0042;
}

.starter {
	background: url(img/seminar_starter.png) no-repeat left top;
}

.starter:hover {
	background: url(img/seminar_starter_b.png) no-repeat left top;
	color: #4e0042;
}

.special {
	background: url(img/seminare_special.png) no-repeat left top;
}

.special:hover {
	background: url(img/seminare_special_b.png) no-repeat left top;
	color: #4e0042;
}

.schrauber {
	background: url(img/seminar_schrauber.png) no-repeat left top;
}

.schrauber:hover {
	background: url(img/seminar_schrauber_b.png) no-repeat left top;
	color: #4e0042;
}

.kids {
	background: url(img/seminar_kidsOnly.png) no-repeat left top;
}

.kids:hover {
	background: url(img/seminar_kidsOnly_b.png) no-repeat left top;
	color: #4e0042;
}

.lebensfroh {
	background: url(img/seminar_freiUndLebensfroh.png) no-repeat left top;
}

.lebensfroh:hover {
	background: url(img/seminar_freiUndLebensfroh_b.png) no-repeat left top;
	color: #4e0042;
}

.infoabend {
	background: url(img/seminare_infoabend.png) no-repeat left top;
}

.infoabend:hover {
	background: url(img/seminare_infoabend_b.png) no-repeat left top;
	color: #4e0042;
}

.kickoff {
	background: url(img/seminare_kickoff.png) no-repeat left top;
}

.kickoff:hover {
	background: url(img/seminare_kickoff_b.png) no-repeat left top;
	color: #4e0042;
}

.channeling {
	background: url(img/seminare_channeling.png) no-repeat left top;
}

.channeling:hover {
	background: url(img/seminare_channeling_b.png) no-repeat left top;
	color: #4e0042;
}


.transformers {
	background: url(img/seminare_transformers.png) no-repeat left top;
}

.transformers:hover {
	background: url(img/seminare_transformers_b.png) no-repeat left top;
	color: #4e0042;
}

.uebung {
	background: url(img/seminare_uebungsabend.png) no-repeat left top;
}

.uebung:hover {
	background: url(img/seminare_uebungsabend_b.png) no-repeat left top;
	color: #4e0042;
}

.schule {
	background: url(img/seminare_schule.png) no-repeat left top;
}

.schule:hover {
	background: url(img/seminare_schule_b.png) no-repeat left top;
	color: #4e0042;
}

.buch1, .buch2, .buch3 {
	margin: 0px 22px 22px 0px;
	padding: 20px 20px 0px 125px;
	float: left;
	height: 194px;
	width: 140px;
	display: block;
}

.buch1 {
	background: url(img/buch_01_a.png) no-repeat left top;
}

.buch1:hover {
	background: url(img/buch_01_b.png) no-repeat left top;
}

.buch2 {
	background: url(img/buch_02_a.png) no-repeat left top;
}

.buch2:hover {
	background: url(img/buch_02_b.png) no-repeat left top;
}

.buch3 {
	background: url(img/buch_03_a.png) no-repeat left top;
}

.buch3:hover {
	background: url(img/buch_03_b.png) no-repeat left top;
}

.buch1 strong, .buch2 strong, .buch3 strong {
	display: block;
	margin: 0px 0px 10px;
	padding: 0px;
	height: auto;
	width: auto;
	font-size: 18px;
	font-weight: normal;
	color: #C5246E;
	line-height: 22px;
}

.anwender {
	background: url(img/blase_top.png) no-repeat right top;
	margin: 0px 0px 20px;
	padding: 0px;
	float: left;
	height: auto;
	width: 610px;
}

.anwender .thumb {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 102px;
	width: 100px;
}

.anwender .blase {
	background: url(img/blase_bottom.png) no-repeat right bottom;
	float: left;
	padding: 0px 20px 10px 50px;
	height: auto;
	width: 440px;
	margin: 10px 0px 0px;
}

.anwender .blase p {
	padding-right: 0px;
}

.anwender .blase img {
	display: inline;
}

.thumbnail {
	float: left;
	height: auto;
	width: 947px;
	margin: 10px 0px 0px 13px;
	padding: 0px;
}

.thumbnail a {
	display: block;
	float: left;
	height: 102px;
	width: 100px;
	margin: 0px 0px 15px 15px;
	padding: 0px;
}

.box {
	margin: 0px 22px 22px 0px;
	padding: 20px;
	float: left;
	height: 132px;
	width: 245px;
	display: block;
	background: url(img/box.png) no-repeat left top;
}

.box strong {
	display: block;
	margin: 0px 0px 10px;
	padding: 0px;
	height: auto;
	width: auto;
	font-size: 18px;
	font-weight: normal;
	color: #C5246E;
	line-height: 22px;
}

.box:hover {
	background: url(img/box_b.png);
}

.fuss {
	color: #C5246E;
	font-style: italic;
}

.quantenheilung {
	position: absolute;
	top: -1000px;
	height: auto;
	width: 300px;
}

#meta strong {
	font-style: normal;
	font-weight: normal;
}
a.comic {
	margin: 0px;
	padding: 50px 90px 0px 20px;
	float: left;
	height: 72px;
	width: 160px;
	background: url(img/comic.png) no-repeat left top;
	color: #63114B;
	display: block;
}

a.comic:hover {
	background: url(img/comic_b.png) no-repeat left top;
}

.achtung {
	color: #F60;
}

.achtung strong {
	text-decoration: line-through;
}