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

/* 

01 Allgemeine Einstellungen
02 Grundlayout 
03 Header
04 Resort-Buehne mit Aktivitaeten-Navigation
05 'Bitte warten'- und 'Kein Flash'-Layer (CR 46)
06 Content-Bereich allgemein
07 Abstract
08 Einzellink
09 Textbox normal
10 Textbox zweispaltig / Anreiseinforamtion Resort
11 Hinweisbox
12 Hinweisbox zweispaltig
13 Teaserbox mit grossem Bild
14 Teaserbox Eilmeldung
15 Teaserbox Extern/Intern
16 Teaserbox Testimonial
17 Teaserbox Video
18 Teaserbox Polaroid
19 3er Teaserblock mit Text und mit bzw. ohne Bild
20 3er Teaserblock ohne Text
21 Infotabelle Resort
22 Resort-Info Eignungsgrad/Klima/Rezeption
23 Wetterinfo
24 Tabelle allgemein
25 FAQs
26 Suchergebnisse
27 Blaettern-Funktion
28 Seiten-Navigation innerhalb der Suchergebnisse
29 Bildergalerie/Panorama
30 Formulare
31 Trennlinie Content
32 2er Teaserblock mit Text und Bild
33 2er Teaserblock Text
34 Tabellen- und Linklistenabschluss

*/

/* 01 Allgemeine Einstellungen -------------------------------------------------------------------------------------------------*/

html, body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

img {
	margin: 0;
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

hr,
object,
applet,
embed {
	display: none;
}

a {
	text-decoration: underline;
	outline: none;
}

br.clearfix {
	clear: both;
}

div.clearfix {
	width: 100%;
	height: 0;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

div.trennlinie { /* Trennlinie zwischen Boxen in der Kontextspalte */
    height: 0.4cm;
    margin: 0;
    padding: 0;
}

/* Zurueck-Link im Edit-Modus */

#editMode { 
	display: none;
}

/* 02 Grundlayout --------------------------------------------------------------------------------------------------------------*/

#pageWrapper { /* Hauptrahmen */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
}

#menueContainer { /* Flyoutmenue-Anker */
	display: none;
}

#flyoutContainer { /* Suchkategorien/Sprachwahl-Anker */
	display: none;
}

#pageHeader { /* Header mit Haupt-/Metanavi */
	display: none;
}

#breadcrumb {
	display: none;
}

#keyvisual-start { /* Buehne fuer Startseite */
	width: 100%;
	height: auto;
	margin: 0 0 0.8cm 0;
	padding: 0;
}

#keyvisual-uebersicht { /* Buehne fuer Ubersichtsseite Erlebniswelt/Aktivitaeten/Produkte/Partnerszenario */
	width: 100%;
	height: auto;
    margin: 0 0 0.8cm 0;
	padding: 0;
}

#keyvisual-resort { /* Buehne fuer Resort-Seite */
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#keyvisual-redaktion { /* Buehne fuer redaktionelle Seite/Reiseziele-Auswahl/Laenderseite */
	width: 100%;
	height: auto;
	margin: 0 0 0.8cm 0;
	padding: 0;
}

#keyvisual-prinzip { /* Buehne fuer Produktseite */
	width: 100%;
	height: auto;
    	margin: 0 0 0.8cm 0;
	padding: 0;
}

	#keyvisual-resort img,
	#keyvisual-redaktion img {
		width: 100% !important;
		height: auto !important;
		margin: 0;
		border: none;
	}

#subnavigation { /* Navi links */
	display: none;
}

div[id] #subnavigation { /* Moz/Opera Hack */
	height: auto;
}

#content { /* Inhalt */
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#content-reiseziele { /* Inhalt mit Karte */
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#context { /* Marginalspalte */
	display: none;
}

.hide {
	display: none;
}

#footer { /* Fusszeile */
	display: none;
}

/* 03 Header -------------------------------------------------------------------------------------------------------------------*/

/* Hauptnavigation */

#pageHeader #hauptnavigation strong {
	display: none;
}


     #micrositetitel {
			display: none;
     margin: 0;
     padding: 0;
     }
    

/* 04 Resort-Buehne mit Aktivitaeten-Navigation --------------------------------------------------------------------------------*/

#keyvisual-resort img { /* Buehnenbild links */
	float: left;
}

#aktivitaeten { /* Navi-Container */
	display: none;
}

/* Resort-Navigation */

