/* Konzept, Design und Programmierung durch media access GmbH, Agentur fuer Neue Medien, Stuttgart
   Neugierig? www.media-access.net */

/* 

01 Content-Bereich allgemein
02 Abstract
03 Einzellink
04 Textbox normal
05 Textbox zweispaltig / Anreiseinforamtion Resort
06 Hinweisbox
07 Hinweisbox zweispaltig
08 Teaserbox mit grossem Bild
09 Teaserbox Eilmeldung
10 Teaserbox Extern/Intern
11 Teaserbox Testimonial
12 Teaserbox Video
13 Teaserbox Polaroid
14 3er Teaserblock mit Text und mit bzw. ohne Bild
15 3er Teaserblock ohne Text
16 Infotabelle Resort
17 Resort-Info Eignungsgrad/Klima/Rezeption
18 Wetterinfo
19 Tabelle allgemein
20 FAQs
21 Suchergebnisse
22 Blaettern-Funktion
23 Seiten-Navigation innerhalb der Suchergebnisse
24 Bildergalerie/Panorama
25 Formulare
26 Trennlinie
27 2er Teaserblock mit Text und Bild
28 2er Teaserblock Text
29 Kalender
30 RSS-Feed
31 Tabellen- und Linklistenabschluss

*/


/* 01 Content-Bereich allgemein ---------------------------------------------------------------------------------------------*/

h1 { /* Zwischenueberschrift gross */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	line-height: 24px;
	margin: -5px 10px 0 10px;
	padding: 0 0 12px 0;
}

	#content-reiseziele h1 { /* Für Flashseiten */
		margin: 20px 0 5px 20px;
	}

h2 { /* Zwischenueberschrift, elementuebergreifend */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:16px;
	color: #333;
    margin: 0;
	padding: 0 0 5px 0;
}

    h2.sub-head { margin: 0 0 20px 0; }

#content h3 { /* Tabellenueberschrift */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	background: #666;
	margin: 0;
	padding: 5px 6px 5px 6px;
}

#context h3 { /* Tabellenueberschrift */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #333;
	margin: 0;
	padding: 0;
}


    #content h4.removePadding { /* Abstract-Text */
	    padding:0;
    }

#content a { /* Link allgemein */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
	background: url(../images/common/link-arrow.gif) no-repeat 0 5px;
	display: block;
	clear: both;
	margin: 0;
	padding: 0 0 0 14px;
}

#content a.textlink { /* Link allgemein im Textfluss */ 
    display: inline;
    background-position: 0 0.454em;
}

#content a:hover { /* Link Onmouseover */
	/*border-bottom: 1px dotted #ff0000;
	padding-bottom: 0;*/
}

/* 02 Abstract --------------------------------------------------------------------------------------------------------------*/

#content div.abstract { /*Elementcontainer mit Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 10px;
}

/* SONDERFALL STARTSEITE */
#content.startseite div.abstract { /*Elementcontainer mit Abstand nach unten */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
clear: both;
margin: 0;
padding: 0 0 8px 0;
}

#content.startseite div.abstract h1 { /*Elementcontainer mit Abstand nach unten */
margin: 0;
padding: 0;
}

#content.startseite div.abstract h4 { /*Elementcontainer mit Abstand nach unten */
margin: 5px 0 0 0;
padding: 0;
}


    #content div.abstract h1 { /*Elementcontainer mit Abstand nach unten */
    margin: 0;
    padding: 0;
    }

    #content div.abstract h4 { /* Abstract-Text */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 13px;
	    line-height: 16px;
	    color: #666;
	    display: block;
	    margin: 5px 0 0 0;
	    padding: 0;
    }

	#content div.abstract img {
		margin: 0;
	}

	#content div.abstract p {
		padding: 0;
		margin: 0;
	}

/* 03 Einzellink --------------------------------------------------------------------------------------------------------*/

#content div.link { /* Elementcontainer mit speziellem Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.455em;
	color: #333;
	clear: both;
	margin: 0 0 0.5em 0;
	padding: 0;
}

/* 04 Textbox normal --------------------------------------------------------------------------------------------------------*/

