/*********************************************/
/* iyoga.css                                 */
/* Haupt-CSS-Datei für integralyoga2-0.de    */
/* Joachim Stein, Aug 2013 - April2014       */
/*********************************************/

@charset "ISO-8859-1";


body
{
	font-size: 14px;
	height:100.2%;
	margin:0px;
	border:0px;
	padding:0px;
	text-align:center;
	background: #2d0000;
}
#background {  /* Verlauf an den Seiten: */
	height:	100%;  /* ==> Verlauf-Höhe gleich Fensterhöhe */
	background: #2d0000;
	background: -moz-linear-gradient(top,  #7f0000 0%, #2d0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f0000), color-stop(100%,#2d0000));
	background: -webkit-linear-gradient(top,  #7f0000 0%,#2d0000 100%);
	background: -o-linear-gradient(top,  #7f0000 0%,#2d0000 100%);
	background: -ms-linear-gradient(top,  #7f0000 0%,#2d0000 100%);
	background: linear-gradient(to bottom,  #7f0000 0%,#2d0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f0000', endColorstr='#2d0000',GradientType=0 );
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
/*	color:#DCB;*/
	color:#000;
	line-height: 1.3em;
}
h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 2.4em;
	font-weight: bolder;
	line-height:2em;
/*	color: #E94;*/
	color: #7f0000;
	text-align:center;
}
h2:first-child {
	text-align:center;
}
h2{
	margin-bottom:20px;
	font-size: 1.8em;
	letter-spacing:2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7f0000;
}
.h_top {
	text-align:center;
	line-height: 2em;
}
h3{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	letter-spacing: 1px;
	line-height:2em;
	color:#7f0000;
	font-weight: normal;
}
h4{
	color:#DCA;
	margin-bottom:20px;
	font-size: 1.3em;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}
h5{
	color:#DCB;
	margin-bottom:16px;
	font-size: 1.2em;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}
h6{
	color:#D95;
	margin-bottom:20px;
	font-size: 1.1em;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}

a, a:visited , a:active {
	font-family: Arial, Helvetica, sans-serif;
/*    font-family: arial, helvetica, tahoma, verdana, sans-serif; */
	color:#765;
/*    color:#E86;*/
}
a:hover {
	color: #77E;  /* Flieder */
/*    color:#24C;*/   /*blau */
}
b {
	font-family: Arial, Helvetica, sans-serif;
    color: #dcb;
}
img {
	border: 0px;
}
/*****************************************************************************************************************/
/*                                                   Alles                                                       */
/*                                    innere Breite der Gesamtkonstruktion:                                      */
/*                                                   849px                                                       */
/*****************************************************************************************************************/

/* Maus-sensitiver Bereich im Hintergrund, so dass das Hauptmenü aufgeblendet wird, 
   auch wenn man auf die Seitenbereiche kommt: */
#mouse_sense {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1000px;
}

#Alles {
	/* breite der gesamtkonstruktion: 849px + 24px (2 * 12px padding)  */
	width: 873px;       /* <=== falls hier geändert, dann auch in #main (s.u.), #topleiste (s.u.) */
						/* und in iyoga.js -> WriteTop() -> TopFoto  !! */
	padding: 7px 12px;	/* schwarzer Rand um alles */
	margin: 0px auto;   /* Ansonsten mittig. */
/*    border: solid 1px #2ff;*/
	background: #000;
}


/***********************************************************************************************************************/
/*                                      Bild oben und Bilder-Menü-Container:                                           */
/***********************************************************************************************************************/

#banner {
	position:relative;
	height: 440px;     /* <=================   HIER DIE BILD-HÖHE EINTRAGEN!!   <===================== */
	overflow: hidden;
}
#bannerimg {
	position: relative;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
#topleiste {
	position: absolute;
	left: 12px;			/* Einrückung wie linker padding-Rand bei #Alles */
	width: 849px;		/* <==  Breite wie oben bei #Alles  */
	text-align:center;
	top: 346px;
	z-index: 1;
/*    border: solid 1px #389; */
}
.topfinish {
	clear: both;
}

/***********************************************************************************************************************/
/*                                       Hauptbereich (Menü links und Text)                                            */
/***********************************************************************************************************************/