#context ul.resortnavigation { 
	display: none;
}

/* Kontext-Box */
#context div.contextbox {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

#context div.kontakt {
    width: 5cm;
}

#content div.contextbox {
    margin: 0;
    padding: 0;
}

    #context div.contextbox h2 { /* Zwischenueberschrift */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 11pt;
	    font-weight: bold;
	    color: #333;
	    margin: 0 0 0.1cm 0;
	    padding: 0 0 0 0.2cm;
    }

    #context div.contextbox p { /* Absatz */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        line-height: 11pt;
	    color: #333;
	    margin: 0;
	    padding: 0;
    }

    #context div.contextbox img { /* Bild */
	    margin: 0 0 0.4cm 0;
    }

    #context div.contextbox ul { /* Liste ohne Links in einer Kontextbox */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #333;
        line-height: 11pt;
        list-style-type: none;
        margin: 0;
        padding: 0 0 0 0.5cm;	
        }

        #context div.contextbox ul li { /* Listenpunkt */
            list-style-type: disc;
	        margin: 0;
	        padding: 0;
            }

    #context div.contextbox ul.linkliste { /* Liste mit Links */
        font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 8pt;
	    line-height: 11pt;
	    list-style-type: none;
	    margin: 0;
	    padding: 0;	
    }

        #context div.contextbox ul.linkliste li { /* Listenpunkt */
            background: none;
	        margin: 0;
	        padding: 0;
            list-style-type: none;
        }

            #context div.contextbox ul.linkliste li a { /* Link */
	            color: #FF0000;
                text-decoration: underline;
            }

    #context div.contextbox h3 { /* Aktivitaeten-Navigation */
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 8pt;
        line-height: 11pt;
	    font-weight: normal;
	    text-transform: uppercase;
	    margin: 0;
	    padding: 0 0 0.1cm 0;
    }

    #context div.contextbox h3 a { /* Aktivitaeten-Navigation Link */
	    color: #A79F84;
	    display: inline;
	    margin: 0;
	    padding: 0;
    }

/* Wetterbox */

#context table.wetterbox 
{
	background: url(../images/common/bgr_wetterbox.gif) no-repeat;
	width: 5cm;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border: 1pt solid #cecece;
	padding:0;
}

    #context table.wetterbox img {
	    margin:0; 
    }

    #context table.wetterbox td { /* Zelle */
	    font-size: 8pt;
	    background: none;
	    white-space: nowrap;
	    padding: 0 0.4cm 0 0;
    }

    #context table.wetterbox td strong { /* Grad-Angabe */
	    font-size: 11pt;
	    font-weight: bold;
    }

    #context table.wetterbox tr.max { /* Zelle mit max. Temperatur */
	    color: #333;
    }

    #context table.wetterbox tr.min { /* Zelle mit min. Temperatur */
	    color: #a79f84;
    }

#context small {
	font-size: 7pt;
	color: #a79f84;
	text-align: right;
	padding: 0;
	margin: 0 0 0.4cm 0.8cm;
}

/* 'Bitte warten'- und 'Kein Flash'-Layer (CR 46) ----------------------------------------------------------------------------- */

#dPleaseWait {
	visibility: hidden;
}

#noflashimage,
#noflashtext {
	display: none;
}

	#noflashtext div {
		visibility: hidden;
	}

/* 06 Content-Bereich allgemein ------------------------------------------------------------------------------------------------*/

h1 { /* Zwischenueberschrift gross */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	line-height: 18pt;
	font-weight: bold;
	margin: 0 0 0.1cm 0;
	padding: 0;
	color: #333;
}


h2 { /* Zwischenueberschrift, elementuebergreifend */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	font-weight: bold;
	color: #333;
	margin: 0 0 0.1cm 0;
	padding: 0;
}

#content h3  { /* Tabellenueberschrift */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 11pt;
	color: #333;
	background: #E9E3D0;
	margin: 0;
	padding: 0.1cm 0.2cm 0.1cm 0.5cm;
}

#content h4 { /* Abstract-Text */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	margin: 0 0 0.8cm 0;
	padding: 0;
	color: #666;
}

#content a { /* Link allgemein */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF0000;
    text-decoration: underline;
	margin: 0;
	padding: 0;
}

/* 07 Einzellink ---------------------------------------------------------------------------------------------------------------*/

#content div.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	color: #333;
	clear: both;
	margin: 0 0 0.4cm 0;
	padding: 0;
}