#content div.textbox { /* Elementcontainer mit Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 10px 0 10px;
	/* background: url(../images/common/dotted_line_bg.gif) repeat-x bottom left; */
}

    #content div.textbox h1 {
    margin: 0;
    padding: 0;
    }

    #content div.textbox h2 { /* Zwischenueberschrift, elementuebergreifend */
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 13px;
	line-height:16px;
    }

	#content div.textbox p,
	#content div.textbox span { /* Absatz */
		margin: 0 0 12px 0;
		padding: 0;
		display: block;
	}

    #content div.textbox h2 span { margin:0; padding: 0; display: inline; }
    #content div.textbox span span { margin:0; padding: 0; display: inline; }
    #content div.textbox p span { margin:0; padding: 0; display: inline; }

	#content div.textbox ul { /* Liste */
	margin: 0;
	padding: 0;
	}

		#content div.textbox ul ul, 
		#content div.textbox ul ul ul { /* Liste 2./3. Ebene */
		margin: 0;
		padding: 0;
		}

		#content div.textbox ul li { /* Listenpunkt */
		background: url(../images/common/listenpunkt_text.gif) no-repeat 0 6px;
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 10px;
		}
		
		#content div.textbox ul li span { display: inline; }

/* 05 Textbox zweispaltig / Anreiseinforamtion Resort ------------------------------------------------------------------------*/

#content table.textbox2spaltig { /* Elementcontainer mit Abstand nach unten */
	color: #333333;
	width: 100%;
	height: auto;
	clear: both;
	margin: 0 0 3em 0;
	border-collapse: collapse;
}

	#content table.textbox2spaltig h2 { /* Zwischenueberschrift */
		font-size: 1em;
	}

	#content table.textbox2spaltig td { /* Zelle */
		font-size: 1.1em;
		line-height: 1.455em;
		vertical-align: top;
		width: 50%;
	}

	#content table.textbox2spaltig p { /* Absatz */
		margin: 0;
		padding: 0;
	}

	#content table.textbox2spaltig ul { /* Liste 1. Ebene */
		margin: 0;
		padding: 0;
	}

		#content table.textbox2spaltig ul ul, 
		#content table.textbox2spaltig ul ul ul { /* Absatz, Liste 2./3. Ebene */
			font-size: 1em;
			margin: 0;
			padding: 0;
		}

		#content table.textbox2spaltig ul li { /* Listenpunkt */
			background: url(../images/common/listenpunkt_text.gif) no-repeat 0 0.636em;
			list-style-type: none;
			margin: 0;
			padding: 0 0 0 0.909em;
		}

	#content table.textbox2spaltig td.links { /* linke Spalte */
		padding: 0 0.909em 0 0;
	}

	#content table.textbox2spaltig td.rechts { /* rechte Spalte */
		padding: 0 0 0 0.909em;
	}
    
	#content table.textbox2spaltig a { /* Link */
		background-position: 0 0.545em;
		display: block;
		margin: 1.818em 0 0 0;    
	}

/* 06 Hinweisbox ------------------------------------------------------------------------------------------------------------*/
#content div.hinweisbox { /* Elementcontainer mit Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	clear: both;
	margin: 0 0 20px 0;
	padding: 10px 12px 12px 12px;
	background: #fff;
	border: 1px solid #999;
}

    #content div.hinweisbox h1 {
    margin: 0;
    padding: 0;
    }

	#content div.hinweisbox p { /* Absatz, */
		margin: 0;
		padding: 0;
	}
	
	#content div.hinweisbox ul { /* Liste 1. Ebene */
		margin: 0 0 0 15px;
		padding: 0;
	}

		#content div.hinweisbox ul ul, 
		#content div.hinweisbox ul ul ul { /* Absatz, Liste 2./3. Ebene */
			margin: 0;
			padding: 0;
		}

		#content div.hinweisbox ul li { /* Listenpunkt */
			list-style-type: square;
			margin: 0;
			padding: 0;
		}


/* 08 Teaserbox mit grossem Bild --------------------------------------------------------------------------------------------*/
#content div.teaserbox { /* Elementcontainer mit Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.455em;
	color: #333;
	clear: both;
	margin: 0 0 2.727em 0;
	padding: 0;
}

	#content div.teaserbox p { /* Absatz */
		margin: 0;
		padding: 0;
	}

	#content div.teaserbox ul { /* Liste 1. Ebene */
		margin: 0;
		padding: 0;
	}

		#content div.teaserbox ul ul, 
		#content div.teaserbox ul ul ul { /* Liste 2./3. Ebene */
			font-size: 1em;
			margin: 0;
			padding: 0;
		}

		#content div.teaserbox ul li { /* Listenpunkt */
			background: url(../images/common/listenpunkt_text.gif) no-repeat 0 0.636em;
			list-style-type: none;
			margin: 0;
			padding: 0 0 0 0.909em;
		}

	#content div.teaserbox img  { /* Bild */
		float: right;
		margin: 0 0 0 1.818em;
	}