#main{
/* Hauptinhalt = Alles unter dem Bild oben: */
	position: relative;
	width: 849px;     /* <==  Breite wie oben bei #Alles  */
	padding: 0px 12px;
	text-align:left;
}

#leftcol {
/* Linke Spalte = Homebutton, linkes Menü und Footer */
	width: 218px;
	_width: 210px;  /* IE-Hack */
	float: left;
/*    border: solid 1px #00f;*/
}
#contentcontainer {
}
#content,
#linkfooter {
	position:relative;
/* Inhalt */
	width: 570px;
	_width: 630px;   /* IE-Hack: Größere Breite, nur für IE, sonst dort unschön. */
	float: right;
	margin-bottom: 5px;
	padding: 0px 30px 30px 30px;
	_padding: 30px;  /* IE-Hack: Oberer Abstand. */
	text-align:justify;
/*	background-color: #181818;*/
	background-color: #E09801;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
/*    border: solid 1px #0f0;*/
}
#linkfooter {
	font-size: 0.8em;
	padding: 15px 30px;
	background-color: #181828;
	text-align:center;
}

.nurIE {  /* wird nur im IE dargestellt */
    display: none;
    _display: block;  /* Hack: IE akzeptiert diese Angabe, trotz Unterstrich (als einziger) */
}
.nurIE p {
    color: #FC0;
	margin: 20 px;
}

/* spezielle Textformatierungen: */
p.textbox {
	margin: 20px 30px 20px 30px;
	border: 3px solid #962;
	padding: 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
}
p.eingerueckt {
	margin-left: 20px;
	font-size: 1.3em;
	font-weight:bold;
}
p.Anmerkung {
	margin: 0px 50px 0px 30px;
	font-size: 0.85em;
	color:#166;
}
span.schoenklein {
	font-size: 0.7em;
	line-height:1.2em;
}
.check {  /* nur zum testen */
	font-size:1.3em;
	color:#C30;
	font-style:italic;
}

.logobox {
width: 192px;
/*    border: solid 1px #989;*/
}
/* shining-effect überm Logo (ToDo):
erstmal rausgenommen.

a.logolink {
	display: block;
	background: url("logo.png") 0 0 no-repeat;
	height: 70px;
	width: 91px;
	overflow: hidden;
}
*/
.logoboxgross {
text-align:center;
	margin-top: 10px;
}
.Ueberschriftbox {
	margin-top: 10px;
	text-align: center;
	z-index: -1;
}
.logo {
	height: 90px;
}
.logogross {
	height: 120px;
}

/* Sofort-Kontakt: Unter dem Logo. */
.sofort_kontakt {
	width: 191px;
	text-align:center;
}
.sofort_kontakt p {
	font-size: 0.9em;
	color:#e94;
}

/* Flaggen: */
#flags {
}
#flags a {
	display: block;
	float:left;
	margin: 2px;
}
#flags img {
	border: 1px solid #111;
}
#flags.lang_de img.lang_de,
#flags.lang_en img.lang_en,
#flags.lang_pl img.lang_pl {
	border: 1px solid #E94;
}
.finish {
	clear: both;
}

/* für Bilder im Textbereich: */
.Bildlinks {
	float:left;
	margin: 25px 25px 25px 0px;
}
.Bildrechts {
	float:right;
	margin: 25px 0px 25px 25px;
}


