/*
	Standard CSS für www.spaworld.de
	Design by www.bastiank-media.de  
*/

* { 
	padding: 0; 
	margin: 0; 
}


html, body{
	text-align: center;
}

body {
 font-family: Arial, Helvetica, Verdana, sans-serif; 
 font-size: 100.01%;
 /*background: url('images/bg_site.jpg') #DCE9ED repeat-x;*/
 background: #fff;
}

#outer {
	margin: 0 auto;
	width: 1190px;
}

#wrapper { 
 width: 980px;
 text-align: left;
 font-size: 12px;
 float: left;
}

#skyscraper {
 position: relative;
 top: 80px;
 float: right;
}

#header-top {
 width: 100%;
 height: 80px;
 background: url('images/bg_header_1.gif') no-repeat;
}

#header-bottom {
 width: 100%;
 height: 100px;
 background: url('images/bg_header_2.jpg') no-repeat;
 border-bottom: 10px solid #B7EEFB;
}

#header-top {
 width: 100%;
 height: 130px;
 background: url('images/top_logo.png') no-repeat;
}

#header-bottom {
 width: 100%;
 height: 122px;
 background: url('images/top_images.jpg') no-repeat;
 border-bottom: 1px solid #79c5c3;
}

#top_bar {
	float:left;
	width: 100%;
	height: 20px;
	color: #333;
	background: #79c5c3;
	padding: 1px 0 0 0;
}

#searchbox {
	width: 242px;
	float: left;
}

#searchbox input.field{
	height: 18px; 
	width: 182px !important;
	width: 172px; 	
	font-size: 11px;
	margin: 0 0 0 2px;
}

#searchbox input.submit{
	background: #7BDDDA;
	color: #fff;
	margin: 0 0 0 2px;
}

#searchbox input.submit:hover{
	background: #99F2EF;
}


#breadcrumb_old {
	width: 728px;
	float: right;
	font-size: 11px;
	margin: 2px 0 0 0;
}

#breadcrumb {
	width: 100%;
	clear: both;
	font-size: 11px;
	margin: 0 0 16px 0;
}

#innerWrapper {
	float: left;
	background: url('images/bg_site.png') repeat-y #fff;
}

#leftcolumn { 
 color: #333;
 /*background: #E6F3F6;*/
 padding: 0;
 width: 242px;
 float: left;
 border-top: 1px solid #CCFFFF;
}

#content { 
 float: left;
 color: #333;
 width: 718px !important;
 width: 738px;
 display: inline;
 padding: 7px 10px 12px 10px;
}

#middlecolumn { 
	width: 100%;
}

#rightcolumn { 

}


#footer {
	width: 100%;
	border-top: 1px solid #79c5c3;
	height: 30px;
}

#footer_inner {
	padding-top: 8px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #222;
}

#footer_inner a {
	color: #222;
}
#footer_inner a:hover {
	color: #444;
}


.clear { clear: both; }


/*
	Typografie Content
*/

#content h1 {
	color: #3C3C3C;
	font-size: 20px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
}

#content h2 {
	color: #3C3C3C;
	font-size: 16px;
	font-weight: bold;
	margin: 18px 0px 4px 0px;
	border-bottom: 1px solid #ccc;
}

#content h3 {
	color: #3C3C3C;
	font-size: 14px;
	font-weight: bold;
	margin: 18px 0px 4px 0px;
}

	/* Überschrift (in grauer Leiste)*/
	#content h5 {
		/* Wert zurücksetzen */
		margin: 0;
		/* Hintergrundbild (graue Leiste) */
		background-image: url('images/bg_headline_h5');
		background-repeat: repeat-x;
		/* Höhe der Überschrift*/
		height: 19px;
		/* Einrückung des Textes von oben und von links */
		padding: 3px 0px 0px 0px;
		/* Schriftgröße und -stärke*/
		font-size: 13px;
		font-weight: bold;
		width: 100%;
		text-indent: 6px;
	}


#content p {
	line-height: 1.5em;
	margin: 0px 0px 8px 0px;
}



#content p a {
	/* 
	font-size: 12px;
	font-weight: bold;
	background: url('images/bg_link_mehr_weiss.gif') no-repeat #487272;
	background-position: 2px 0px !important;
	background-position: 2px 0px;
	padding-left: 16px;
	padding-right: 2px;
	color: #fff;
	*/
	
	background: url('images/bg_link_pfeil_normal.gif') no-repeat right;
	padding-right: 16px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
		

#content p a:hover {
	/* Hintergrundbild */
	/*
	background: url('images/bg_link_mehr_grau.gif') no-repeat #fff;
	color: #333;
	border: 1px solid #487272;
	*/
	background: url('images/bg_link_pfeil_hover.gif') no-repeat right;
	text-decoration: underline;
}


