@charset "UTF-8";
/* CSS Spirit Yoga 2009_03 */
/* BEGIN PRELOADED IMAGES DIV */
div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

<!-- END PRELOADED IMAGES DIV-->
body {
	margin: 0; 
	padding: 0; 
	font: 100% Tahoma, Helvetica, Arial, sans-serif;
	background-color: #fff;
	color: #222222;
}
#content { 
	padding: 0; 
	margin-left: auto;
	margin-right: auto;
	background: #fff; 
	voice-family: inherit;
	width: 910px;
	height: 100%;
}
#header { 
	height: 90px; 
	padding: 0; 
}
#logo { 
	font: 60px helvetica; 
	font-weight: lighter; 
	float: left; 
	width: 600px;
	padding: 0; 
	color: #DA027f; 
	text-align: left; 
}
#logo a { 
	font: 60px helvetica; 
	font-weight: lighter; 
	float: left; 
	width: 600px;
	padding: 0; 
	color: #DA027f; 
	text-align: left; 
}
#logo a:visited { 
	font: 60px helvetica; 
	font-weight: lighter; 
	float: left; 
	width: 600px;
	padding: 0; 
	color: #DA027f; 
	text-align: left; 
}
#logo a:hover { 
	font: 60px helvetica; 
	font-weight: lighter; 
	float: left; 
	width: 600px;
	padding: 0; 
	color: #DA027f; 
	text-align: left; 
} 
#infonav {
	font: 10px Tahoma;
	text-align: right;
	padding-bottom: 0px;
	padding-top: 35px;
	width: 300px;
	float: right;
}
#infonav a {
	color: #DA027f;
	text-decoration: none;
}
#infonav a:hover {
	color: #666;
}
#sidebar {
	width: 190px;
	float: right;
}
.side_nav_head {
	height: 30px;
	margin-top: 10px;
}
.side_nav_head a {
	height: 30px;
	margin-top: 10px;
	background-image: url(../images/sidebar_up.png);
	background-repeat: no-repeat;
	display: block;
	font-family: tahoma;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	color: #DA027f;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 10px;
}
.side_nav_head a:hover {
	background-image: url(../images/sidebar_over.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 30px;
	color: #ffffff;
}
.side_nav_head_freunde {
	height: 30px;
	margin-top: 10px;
}
.side_nav_head_freunde a {
	height: 30px;
	margin-top: 10px;
	background-image: url(../images/sidebar_up.png);
	background-repeat: no-repeat;
	display: block;
	font-family: tahoma;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	color: #DA027f;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 10px;
}
.side_nav_head_freunde a:hover {
	background-image: url(../images/sidebar_over_freunde.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 30px;
}
.side_bg_gradient {
	background-image: url(../images/sidebar_bg_gradient.png);
	background-repeat: no-repeat;
	width: 190px;
	height: auto;
	margin-top: -1px;
	margin-left: 0px;
}
.newsletter_form_closed {
	display: block;
	height: 0px;
	background-color: #FFFFFF;
}
.newsletter_form {
	width: 190px;
	height: 120px;
	display: none;
	background-color: transparent;
	color: #222222;
	font-size: 12px;
	font-family: Tahoma;
	padding-top: 16px;
	padding-left: 10px;
}
.input_news {
	background-color: #DA027f;
	color: #FFFFFF;
	font-weight: bold;
}
.contact_info_closed {
	display: block;
	height: 0px;
	background-color: #FFFFFF;
}
.contact_info {
	width: 190px;
	height: 180px;
	display: none;
	background-color: transparent;
	color: #222222;
	font-size: 12px;
	font-family: Tahoma;
	padding-top: 16px;
	padding-left: 10px;
}
.contact_info a {
	color: #DA027f;
	text-decoration: underline;
}
.right_top_nav { 
	margin: 0 0 10px 0;
}
#mainBody {
	text-align: left;
	margin: 1px 0 0 1px;
	padding: 10px 20px 10px 20px;
}  
h1 {
	text-align: left;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	margin-bottom: 10px;
	font-weight: 550;
}  
h2 { 
	text-align: left;
	font-size: 14px;
}  
h3 {
	text-align: left;
	font-size: 11px;
}  
h1.pink, h2.pink, h3.pink {
	background: #fff;
	color: #DA027f;
}  
h1.green, h2.green, h3.green {
	background: #fff;
	color: #88C004;
}  
h1.blue, h2.blue, h3.blue  {
	background: #fff;
	color: #34B3D1;
}  
h1.orange, h2.orange, h3.orange {
	background: #fff;
	color: #FFA329;
} 
.pinkfg {
	color: #DA027f;
	font: tahoma 20px;
}  
.greenfg {
	color: #88C005;
	font: tahoma 20px;
}  
.bluefg {
	color: #34B4D1;
	font: tahoma 20px;
}  
.orangefg {
	color: #FFA32A;
	font: tahoma 20px;
}  
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav {
	z-index: 10;
}
#nav a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#nav li li a {
	display: block;
	margin-left: 1px;
	padding: 3px 0 0 10px;
	list-style: none;
	font: 12px tahoma;
	height: 20px; width: 165px;
}
#nav li li a:hover.pink {
	background:url(../images/navOver-background-pink.png) top left repeat-x;
}
#nav li li a:hover.green {
	background:url(../images/navOver-background-green.png) top left repeat-x;
}
#nav li li a:hover.blue {
	background:url(../images/navOver-background-blue.png) top left repeat-x;
}
#nav li li a:hover.orange {
	background:url(../images/navOver-background-orange.png) top left repeat-x;
}
#MainNavPink {
	background: url(../images/hp-background-pink.jpg) top left no-repeat;
	padding: 5px 0 0 5px;
	height: 55px;
	width: 170px;
	margin-left: 0px;
	border-left: 1px solid #FFFFFF;
}
#MainNavGreen {
	background: url(../images/hp-background-green.jpg) top left no-repeat;
	padding: 5px 0 0 5px;
	height: 55px;
	width: 170px;
	margin-left: 1px;
}
#MainNavBlue {
	background: url(../images/hp-background-blue.jpg) top left no-repeat;
	padding: 5px 0 0 5px;
	height: 55px;
	width: 170px;
	margin-left: 1px;
}
#MainNavOrange {
	background: url(../images/hp-background-orange.jpg) top left no-repeat;
	padding: 5px 0 0 5px;
	height: 55px;
	width: 170px;
	margin-left: 1px;
}
.larger a {
	font-size: 17px;
	color: #222222;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bolder;
}
.larger a:hover {
	color: #FFFFFF;
}
.SecNavGreen_mitte_head a {
	color: #88C004;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	height: 30px;
	width: 175px;
	margin-left: 0px;
	text-align: right;
	text-decoration: none;
	font-size: 20px;
	background-image: url(../images/heute_mitte.png);
	background-repeat: no-repeat;
	float: left;
	padding-top: 0px;
	clear: both;
}

