body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff;
	color: #3F4651;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	text-decoration: none;
}
#top_li_o {
	width:200px;
	height:25px;
	background: #d9e5ec url(bg_pic/logo_o_innen.gif) no-repeat bottom left;
	margin: 0;
	padding: 0;
}
#top_li_m {
	width:200px;
	height:145px;
	background: #d9e5ec url(bg_pic/logo_m_innen.gif) no-repeat top left;
	margin: 0;
	padding: 0;
}
#top_li_u {
	width:200px;
	height:25px;
	background: #d9e5ec url(bg_pic/logo_u_innen.gif) no-repeat top left;
	margin: 0;
	padding: 0;
}
#top {
	width:700px;
	height:145px;
	background: #ebf0f3 url(bg_pic/top_pic_aktuell.jpg) no-repeat top left;
}
#top_therme {
	width:700px;
	height:145px;
	background: #ebf0f3 url(bg_pic/top_pic_therme.jpg) no-repeat top left;
}
#top_sauna {
	width:700px;
	height:145px;
	background: #ebf0f3 url(bg_pic/top_pic_sauna.jpg) no-repeat top left;
}
#top_wellness {
	width:700px;
	height:145px;
	background: #ebf0f3 url(bg_pic/top_pic_wellness.jpg) no-repeat top left;
}
#top_gastronomie {
	width:700px;
	height:145px;
	background: #ebf0f3 url(bg_pic/top_pic_gastronomie.jpg) no-repeat top left;
}
#top_events {
	width:700px;
	height:145px;
	background: #ebf0f3 url(bg_pic/top_pic_events.jpg) no-repeat top left;
}
#top_deg {
	width:700px;
	height:145px;
	background: #ebf0f3 url(bg_pic/top_pic_deg.jpg) no-repeat top left;
}
#top_shop {
	width:700px;
	height:145px;
	background: #ebf0f3 url(bg_pic/top_pic_shop.jpg) no-repeat top left;
}
table {
}
#nav_main {
	float:left;
	margin:0;
	padding: 0;
	font-size:12px;
	color:#383e46;
	width: 540px;
	height: 25px;
	background: #c8dfec;
	background-color: #BADFC4;
}
#nav_main ul{
	margin:0;
	padding: 0;
}
#nav_main li {
	float:left;
	list-style:none;
	height: 25px;
	margin: 0;
	padding: 0;
}
#nav_main a {
	float:left;
	display:block; /* macht den ganzen block anklickbar */
	margin: 5px;  /* Ein px Rand rechts aussen  8px unten  - dient zur Ausrichtung*/
	padding: 0;    /* Fuer Hoehe des nav-divs  und dann der  Abstand zw. den Wšrtern */
	text-decoration:none;
}
#nav_main a:hover {
	color:#a71515;
}


#nav {
	float:left;
	width:700px;
	margin:0;
	padding: 0;
	font-size:12px;
	color:#3c3a3a;
	background: #d9dee1;
	height: 25px;
}
#nav ul{
	margin:0 0 0 1px;
	padding: 0;
}
#nav li {
	float:left;  
	list-style:none;
}
#nav a {
	float:left;
	display:block; /* macht den ganzen block anklickbar */
	margin: 0 0 0 0;  /* Ein px Rand rechts aussen  8px unten  - dient zur Ausrichtung*/
	padding: 1px 1px;    /* Fuer Hoehe des nav-divs  und dann der  Abstand zw. den Wšrtern */
	text-decoration:none;
	color:#56606a;
}
#nav a:hover {
	color:#153c60;
}

.up{
	color: #FFFFFF;
	font-size: 15px;
	vertical-align: 1px;
}

#content1 {
	margin: 25px;
	padding:0;
	vertical-align:top;
	height: 100%;
	width: 460px;
}
#content1 a {
	vertical-align:top;
	color: #313030;
}
form {
	margin: 1px 0 0 0;
	padding: 0px;
}
/* Vor IE Mac verstecken Ende */

.h1grey {
	font-weight:bold;
	font-size: 150%;
	margin: 0px;
	padding: 0px;
	color: #323D5D;
}
.s1grey {
	font-weight:bold;
	font-size: 100%;
	margin:  0 0 10px 0;
	padding: 0px;
}
.h2grey {
	font-weight:bold;
	font-size: 110%;
	margin:  5px 0 2px 0;
	padding: 0px;
}

.text {
	padding:0 0 0 1px;
	font-variant:normal;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:110%;
	margin: 0;
}
.smalltext{
	margin:0;
	padding:0 0 0 8px;
	font-variant:normal;
	font-weight:normal;
	font-style:normal;
	font-size:95%;
	line-height:95%;
}
#right_pic_header_sauna {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 151px;
	padding: 0;
	background-color: #CBB78F;
	height: 25px;
	font-weight: bold;
	margin: 0;
}
#right_border{
	border: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 150px;
	padding: 0;
	margin: 0 0 0 0;
	font-style: normal;
}
#right_border_shop {
	border: 1px;
	border-color: #000000;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	width: 145px;
	padding: 1px;
	margin: 5px 0px 12px 0px;
	font-style: normal;
	background-color: #BAD5EA;
}
#right {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 154px;
	padding: 0 0 1px 5px;
}
#right dl {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 154px;
	margin: 0;
	padding: 0;
}
#right   dt {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 3px 0 2px 0;
	font-style: normal;
	font-weight: bolder;
	margin: 0;
	width: 151px;
	height: 19px;
}
#right dd {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 6px 1px 0 0;
	font-size: 95%;
	font-weight: bold;
	width: 151px;
}
#right dd.bildtext {
	font-size: 90%;
	font-weight: normal;
	margin: 0 0 2px 0;
	padding: 0 2px 0 2px;
}