/* 08 Abstract -----------------------------------------------------------------------------------------------------------------*/

#content div.abstract {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	clear: both;
	margin: 0;
	padding: 0;
}
    #content div.abstract h1 { color: #333; }
    #content div.abstract h4 { color: #666; }

	#content div.abstract img {
		margin: 0 0 0.4cm 0;
		padding:  0.2cm 0.4cm 0 0.2cm;
		background-color: #FFF9EB;
	}

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

/* 09 Textbox normal -----------------------------------------------------------------------------------------------------------*/

#content div.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	color: #333;
	clear: both;
	margin: 0 0 0.8cm 0;
	padding: 0;
}

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

    #content div.textbox ul { /* Liste */
	    margin: 0 0 0 0.5cm;
	    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 */
	        list-style-type: disc;
	        margin: 0;
	        padding: 0;
        }

/* 10 Textbox zweispaltig ------------------------------------------------------------------------------------------------------*/

#content table.textbox2spaltig {
	color: #333333;
	width: 100%;
	height: auto;
	clear: both;
	margin: 0 0 0.8cm 0;
	border-collapse: collapse;
}

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

    #content table.textbox2spaltig td {
	    font-size: 8pt;
	    line-height: 11pt;
	    vertical-align: top;
	    width: 50%;
    }

    #content table.textbox2spaltig p { /* Absatz */
	    margin: 0;
	    padding: 0;
    }
        
    #content div.textbox ul { /* Liste */
	    margin: 0 0 0 0.5cm;
	    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 */
	        list-style-type: disc;
	        margin: 0;
	        padding: 0;
        }

    #content table.textbox2spaltig td.links {
	    padding: 0 0.8cm 0 0;
    }

    #content table.textbox2spaltig td.rechts {
	    padding: 0 0 0 0.8cm;
    }

/* 11 Hinweisbox ---------------------------------------------------------------------------------------------------------------*/

#content div.hinweisbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
	line-height: 11pt;
	color: #333;
	background-color: #E9E3D0;
	clear: both;
	margin: 0 0 0.8cm 0;
	padding: 0.4cm;
	page-break-inside: avoid;
}

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

    #content div.hinweisbox ul { /* Liste 1. Ebene */
	        margin: 0 0 0 0.5cm;
	        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: disc;
	        margin: 0;
	        padding: 0;
        }

/* 12 Hinweisbox zweispaltig ----------------------------------------------------------------------------------------------------*/

#content table.hinweisbox2spaltig {
	background-color: #E9E3D0;
	color: #333333;
	width: 100%;
	clear: both;
	margin: 0 0 0.8cm 0;
	page-break-inside: avoid;
}

    #content table.hinweisbox2spaltig h2 { /* Zwischenueberschrift */
	    font-size: 8pt;
    }

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

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

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

        #content table.hinweisbox2spaltig ul li { /* Listenpunkt */
	        list-style-type: disc;
	        margin: 0;
	        padding: 0;
        }
    
    #content table.hinweisbox2spaltig td  {
        font-size: 8pt;
	    line-height: 11pt;
	    vertical-align: top;
	    width: 50%;
    }

    #content table.hinweisbox2spaltig td.header { /* Kopfzeile */
	    padding: 1.273em 1.818em 0 1.818em;
    }

    #content table.hinweisbox2spaltig td.links { /* linke Spalte */
	    padding: 0 0.4cm 0.5cm 0.4cm;
    }

    #content table.hinweisbox2spaltig td.rechts { /* rechte Spalte */
	    padding: 0 0.4cm 0.5cm 0.4cm;
    }

/* 13 Teaserbox mit grossem Bild ---------------------------------------------------------------------------------------------*/

#content div.teaserbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	color: #333;
	clear: both;
	margin: 0 0 0.8cm 0;
	padding: 0;
	page-break-inside: avoid;
}

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

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

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

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

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

/* 14 Teaserbox Eilmeldung --------------------------------------------------------------------------------------------------*/

#content div.teaserbox-eilmeldung {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	color: #333;
	background-color: #E9E3D0;
	clear: both;
	margin: 0 0 0.8cm 0;
	border: 1pt solid #FF0000;
	padding: 0.4cm;
	page-break-inside: avoid;
}

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

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

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

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

    #content div.teaserbox-eilmeldung img { /* Bild */
	    float: right;
 	    margin: 0 0 0 0.8cm;
    }

/* 15 Teaserbox Extern/Intern -----------------------------------------------------------------------------------------------*/