.Halo {
	position:absolute;
background: -moz-radial-gradient(center, ellipse cover,  rgba(241,218,54,0) 0%, rgba(241,218,54,0) 4%, rgba(241,218,54,0.93) 46%, rgba(241,218,54,1) 49%, rgba(241,218,54,0) 71%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(241,218,54,0)), color-stop(4%,rgba(241,218,54,0)), color-stop(46%,rgba(241,218,54,0.93)), color-stop(49%,rgba(241,218,54,1)), color-stop(71%,rgba(241,218,54,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(241,218,54,0) 0%,rgba(241,218,54,0) 4%,rgba(241,218,54,0.93) 46%,rgba(241,218,54,1) 49%,rgba(241,218,54,0) 71%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(241,218,54,0) 0%,rgba(241,218,54,0) 4%,rgba(241,218,54,0.93) 46%,rgba(241,218,54,1) 49%,rgba(241,218,54,0) 71%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(241,218,54,0) 0%,rgba(241,218,54,0) 4%,rgba(241,218,54,0.93) 46%,rgba(241,218,54,1) 49%,rgba(241,218,54,0) 71%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(241,218,54,0) 0%,rgba(241,218,54,0) 4%,rgba(241,218,54,0.93) 46%,rgba(241,218,54,1) 49%,rgba(241,218,54,0) 71%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1da36', endColorstr='#00f1da36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.FullHalo {
    position:absolute;
}

.tooltip {
	display:none;
/*	background:transparent url(../images/tooltip.jpg);*/
    font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	min-width: 100px;
	max-width:260px;
	padding:15px;
	color:#eee;
	border: 1px solid #C93;
	text-align:left;
	background:#336;
	z-index: 60000;
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}
.tooltip h3 {
	line-height:1.1em;
}

.Fehler {
	color: #F00;
}


/**************************************************************************************************************/
/*                                       spezielle Formatierungen                                             */
/**************************************************************************************************************/


.querstrich {
	margin: 10px 30px;
	border-top: 1px solid #eec;
	height:2px;
}

/* Text im Flaggschiff-Bild oben */
.toptext {
	position: absolute;
	top: 400px;
	left: 80px;
	text-align:left;
}
.toptext p {
	font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.6em;
	color:#004;
}

/******************************************* (Glossar-)Tooltips ***********************************************/

.Glossy {
/*	color:#b8e0f0; */ /* hellblau */
	color:#555;  /* grau */
}
#kuk .Glossy {		/* bei Kurz&Knapp-Texten: */
	color:#28f;     /* dunkleres blau */
}
.tooltip h1,
.tooltip h2,
.tooltip h3 {
	text-align:center;
}

/********************************************** Galerie *******************************************************/

.kurzundknapp {
	width: 180px;
	height: 67px;
	margin-top: 25px;
	padding-right:5px;
	border: 1px solid #333;
	float: left;
	cursor: pointer;
/* halb-transparent (auskommentiert):
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
*/
}
.overlay{
	background-image:url(../images/blatt1.jpg);
	width: 789px;
	display: none;
	padding: 30px;
	text-align:justify;
}
.overlay h1 {
	font:Arial, Helvetica, sans-serif;
	color:#05C;
	line-height: 1em;
}
.overlay p {
	color: #000;
	font-weight:bold;
}
.overlay .close {
    background:url(../images/blueclose.png) no-repeat;
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}


/**************************************************************************************************************/
/*                                              Bilder-Menü                                                   */
/**************************************************************************************************************/


#botnav {  /* Nur für index.html: Menü ist unten */
/*    border: solid 1px #778;*/
	text-align:center;
	float: right;
	margin: 10px 30px 0px 0px;
}
#topnav {  /* Für alle anderen: Menü ist oben */
	text-align:center;
/*    float:left; */
/*    border: solid 1px #888;*/
}
#navbox {
    display: inline-block;
/*    margin-right: 10px;*/
    width: 880px;
/*    border: solid 1px #fff;*/
}

/* Achtung: Bei Änderung der Bild-Ausdehnungen an dieser Stelle
  müssen auch die Werte für M_pix_gross und M_pix_klein sowie ggf.
  für M_margin1 und M_margin2 in iyoga.js geändert werden! */
.nb1 {
/*    border: solid 1px #f00;*/
	position: absolute;
	top: 0px;
	width:67px;
	height: 150px;
	display: inline-block;
	margin: 0px 1px;
}
.nb2 {
/*    border: solid 1px #0f0;*/
	position: relative;
	overflow: hidden;
	margin: 22px;
/*    margin: 22px 0px 0px 22px;*/
	width: 50px;
	height: 50px;
}
.nb3 {
/*    border: solid 1px #00f;*/
	position: relative;
	top: -20px;
	left: -20px;
}
.navitem {
	width: 90px;
	height: 90px;
}


/*************************************** Der zu den Bild-Buttons gehörige Text: **************************************/

#navtextbox {
	position: relative;
	height: 30px;
