﻿/*CSS-Datei für die emo.logos-Internetseite - Stand: 1.11.2007*/
body {
	background-color: #C46F3A;
	margin: 0px;
}

/*Formatierung ausschliesslich für die Eingangsseite (flash)*/
.intro {
	height: 480px;
	width: 730px;
         position:absolute;
         left:50%;
         top:50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B03C40;
	background-color: #FFFFFF;
         background-image:url(bilder/hintergrund/weg_intro.jpg);
	margin-top: -240px;
	margin-left: -365px;
}

.introflash {
	    position:absolute;
	    top: 88px;
}

.introtext {
	visibility: visible;
         position:absolute;
         top: 440px;
         color: #c1a56f;
         font-weight:bold;
         font-size: 8pt;
         font-family: Arial, Helvetica;
         text-indent: 2pt;
}

/*Ebene1 für a href auf Eingangsseite (flash)*/
#Ebene1  {
         color: #c1a56f;
         font-weight:bold;
         font-size: 8pt;
         font-family: Arial, Helvetica;
         text-indent: 2pt;
}

/*Formatierung für den zentrierten div-Hauptbereich für Einstiegsseite*/
.center_einstieg {
	height: 480px;
	width: 730px;
         position:absolute;
         left:50%;
         top:50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B03C40;
	background-color: #FFFFFF;
         background-image:url(bilder/hintergrund/weg_einstieg.jpg);
	margin-top: -240px;
	margin-left: -365px;
}

/*-------------------------------------------------------->
/*FORMATIERUNGEN FÜR ROTER STRICH IN DEN RAHMEN*/
/* Formatierung div für roten Strich im Rahmen auf Einstiegsseite*/
.strich_einstieg {
	position: absolute;
         z-index: 5;
         top: 258px;
	left: 205px;
}

/* Formatierung div für roten Strich im Rahmen auf den Fragen Unterseiten*/
.strich_faqunterseiten {
	position: absolute;
         z-index: 5;
         top: 258px;
	left: 20px;
}

/*--------------------------------------------------------*/
.zurueck {
	position: absolute;
         z-index: 5;
         top: 269px;
	left: 20px;
}


.zurueck_seminar {
	position: absolute;
         z-index: 5;
         top: 260px;
	left: 20px;
}
/*-------------------------------------------------------->
/*FORMATIERUNG DER DIV HAUPTBEREICHE*/
/*Formatierung für den zentrierten div-Hauptbereich für faqseite*/
.center_faq {
	height: 480px;
	width: 730px;
         position:absolute;
         left:50%;
         top:50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B03C40;
	background-color: #FFFFFF;
         background-image:url(bilder/hintergrund/oase_faq.jpg);
	margin-top: -240px;
	margin-left: -365px;
}

/*Formatierung für den zentrierten div-Hauptbereich für Seminarseite*/
.center_seminar {
	height: 480px;
	width: 730px;
         position:absolute;
         left:50%;
         top:50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B03C40;
	background-color: #FFFFFF;
         background-image:url(bilder/hintergrund/baumchen.jpg);
	margin-top: -240px;
	margin-left: -365px;
}

/*Formatierung für den zentrierten div-Hauptbereich für Ueber unsseite*/
.center_uns {
	height: 480px;
	width: 730px;
         position:absolute;
         left:50%;
         top:50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B03C40;
	background-color: #FFFFFF;
         background-image:url(bilder/hintergrund/berge_uns.jpg);
	margin-top: -240px;
	margin-left: -365px;
}

/*Formatierung für den zentrierten div-Hauptbereich für Kontaktseite*/
.center_kontakt {
	height: 480px;
	width: 730px;
         position:absolute;
         left:50%;
         top:50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B03C40;
	background-color: #FFFFFF;
         background-image:url(bilder/hintergrund/kontakt.jpg);
	margin-top: -240px;
	margin-left: -365px;
}

/*Formatierung für den zentrierten div-hauptbereich für die Hotelseite Haigerloch*/
.center_haigerloch {
	height: 480px;
	width: 730px;
         position:absolute;
         left:50%;
         top:50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B03C40;
	background-color: #FFFFFF;
         background-image:url(bilder/hintergrund/haigerloch.jpg);
	margin-top: -240px;
	margin-left: -365px;
}

