@charset "UTF-8";
/* CSS Document */
/* 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;
}
#content { 
	padding: 0;
	width: 910px;
	margin: auto; 
	background: #fff;
	voice-family: inherit 
}
#header { 
	height: 90px; 
	border: 1px solid #fff; 
} 
#infonav { 
	font: 10px Tahoma; 
	float: right;
	padding-top: 45px;
} 
#infonav a { 
	color: #ffa32a; 
	text-decoration: none; 
}
#infonav a:hover { 
	color: #666; 
	text-decoration: underline; 
}
#sidebar {
	width: 190px;
	float: right;
}
.side_nav_head {
	height: 30px;
	margin-top: 10px;
	color: #ffa32a;
}
.side_nav_head a {
	height: 30px;
	margin-top: 10px;
	background-image: url(../images/sidebar_up_spa.png);
	background-repeat: no-repeat;
	display: block;
	font-family: tahoma;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	color: #ffa32a;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 10px;
}
.side_nav_head a:hover {
	background-image: url(../images/sidebar_over_spa.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_spa.png);
	background-repeat: no-repeat;
	display: block;
	font-family: tahoma;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	color: #ffa32a;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 10px;
}
.side_nav_head_freunde a:hover {
	background-image: url(../images/sidebar_over_freunde_spa.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	height: 30px;
}
.side_nav_head_freunde a:visited {
	 color: #ffa32a;
}
.side_bg_gradient {
	background-image: url(../images/sidebar_bg_gradient_spa.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;
}
#logo { 
	text-align: left;
	margin-top: -70px;
	margin-left: 1px;
	position: relative; 
	z-index: 100; 
	float: left; 
	width: 190px;
	height: 120px;
} 
a { 
	text-decoration: none 
}
a:link { 
	color: #888 
}
a:visited { 
}
a:active { 
}
a:hover { 
	text-decoration: underline 
}
ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}
# nav { 
	z-index: 10; 
}
#nav a { 
	color: #fff; 
	text-decoration: none;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#nav li li a { 
	display: block; 
	margin-left: 1px; 
	padding: 3px 0 0 10px; 
	list-style: none; 
	font: 12px tahoma; 
	height: 20px; 
	width: 159px; 
}
#nav li li a:hover.yellow { 
	padding: 3px 0 0 10px; 
	list-style: none; 
	font: 12px tahoma; 
	width: 159px; 
	height: 20px; 
	background:url(../images/navOver-background-yellow.png) top left repeat-x; 
}
#nav li li a:hover.orangespa { 
	padding: 3px 0 0 10px; 
	list-style: none; 
	font: 12px tahoma; 
	width: 159px; 
	height: 20px; 
	background:url(../images/navOver-background-orangespa.png) top left repeat-x; 
}
#nav li li a:hover.red { 
	padding: 3px 0 0 10px; 
	list-style: none; 
	font: 12px tahoma; 
	width: 159px; 
	height: 20px; 
	background:url(../images/navOver-background-red.png) top left repeat-x; 
}

#MainNavYellow { 
	background: url(../images/hp-background-yellow.jpg) top left no-repeat; 
	padding: 5px 0px 0px 5px; 
	height: 55px; 
	width: 164px; 
	margin-left: 1px; 
}
#MainNavRed { 
	background: url(../images/hp-background-red.jpg) top left no-repeat; 
	padding: 5px 0px 0px 5px; 
	height: 55px;
	width: 164px; 
	margin-left: 1px; 
}
#MainNavOrangespa { 
	background: url(../images/hp-background-orangespa.jpg) top left no-repeat; 
	padding: 5px 0px 0px 5px; 
	height: 55px; 
	width: 164px; 
	margin-left: 1px;
}
li { 
	float: left; 
	cursor: default; 
	position: relative; 
	background-color: white; 
	text-align: left 
}
li ul { 
	padding: 0px; 
	display: none; 
	left: 0px; 
	position: absolute; 
	top: 100% 
}
li > ul { 
	left: auto; 
	top: auto 
}
li li { 
	display: block; 
	float: none; 
}
li:hover ul { 
	display: block 
}
li.over ul { 
	display: block 
}
.yellow { 
	background: #FFA329; 
	display: block; 
}
.red { 
	background: #B50004; 
	display: block; 
}
.orangespa { 
	background: #F43900; 
	display: block; 
}
.orangefg {
	color: #FFA32A;
	font: tahoma 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;
}
#mainFlash { 
	margin-left: 0px; 
	margin-top: 60px; 
	width: 700px;
	height: 200px;
	background-image: url(../images/spa_main.jpg);
	background-repeat: no-repeat;
} 
#mainBody { 
	z-index: 1; 
	width: 700px; 
	height: auto; 
	margin: 0px 0 0 1px; 
}  
#mainBody p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #222222;
}
#mainBody a {
	color: #FFA32A;
	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;
    clear:both;
}
.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: #ffa32a;
}
.foot_right a {
	text-decoration: none;
	color: #ffa32a;
}
.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: 10.6em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

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

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10.6em;
	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 10.6em;
	width: 5em;
	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*/



/*CSS added by james*/

/*Side Nav changes for javascript*/
         .right_nav{
	color: #ffa32a;
       	height: 30px;
         display:none;
	margin-top: 10px;
    width: 190px;

         }
          .right_nav a{

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

         }
           .right_nav a:hover{
         	background-image: url(../images/sidebar_over_spa.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_spa.png);
	background-repeat: no-repeat;
	        display: block;
	        font-family: tahoma;
	        font-size: 17px;
	        font-weight: normal;
	        text-decoration: none;
 	        margin-left: 0px;
	        padding-top: 5px;
	        padding-left: 10px;
            color: #ffffff;

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

	margin-left: 0px;

         }
         #newsletter_content {
	width: 190px;
	height: 120px;
	background-color: transparent;
	color: #222222;
	font-size: 12px;
	font-family: Tahoma;
	padding-top: 16px;
	padding-left: 10px;
}
#contact_content {
	width: 190px;
	height: 135px;
	display: none;
	background-color: transparent;
	color: #222222;
	font-size: 12px;
	font-family: Tahoma;
	padding-top: 16px;
	padding-left: 10px;
}
#contact_content a {
	color: #ffa32a;
	text-decoration: underline;
}
         .right_link a{
                   	height: 25px;
	margin-top: 10px;
	background-image: url(../images/sidebar_up_spa.png);
	background-repeat: no-repeat;
	display: block;
	font-family: tahoma;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	color: #ffa32a;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 10px;

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

         }

/*End Side Nav changes for javascript*/
 .search_box {
	margin-top: 0px;
	padding-bottom: 0px;
}
.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;
	padding-bottom: 0px;
}
.teaser{
  width: 189;
  height: 79;
	background-image: url(../images/nav_images/teaser_link.png);
}
 .teaser{

  width: 189px;
  height: 79px;
	background-image: url(../images/nav_images/teaser_link.png);
}
.teaser a{
  font-family: tahoma;
  padding: 10px;
  display: block;
  color: #ffffff;
  font-size: 17px;
  font-weight: normal;
}
.teaser a:hover{
  text-decoration: none;
}