#right p {
	margin: 5px 0 0 0;
	padding:0;
}

#right a {
	color: #666666;
	font-size: 100%;
	line-height: 1.5em;
}


#left_border{
	margin:0;
	border: 1px;
	border-color: #a4b2cd;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 100%;
	width: 198px;
	padding: 0;
}
#left_border_sauna {
	margin:0;
	border: solid 1px;
	border-color: #CBB78F;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 100%;
	width: 198px;
	padding: 0;
}
#left {
	font-family: Arial, Helvetica, sans-serif;
	width: 198px;
	padding: 0;
	margin:0;
}
#left dl {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 96%;
	text-align: right;
}
#left dt {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	padding: 6px 5px 6px 5px;
	margin:0;
	font-size: 110%;
}
#left dd {
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 5px 6px 3px;
	margin:0;
	font-size: 100%;
	font-weight: bold;
}
#left dd.therme_hell {
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 5px 8px 3px;
	margin:0;
	font-size: 100%;
	font-weight: bold;
	border-top: solid 1px;
	border-color: #ABD4D9;
}
#left  dd.saunawelt_hell {
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 5px 8px 3px;
	margin:0;
	font-size: 100%;
	font-weight: bold;
	border-top: solid 1px;
	border-color: #CBB78F;
}
#left dd.wellness_hell {
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 5px 8px 3px;
	margin:0;
	font-size: 100%;
	font-weight: bold;
	border-top: solid 1px;
	border-color: #CBB78F;
}
#left dd.gastronomie_hell {
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 5px 8px 3px;
	margin:0;
	font-size: 100%;
	font-weight: bold;
	border-top: solid 1px;
	border-color: #CBB78F;
}
#left dd.events_hell {
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 5px 8px 3px;
	margin:0;
	font-size: 100%;
	font-weight: bold;
	border-top: solid 1px;
	border-color: #a5c6b9;
}
#left  dd.infos_blau {
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 5px 8px 3px;
	margin:0;
	font-size: 100%;
	font-weight: bold;
	border-top: solid 1px;
	border-color: #A8C7DE;
	background-color: #A8C7DE;
}
#left  dd.infos_hellblau {
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 5px 8px 3px;
	margin:0;
	font-size: 100%;
	font-weight: bold;
	border-top: solid 1px;
	border-color: #A8C7DE;
}
#left  dd.img  {
	font-size: 90%;
	font-weight: normal;
	padding: 0;
	margin:0;
}
#left dd.bildtext {
	font-size: 90%;
	font-weight: normal;
	padding: 0;
	margin:0;
}