#content div.teaserbox-extern {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	color: #333;
	clear: both;
	margin: 0 0 0.8cm 0;
	padding: 0;
	page-break-inside: avoid;
}

#content div.teaserbox-intern {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	color: #333;
	clear: both;
	margin: 0 0 0.8cm 0;
	padding: 0;
	page-break-inside: avoid;
}

    #content div.teaserbox-extern span, 
    #content div.teaserbox-intern span { /* Absatz */
	    margin: 0;
	    padding: 0;
    }

    #content div.teaserbox-extern ul,
    #content div.teaserbox-intern ul { /* Liste */
	    margin: 0 0 0 0.5cm;
	    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: disc;
	        margin: 0;
	        padding: 0;
        }


    #content div.teaserbox-extern .bildlink,
    #content div.teaserbox-intern .bildlink  { /* Bild */
	    float: right;
  	    margin: 0 0 0 0.8cm;
    }
    
    #content div.teaserbox-intern a { /* Link intern */
        display: block;
        margin: 0;
    }

    #content div.teaserbox-extern a { /* Link extern */
        display: block;
        margin: 0;
    }
        
/* 16 Teaserbox Testimonial -------------------------------------------------------------------------------------------------*/

#content div.teaserbox-testimonial {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	color: #333;
	clear: both;
	margin: 0 0 0.8cm 0;
	padding: 0;
	page-break-inside: avoid;
}

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

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

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

    #content div.teaserbox-testimonial div.bildbox { /* Bildcontainer */
	    width: auto;
	    float: right;
	    margin: 0 0 0.8cm 0.8cm;
	    padding: 0;
    }

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

    #content div.teaserbox-testimonial div.bildbox span { /* Bildunterschrift */
	    font-size: 7pt;
	    line-height: 10pt;
        background-color: #E9E3D0;
	    display: block;
        padding: 0.1cm;
    }

/* 17 Teaserbox Video -------------------------------------------------------------------------------------------------------*/

#content div.teaserbox-video {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 8pt;
	line-height: 11pt;
	clear: both;
	margin: 0;
	padding: 0;
	page-break-inside: avoid;
}

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

    #content div.teaserbox-video div.bildbox  { /* Bildcontainer */
	    width: auto;
	    float: right;
	    margin: 0 0 0.8cm 0.8cm;
	    padding: 0;
    }

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

    #content div.teaserbox-video a { /* Link */
        display: block;
        margin: 0;
    }
    
/* inaktiv wegen CR 46

    #content div.teaserbox-video small {
	    font-size: 7pt;
	    line-height: 10pt;
	    display: block;
	    padding: 0.1cm 0 0.1cm 0;
    }

*/

/* 18 Teaserbox Polaroid ----------------------------------------------------------------------------------------------------*/

#content div.teaserbox-polaroid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	color: #333;
	clear: both;
	margin: 0 0 0.8cm 0;
	padding: 0;
	page-break-inside: avoid;
}

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

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

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

    #content div.teaserbox-polaroid div.bildbox  { /* Bildcontainer */
	    width: auto;
	    float: right;
	    margin: 0 0 0 0.8cm;
	    padding: 0;
    }

    #content div.teaserbox-polaroid div.bildbox div { /* oberer Rand */
        display: none;
    }

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

    #content div.teaserbox-polaroid small { /* Bildunterschrift */
        display: none;
    }

/* 19 3er Teaserblock mit Text und mit bzw. ohne Bild  ----------------------------------------------------------------------*/

#content div.teaserblock-textbild {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 7pt;
	line-height: 10pt;
	clear: both;
	margin: 0 0 0.8cm 0;
	padding: 0;
	page-break-inside: avoid;
}

    #content div.teaserblock-textbild ul {
	    margin: 0;
	    padding: 0;
    }

        #content div.teaserblock-textbild ul li { /* einzelne Box */
	        width: 148px;
	        height: auto;
	        float: left;
	        list-style-type: none;
	        margin: 0;
	        padding: 0;
        }

        #content div.teaserblock-textbild ul li.mitte { /* einzelne Box in der Mitte */
	        margin: 0 0.5cm;
        }

    #content div.teaserblock-textbild div { /* Container mit fixer Hoehe */
	    height: 3cm;
	    clear: both;
	    margin: 0;
	    padding: 0;
    }

    #content div.teaserblock-textbild h3 { /* Boxueberschrift */
	    font-size: 7pt;
	    color: #333;
	    background: transparent;
	    margin: 0.3cm 0.5cm 0.1cm 0.2cm;
	    padding: 0;
    }

    #content div.teaserblock-textbild p { /* Absatz */
	    font-size: 7pt;
	    margin: 0 0.5cm 0 0.2cm;
	    padding: 0;
    }
    
    #content div.teaserblock-textbild ul li .bildlink {
	    margin: 0;
	    padding: 0;
    }

    #content div.teaserblock-textbild a { /* Link */
	    display:none;
    }