/* 09 Teaserbox Eilmeldung --------------------------------------------------------------------------------------------------*/
#content div.teaserbox-eilmeldung { /* Elementcontainer mit Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	clear: both;
	margin: 0 0 20px 0;
	padding: 12px;
	border: 1px solid #999;
	background: #fff;
}

    #content div.teaserbox-eilmeldung h1 {
    margin: 0;
    padding: 0;
    }

	#content div.teaserbox-eilmeldung ul { /* Liste 1. Ebene */
		margin: 0 0 0 15px;
		padding: 0;
	}

		#content div.teaserbox-eilmeldung ul ul, 
		#content div.teaserbox-eilmeldung ul ul ul { /* Liste 2./3. Ebene */
			margin: 0;
			padding: 0;
		}

		#content div.teaserbox-eilmeldung ul li { /* Listenpunkt */
			list-style-type: square;
			margin: 0;
			padding: 0;
		}

	#content div.teaserbox-eilmeldung p { /* Absatz */
		margin: 0;
		padding: 0;
	}

	#content div.teaserbox-eilmeldung img { /* Bild */
		float: right;
		margin: 0 0 0 20px;
	}
	
	#content div.teaserbox-eilmeldung a.bildlink { /* Link ums Bild herum */
		background: none;
		padding: 0;
		margin: 4px 20px 0 0;
		float: right;
		
	}	
    
div.abstand-eilmeldung { /* Abstand zum nachfolgenden Element */
	height: 3em;
	clear: both;
	margin: 0;
	padding: 0;
}

/* 10 Teaserbox Extern/Intern -----------------------------------------------------------------------------------------------*/
#content div.teaserbox-extern,
#content div.teaserbox-intern { /* Elementcontainer mit Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 10px 0 10px;
	/* background: url(../images/common/dotted_line_bg.gif) repeat-x bottom left; */
}
    
    #content div.teaserbox-extern h1,
    #content div.teaserbox-intern h1 {
    margin: 0;
    padding: 0;
    }

    #content div.teaserbox-intern h2 { /* Zwischenueberschrift, elementuebergreifend */
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 13px;
	line-height:16px;
    }

	#content div.teaserbox-extern p,
	#content div.teaserbox-extern span,
	#content div.teaserbox-intern p,
	#content div.teaserbox-intern span { /* Absatz */
		margin: 0 0 12px 0;
		padding: 0;
		display: block;
	}
	
	#content div.teaserbox-extern h2 span,
	#content div.teaserbox-intern h2 span {
	margin:0; padding: 0; display: inline;
	}
	
    #content div.teaserbox-extern span span,
    #content div.teaserbox-intern span span {
    margin:0; padding: 0; display: inline;
    }
    
    #content div.teaserbox-extern p span,
    #content div.teaserbox-intern p span {
    margin:0; padding: 0; display: inline; 
    }

	#content div.teaserbox-extern ul,
	#content div.teaserbox-intern ul { /* Liste 1. Ebene */
		margin: 0 0 0 14px;
		padding: 0;
	}

		#content div.teaserbox-extern ul ul, 
		#content div.teaserbox-extern ul ul ul,
		#content div.teaserbox-intern ul ul, 
		#content div.teaserbox-intern ul ul ul { /* Liste 2./3. Ebene */
			margin: 0;
			padding: 0;
		}

		#content div.teaserbox-extern ul li,
		#content div.teaserbox-intern ul li { /* Listenpunkt */
			list-style-type: square;
			
		}

	#content div.teaserbox-extern img,
	#content div.teaserbox-intern img  { /* Bild */
		margin: 0 0 0 12px;
	}

	#content div.teaserbox-extern a,
	#content div.teaserbox-intern a { /* externer und interner Link */
		background-position: 0 0.545em;
		display: block;
		margin: 0;  
	}

	#content div.teaserbox-extern a.multilink,
	#content div.teaserbox-intern a.multilink { /* externer und interner Mehrfach-Link */
		background-position: 0 5px;
		display:block;
		margin: 0;    
	}
	
 	#content div.teaserbox-extern a.bildlink,
	#content div.teaserbox-intern a.bildlink { /* Link ums Bild herum */
		background: none;
		padding: 0;
		margin: 4px 14px 0 0;
		float:right;
	}