/*Formatierung für den zentrierten div-hauptbereich für die Hotelseite St. Maergen Hirschen*/
.center_hirschen {
	height: 480px;
	width: 730px;
         position:absolute;
         left:50%;
         top:50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B03C40;
	background-color: #FFFFFF;
         background-image:url(bilder/hintergrund/stmaergen.jpg);
	margin-top: -240px;
	margin-left: -365px;
}
/*-------------------------------------------------------->

/*Formatierung des Logos*/
.logo {
       position:absolute;
       z-index: 5;
       top: 417px;
       left: 593px;
}
/*-------------------------------------------------------->

/*Formatierung des  rueck und weiter im Hauptseminar*/
.rueck {
       position:absolute;
       z-index: 10;
       top: 425px;
       left: 250px;
       font-weight: bold;
}

.rueck1 {
       position:absolute;
       z-index: 10;
       top: 425px;
       left: 360px;
       font-weight: bold;
}

.weiter {
       position:absolute;
       top: 370px;
       left: 512px;
       font-weight: bold;
}
/*-------------------------------------------------------->

/*FORMATIERUNG DER MENUES*/
/*Formatierung des oberen Hauptmenues*/
.menue {
        position: absolute;
        top: 10px;
        left: 18px;
}

/*-------------------------------------------------------->
/*Formatierung für Rahmen auf Unterseiten*/
.rahmen {
	position: absolute;
         z-index: 5;
         top: 140px;
	left: 5px;
}

/*Formatierung für Rahmen auf Terminseite*/
.rahmen1 {
	position: absolute;
         z-index: 5;
         top: 140px;
	left: 5px;
}

/*Formatierung div Bilder linke Seite Unterseiten*/
.bild {
       position: absolute;
       z-index: 2;
       top: 146px;
       left: 0px;
}

/*Formatierung div Bilder linke Seite Unterseiten Basisseminare*/
.bild_seminare {
       position: absolute;
       z-index: 2;
       top: 146px;
       left: 120px;
}

/*Formatierung div Bilder linke Seite Unterseiten Hotels*/
.bild1 {
       position: absolute;
       z-index: 2;
       top: 146px;
       left: 100px;
}


/*Formatierung div Bilder linke Seite Unterseiten Hotels*/
.bild2 {
       position: absolute;
       z-index: 2;
       top: 146px;
       right: 13px;
}
/*Formatierung div Text neben Bilder Unterseite Basisseminar*/
.bildtext {
       position: absolute;
       z-index: 2;
       top: 146px;
       left: 10px;
}

/*Formatierung für Ueberschriften auf Unterseiten*/
.ueber {
	position: absolute;
         top: 100px;
	left: 96px;
}

/*Formatierung für Ueberschriften auf Unterseiten der Seminare*/
.ueber_seminare {
	position: absolute;
         top: 100px;
	left: 280px;
}

/*Formatierung für Ueberschriften auf Kontaktseite*/
.ueber_kontakt {
	position: absolute;
         top: 100px;
	left: 240px;
}

/*Formatierung des unteren Menues auf der Fragenseite*/
.menue_fragen {
        position: absolute;
        z-index: 8;
        top: 257px;
        left: 18px;
}

/*Formatierung div texte Unterseiten*/
.texte {
       position: absolute;
       z-index: 2;
       top: 146px;
       left: 325px;
       line-height:140%;
       width: 350px;
       height: 400px;
}

/*Formatierung div texte FAQUnterseiten*/
.textefaqunterseiten {
       position: absolute;
       z-index: 2;
       top: 146px;
       left: 230px;
       line-height:140%;
       width: 360px;
       height: 400px;
}

/*Formatierung div texte FAQUnterseiten - hier: Seite nachgedacht*/
.textefaquseitenach {
       position: absolute;
       z-index: 2;
       top: 146px;
       left: 160px;
       line-height:140%;
       width: 560px;
       height: 400px;
}

/*Formatierung div texte Publikationsseite*/
.textepublikation {
       position: absolute;
       z-index: 6;
       top: 146px;
       left: 160px;
       line-height:140%;
       width: 400px;
       height: 400px;
}