.SecNavGreen_mitte_head a:hover {
	color: #88C004;
	background-image: url(../images/heute_mitte_o.png);
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
}

#SecNavGreen_mitte li ul {
	z-index: 5;
	background-image: url(../images/green_bg_gradient.png);
	background-repeat: repeat-x;
	margin-left: 0px;
	width:351px;
	height: 300px;
	font-size: 11px;
}

#SecNavGreen_mitte  li {
	text-align: left;
	padding: 0px;
	float: left;
	position: relative;
	width: 175px;
	margin-left: 1px;
}

#SecNavGreen_mitte  li ul {
	display: none;
	position: absolute;
	top: 1em;
	left: 0px;
}

#SecNavGreen_mitte  li li {
	padding-left: 20px;
	padding-top: 3px;
	padding-right: 20px;
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
    width:350px;
}

#SecNavGreen_mitte li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	margin-top: 18px;
}


#SecNavGreen_mitte li li a {
	color: #88C005;
	text-decoration: underline;
}

#SecNavGreen_mitte li li a:hover {
	color: #222222;
}





.SecNavGreen_west_head a {
	color: #88C004;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	height: 30px;
	width: 351px;
	margin-left: 0px;
	text-align: left;
	text-decoration: none;
	font-size: 20px;
	background-image: url(../images/heute_west.png);
	background-repeat: no-repeat;
	float: left;
    padding-left:6px;
	padding-top: 0px;
	clear: both;
}

.SecNavGreen_west_head a:hover {
	color: #88C004;
	background-image: url(../images/heute_west_o.png);
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
}

#SecNavGreen_west li ul {
	z-index: 5;
	background-image: url(../images/green_bg_gradient.png);
	background-repeat: repeat-x;
	margin-left: 0px;
	width:351px;
	height: 300px;
	font-size: 11px;
}

#SecNavGreen_west  li {
	text-align: left;
	padding: 0px;
	float: left;
	position: relative;
	width: 175px;
	margin-left: 0px;
}