/* 12 Teaserbox Video -------------------------------------------------------------------------------------------------------*/
#content div.teaserbox-video { /* Elementcontainer mit Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 10px;
	/* background: url(../images/common/dotted_line_bg.gif) repeat-x bottom left; */
}

	#content div.teaserbox-video p { /* Absatz */
		margin: 0;
		padding: 0;
	}
    
    
	#content div.teaserbox-video ul { /* Liste 1.Ebene */
		margin: 0;
		padding: 0;
	}

		#content div.teaserbox-video ul ul, 
		#content div.teaserbox-video ul ul ul { /* Liste 2./3. Ebene */
			font-size: 1em;
			margin: 0;
			padding: 0;
		}

		#content div.teaserbox-video ul li { /* Listenpunkt */
			background: url(../images/common/listenpunkt_text.gif) no-repeat 0 0.636em;
			list-style-type: none;
			margin: 0;
			padding: 0 0 0 0.909em;
		}

	#content div.teaserbox-video div.bildbox  { /* Bildcontainer */
		font-size: 0.909em;
		width: 14.8em;
		float: right;
		margin: 0 0 0 1.818em;
		padding: 0;
	}

	#content div.teaserbox-video img  { /* Bild */
		margin: 0;
	}

/* inaktiv wegen CR 43 
	#content div.teaserbox-video small {
		font-size: 1em;
		line-height: 1.3em;
		display: block;
		padding: 0.181em 0.181em 0.181em 0.364em;
	}

	#content div.teaserbox-video small a {
		background: url(../images/common/listenpunkt_link.gif) no-repeat 0 0.5em;
		padding-left: 0.9em;
		display: block;
		width: 100%;
	}
    
*/	

	#content div.teaserbox-video a { /* Link */
		margin: 1.818em 0 0 0; 
	}
	
	#content div.teaserbox-video div.bildbox a  { /* Link ums Bild herum */
		background: none;
		padding: 0;
		margin: 0;
	}
	

/* 14 3er Teaserblock mit Text und mit bzw. ohne Bild  ----------------------------------------------------------------------*/
#content div.teaserblock-textbild { /* Elementcontainer mit Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}

	#content div.teaserblock-textbild div {
		width: 150px;
		height: auto;
		float: left;
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 12px 0;
	}
		
		/*START SONDERFALL STARTSEITE*/
		#content div.teaserblock-textbild div {
		width: 230px;
		}
		
		#content.startseite div.teaserblock-textbild div.mitte,
		#content.startseite div.teaserblock-textbild div.links { /* einzelne Box in der Mitte */
	    margin: 0 20px 0 0;
		}
		/*ENDE SONDERFALL STARTSEITE*/

		#content div.teaserblock-textbild div.mitte,
		#content div.teaserblock-textbild div.links { /* einzelne Box in der Mitte */
			margin: 0 10px 0 0;
		}

	#content div.teaserblock-textbild h3 { /* Boxueberschrift */
		color: #333;
		background-color: transparent;
		margin: 5px 0 0 0;
		padding: 0;
	}

	#content div.teaserblock-textbild p { /* Absatz */
		font-size: 11px;
		margin: 0;
		padding: 0;
	}

	#content div.teaserblock-textbild a { /* Link */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-position: 0 4px;
		display: block;
		margin: 8px 0 0 0;
		padding: 0 0 0 14px;
	}

	#content div.teaserblock-textbild a.bildlink { /* Link ums Bild herum */
		background: none;
		margin: 0 0 3px 0;
		padding: 0;
	}

/* 15 3er Teaserblock ohne Bild ---------------------------------------------------------------------------------------------*/
#content div.teaserblock-news { /* Elementcontainer mit Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}

	#content div.teaserblock-news div {
		width: 150px;
		height: auto;
		float: left;
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 12px 0;
	}
		
		/*START SONDERFALL STARTSEITE*/
		#content div.teaserblock-news div {
		width: 230px;
		}
		
		#content.startseite div.teaserblock-news div.mitte,
		#content.startseite div.teaserblock-news div.links { /* einzelne Box in der Mitte */
	    margin: 0 20px 0 0;
		}
		/*ENDE SONDERFALL STARTSEITE*/

		#content div.teaserblock-news div.mitte,
		#content div.teaserblock-news div.links { /* einzelne Box in der Mitte */
			margin: 0 10px 0 0;
		}

	#content div.teaserblock-news h3 { /* Boxueberschrift */
		color: #333;
		background-color: transparent;
		margin: 5px 0 0 0;
		padding: 0;
	}

	#content div.teaserblock-news p { /* Absatz */
		font-size: 11px;
		margin: 0;
		padding: 0;
	}

	#content div.teaserblock-news a { /* Link */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-position: 0 4px;
		display: block;
		margin: 8px 0 0 0;
		padding: 0 0 0 14px;
	}

	#content div.teaserblock-news a.bildlink { /* Link ums Bild herum */
		background: none;
		margin: 0 0 3px 0;
		padding: 0;
	}