/* 20 3er Teaserblock ohne Text ---------------------------------------------------------------------------------------------*/

#content div.teaserblock-bild {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	height: auto;
	clear: both;
	margin: 0 0 0.8cm 0;
	padding: 0;
	page-break-inside: avoid;	
}

    #content div.teaserblock-bild ul {
	    margin: 0;
	    padding: 0;
    }

        #content div.teaserblock-bild ul li { /* einzelne Box */
	        width: 148px;
	        height: auto;
	        float: left;
	        list-style-type: none;
	        margin: 0;
	        padding: 0 0 0.5cm 0;
        }

        #content div.teaserblock-bild ul li.mitte { /* Box in der Mitte */
	        margin: 0 0.5cm;
        }

    #content div.teaserblock-bild div { /* Container mit fixer Hoehe */
	    font-weight: bold;
	    font-size: 7pt;
	    line-height: 10pt;
	    padding: 0.5em 0.8em 0.4em 0.8em;
    }
    
     #content div.teaserblock-bild .bildlink { /* Link */
	    margin: 0;
	    padding: 0;
    }

    #content div.teaserblock-bild a { /* Link */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 7pt;
	    line-height: 10pt;
	    color: #333333;
	    text-decoration: none;
	    display: block;
	    margin: 0;
	    padding: 0 0 0 0.3cm;
    }

/* 21 Infotabelle Resort ----------------------------------------------------------------------------------------------------*/

#content table.infoblock {
	color: #333333;
	width: 100%;
	margin: 0 0 0.8cm;
	border-collapse: collapse;
	page-break-inside: avoid;
}

    #content table.infoblock th { /* Kopfzelle */
	    font-size: 8pt;
	    line-height: 11pt;
	    text-align: left;
	    color: #333;
	    background: #E9E3D0;
	    padding: 0.1cm 0.2cm 0.1cm 0.5cm;
    }

    #content table.infoblock td { /* Zelle */
	    font-size: 8pt;
	    line-height: 11pt;
	    vertical-align: top;
	    border-bottom: 1pt solid #E9E3D0;
	    padding: 0.1cm 0.2cm 0.1cm 0.5cm;
    }

    #content table.infoblock td.appartement { /* Zelle hell */
	    font-size: 8pt;
	    line-height: 11pt;
	    text-align: left;
	    background: #FFF;
	    color: #A79F84;
	    border-bottom: 1pt solid #E9E3D0;
        padding: 0.1cm 0.2cm 0.1cm 0.5cm;
	    font-weight: bold;
    }

/* 22 Resort-Info Eignungsgrad/Klima/Rezeption ------------------------------------------------------------------------------*/

#content div.resortinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #F5E8C1;
	clear: both;
	margin: 0 0 0.8cm;
	padding: 0.4cm;
	page-break-inside: avoid;
}

    #content div.resortinfo table {
	    width: 100%;
	    margin: 0;
	    border-collapse: collapse;
    }

        #content div.resortinfo table th {
	        font-size: 8pt;
            line-height: 11pt;
	        text-align: left;
	        font-weight: bold;
	        color: #333;
	        padding: 0.1cm 0.2cm 0.1cm 0;
        }

        #content div.resortinfo table td {
	        font-size: 8pt;
            line-height: 11pt;
	        text-align: center;
	        color: #333;
	        padding: 0.1cm 0.2cm 0.1cm 0;
        }

        #content div.resortinfo table td.wert {
	        font-weight: bold;
	        color: #FF0000;
        }

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

        #content div.resortinfo table td.fusszeile {
	        color: #A79F84;
	        font-size: 7pt;
	        text-align: left;
	        padding-left: 0
        }

            #content div.resortinfo table td.fusszeile img {
	            vertical-align: middle;
	            margin: 0 0.2cm 0 0;
            }

/* Tabelle Eignungsgrad */