/*Formatierung des unteren Menues auf der Seminarseite*/
.menue_seminare {
        position: absolute;
        z-index: 8;
        top: 257px;
        left: 15px;
}

/*Formatierung div texte Seminarseite*/
.texte_seminar {
       position: absolute;
       z-index: 2;
       top:300px;
       left: 140px;
       line-height:140%;
       height: 400px;
}

/*Formatierung div text Seminarunterseite Bemerkung.php*/
.texte_seminar_bemerkung {
       position: absolute;
       z-index: 2;
       top:146px;
       left: 285px;
       line-height:140%;
       height: 400px;
       width: 360px;
}

/*Formatierung div text links unten focus-seite*/
.text_focus  {
       position: absolute;
       z-index: 2;
       top:350px;
       left: 20px;
       line-height:140%;
}

/*Formatierung div text auf der Kontaktseite*/
.text_kontakt  {
       position: absolute;
       z-index: 2;
       top:115px;
       left: 20px;
}

/*Formatierung div Bilder linke Seite Unterseiten*/
.kontakt {
       position: absolute;
       z-index: 2;
       top: 146px;
       left: 160px;
}


/*Formatierung div text unter Kontakt "altes Impressum"*/
.text_kontakt_unten {
       position: absolute;
       z-index: 2;
       top:462px;
       left: 0px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 9px;
       color: #B03C40;
}

/*Setzt das Impressum unter den restlichen Teil"*/
.impressum_link {
       position: absolute;
       z-index: 2;
       top:500px;
       left: 0px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 9px;
       color: #ffffff;
       width:730px;
}


/*Formatierung div text Impressum*/
.text_impressum {
       position: absolute;
       z-index: 2;
       top:2px;
       left: 0px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       color: #B03C40;
}

/*Formatierung p für Anfahrt*/
.text_anfahrt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B03C40;
}

/*Formatierung div text links unten focus-seite*/
.text_termine  {
       position: absolute;
       z-index: 6;
       top:136px;
       left: 0px;
       line-height:140%;
}

/*Formatierung div text links unten focus-seite*/
.text_hotels  {
       position: absolute;
       z-index: 6;
       top:280px;
       left: 335px;
       line-height:140%;
}
/*Formatierung td in Terminseite*/
.td_sem1 {
       font-weight: bold;
       font-size: 9px;
       vertical-align: top;
       width: 115px;
}

.td_sem2 {
       font-weight: bold;
       font-size: 9px;
       vertical-align: top;
       width: 72px;
}

.td_sem3 {
       font-weight: bold;
       font-size: 9px;
       vertical-align: top;
       width: 90px;
}

.td_sem4 {
       font-weight: bold;
       font-size: 9px;
       vertical-align: top;
        width: 102px;
}

.td_sem5 {
       font-weight: bold;
       font-size: 9px;
       vertical-align: top;
       width: 82px;
}

.td_sem6 {
       font-weight: bold;
       font-size: 9px;
       vertical-align: top;
       width: 240px;
}

.td_sem1a {
       font-size: 9px;
       vertical-align: top;
       width: 115px;
}

.td_sem2a {
       font-size: 9px;
       vertical-align: top;
       width: 72px;
}

.td_sem3a {
       font-size: 9px;
       vertical-align: top;
       width: 90px;
}

.td_sem4a {
       font-size: 9px;
       vertical-align: top;
        width: 102px;
}

.td_sem5a {
       font-size: 9px;
       vertical-align: top;
       width: 82px;
}

.td_sem6a {
       font-size: 9px;
       vertical-align: top;
       width: 240px;
}


}
/*Besonderer Link fuer die Links (a href) die nicht hervorgehoben werden sollen*/
a.einfach:link {
        text-decoration: none;
        font-weight: normal;
        color: #b03C40
}

a.einfach:visited {
            text-decoration: none;
            font-weight: normal;
            color: #b03C40
}

a.einfach:hover {
          text-decoration: none;
          font-weight: normal;
          color: #b03C40
}

a.einfach:active {
           text-decoration: none;
           font-weight: normal;
           color: #b03C40
}

a.einfach:focus {
          text-decoration: none;
          font-weight: normal;
          font-size: 1.1em;
          color: #b03C40
}