/* 19 Tabelle allgemein -----------------------------------------------------------------------------------------------------*/
#content table.zeile { /* einzeilige Tabelle fuer pflegbare Uebersichten */
	color: #333333;
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

#content table.uebersicht { /* mehrzeilige Tabelle mit Abstand nach unten */
	color: #333333;
	width: 460px;
	margin: 0 10px 20px 10px;
	clear: both;
/*	border-collapse: collapse; */
}

	#content table.zeile th, 
	#content table.uebersicht th,
	#content table.uebersicht thead td,
	#content table.zeile thead td { /* Kopfzelle */
		font-size: 11px;
		line-height: 14px;
		text-align: left;
		background: #FFF;
		color: #666;
		vertical-align: top;
		border-bottom: 1px solid #999;
		padding: 4px 5px;
		font-weight: bold;
	}
	
	
	#content table.uebersicht th.left { /* Kopfzelle */
		text-align: left; 
	}
	

	#content table.zeile td,
	#content table.uebersicht td { /* Zelle */
		font-size: 11px;
		line-height: 14px;
		vertical-align: top;
		border-bottom: 1px dotted #999;
		padding: 4px 5px;
	}


    #content table.uebersicht a { /* Link */
		margin: 0;
		display: block;
	}
	
	 #content table.uebersicht a.multilink { /* Multilink */
		display: block;
	}  
    
    	#content table.zeile a {
    	    margin: 0;
    		display: block;
    	    }



		#content table[class="zeile"] a img, 
		#content table[class="uebersicht"] a img { /* Fileicon Moz/Opera */
			vertical-align: baseline;
			margin-right: 0.454em;
		}

		#content table.zeile a img, 
		#content table.uebersicht a img { /* Fileicon IE */
			vertical-align: baseline;
			margin-right: 0.454em;
			margin-top: 0.454em;
		}
    
	#content table.zeile p, 
	#content table.uebersicht p { /* Absatz */
		margin: 0;
		padding: 0;
	}
    
/* Zeilen-Highlighting */
.hell {
	background: #FFF;
}

.dunkel {
	background: none;
}


/* 20 FAQs -------------------------------------------------------------------------------------------------------------------*/
#content h3.faq { /* Themenblockueberschrift */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	background: #666;
	margin: 0 10px;
	padding: 5px;
}

#content div.faq { /* Baustein */       
	font-size: 11px;
	line-height: 14px;
	border-bottom: 1px solid #666;
	padding: 5px 6px;
	width: 470px;
}

	#content div.faq div { /* Antwort zum Ein/-Ausklappen */
		padding: 0 0 0 15px;
	}

	#content div.faq p, 
	#content div.faq ul { /* Absatz, Liste */
		margin: 0 0 1.818em 0;
		padding: 0;
	}

		#content div.faq ul ul, 
		#content div.faq ul ul ul { /* Liste 2./3. Ebene */
			font-size: 1em;
			margin: 0;
			padding: 0;
		}

		#content div.faq ul li { /* Listenpunkt */
			background: url(../images/common/listenpunkt_text.gif) no-repeat 0 0.636em;
			list-style-type: none;
			margin: 0;
			padding: 0 0 0 0.909em;
		}

div.zuruecklink { /* Elementcontainer fuer den 'zurueck'-Link */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.455em;
	color: #333;
	clear: both;
	margin: 1.818em 0 2.727em 0;
	padding: 0;
}

/* 21 Suchergebnisse --------------------------------------------------------------------------------------------------------*/
/* Tabstrip styles added by mho */
#content .RadTabStrip_hapimag {
    /*background:url(../images/common/bgr_suchergebnis.gif) no-repeat left bottom;*/
    padding:0 0 8px 0;
    display: none;
}

#content .RadTabStrip_hapimag ul {
    width:460px;
}

/* IE Hacks für Breite und Padding */
*+html #content .RadTabStrip_hapimag ul,
*html #content .RadTabStrip_hapimag ul {
    width:464px;
}
*+html #content .RadTabStrip_hapimag,
* html #content .RadTabStrip_hapimag {
    padding:0 0 40px 0;
}

#content .RadTabStrip_hapimag ul li {
margin:1px 0 0 0;
}

#content .RadTabStrip_hapimag ul li a span.wrap {
padding-left:4px;
padding-right:4px;
}

#content .RadTabStrip_hapimag ul li.first {
clear:left;
}

#content .RadTabStrip_hapimag ul li.last {
clear:right;
}
/* End */


