/***** DEFAULT WERTE *****/ /*####################################### /*# definition siehe unten (->profile) /*#######################################*/
.genreselect {
	color:#E5E9F5;
	font-size:11px;
}

 .def-menu-top-button { background-color:#A8A8A8; color:#FFFFFF; font-family:Arial; font-size:11px; font-weight:bold; height:25px; width:100px; text-align:center; }
 .def-menu-top-button a { color:#FFFFFF; text-decoration:none; }
 .def-menu-top-button-hover { cursor:pointer; }
 .def-menu-top-topic { visibility:hidden; position:absolute; background-color:#FFFFFF; border:1px dashed #AAAAAA; border-top-width:0px; }
 .def-menu-top-item { height:20px; cursor:pointer; }
 .def-menu-top-item a { font-family:Arial; color:#FFFFFF; font-size:11px; text-decoration:none; }
 
 /*.def-menu-top-button-hover a { } // bei bedarf auskommentieren  */
 .def-menu-bottom-button { background-color:#A8A8A8; color:#FFFFFF; font-family:Arial; font-size:11px; font-weight:normal; height:25px; width:90px; text-align:center; }
 .def-menu-bottom-button a { color:#FFFFFF; text-decoration:none; }
 .def-menu-bottom-button-hover { cursor:pointer; }
 /*.def-menu-bottom-button-hover a { }; // bei bedarf auskommentieren */

 .navi { width:120px; }
 .navi-topic { font-weight:bold; font-family:Arial; font-size:11px; color:#FFFFFF; width:120px;  height:25px; text-align:right; padding-right:5px; cursor:pointer; }
 .navi-topic a { color:#FFFFFF; text-decoration:none; }
 .navi-item { font-family:Arial; font-size:11px; color:#FFFFFF; width:120px;  height:20px; text-align:right; padding-right:5px;  }
 .navi-item-hover { cursor:pointer; }
 .navi-item a { color:#FFFFFF; text-decoration:none; }
 .navi-items { display:none; }
 
 .main { width:540px; }
 .right { width:100px; }

/* .right { width:120px; background-color:#F9E5E5; } */

/***** PROFILE ******/
	/*########################################
	/*# hier immer nur die styles für die navi.bar eintragen
	/*# details für die einzelnen areas in styles/style-{AREA}.css abspeichern
	/*#
	/*# .navi-{AREA}-topic { ... } : Überschrift (zb. Kur & Kompaktkur)
	/*# .navi-{AREA}-bg { ... } : Alle Unterelemente (zb. für gemeinsame Hintergrundfarbe)
	/*# .navi-{AREA}-item { ... } : Unterelement
	/*# .navi-{AREA}-item-hover { ... } : Unterelement (zb für hintergrundfarbe) mit Focus
	/*# .navi-{AREA}-item-hover a { ... } : Unterelement (für schriftart usw) mit Focus
	/*#
	/*##########################################
	/*# beispiel für eine style/style-{AREA}.css:
	/*#
	/*# .top-table {  } : die alles-umgebende tabelle (zb. für border)
 	/*# .menu-top-bg { } : obere menübar (zb. für hintergrund)
 	/*# .menu-top-topic { } : layer des untermenüs (zb für hintergrund, border) 	
 	/*# .menu-top-item { } : zelle des untermenü elementes 	
	/*# .menu-top-item a { } : link der zelle des untermenü elementes (für schriftXX)
 	/*# .menu-top-button { } : oberer menü button (zb für hintergrund)
 	/*# .menu-top-button a { } : oberer menü button (für schriftart usw)
 	/*# .menu-top-button-hover { } : oberer menü button (zb für hintergrundfarbe) mit fokus
 	/*# .menu-top-button-hover a { } : oberer menü button (für schriftart usw) mit fokus
 	/*# .menu-bottom-bg { } : untere menübar (zb. für hintergrund)
 	/*# .menu-bottom-button { } : unterer menü button (bisher nur impressum, zb für hintergrundfarbe)
 	/*# .menu-bottom-button a { } : unterer menü button (bisher nur impressum, für schriftart usw)
 	/*# .menu-bottom-button-hover { } : unterer menü button (bisher nur impressum, zb für hintergrundfarbe) mit fokus
 	/*# .menu-bottom-button-hover a { } : unterer menü button (bisher nur impressum, für schriftart usw) mit fokus
 	/*# .body-bg { } : alle zellen die den normalen hintergrund erhalten sollen
 	/*# .right-bg { } : short description bereich
 	/*#
 	/*#########################################
 	/*# bilder:
 	/*# images/menu-top-{AREA}-buttonbg.gif : Hintergrundbild des "Das Staatsbad" Menüpunkt (90x25 px)
 	/*# menu-{AREA}-image.gif : Bild oben-rechts.
 	#*/

/* Navigation Links */

 .navi-neuigkeiten-topic { background-color:#002999; }
 .navi-neuigkeiten-bg { background-color:#667FC2; }
 .navi-neuigkeiten-item-hover { background-color:#002999; }
 .navi-neuigkeiten-item { background-color:#667FC2; }

 .navi-heilmittel-topic { background-color:#0057AE; }
 .navi-heilmittel-bg { background-color:#7FB7E7; }
 .navi-heilmittel-item-hover { background-color:#0057AE; }
 .navi-heilmittel-item { background-color:#7FB7E7; }

 .navi-kuk-topic { background-color:#B5163F; }
 .navi-kuk-bg { background-color:#DA8A9F; }
 .navi-kuk-item-hover { background-color:#B5163F; color:#FF0000;}
 .navi-kuk-item { background-color:#DA8A9F; }
 
 .navi-vital-topic { background-color:#FF2347; }
 .navi-vital-bg { background-color:#FF8397; }
 .navi-vital-item-hover { background-color:#FF2347; color:#FF0000;}
 .navi-vital-item { background-color:#FF8397; }

 .navi-reha-topic { background-color:#04A17E; }
 .navi-reha-bg { background-color:#5BB5A2; }
 .navi-reha-item-hover { background-color:#04A17E;  }
 .navi-reha-item { background-color:#5BB5A2; }

 .navi-wellness-topic { background-color:#51197C; }
 .navi-wellness-bg { background-color:#B067AF; }
 .navi-wellness-item-hover { background-color:#51197C; }
 .navi-wellness-item { background-color:#B067AF; }

 .navi-natur-topic { background-color:#007933; }
 .navi-natur-bg { background-color:#009533; }
 .navi-natur-item-hover { background-color:#007933; }
 .navi-natur-item { background-color:#009533; }

 .navi-freizeit-topic { background-color:#FF7113; }
 .navi-freizeit-bg { background-color:#FF9F53; }
 .navi-freizeit-item-hover { background-color:#FF7113; }
 .navi-freizeit-item { background-color:#FF9F53; }

 .navi-hotels-topic { background-color:#FFD400; }
 .navi-hotels-bg { background-color:#D5C260; }
 .navi-hotels-item-hover { background-color:#FFD400; }
 .navi-hotels-item { background-color:#D5C260; }

/* Navigation oben */

.top-table { border:1px dashed #667FC2; }		    /* Punkte aussen rum */
.menu-top-topic { background-color:#667FC2; }		    /* Menü oben - Unterpunkte - Hintergrund */
.menu-top-bg { background-color:#667FC2; }		    /* Menü oben - Oberpunkt - Hintergrund */
.menu-bottom-bg { background-color:#667FC2; }		    /* Impressum - Button - Hintergrund */

.menu-top-item-hover { background-color:#002999; }	    /* Menü oben - Unterpunkte - OnMouseOver */
.menu-top-button-hover { background-color:#002999; }	    /* Menü oben - Oberpunkte - OnMouseOver */
.menu-bottom-button-hover { background-color:#002998; }	    /* Impressum - Button - OnMouseOver */

.menu-top-button { background-color:#3354AD; }		    /* Impressum - Button - Hintergrund */
.menu-bottom-button { background-color:#3354AD; }	    /* Menü oben - Button - Hintergrund */

.body-bg { background-color:#E5E9F5; }                      /* Hauptinhaltsfarbe */
.bodymain { background-color:#F7F9FD; }                     /* links und rechts */
.right-bg { background-color:#667FC2; }			    /* kurz gesagt */
 
/* Kalender */

.cal-day { width:16px; font-family:Arial,sans-serif; font-size:11px; color:#000000;}
.cal-day-today { background-color:#FF7113; color: #000000; font-size:8pt; }
.cal-day-today-event { background-color:#B5163F; color: #ffffff; font-size:8pt; }
.cal-day-event { background-color:#FFBD70;font-size:8pt;color:#000000;}
.cal-day-hover { background-color:#FFFFFF;}
.day0 {background-color:#002999;color: #ffffff}
.day1 {background-color:#FF7113;color: #ffffff}
.day2 { background-color:#8097DB;} /* <--- für "mehr" ... */
.day100 {background-color:#B5163F; color: #ffffff;}
.high0 {background-color:#667FC2; color: #ffffff; font-size:9pt; line-height:11pt; font-family:Arial,sans-serif; }
.high1 {background-color:#FF9F53; color: #ffffff; font-size:9pt; line-height:11pt; font-family:Arial,sans-serif; }
.high2 { background-color:#8097DB;} /* <--- für "mehr" ... */
.high100 {background-color:#DA8A9F; color: #ffffff; font-size:9pt; line-height:11pt; font-family:Arial,sans-serif; }
.calendar { background-color:#8097DB;}
.calendarhead { background-color:#002999; }
.calendarsubheadline { font-weight: bold; color: #FFFFFF; }
select.calendar { font-size:8pt; color:#000000; background-color:#FFBD70;}
a.calendar { color: #EEEEEE; border-bottom:1px dashed #EEEEEE; font-size:8pt; }
.dayssubheadline {font-size:9pt; line-height:11pt; font-family:Arial,sans-serif; color:#002999;}
.week { width:16px; font-family:Arial,sans-serif; font-size:11px; color:#000000;}
/* Textformatierungen */

body {	
	font-size:9pt;
	line-height:11pt;
	font-family:Arial,sans-serif;
	color:#111111;
}
  
.headline	{
	color:#002999;
}
 
.subheadline	{
	color:#002999;
}
  
a.text {
	color: #002999;
	border-bottom:1px dashed #002999;
	text-decoration: none;
	font-size:9pt;
}

a:hover.text {
	text-decoration: none;
	border-bottom:0px;
}

/* Tools */

.weiss {
	background-color:#FFFFFF;
	font-size:7pt;
	font-family:Arial,sans-serif;
	color:#000000;
}

a.hinweis {
	font-size:7pt;
	font-family:Arial,sans-serif;
	color:#000000;
  	text-decoration: none;
}

a:hover.hinweis {
  	border-bottom:1px dashed #000000;
}

/* Textformatierungen */

p.right {
	font-size:9pt;
	line-height:12pt;
	font-family:Arial,sans-serif;
	color:#ffffff;
}

font.right {
	font-size:9pt;
	line-height:12pt;
	font-family:Arial,sans-serif;
	color:#ffffff;
}


p.white {
	font-size:9pt;
	line-height:12pt;
	font-family:Arial,sans-serif;
	color:#ffffff;
}
	    
p.copyright {
	font-size:8pt;
	font-family:Arial,sans-serif;
	color:#CCCCCC;
}


p {	
	font-size:9pt;
	line-height:11pt;
	font-family:Arial,sans-serif;
	color:#111111;
}


p.red {	
	font-size:9pt;
	line-height:11pt;
	font-family:Arial,sans-serif;
	color:#B5163F;
}
 
.headline	{
    	font-size:12pt;
    	line-height:12pt;
    	font-family:Arial,sans-serif;
   	font-weight:bold;
}
  
.subheadline	{
     	font-size:10pt;
     	line-height:12pt;
     	font-family:Arial,sans-serif;
}

a.copyright {
	font-size:8pt;
	font-family:Arial,sans-serif;
 	color: #CCCCCC;
  	border-bottom:1px dashed #CCCCCC;
  	text-decoration: none;
}

a:hover.copyright {
  	text-decoration: none;
  	border-bottom:0px;
} 

a.white {
	font-size:9pt;
	font-family:Arial,sans-serif;
 	color: #FFFFFF;
  	border-bottom:1px dashed #FFFFFF;
  	text-decoration: none;
}
  
a:hover.white {
  	text-decoration: none;
  	border-bottom:0px;
}

ul.standard {
	font-size:12px;
	padding-left:20px;
}