/*Besonderer Link fuer die Links (a href) für weiter in den Seminarseieten*/
a.einfach1:link {
           text-decoration: none;
           font-weight: bold;
           color: #b03C40
}

a.einfach1:visited {
           text-decoration: none;
           font-weight: bold;
           color: #b03C40
}

a.einfach1:hover {
           text-decoration: none;
           font-weight: bold;
           color: #b03C40
}

a.einfach1:active {
           text-decoration: none;
           font-weight: bold;
           color: #b03C40
}

a.einfach1:focus {
           text-decoration: none;
           font-weight: bold;
           font-size: 1.1em;
           color: #b03C40
}


/*Besonderer Link fuer die Links (a href) auf der Kontaktseite*/
a.einfach2:link {
           text-decoration: underline;
           font-weight: bold;
           color: #b03C40
}

a.einfach2:visited {
           text-decoration: underline;
           font-weight: bold;
           color: #b03C40
}

a.einfach2:hover {
           text-decoration: underline;
           font-weight: bold;
           color: #b03C40
}

a.einfach2:active {
           text-decoration: underline;
           font-weight: bold;
           color: #b03C40
}

a.einfach2:focus {
           text-decoration: underline;
           font-weight: bold;
           font-size: 1.1em;
           color: #b03C40
}

/*Link für das Impressum unter der Seite*/
a.einfach4:link {
           text-decoration: underline;
           font-weight: bold;
           color: #ffffff;
}

a.einfach4:visited {
           text-decoration: underline;
           font-weight: bold;
           color: #ffffff;
}

a.einfach4:hover {
           text-decoration: underline;
           font-weight: bold;
           color: #ffffff;
}

a.einfach4:active {
           text-decoration: underline;
           font-weight: bold;
           color: #ffffff;
}

a.einfach4:focus {
           text-decoration: underline;
           font-weight: bold;
           font-size: 1.1em;
           color: #ffffff;
}


/*Besonderer Link fuer die Links (a href) auf der Terminseite*/
a.einfach3:link {
        text-decoration: underline;
        font-weight: normal;
        color: #b03C40
}

a.einfach3:visited {
            text-decoration: underline;
            font-weight: normal;
            color: #b03C40
}

a.einfach3:hover {
          text-decoration: underline;
          font-weight: normal;
          color: #b03C40
}

a.einfach3:active {
           text-decoration: underline;
           font-weight: normal;
           color: #b03C40
}

a.einfach3:focus {
          text-decoration: underline;
          font-weight: normal;
          font-size: 1.1em;
          color: #b03C40
}

/**************************************/
/*googlemap*/
/**************************************/

#map {
    		font-family:	arial, Tahoma; 
    		font-size:		11px;
    		width:				500px;
    		height:				400px
    	}
    	
    	
    	
    	.terminframe{
		width:708px;
		height:297px;
		margin:5px 5px 0px 5px;
		padding:5px;
		overflow:auto;	
	}
		
	.termininfo{
		width:206px;
		padding-left:7px;
		float:left;
		font-size:10px;
		border-left:1px solid #b03840;
	}
	
	.termincont{
		width:467px;
		margin-right:7px;
		float:left;
	}
	
	.termin1{
		width:120px;
		float:left;
		margin-right:4px;
		margin-bottom:10px;
		font-size:10px;
	}
	
	.termin2{
		width:80px;
		float:left;
		margin-right:4px;
		margin-bottom:10px;
		font-size:10px;
	}
	
	.termin3{
		width:70px;
		float:left;
		margin-right:4px;
		margin-bottom:10px;
		font-size:10px;
	}
	
	.termin4{
		width:80px;
		float:left;
		margin-right:4px;
		margin-bottom:10px;
		font-size:10px;
	}
	
	.termin5{
		width:91px;
		float:left;
		margin-bottom:10px;
		font-size:10px;
	}
	
	.termin6{
		width:270px;
		float:left;
		margin-right:4px;
		margin-bottom:10px;
		font-size:10px;
	}

	.termintrenner{
		width:467px;
		border-bottom:1px solid #b03840;
		height:1px;
		margin:5px 0px 5px 0px;
	}
	
	.cleaner{
	clear:both;
}