#content table.suchergebnis { /* Liste */
	width: 100%;
	margin:0;
	border-collapse: collapse;
	clear: both;
}

	#content table.suchergebnis th { /* Kopfzelle */
		font-size: 1em;
		text-align: left;
		color: #333333;
		border-bottom: 1px solid #E9E3D0;
		padding: 0;
	}

	#content table.suchergebnis td { /* Zelle */
		font-size: 1.1em;
		line-height: 1.455em;
		vertical-align: top;
		border-bottom: 1px solid #E9E3D0;
		padding: 0.545em 0.454em 0.545em 0.727em;
	}

        #content table.suchergebnis td h4 { /* Ueberschrift */
	        font-size: 1em;
	        font-weight: bold;
	        color: #666;
	        margin: 0 0 0.364em 0;
        }

        #content table.suchergebnis td p { /* Absatz */
	        margin: 0;
	        padding: 0;
        }

        #content table.suchergebnis td a { /* 'mehr'-Link */
	        float: right;
	        margin: 0;
        }

.suchbegriff {
    color: #ff0000;
    display:inline;
    }
    
/* 22 Blaettern-Funktion ----------------------------------------------------------------------------------------------------*/
#content table.blaettern {
	/*background: #E9D499;*/
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 3em 0;
	padding: 0;
	clear: both;
}

	#content table.blaettern td {
		padding: 0.5em 0.7em 0.4em 0.7em;
		line-height: 1.3em;
	}

	#content table.blaettern td.links {
		width: 15%;
		/*background: url(../images/common/ecke_unten_links.gif) no-repeat left bottom;*/
		text-align: left;
	}

	#content table.blaettern td.mitte {
		width: 70%;
		text-align: center;
	}

	#content table.blaettern td.rechts {
		width: 15%;
		/*background: url(../images/common/ecke_unten_rechts.gif) no-repeat right bottom;*/
		text-align: right;
	}

		#content table.blaettern td.links a {
			background: url(../images/common/pfeil_blaettern_links.gif) no-repeat left top;
			padding: 0 0 0 1em;
			display: inline;
		}

		#content table.blaettern td.mitte a {
			background: none;
			display: inline;
			padding: 0;
		}

		#content table.blaettern td.rechts a {
			display: inline;
			background: url(../images/common/pfeil_blaettern_rechts.gif) no-repeat right top;
			padding: 0 1em 0 0;
		}

/* 23 Seiten-Navigation innerhalb der Suchergebnisse ------------------------------------------------------------------------*/
#content table.blaettern-suchergebnis {
	width: 100%;
	margin: 0.6em 0 3em;
	border-collapse: collapse;
}

	#content table.blaettern-suchergebnis td { /* Zelle */
		font-size: 1.1em;
		line-height: 1.455em;
		vertical-align: top;
		padding: 0 0 0.545em 0;
	}

	#content table.blaettern-suchergebnis td.trennlinie {
		background: url(../images/common/bgr_resortinfo.gif) repeat-x left bottom;
		padding: 0;
		height: 1px;
	}

	#content table.blaettern-suchergebnis td.links {
		text-align:left
	}

	#content table.blaettern-suchergebnis td.mitte {
		text-align:center
	}

	#content table.blaettern-suchergebnis td.rechts {
		text-align:right
	}

		#content table.blaettern-suchergebnis td.links a {
			background: url(../images/common/pfeil_suche_links.gif) no-repeat left top;
			padding: 0 0 0 1em;
		}

		#content table.blaettern-suchergebnis td.mitte a {
			background: url(../images/common/pfeil_suche_liste.gif) no-repeat left top;
			padding: 0 0 0 1em;
		}

		#content table.blaettern-suchergebnis td.rechts a {
			background: url(../images/common/pfeil_suche_rechts.gif) no-repeat right top;
			padding: 0em 1em 0em 0em;
		}