#content table.eignungsgrad { 
	color: #333333;
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

	#content table.eignungsgrad th { /* Kopfzelle */
		font-size: 8pt;
		line-height: 11pt;
		text-align: left;
		vertical-align: top;
		background: #FFF;
		color: #A79F84;
	    border-bottom: 1pt #E9E3D0 solid;
		padding: 0.1cm 0.2cm 0.1cm 0.5cm;
		margin: 0;
	}

	#content table.eignungsgrad th img {
		margin: 0.1cm 0 0 0;
	}

	#content table.eignungsgrad td  { /* Zelle */
		font-size: 8pt;
		line-height: 11pt;
		vertical-align: top;
		border-bottom: 1pt solid #E9E3D0;
		padding: 0.1cm 0.2cm 0.1cm 0.5cm;
		margin: 0;
	}	

/* 23 Wetterinfo ------------------------------------------------------------------------------------------------------------*/

#content table.wetterinfo {
	width: 100%;
	margin: 0 0 0.8cm;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A79F84;
	page-break-inside: avoid;
}

    #content table.wetterinfo td { /* Zelle */
	    font-size: 8pt;
	    line-height: 11pt;
	    vertical-align: top;
	    padding: 0.1cm 0 0.1cm 0;
	    white-space: nowrap;
    }

    #content table.wetterinfo td.max { /* Zelle mit max. Temperatur */
	    color: #333;
	    border-bottom: 1pt dashed #A79F84;
    }

        #content table.wetterinfo td strong { /* Grad-Angabe */
	        line-height: 11pt;
	        font-weight: bold;
        }

/* 24 Tabelle allgemein -----------------------------------------------------------------------------------------------------*/

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

#content table.uebersicht { /* mehrzeilige Tabelle */
	color: #333333;
	width: 100%;
	margin: 0 0 0.8cm;
	border-collapse: collapse;
}

    #content table.zeile th, 
    #content table.uebersicht th { /* Kopfzelle */
	    font-size: 8pt;
	    line-height: 11pt;
	    text-align: left;
	    background: #FFF;
	    color: #A79F84;
	    vertical-align: top;
	    border-bottom: 1pt solid #E9E3D0;
	    padding: 0.1cm 0.2cm 0.1cm 0.5cm;
    }

    #content table.zeile td,
    #content table.uebersicht td { /* Zelle */
        font-size: 8pt;
	    line-height: 11pt;
	    vertical-align: top;
	    border-bottom: 1pt solid #E9E3D0;
        padding: 0.1cm 0.2cm 0.1cm 0.5cm;
    }

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

    #content table.zeile a img, 
    #content table.uebersicht a img { /* Fileicon */
	    vertical-align: baseline;
	    margin: 0 0.2cm 0 0;
    }

    #content table.zeile p, 
    #content table.uebersicht p { /* Absatz */
	    margin: 0;
	    padding: 0;
    }

.hell {
	background: #FFF;
}

.dunkel {
	background: #FFF9EB;
}

/* 25 FAQs ------------------------------------------------------------------------------------------------------------------*/

#content h3.faq { /* Tabellenueberschrift */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 11pt;
	color: #333;
	background: #E9E3D0;
	margin: 0.8cm 0 0 0;
	padding: 0.1cm;
}

#content div.faq {  /* Baustein */      
    font-size: 8pt;
    line-height: 11pt;
    border-bottom: 1pt solid #E9E3D0;
    padding: 0.1cm 0.2cm 0.1cm 0.5cm;
}

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

    #content div.faq p { /* Absatz */
	    margin: 0 0 0.8cm 0;
	    padding: 0;
    }

    #content div.faq ul { /* Liste */
	    margin: 0 0 0.8cm 0.5cm;
	    padding: 0;
    }

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

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

#content div.zuruecklink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	color: #333;
	clear: both;
	margin: 0.8cm 0 0.8cm 0;
	padding: 0;
}

/* 26 Suchergebnisse --------------------------------------------------------------------------------------------------------*/

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

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

	#content table.suchergebnis td { /* Zelle */
		font-size: 8pt;
		line-height: 11pt;
		vertical-align: top;
		border-bottom: 1pt solid #E9E3D0;
		padding: 0.1cm 0.2cm 0.1cm 0.5cm;
	}

        #content table.suchergebnis td h4 { /* Ueberschrift */
	        font-size: 8pt;
	        font-weight: bold;
	        color: #A79F84;
	        margin: 0 0 0.1cm 0;
        }

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

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

