@charset "utf-8";

/* ===== CSS Document ==================================================================================================================== */
/* ======================================================================================================================================= */

/* ===== Kalibrierung: alle Werte auf Null setzen ======================================================================================== */
/* ======================================================================================================================================= */

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

/* ===== Allgemeine Selektoren =========================================================================================================== */
/* ======================================================================================================================================= */

html {height: 101%;} /* ===== erzwingt Scrollbar im Firefox Browser ====================================================================== */

body {
	background-color: #666666;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

li { padding-left: 5px; list-style: square }

/* ===== Klassen ========================================================================================================================= */
/* ======================================================================================================================================= */

.Trennlinie {background-image: url(Allgemein/HG_Trennlinie.jpg); height: 1px; }
.Trennlinie_clear {background-image: url(Allgemein/HG_Trennlinie.jpg); height: 1px; clear: both; }
.Infobox {display: inline-block; background-color: #CCCCCC; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; border: 1px solid #000000; padding: 10px;}
.Zitat {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12pt; font-weight: bold; }

/* ===== Wrapper ========================================================================================================================= */
/* ======================================================================================================================================= */

#wrapper {
	background-color: #666666;
	background-image: url(Allgemein/HG_Content.jpg);
	width: 980px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

/* ===== Kopfbereich ===================================================================================================================== */
/* ======================================================================================================================================= */

#header {
	background-color: #666666;
	background-image: url(Banner/Banner_Startseite.jpg);
	height: 180px;
}

#header_kurse {
	background-color: #666666;
	background-image: url(Banner/Banner_Kurse.jpg);
	height: 180px;
}

#header_weiterbildung {
	background-color: #666666;
	background-image: url(Banner/Banner_Weiterbildung.jpg);
	height: 180px;
}

#header_reisen {
	background-color: #666666;
	background-image: url(Banner/Banner_Reisen.jpg);
	height: 180px;
}

/* ===== Navigation ====================================================================================================================== */
/* ======================================================================================================================================= */

#navigation {
	text-align: center;
	background-color:#FFFFCC;
	background-image: url(Navigation/HG_Navigation.jpg);
	padding: 10px;
}

#navigation li {	
	display: inline;
	list-style-type: none;
	margin-right: 10px;
	margin-left: 10px;
}

a#n_startseite { width: 54px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Home_01.jpg) no-repeat; }
a#n_startseite:hover { background:url(Navigation/Home_02.jpg) no-repeat; }

a#n_vita { width: 49px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Team_01.jpg) no-repeat; }
a#n_vita:hover { background:url(Navigation/Team_02.jpg) no-repeat; }

a#n_kurse { width: 55px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Kurse_01.jpg) no-repeat; }
a#n_kurse:hover { background:url(Navigation/Kurse_02.jpg) no-repeat; }

a#n_workshops { width: 194px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Workshops-Seminare_01.jpg) no-repeat; }
a#n_workshops:hover { background:url(Navigation/Workshops-Seminare_02.jpg) no-repeat; }

a#n_reisen-retreats { width: 141px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Reisen-Retreats_01.jpg) no-repeat; }
a#n_reisen-retreats:hover { background:url(Navigation/Reisen-Retreats_02.jpg) no-repeat; }

a#n_einzelcoaching { width: 129px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Einzelcoaching_01.jpg) no-repeat; }
a#n_einzelcoaching:hover { background:url(Navigation/Einzelcoaching_02.jpg) no-repeat; }

a#n_akkreditierte-kurse { width: 139px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Charity-Aktionen_01.jpg) no-repeat; }
a#n_akkreditierte-kurse:hover { background:url(Navigation/Charity-Aktionen_02.jpg) no-repeat; }

a#n_weiterbildung { width: 117px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Weiterbildung_01.jpg) no-repeat; }
a#n_weiterbildung:hover { background:url(Navigation/Weiterbildung_02.jpg) no-repeat; }

a#n_ganzheitliches-gesundheitsmanagement { width: 334px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Ganzheitliches-Gesundheitsmanagement_01.jpg) no-repeat; }
a#n_ganzheitliches-gesundheitsmanagement:hover { background:url(Navigation/Ganzheitliches-Gesundheitsmanagement_02.jpg) no-repeat; }

a#n_specials { width: 75px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Specials_01.jpg) no-repeat; }
a#n_specials:hover { background:url(Navigation/Specials_02.jpg) no-repeat; }

a#n_webinare { width: 81px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Webinare_01.jpg) no-repeat; }
a#n_webinare:hover { background:url(Navigation/Webinare_02.jpg) no-repeat; }