#content ul {
	margin: 10px 0px 10px 0px;
	margin-left: 1em;
	padding-left: 1em;
	list-style-type: bullet;
}

#content li {
  line-height: 1.6em;
  margin: 0px 0px 10px 0px;
}

/* 	##########################
	###  Sitemap - Anzeige der Kategorien ### 	
	##########################	*/
#content div.tx-flseositemap-pi1 {
	margin: 20px 0px 0px 0px;
}	

	/* Erste Listenebene */	
	#content div.tx-flseositemap-pi1 ul {
		margin: 0;
		list-style-type: none;
	}

	#content div.tx-flseositemap-pi1 li {
		margin: 0px 0px 4px 0px;
	}

	/* Zweite Listenebene */	
	#content div.tx-flseositemap-pi1 ul ul{
		margin: 0;
		list-style-type: none;
		list-style-image:url('images/list_style_pfeil.gif');
	}

	#content div.tx-flseositemap-pi1 ul ul li {
		line-height: 1.0em;
		margin: 0;
	}
	
	#content div.tx-flseositemap-pi1 ul ul li a {
		font-weight: normal;
		background: none;
	}

#content div.tx-flseositemap-pi1 a {
	background: url('images/bg_link_pfeil_normal.gif') no-repeat right;
	padding-right: 16px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

#content div.tx-flseositemap-pi1 a:hover {
	text-decoration: underline;
}


/* 	######################
	###  TEASERMENU - Standard ### 	
	######################	*/

	/* ### Teasermenü - Typografie ### */
		
		/* Überschrift (Hotelname)  */
		#content .tx-a1teasermenu-pi1 h3 {
			/* Schriftgröße und -stärke definieren */
			font-size: 13px;
			font-weight: bold;
			/* Seitenabstände definieren */
			padding: 0px 0px 3px 6px;
		}
		
		/* Allgemeiner Absatz */
		#content .tx-a1teasermenu-pi1 p {
			font-size: 12px;
			padding: 0px 0px 0px 6px;
		}

		/* Teasermenü - Link auf Überschrift (Hotelname) */
		#content .tx-a1teasermenu-pi1 td.text a {
			/* Unterstrich des Links entfernen */
			text-decoration: none;
			/* Farbe definieren */
			color: #333;
		}

		/* Teasermenü - Link auf Überschrift (Hotelname)  :hover */
		#content .tx-a1teasermenu-pi1 td.text p a:hover {
			/* Link unterstreichen */
			text-decoration: underline;
		}
		
		/* Teasermenü - Link am Ende des Teasers */
		#content .tx-a1teasermenu-pi1 td.text p a {
			/* Erscheinungsbild definieren */	
			font-size: 12px;
			font-weight: bold;
			/* Hintergrundbild */
			background: url('images/bg_link_mehr_weiss.gif') no-repeat #487272;
			background-position: 2px 0px !important;
			background-position: 2px 0px;
			padding-left: 16px;
			padding-right: 2px;
			color: #fff;
		}
		
		/* Teasermenü - Link am Ende des Teasers */
		#content .tx-a1teasermenu-pi1 td.text p a:hover {
			/* Erscheinungsbild definieren */	
			/* Hintergrundbild */
			background: url('images/bg_link_mehr_grau.gif') no-repeat #fff;
			color: #333;
			border: 1px solid #487272;
		}
		
		/* Teasermenü - Link am Ende des Teasers Block abschalten */
		#content .tx-a1teasermenu-pi1 td.text span.link-block {
			display: none;
		}
		
	/* ### ENDE Teasermenü - Typografie ### */

	/* ### Teasermenü - Layout ### */
	
		/* Teasermenü - äußere Tabelle */
		#content table.tx-a1teasermenu-pi1 {
			width: 100%;
			border-collapse: separate;
		}

		/* Teasermenü - äußere Tabellenzelle*/
		#content table.tx-a1teasermenu-pi1 td {
			/* maximal verfügbare Breite nutzen*/
			width: 100%;
			/* Abstand zum Inhalt definieren */
			padding: 2px 0px 2px 0px;
		}

		/* Teasermenü - innere Tabelle (1 Teaserelement) */
		#content table.tx-a1teasermenu-pi1 table {
			/* maximal verfügbare Breite nutzen*/
			width: 100%;
			/* grauer Rahmen um Teaserelement*/
			border: 1px solid #dedede;
		}

		/* Teasermenü - innere Tabellenzelle (allgemein) */
		#content table.tx-a1teasermenu-pi1 table td {
			/* Abstand zum Inhalt definieren */
			padding: 2px 0px 2px 0px;
		}

		/* Teasermenü - innere Tabellenzelle (Zelle die das Bild enthält) */
		#content table.tx-a1teasermenu-pi1 table td.image {
			/* Breite definieren */
			width: 100px;
			/* weißer Rahmen um den Abstand zum Rand und Text sicherzustellen */
			border-right: 2px solid #fff;
			border-left: 2px solid #fff;
		}
		
	/* ### ENDE Teasermenü - Layout ### */