/* 27 Blaettern-Funktion ----------------------------------------------------------------------------------------------------*/

#content table.blaettern {
    display: none;
}


/* 28 Seiten-Navigation innerhalb der Suchergebnisse ------------------------------------------------------------------------*/

#content table.blaettern-suchergebnis {
	width: 100%;
	margin: 0.5cm 0 0.8cm;
	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: 1pt;
    }

    #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;
        }

/* 29 Bildergalerie/Panorama ------------------------------------------------------------------------------------------------*/

#content div.bildergalerie {
	width: auto;
	margin: 0 0 0.8cm;
	padding: 0;
}

.tabstrip {
    display: none;
}

    #content div.bildergalerie img.grossansicht { /* Bild */
	    display: none;
    }

    #content div.bildergalerie div.panorama { /* Panorama-Container */
    		display: none;
    }
    
    #content div.bildergalerie div.thumbnails { /* Thumbnail-Container */
	    margin: 0;
	    padding: 0;
    }

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

            #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 */
        display: none;
    }

    #content div.bildergalerie p { /* Absatz */
        display: none;
    }

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


/* 30 Formulare -------------------------------------------------------------------------------------------------------------*/

#content table.formular {
	color: #333333;
	width: 100%;
	margin: 0 0 0.8cm;
	border-collapse: collapse;
	color: #333333;
}

#content table.dunkel {
	background-color: #E9E3D0;
	border: 0.4cm #E9E3D0 solid;
}

    #content table.formular td { 
	    font-size: 8pt;
	    line-height: 11pt;
	    vertical-align: top;
	    padding: 0.1cm 0.2cm 0.1cm 0;
    }

    #content table.formular th {
	    font-size: 8pt;
	    line-height: 11pt;
	    vertical-align: top;
	    padding: 0.1cm 0.2cm 0.1cm 0;
	    font-weight: bold;
	    text-align: left;
    }

    #content table.formular td.filter {
	    padding-left: 0.8cm;
    }

    #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: 11pt;
	    font-weight: normal;
	    font-style: normal;
	    color: #333;
    }

    #content table.formular input.textfield { /* Textfeld  */
	    width: 3cm;
	    margin: 0;
	    border: 1pt solid #A79F84;
	    padding-left: 0.1cm;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 8pt;
    }


    #content table.formular input.textfield-vorwahl { /* Textfeld Vorwahl */
	    width: 1cm;
	    margin: 0;
	    border: 1pt solid #A79F84;
	    padding-left: 0.1cm;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 8pt;
    }

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

    #content table.formular input.textfield-geburtsdatum { /* Textfeld Geburtsdatum */
	    width: 2cm;
	    margin: 0;
	    border: 1pt solid #A79F84;
	    padding-left: 0.1cm;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 8pt;
    }

    #content table.formular textarea.textarea { /* Mehrzeiliges Textfeld */
	    width: 3cm;
	    height: 3cm;
	    overflow: auto;
	    margin: 0;
	    border: 1pt solid #A79F84;
	    padding-left: 0.1cm;
    }

    #content table.formular select { /* Dropdown-Box */
	    width: 3cm;
	    margin: 0;
	    border: 1pt solid #A79F84;
	    padding-left: 0.1cm;
    }

#content input.button, 
#content table.formular input.button { /* Schaltflaeche */
	border: 1pt solid #A79F84;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0.1cm;
	cursor: pointer;
}

#content div.error { /* Fehlermeldung im Formular */
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	color: #FF0000;
	clear: both;
	margin: 0;
	padding: 0;
}
    
    #content div.error p { /* Absatz in der Fehlermeldung */
	    margin: 0 0 0.8cm 0;
	    padding: 0;
    }

#content div.error ul { /* Liste in der Fehlermeldung */
	    margin: 0 0 0.8cm 0.5cm;
	    padding: 0;
    }
    
        #content div.error ul li { /* Listenpunkt in der Fehlermeldung */
	        list-style-type: disc;
	        margin: 0;
	        padding: 0;
        }

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

/* Formular-Sonderfaelle */

#content div.bildergalerie select { /* Dropdown-Box Panorama-Auswahl */
    display: none;
}

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

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

/* 31 Trennlinie --------------------------------------------------------------------------------------------------------------*/