#SecNavGreen_west  li ul {
	display: none;
	position: absolute;
	top: 1em;
	left: -175px;
}

#SecNavGreen_west  li li {
	padding-left: 20px;
	padding-top: 3px;
	padding-right: 20px;
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
        width:350px;   
}

#SecNavGreen_west li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	margin-top: 18px;
}


#SecNavGreen_west li li a {
	color: #88C005;
	text-decoration: underline;
}

#SecNavGreen_west li li a:hover {
	color: #222222;
}
.SecNavBlue_head a:hover {
	color: #FFFFFF;
	background-image: url(../images/secnav_bg_blue.png);
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
}
.SecNavBlue_head a {
	color: #34B3D1;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	height: 30px;
	width: 351px;
	margin-left: 0px;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	background-image: url(../images/secnav_bg_grey.png);
	background-repeat: no-repeat;
	float: left;
	padding-top: 0px;
	clear: both;
}
#SecNavBlue li ul {
	z-index: 5;
	background-image: url(../images/blue_bg_gradient.png);
	background-repeat: repeat-x;
	margin-left: 0px;
	width: 351px;
	height: 300px;
	font-size: 11px;
}
#SecNavBlue  li {
	text-align: left;
	padding: 0px;
	float: left;
	position: relative;
	width: 351px;
	margin-left: 1px;
}
#SecNavBlue  li ul {
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}
#SecNavBlue  li li {
	padding-left: 20px;
	padding-top: 3px;
	padding-right: 20px;
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
#SecNavBlue li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	margin-top: 18px;
}
#SecNavBlue li li a {
	color: #34B4D1;
	text-decoration: underline;
}
#SecNavBlue li li a:hover {
	color: #222222;
}
#nav li {
	float: left;
	cursor: default;
	position: relative;
	background-color: tansparent;
}
#nav li ul {
	padding: 0px; 
	display: none;
	background: transparent;
	left: 0px;
	position: absolute;
	top: 100%;
	z-index: 100;
}
#nav li > ul {
	left: auto; 
	top: auto;
}
#nav li li {
	display: block;
	float: none;
	background: #fff;
}
#nav li:hover ul {
	display: block;
}
.pink {
	background: #DA027f;
	display: block;
}
.green {
	background: #88C005;
	display: block;
}
.blue {
	background: #34B4D1;
	display: block;
}
.orange {
	background: #FFA32A;
	display: block;
}
#mainFlash {
	z-index: 1;
	left: auto;
	top: auto;
	margin: 61px 1px 1px 1px;
	width: 703px;
	height: 200px;
	background-image: url(../images/yoga_main.jpg);
	background-repeat: no-repeat;
} 
#mainBody {
	width: 700px;
	height: auto;
	margin-left: -17px;
	margin-top: 20px;
}
#mainBody p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #222222;
}
#mainBody a {
	color: #DA027f;
	text-decoration: none;
}
#mainBody a:hover {
	text-decoration: underline;
}
#footer {
	z-index: 1;
	width: 701px;
	padding-bottom: 50px;
	padding-top: 6px;
	border-top: 1px solid #999999;
	margin-top: 20px;
}
.foot_left {
	float: left;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0;
	color: #666666;
}
.foot_right {
	float: right;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0;
	color: #cc0066;
}
.foot_right a {
	text-decoration: none;
	color: #DA027f;
}
.foot_right a:hover {
	color: #666666;
}

/*FLYOUTS begin*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 11em;
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif ;
	margin-left: 4px;
	margin-top: 0px;
}

#nav li { /* all list items */
	float: left;
	width: 11em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 11em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.4em 0 0 11em;
	width: 10em;
	overflow: hidden;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*FLYOUTS end*/



/* ADDED BY JAMES DO NOT DELETE */

.SecNavGreen_head_active a {
	color: #FFFFFF;
	height: 30px;
	width: 351px;
	margin-left: 0px;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	background-image: url(../images/secnav_bg_green.png);
	background-repeat: no-repeat;
	float: left;
	padding-top: 0px;
	clear: both;

	display: block;

}
.SecNavBlue_head_active a {
	color: #FFFFFF;
	height: 30px;
	width: 351px;
	margin-left: 0px;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	background-image: url(../images/secnav_bg_blue.png);
	background-repeat: no-repeat;
	float: left;
	padding-top: 0px;
	clear: both;

	display: block;

}
.larger span{
  background-image: url(../images/white_arrow_down.png);
      background-repeat: no-repeat;
          background-position: 0px 7px;
          padding-left: 17px;
      	font-size: 17px;
	color: #ffffff;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bolder;
}
.larger a {
    background-image: url(../images/green_arrow_right.png);
      background-repeat: no-repeat;
          background-position: 0px 7px;
          padding-left: 17px;
	font-size: 17px;
	color: #222222;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bolder;
}
.larger a:hover {
	color: #FFFFFF;
}