a#n_kontakt { width: 223px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Kontakt_01.jpg) no-repeat; }
a#n_kontakt:hover { background:url(Navigation/Kontakt_02.jpg) no-repeat; }


#startseite a#n_startseite { width: 54px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Home_02.jpg) no-repeat; }
#vita a#n_vita { width: 49px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Team_02.jpg) no-repeat; }
#kurse a#n_kurse { width: 55px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Kurse_02.jpg) no-repeat; }
#workshops-seminare a#n_workshops { width: 194px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Workshops-Seminare_02.jpg) no-repeat; }
#reisen-retreats a#n_reisen-retreats { width: 141px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Reisen-Retreats_02.jpg) no-repeat; }
#einzelcoaching a#n_einzelcoaching { width: 129px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Einzelcoaching_02.jpg) no-repeat; }
#akkreditierte-kurse a#n_akkreditierte-kurse { width: 139px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Charity-Aktionen_02.jpg) no-repeat; }
#weiterbildung a#n_weiterbildung { width: 117px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Weiterbildung_02.jpg) no-repeat; }
#ganzheitliches-gesundheitsmanagement a#n_ganzheitliches-gesundheitsmanagement { width: 334px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Ganzheitliches-Gesundheitsmanagement_02.jpg) no-repeat; }
#specials a#n_specials { width: 75px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Specials_02.jpg) no-repeat; }
#webinare a#n_webinare {width: 81px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Webinare_02.jpg) no-repeat; }
#kontakt a#n_kontakt { width: 223px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Kontakt_02.jpg) no-repeat; }


#info_hatha-yoga a#n_kurse { width: 55px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Kurse_02.jpg) no-repeat; }
#info_ayur-yoga a#n_kurse { width: 55px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Kurse_02.jpg) no-repeat; }
#info_hormon-yoga a#n_kurse { width: 55px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Kurse_02.jpg) no-repeat; }
#info_inner-smile a#n_kurse { width: 55px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Kurse_02.jpg) no-repeat; }
#info_wyfs a#n_kurse { width: 55px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Kurse_02.jpg) no-repeat; }
#info_baby-yoga a#n_kurse { width: 55px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Kurse_02.jpg) no-repeat; }
#info_kop a#n_kurse { width: 55px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Kurse_02.jpg) no-repeat; }
#info_akb a#n_kurse { width: 55px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Kurse_02.jpg) no-repeat; }

#referenzen a#n_vita { width: 36px; height: 25px; display: inline-block; outline: none; background: url(Navigation/Team_02.jpg) no-repeat; }


/* ===== Zitat =========================================================================================================================== */
/* ======================================================================================================================================= */

#Zitat {
	background-color: #666666;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	text-align: center;
}


/* ===== Fussbereich ===================================================================================================================== */
/* ======================================================================================================================================= */

#footer {
	clear: both;
	background-color: #666666;
	background-image: url(Banner/Footer.jpg);
	height: 85px;
	padding-top: 15px;
	padding-left: 250px;
}

/* ===== Layout: Startseite ============================================================================================================== */
/* ======================================================================================================================================= */

#startseite_rechte-spalte {
	float: right;
	width: 350px;
	padding-right: 40px;
	padding-left: 20px;
	padding-top: 20px;
}

#startseite_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 410px;
}

/* ===== Layout: Team ==================================================================================================================== */
/* ======================================================================================================================================= */

#vita_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 35px;
}

#vita li { padding-left: 5px; list-style: square }



/* ===== Layout: Kurse =================================================================================================================== */
/* ======================================================================================================================================= */

#kurse_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: Workshops-Seminare ====================================================================================================== */
/* ======================================================================================================================================= */

#workshops-seminare_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: Reisen ================================================================================================================== */
/* ======================================================================================================================================= */

#reisen_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: Personal-Yoga-Training ================================================================================================== */
/* ======================================================================================================================================= */

#personal-yoga-training_rechte-spalte {
	float: right;
	width: 300px;
	padding-right: 40px;
	padding-left: 20px;
	padding-top: 20px;
}

#personal-yoga-training_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-right: 360px;
	padding-bottom: 20px;
	padding-left: 30px;
}

#personal-yoga-training_content_2 {
	clear: both;
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}

#personal-yoga-training_content_1 li { margin-left: 30px; padding-left: 5px; list-style: square }
#personal-yoga-training_content_2 li { margin-left: 30px; padding-left: 5px; list-style: square }