/*    border: 1px solid #F9C;*/
}
#navtextbox p {
	color: #79f;       /* leicht-blau */
	font-size: 1.3em;
	line-height: 1.5em;
	text-decoration:none;
	font-weight:bold;
}
#navtextbox div {
	position: absolute;
	display: none;
	top: -17px;
	_top: 0px;		/* !! IE-Hack !! Diese Zeile wird nur vom IE interpretiert 
						  und korrigiert seine fehlerhafte Positionierung. */
}
#nt_iy2_0 p {
	color:#cc2; /*#ee2*/;  /* ===>  nur bei IY2#0: gelbe Schrift */
}


/**************************************************************************************************************/
/*                                              Menü links                                                    */
/**************************************************************************************************************/


#nav {  /* Navigation links */
	margin:20px 20px 80px 0px;  /* 80px unten Platz lassen wegen: siehe Hintergründe */
}
/* Einstellungen für den aktuellen Menüpunkt: */
#nav ul p {
	margin:0px;
	padding:0px;
	font-size: 1em;
	line-height: 1.2em;
	text-decoration:none;
	color: #8AB;  /* helltürkis */
	border-left: solid 5px #024; /* schmaler Balken links */
	padding-left: 5px;
	margin-left: -10px;

}
#nav a, #nav a:visited , #nav a:active {
	display: block;
	font-size: 1.3em;
	line-height: 1.5em;
	text-decoration:none;
}

#nav a:hover {
}
#nav ul {
	border:solid 1px #111;
	border-top-style: none;
	list-style-type: none;
	padding:0px;
	margin: 0px;
	line-height:0px;
/*     border:solid 1px #f5a;*/
}

#nav li {
	display: inline;
}
#nav li a:link,
#nav li a:visited,
#nav li a:active
{
	color:#ccc;
	line-height:20px;
	border-top: 1px solid #111;
}
#nav li a:hover {
/*    color:#24C; */ /* blau */
	color:#77E; /* Flieder-Schrift */

/* grauen Balken unterlegen: */
background: rgb(25,25,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(25,25,25,1) 0%, rgba(10,10,10,1) 53%, rgba(22,22,22,1) 76%, rgba(10,10,10,1) 87%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,25,25,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(22,22,22,1)), color-stop(87%,rgba(10,10,10,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(10,10,10,1) 53%,rgba(22,22,22,1) 76%,rgba(10,10,10,1) 87%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(10,10,10,1) 53%,rgba(22,22,22,1) 76%,rgba(10,10,10,1) 87%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(10,10,10,1) 53%,rgba(22,22,22,1) 76%,rgba(10,10,10,1) 87%); /* IE10+ */
background: linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(10,10,10,1) 53%,rgba(22,22,22,1) 76%,rgba(10,10,10,1) 87%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#0a0a0a',GradientType=0 ); /* IE6-9 */
}

#nav ul ul {
	margin-left:10px;
}
/* Unterpunkte kleiner darstellen... */
#nav ul ul a {
	font-size: 0.9em;
}
/* ... und bei mouseover vergrößern: */
#nav ul ul a:hover {
	font-size: 1.3em;
}
/* Darstellungsfehler beim Hervorheben vom merkiertem Unterpunkt verhindern: */
#nav ul ul a:hover p {
	font-size: 0.7em;
/*        font-size: 0.83em;*/
}
/* Inaktive Menüelemente (noch nichts dahinter) in dunkelgrau: */
#nav a.inaktiv:link,
#nav a.inaktiv:visited,
#nav a.inaktiv:active,
#nav a.inaktiv:hover
{
	color:#333;
}


/**************************************************************************************************************/
/*                                                  Fuß                                                       */ /**************************************************************************************************************/


#footer {
	position: fixed;
	bottom:5px;
	padding: 4px 20px 0px 20px;
	height: 57px;
	width:166px;
	text-align:center;
	border-radius: 40px;
	background-color: #000;
	box-shadow: 0px -3px 1px 1px #111;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(33,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(33,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(33,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(33,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(33,0,0,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(33,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#210000',GradientType=0 ); /* IE6-9 */
}
#footer a:link,
#footer a:visited,
#footer a:active
{
/*    color:#987;*/
	font-size:1em;
	margin: 0px 5px;
}
#footer a:hover {
/*    color:#24E;*/
}
#footer p {
	font-size: 0.8em;
    margin: 3px;
	color:#633;
}