#left p {
	margin: 0;
	padding:0;
}
.left_a  {
	color: #3F4651;
	font-size: 100%;
	font-weight: normal;
}
.left_teaser  {
	color: #2D354F;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
.left_a_aktiv {
	color: #990000;
	font-weight: normal;
}
.smalltext_a {
	font-size:80%;
	color: #666666;
}

#feature {
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 20px 10px 0 20px;
}
#feature.nl {
	width:575px;
}
#feature dl{
	width: 490px; /* bleiben li und re je 20px Rand */
	margin:0 0 2px 0;
	padding:4px 0 4px 5px;
	border-bottom: solid 1px;
	border-color: #CBB78F;
}
#feature  dl.eventdatedl {
	width: 490px; /* bleiben li und re je 20px Rand */
	margin:0 0 2px 0;
	padding:6px 0 6px 5px;
	border-width: 0;
}
#feature dl a {
	color: #232A47;
}
#feature dl a.linkred {
	color: #a1111d;
}
#feature dt{
	margin: 1px 0 8px 0;
	padding:0;
	font-size:110%;
	font-weight: bold;
}
#feature  dt.kursprogramme_sl {
	margin: 4px 0 2px 0;
	padding:0;
	font-size:110%;
	font-weight: bold;
}
#feature  dt.kursprogramme_hl {
	margin: 4px 0 2px 0;
	padding:0;
	font-size:120%;
	font-weight: bold;
}
#feature dt.eventdate {
	margin: 0 0 2px 0;
	padding:1px 0 1px 0;
	background-color: #BADFC4;
}
#feature dd{
	margin: 0 0 0 0;  /* Rahmen um Text um Spaltenaufteiung zu erreichen */
	padding:0;
	font-size:95%;
	line-height:1.2em;
}
#feature  dl  dd img {
	margin:3px 5px 2px 0;
	padding: 0;
}
#feature dd.img img{
	margin:0;
	padding: 0;
	border-bottom-color: #c8cdc2;
	border-right-color: #c8cdc2;
}
#feature dl dd.text {
	margin:0;
	padding: 0;
}
#feature dl dd.angebot {
	margin:2px 0 0 0;
	padding: 0;
	font-size: 95%;
	color: #944333;
	font-weight: bold;
}
#feature  dl  dd table.preistable {
	margin:0;
	padding: 0px;
	width: 480px;
}
#feature dl dd table td.preistd {
	margin:0;
	padding: 2px;
	border: solid 1px;
	border-color: #A8C7DE;
	background-color: #D0DEDF;
}
dl.feature:after {   /*  Clearen der vorherigen Floats damit Bild und Text als Block funktionieren und langer Text dem nächsten Block nicht im Weg sind(funktioniert nicht bei IE) */
	content:".!";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#feature_2Cols {
	width:650px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 20px 10px 0 20px;
}
#feature_2Cols dl{
	width: 640px; /* bleiben li und re je 20px Rand */
	margin:0 0 2px 0;
	padding:6px 0 6px 5px;
	border-bottom: solid 1px;
	border-color: #CBB78F;
}
#feature_2Cols  dl.eventdatedl {
	width: 490px; /* bleiben li und re je 20px Rand */
	margin:0 0 2px 0;
	padding:6px 0 6px 5px;
	border-width: 0;
}
#feature_2Cols dl a {
	color: #232A47;
}
#feature_2Cols dt{
	margin: 5px 0 2px 0;
	padding:0;
	font-size:96%;
	font-weight: bold;
}
#feature_2Cols dt.eventdate {
	margin: 0 0 2px 0;
	padding:1px 0 1px 0;
	background-color: #BADFC4;
}
#feature_2Cols dd{
	margin: 0 0 2px 0;  /* Rahmen um Text um Spaltenaufteiung zu erreichen */
	padding:0;
	font-size:95%;
	line-height:1.2em;
}
#feature_2Cols  dl  dd img {
	margin:3px 5px 0 0;
	padding: 0;
}
#feature_2Cols dd.img img{
	margin:0;
	padding: 0;
	border-bottom-color: #c8cdc2;
	border-right-color: #c8cdc2;
}
#feature_2Cols dl dd.text {
	margin:0;
	padding: 0;
}
#feature_2Cols dl dd.angebot {
	margin:2px 0 0 0;
	padding: 0;
	font-size: 95%;
	color: #944333;
	font-weight: bold;
}
#feature_2Cols  dl  dd table.preistable {
	margin:0;
	padding: 0px;
	width: 480px;
}
#feature_2Cols dl dd table td.preistd {
	margin:0;
	padding: 2px;
	border: solid 1px;
	border-color: #A8C7DE;
	background-color: #D0DEDF;
}
dl.feature_2Cols:after {   /*  Clearen der vorherigen Floats damit Bild und Text als Block funktionieren und langer Text dem nächsten Block nicht im Weg sind(funktioniert nicht bei IE) */
	content:".!";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.home  {
	background-color: #d9e5ec;
	color: #56606a;
}
.therme  {
	background-color: #abd4d9;
	color: #56606a;
}
.therme_aktiv {
	color: #a71212;
}
.saunawelt  {
	background-color: #cbb78f;
	color: #56606a;
}
.wellness  {
	background-color: #FAC992;
	color: #56606a;
}
.gastronomie  {
	background-color: #fae5a2;
	color: #56606a;
}
.events  {
	background-color: #badfc4;
	color: #56606a;
}
.formal_blau {
	background-color: #a8c7de;
}
.formal_hellblau {
	background-color: #D0E5EC;
}
.formal {
	background-color: #EFC18A;
	color: #0f3f8f;
}
.formal2 {
	background-color: #FACEA9;
	color: #0f3f8f;
}
.neutral_hellblau {
	background-color: #E3E9ED;
}
.neutral_hellorange {
	background-color: #EDEBDC;
}

#marqueecontainer{
	position: relative;
	width: 154px; /*marquee width */
	height: 350px; /*marquee height */
	background-color: #ebf0f3;
	overflow: hidden;
	border: 0px;
	padding: 0px;
	padding-left: 0px;
}
.bottom_td {
	background-color: #E2D7C1;
	border-top: solid 1px;
	border-bottom: solid 1px;
	margin: 0;
	padding: 0;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
.link-12px-fett-dblau{
	color:#094080;
}
/* Fuer die Rollovereffekte in Wellness Verwoehnpakete: gilt fuer alle Bilder die verlinkt sind! */
#thumbs {width:151; float:left;}
#thumbs a {display:block; float:left; padding:0; width:151px; height:76px;}
#thumbs a img {width:151px; height:76px; border:0; } /* brauchts das? */
#thumbs a:hover {border:1px solid; border-color:#ffffff; }
#thumbs a:hover img {position:relative; width:180px; height:90px; left:-32px; top:3; border:1px solid #ffffff; margin-top: 2px;
}