div.contenttrennlinie { /* Trennlinie zwischen Boxen in der Kontextspalte */
	border-bottom: 1pt solid #A79F84;
	width: 100%;
	height: 0.1cm;
	overflow: hidden;
	padding: 0;
	margin: 0.4cm 0 0.4cm 0;
}

/* 32 2er Teaserblock mit Text und Bild  ---------------------------------------------------------------------------------------------*/

#content div.zweierteaserblock-textbild { /* Elementcontainer mit Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	clear: both;
	margin: 0 0 0.8cm 0;
	padding: 0;
	page-break-inside: avoid;
}

	#content div.zweierteaserblock-textbild ul {
		margin: 0;
		padding: 0;
	}

		#content div.zweierteaserblock-textbild ul li { /* einzelne Box */
			width: 45.6%;
			height: auto;
			float: left;
			list-style-type: none;
			margin: 0 0 0.5cm 0;
			padding: 0;
		}

		#content div.zweierteaserblock-textbild ul li.rechts { /* einzelne Box rechts */
			margin: 0 0 0 0.5cm;
		}

	#content div.zweierteaserblock-textbild div { /* Container mit fixer Hoehe */
		height: 2cm;
		overflow: hidden;
		clear: both;
		margin: 0.2cm 0 0 0;
		padding: 0;
	}

	#content div.zweierteaserblock-textbild h2 { /* Boxueberschrift */
		font-size: 8pt;
		line-height: 11pt;
		color: #333;
		background-color: transparent;
		margin: 0 0 0.2cm 0;
		padding: 0;
		border-bottom: 1pt #333 solid;
	}

	#content div.zweierteaserblock-textbild p { /* Absatz */
		font-size: 8pt;
		line-height: 11pt;
		margin: 0;
		padding: 0;
	}

	#content div.zweierteaserblock-textbild a { /* Link */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	    line-height: 11pt;
		display: block;
		margin: 0;
		padding: 0;
	}

	#content div.zweierteaserblock-textbild a.bildlink { /* Link ums Bild herum */
		margin: 0;
		padding: 0;
	}
	
/* 33 2er Teaserblock Text -------------------------------------------------------------------------------------------------------*/

#content div.zweierteaserblock-text { /* Elementcontainer mit Abstand nach unten */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	height: auto;
	clear: both;
	margin: 0 0 0.8cm 0;
	padding: 0;
	page-break-inside: avoid;	
}

	#content div.zweierteaserblock-text ul {
		margin: 0;
		padding: 0;
	}

		#content div.zweierteaserblock-text ul li { /* einzelne Box */
			width: 218px;
			height: auto;
			float: left;
			list-style-type: none;
			margin: 0;
			padding: 0 0 0.5cm 0;
			background: #FFFFFF;
		}
               
 		#content div.zweierteaserblock-text ul li.rechts { /* Box rechts */
			margin: 0 0 0 0.5cm;
		}

	#content div.zweierteaserblock-text h2 { /* Boxueberschrift */
		font-size: 8pt;
		line-height: 11pt;
		color: #333;
		margin: 0;
		padding: 0.1cm 0.2cm 0.1cm 0.2cm;
		background: #F5E8C1 url(../images/common/teaserbox_zwei_balken_oben.gif) no-repeat left top;
	}

	#content div.zweierteaserblock-text div { /* Container mit fixer Hoehe */
		height: 2cm;
		overflow: hidden;
		clear: both;
		margin: 0.2cm 0 0 0;
		padding: 0;
	}
	
	#content div.zweierteaserblock-text p { /* Absatz */
		font-size: 8pt;
		line-height: 11pt;
		margin: 0 0.2cm 0 0.2cm;
		padding: 0;
	}
	
	#content div.zweierteaserblock-text a { /* Link */
		display:none;
	}
	
/* 34 Tabellen- und Linklistenabschluss ----------------------------------------------------------------------------------------------------*/

.tabellenabschluss {
	height: 0.8cm;
	width: auto;
	padding: 0;
	margin: 0;
}

/* 38 Resorttabelle Legende -------------------------------------------------------------------------------------------------------------------*/
ul.legende {
    padding: 0 0 0 76px;
    margin: 0;
    float: left;
}
    
    .legende li {
        margin: 0 15px 0 0;
        padding: 5px 0 0 0;
        list-style-type: none;
        float: left;
        display: block;
        height: 16px;
        text-align: left;
    }
    
        .legende img  {
           margin: 0 5px 0 0;
        }

        .legende span 
        {
            white-space:nowrap;
            vertical-align: top;
        }