/* ===== Layout: Akkreditierte Kurse für Pädagogen ======================================================================================= */
/* ======================================================================================================================================= */

#akkreditierte-kurse_rechte-spalte {
	float: right;
	width: 200px;
	padding-right: 40px;
	padding-left: 20px;
	padding-top: 20px;
}

#akkreditierte-kurse_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-right: 260px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: Business-Yoga =========================================================================================================== */
/* ======================================================================================================================================= */

#business-yoga_rechte-spalte {
	float: right;
	width: 300px;
	padding-right: 40px;
	padding-left: 20px;
	padding-top: 20px;
}

#business-yoga_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-right: 360px;
	padding-bottom: 20px;
	padding-left: 30px;
}

#business-yoga_content_2 {
	clear: both;
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}


/* ===== Layout: Specials ================================================================================================================ */
/* ======================================================================================================================================= */

#specials_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: Webinare ================================================================================================================ */
/* ======================================================================================================================================= */

#webinare_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 30px;
}


/* ===== Layout: Kontakt - Impressum - AGB =============================================================================================== */
/* ======================================================================================================================================= */

#kontakt_rechte-spalte {
	float: right;
	width: 350px;
	padding-right: 40px;
	padding-left: 20px;
	padding-top: 20px;
}

#kontakt_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	margin-right: 420px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

#kontakt_content_2 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* ===== Layout: Info_Hatha-Yoga ========================================================================================================= */
/* ======================================================================================================================================= */

#info_hatha-yoga_rechte-spalte {
	float: right;
	width: 300px;
	padding-right: 60px;
	padding-left: 20px;
	padding-top: 20px;
}

#info_hatha-yoga_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: Info_Ayur-Yoga ========================================================================================================== */
/* ======================================================================================================================================= */

#info_ayur-yoga_rechte-spalte {
	float: right;
	width: 300px;
	padding-right: 60px;
	padding-left: 20px;
	padding-top: 20px;
}

#info_ayur-yoga_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: Hormon-Yoga ============================================================================================================= */
/* ======================================================================================================================================= */

#info_hormon-yoga_rechte-spalte {
	float: right;
	width: 300px;
	padding-right: 60px;
	padding-left: 20px;
	padding-top: 20px;
}

#info_hormon-yoga_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: Inner-Smile ============================================================================================================= */
/* ======================================================================================================================================= */

#info_inner-smile_rechte-spalte {
	float: right;
	width: 300px;
	padding-right: 60px;
	padding-left: 20px;
	padding-top: 20px;
}

#info_inner-smile_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: Wohlfühl-Yoga für Schwangere ============================================================================================ */
/* ======================================================================================================================================= */

#info_wyfs_rechte-spalte {
	float: right;
	width: 300px;
	padding-right: 60px;
	padding-left: 20px;
	padding-top: 20px;
}

#info_wyfs_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: Baby Yoga =============================================================================================================== */
/* ======================================================================================================================================= */

#info_baby-yoga_rechte-spalte {
	float: right;
	width: 350px;
	padding-right: 60px;
	padding-left: 20px;
	padding-top: 20px;
}

#info_baby-yoga_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: KOP ===================================================================================================================== */
/* ======================================================================================================================================= */

#info_kop_rechte-spalte {
	float: right;
	width: 300px;
	padding-right: 60px;
	padding-left: 20px;
	padding-top: 20px;
}

#info_kop_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: Ayurvedische Konsttutionsberatung ======================================================================================= */
/* ======================================================================================================================================= */

#info_akb_rechte-spalte {
	float: right;
	width: 300px;
	padding-right: 60px;
	padding-left: 20px;
	padding-top: 20px;
}

#info_akb_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ===== Layout: Referenzen ============================================================================================================== */
/* ======================================================================================================================================= */

#referenzen_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
	padding-right: 50px;
}

#referenzen li { margin-left: 30px; padding-left: 5px; list-style: square }


/* ===== Sonstiges ======================================================================================================================= */

#ticketbestellung_rechte-spalte {
	float: right;
	width: 350px;
	padding-right: 40px;
	padding-left: 20px;
	padding-top: 20px;
}

#ticketbestellung_content_1 {
	background-color: #FFFFCC;
	background-image: url(Allgemein/HG_Content.jpg);
	margin-right: 420px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ======================================================================================================================================= */

#linke-spalte {
	float: left;
	width: 110px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	background-color: #FFFFCC;
	border-right: 1px solid #000000;
}

#rechte-spalte {
	float: right;
	width: 400px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	background-color: #FFFFCC;
	border-left: 1px solid #000000;
}