/* 24 Bildergalerie/Panorama ------------------------------------------------------------------------------------------------*/
#content div.bildergalerie { /* Elementcontainer mit Abstand nach unten */
	background: #fff /*url(../images/common/bgr_kategorieauswahl.gif) no-repeat left top*/;
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
	border: 1px solid #999;
}

	#content div.bildergalerie img.grossansicht { /* grosses Bild */
		border-bottom: #E9D499 1em solid;
	}


	#content div.bildergalerie div.panorama { /* Panorama-Container */
		background-color: #E9D499;
		width: 46em;
		height: 30.7em;
		margin: 0 0 1em 0;
		padding: 0;
	}
    
	#content div.bildergalerie div.thumbnails { /* Thumbnail-Container */
		background-color: #E9D499;
		width: 46em;
		margin: 1em 0 0 0;
		padding: 0;
	}

		#content div.bildergalerie div.thumbnails div { /* Thumbnail */
			line-height: 0;
			background-color: #E9D499;
			float: left;
			list-style-type: none;
			padding: 0 0.2em 0.2em 0;
			margin: 0;
			width:7.5em;
			height: 5em;
			overflow: hidden;
		}

		#content div.bildergalerie div.thumbnails div.last { /* jeder 6. Thumbnail */ 
			padding-right: 0;
		}
        
			#content div.bildergalerie div.thumbnails div a { /* Link auf Galerie-Thumbnail */
				margin: 0;
				padding: 0;
				background: none;
			}

			#content div.bildergalerie div.thumbnails div input { /* Panorama-Thumbnail */
				margin: 0;
				padding: 0;
			}

	#content div.bildergalerie h2 { /* Ueberschrift */
		font-size: 1.1em;
		margin-left: 1.818em;
	}

	#content div.bildergalerie p { /* Absatz */
		font-size: 1.1em;
		line-height: 1.455em;
		margin: 0 1.818em 0.909em 1.818em;
		padding: 0;
	}

	#content div.bildergalerie select { /* Dropdown */
		width: 20em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
	}

	#content div.bildergalerie table.blaettern { /* in diesem Fall kein Abstand nach der Blaettern-Funktion !!! */
		margin-bottom: 0;
	}


/* 25 Formulare ---------------------------------------------------------------------------------------------------------------------*/
#content table.formular {
	color: #333333;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #999;
	background-color: #fff;
}

#content table.formular tr td {
    padding: 5px 10px;
}

#content table.formular tr th {
    padding: 5px 10px;
}

#content table.formular tr td.navidots {
background:transparent url(../images/maCMS_common/navi_dots_form.gif) repeat-x scroll 1px 100%;
}

#content table.formular td.fusszeile {
background:#F4F4F4 url(../images/maCMS_common/navi_dots_form.gif) repeat-x  left top;
padding:20px 5px 4px 15px;
text-align:right;
vertical-align:middle;
}

#content table.dunkel {
	background-color: #E9E3D0;
	border: 0.3em #E9E3D0 solid;
}

    #content table.formular a { /* Link */
	    background-position: 0 0.454em;
	    display: inline;
    }

    #content table.formular td { 
	    font-size: 11px;
	    line-height: 14px;
	    vertical-align: top;
	    padding: 2px 2px 2px 0;
    }

    #content table.formular th {
	    font-size: 11px;
	    line-height: 14px;
	    vertical-align: top;
	    padding: 2px 2px 2px 0;
	    font-weight: bold;
	    text-align: left;
    }

    #content table.formular td.filter {
	    padding-left: 0.727em;
    }

    #content table.formular table { /* verschachtelte Tabelle fuer Radiobuttons/Checkboxen */
	    margin: 0;
	    border: none;
	    border-collapse: collapse;
	    padding: 0;
    }

    #content table.formular table td {
	    font-size: 1em;
	    vertical-align: middle;
	    padding: 0;
    }

    #content table.formular input, 
    table.formular textarea, 
    table.formular select { /* alle Formularfelder */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 11px;
	    font-weight: normal;
	    font-style: normal;
	    color: #333;
    }

    #content table.formular input.textfield { /* Textfeld  */
	    width: 190px;
	    margin: 0;
	    border: 1px solid #999;
	    padding-left: 2px;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 11px;
    }


    #content table.formular input.textfield-vorwahl { /* Textfeld Vorwahl */
	    width: 5em;
	    margin: 0;
	    border: 1px solid #A79F84;
	    padding-left: 0.364em;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 11px;
    }

    #content table.formular input.textfield-nummer { /* Textfeld Tel.Nummer  */
	    width: 10.818em;
	    margin: 0;
	    border: 1px solid #A79F84;
        padding-left: 0.364em;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 11px;
    }

    #content table.formular input.textfield-geburtsdatum { /* Textfeld Geburtsdatum */
	    width: 10em;
	    margin: 0;
	    border: 1px solid #A79F84;
	    padding-left: 0.364em;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 11px;
    }
    
    
     #content table.formular input.textfield-resortformular { /* Textfeld klein Resortformular */
	    width: 6.5em;
	    margin: 0;
	    border: 1px solid #A79F84;
	    padding-left: 0.364em;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 11px;
    }

    #content table.formular textarea.textarea { /* Mehrzeiliges Textfeld */
	    width: 190px;
	    height: 140px;
	    overflow: auto;
	    margin: 0;
	    border: 1px solid #999;
	    padding-left: 2px;
    }

    #content table.formular select { /* Dropdown-Box */
	    width: 194px;
	    margin: 0;
	    border: 1px solid #999;
	    padding-left: 2px;
    }