.tell_a_friend {
	width: 440px;
	height: 448px;
	background-image: url(../images/tell_a_friend_bg.png);
    background-color: #FFFFFF;
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;

}
.tell_a_friend_desc {
	width: 142px;
	height: 210px;
	float: left;
	line-height: 22px;
	font-size: 13px;
}
.tell_a_friend_input {
	width: 250px;
	height: 210px;
	float: right;
	margin-right: 28px;
}
.input_elements {
	width: 250px;
	float: right;
	margin-top: 0px;
	border: #e6e6e6 2px ridge;
}
.disclaimer_text {
	font-size: 9px;
	line-height: 11px;
	font-weight: bolder;
	clear: both;
	font-family: Tahoma, Arial, Helvetica, sans-serif
}
.tell_a_friend_submit {
	background-color: #DA027f;
	color: #FFFFFF;
	font-weight: bold;
}
.float_right {
	float: right;
	clear: none;
}

          .right_nav{
       	height: 30px;
         display:none;
	margin-top: 10px;
    width: 190px;

         }
          .right_nav a{

       	height: 25px;
   	        background-image: url(../images/sidebar_up.png);
	        background-repeat: no-repeat;
	        display: block;
	        font-family: tahoma;
	        font-size: 17px;
	        font-weight: normal;
	        text-decoration: none;
	        color: #DA027f;
	        margin-left: 0px;
	        padding-top: 5px;
	        padding-left: 10px;

         }
           .right_nav a:hover{
         	background-image: url(../images/sidebar_over.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 25px;
	color: #ffffff;

         }
         .right_nav_active{
           	margin-top: 10px;
    width: 190px;
          cursor: pointer;
               	height: 25px;
     	background-image: url(../images/sidebar_over.png);
	background-repeat: no-repeat;
	        display: block;
	        font-family: tahoma;
	        font-size: 17px;
	        font-weight: normal;
	        text-decoration: none;
	        color: #DA027f;
	        margin-left: 0px;
	        padding-top: 5px;
	        padding-left: 10px;
            color: #ffffff;

         }
         .right_nav_content{
          	background-image: url(../images/sidebar_bg_gradient.png);
	background-repeat: no-repeat;
	width: 190px;
	height: auto;

	margin-left: 0px;

         }
         #newsletter_content form{
        	width: 190px;
	height: 120px;
	display: block;
	background-color: transparent;
	color: #222222;
	font-size: 12px;
	font-family: Tahoma;
	padding-top: 16px;
	padding-left: 10px;
         }


         .right_link a{
                   	height: 25px;
	margin-top: 10px;
	background-image: url(../images/sidebar_up.png);
	background-repeat: no-repeat;
	display: block;
	font-family: tahoma;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	color: #DA027f;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 10px;

         }
     .right_link a:hover{
	background-image: url(../images/sidebar_over_freunde.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 25px;

         }
    .contact_panel{
    	width: 190px;
	height: 230px;
	display: block;
	background-color: transparent;
	color: #222222;
	font-size: 12px;
	font-family: Tahoma;
	padding-top: 16px;
	padding-left: 10px;
	padding-bottom: 10px;
    }
    .contact_panel a {
	color: #DA027f;
	text-decoration: underline;
}
.search_box{
margin-top: 10px;
}
.search_box_text {
	background-image: url(../images/form_shadow.png);
	background-repeat: no-repeat;
	border-bottom: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	border-top: none;
	border-left: none;
	padding-top: 10px;
	padding-left: 3px;
}
input.textfield {
	background-image: url(../images/form_shadow.png);
	background-repeat: no-repeat;
	border-bottom: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	border-top: none;
	border-left: none;
	padding-top: 8px;
	padding-left: 3px;
	padding-bottom: 0px;
}
.events_col1   {
 width: 110px;
 margin-right: 7px;
 float:left;

}
.events_col2   {
 width: 220px;
 float:left;

}

.facebook_link{
margin-top: 50px;

}