/* 	### ENDE Teasermenü - Standard ###	*/
	
	
/* 	###################################
	###  TEASERMENU - Angebot des Monats		###
	### Überschreiben der Standardformatierungen	###
	###################################	*/
	
	/* Teasermenü - innere Tabellenzelle (Zelle die das Bild enthält) */
	#content .angebot-des-monats table.tx-a1teasermenu-pi1 table td.image {
		/* Rahmen rechts entfernen */
		border-right: 0px;
	}
	
	/* Teasermenü - innere Tabellenzelle (Zelle die den Text enthält) */
	#content .angebot-des-monats table.tx-a1teasermenu-pi1 table td.text {
		/* Hintergrundfarbe ändern */
		background: #333333;
		/* Rahmen oben und unten */
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		/* Textfarbe */
		color: #fff;
	}
	
	/* Überschrift (Hotelname)  */
	#content .angebot-des-monats table.tx-a1teasermenu-pi1 h3 {
		/* Schriftgröße und -stärke definieren */
		font-size: 13px;
		font-weight: bold;
		/* Seitenabstände definieren */
		padding: 18px 0px 10px 6px;
		/* Schriftfarbe definieren */
		color: #fff;
	}
	
	/* Teasermenü - Link auf Überschrift (Hotelname) */
	#content .angebot-des-monats table.tx-a1teasermenu-pi1 td a {
		/* Unterstrich des Links entfernen */
		text-decoration: none;
		/* Farbe definieren */
		color: #fff;
	}

	/* Teasermenü - Link auf Überschrift (Hotelname)  :hover */
	#content .angebot-des-monats table.tx-a1teasermenu-pi1 td a:hover {
		/* Link unterstreichen */
		text-decoration: underline;
	}
	
	/* Teasermenü - Link im Paragraph des Teasers Block abschalten */
	#content .angebot-des-monats table.tx-a1teasermenu-pi1 td.text span.link-normal {
		display: none;
	}
	
	/* Teasermenü - Link am Ende des Teasers Block anschalten */
	#content .angebot-des-monats table.tx-a1teasermenu-pi1 td.text span.link-block {
		display: block;
		margin-top: 10px;
	}
	
	/* Teasermenü - Link auf Überschrift (Hotelname) */
	#content .angebot-des-monats table.tx-a1teasermenu-pi1 td.text span.link-block a {
		/* Darstellung definieren */
		display: block;
		height: 22px;
		background: #487272;
		border-top: 1px solid #878787;
		/* Unterstrich des Links entfernen */
		text-decoration: none;
		text-align: right;
		font-weight: bold;
		font-size: 12px;
		padding: 4px 6px 0px 0px;
		/* Farbe definieren */
		color: #fff;
	}
	
	
	
	
/* 	#########################
	###  GLOSSAR - Wellnesslexikon	###
	########################	*/
	.tx-mrglossary-pi1  div.alphabet {
		margin: 20px 0px 20px 0px;
	}
	
	.tx-mrglossary-pi1  div.alphabet a {
		display: inline-block;
		width: 17px;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
		background: #487272;
		margin-right: 6px;
		text-decoration: none;
	}
	
	.tx-mrglossary-pi1  div.alphabet a:hover {
		text-decoration: underline;
	}
	
	.tx-mrglossary-pi1  div.letter {
		margin-top: 20px;
		font-size: 22px;
		border-bottom: 1px solid #ccc;
	}
	
	.tx-mrglossary-pi1  div.catchword {
		margin-top: 10px;
		font-weight: bold;
	}
	
	.tx-mrglossary-pi1  div.catchword_desc {
		line-height: 1.5em;		
	}
	

/* 	#####################
	###  INDEXED SEARCH	###
	#####################	*/
.tx-indexedsearch-searchbox * {
	font-size: 1.0em;
}

.tx_is_pagebrowser td,
.tx-indexedsearch-title-number,
.tx-indexedsearch-title-caption,
.tx-indexedsearch-percent,
.tx-indexedsearch-descr,
.tx-indexedsearch-info {
	font-size: 0.8em;
}

.tx_is_pagebrowser td p a {
	font-weight: normal;
	text-decoration: underline;
}