#content input.button, 
#content table.formular input.button { /* Schaltflaeche */
	border: 1px solid #999;
	background: url(../images/common/bgr_button.gif) repeat-x left top;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 5px 0 0;
	padding: 2px 5px 3px 5px;
	cursor: pointer;
	color: #333;
	}

#content div.error { /* Fehlermeldung im Formular */
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.455em;
	color: #FF0000;
	clear: both;
	margin: 0;
	padding: 0;
}
    
    #content div.error p, 
    #content div.error ul { /* Absatz, Liste in der Fehlermeldung */
	    margin: 0 0 1.818em 0;
	    padding: 0;
    }

        #content div.error ul li { /* Listenpunkt in der Fehlermeldung */
	        background: url(../images/common/listenpunkt_error.gif) no-repeat 0 0.636em;
	        list-style-type: none;
	        margin: 0;
	        padding: 0 0 0 0.909em;
        }

td.pflichtfeld { /* Pfeil neben Formular-Pflichtfeld */
	color: #999;
}

/* Formular-Sonderfaelle */
#content div.bildergalerie select { /* Dropdown-Box Panorama-Auswahl */
	width: 17.28em;
	margin: 0;
	border: 1px solid #A79F84;
	padding-left: 0.364em;
    }

#content table.textbox2spaltig select { /* Dropdown-Box im zweispaltigen Text */
	font-size: 1em;
	width: 10em;
	margin: 0 0.364em 0 0;
	border: 1px solid #A79F84;
    padding-left: 0.364em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content table.textbox2spaltig div,
#content table.textbox2spaltig input {
	margin: 0 0.454em 0 0;
	float: left;
}

#content label {
	cursor: pointer
}

/* Video PopUps */
#medium {
	width:460px;
	height:340px;
	margin-left:10px;
	position:absolute;
}

/* 26 Trennlinie ---------------------------------------------------------------------------------------------------------------------*/

div.contenttrennlinie { /* Trennlinie zwischen Boxen in der Kontextspalte */
	background: url(../images/common/dotted_line_bg.gif) repeat-x top left;
	width: 480px;
	height: 1px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 16px 0;
	float: left;
}
	
/* 29 Kalender (hier nur teilweise formatiert, Rest geht ueber Attribute im ASPX !) */
div.kalender-anker {
    position: relative;
    margin: 0;
    padding: 0;
    height: 0;
    top: 0;
    left: 0;
    border: none;
    }

div.kalender { /* Kalender-Container */
    position: absolute;
    padding: 2px;
    width: auto;
    height: auto;
    left: 240px;
    top: -20px;
}

#content div.kalender a {
    text-decoration: none;
    background-image: none;
    }

div.kalender table tr td a {
    text-decoration: none;
    background-image: none;
    }
 
div.kalender div.headerleft { /* Header-Balken links mit Blaettern-Funktion und Dropdowns */
    padding: 4px 4px 0 4px;
    text-align: left;
    float: left;
    width: 216px;
    height: 23px;
    }
  
div.kalender div.headerleft select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    margin: 0 4px 0 0;
    vertical-align: middle;
    }

div.kalender div.headerleft input {
    margin: 0 4px 0 0;
    vertical-align: middle;
        } 

div.kalender div.headerright { /* Header-Balken rechts mit Close-Button */
    padding: 6px 4px 2px 4px;
    text-align: right;
    float: right;
    width: 20px;
    height: 19px;
        }

div.kalender input.heute { /* Button unten */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    padding: 4px;
    cursor: pointer;
    }

#content table.formular div.kalender table tr td a {
    padding: 0 5px 0 5px;
    }
        
#content table.formular div.kalender table tr th {
    padding: 0 5px 0 5px;
    }
    
    
/* Lightbox Galerie ---------------------------------------------------------------------------------------- */
#content div.lightbox-gallery { /* Elementcontainer mit Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	clear: both;
	margin: 0 0 20px 0;
	padding: 10px 12px 12px 12px;
	background: #fff;
	border: 1px solid #999;
}
    
    #content div.lightbox-gallery .bildlink {
    width: 296px;
    height: 204px;
    float: left;
    margin: 0 10px 0 0;
    }

    #content div.lightbox-gallery .zoom-img {
    float: left;    
    }
    
    #content div.lightbox-gallery .gallery-text {
    position: relative;
    float: left; 
    width: 148px;
    height: 187px;
    text-align: left;
    }
    
        #content div.lightbox-gallery .gallery-text span {
        position: absolute;
        bottom: 0;
        color: #333;
        }