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

/*

01 Allgemeine Einstellungen
02 Grundlayout
03 Flyout-Menues
04 Meta-Menues
05 Header
06 Resort-Buehne mit Aktivitaeten-Navigation
07 Subnavigation
08 Marginalspalte
09 Error Message
10 Footer
11 Video Popup
12 'Bitte warten'-Layer
13 'Kein Flash'-Layer

*/



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

html, body  {
	font-size: 10px; /* Layout-Raster */
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background:url(../images/common/page_bg.gif) repeat-x left -10px #f4f4ed;
}

#aspnetForm { height: 100%; }

body.popup  {
	font-size: 10px; /* Layout-Raster */
	line-height: 1.6em;
	width: auto;
	height: auto;
	background-color: #FFF9EB;
	background: none;
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

hr {
	display: none;
}

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

a:focus {
    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 */
	background: #FFFFFF url(../images/common/bgr_subnavipunkt.gif) repeat-x left center;
	width: 100%;
	height: 0.1em;
	overflow: hidden;
	padding: 1em 0 1em 0;
	margin: 0;
	clear:both;
}


/* Zurueck-Link im Edit-Modus */
#editMode {
	background: #999999 url(../images/maCMS_common/arrow_edit_zurueck.gif) no-repeat 10px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
	width: 100%;
	margin: 0;
	padding: 1px 0 2px 0;
	position:absolute;
	z-index: 9999;
}

	#editMode a.zuruecklink {
		color: #FFFFFF;
		padding: 0 0 0 25px;
		margin: 3px 0 0 0;
		background: none;
		display: block;
		float: left;
	}

	#editMode a.vorschaulink {
		margin: 0;
		vertical-align: middle;
		display: block;
		float: left;
	}
	
	    #editMode a.vorschaulink img {
		margin-right: 5px;
	    }
	
	#editMode span.masterLanguage {
		color: #FFFFFF;
		display: block;
		float: left;	
		margin: 3px 0 0 0;
	}

/* 02 Grundlayout --------------------------------------------------------------------------------------------------------------*/
#pageWrapper { /* Hauptrahmen */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 730px;
	height: auto;
	min-height: 100%;
	margin: 0 auto 0 auto;
}

*html #pageWrapper { height: 100% }

#menueContainer { /* Flyoutmenue-Anker */
	height: auto;
	clear: both;
	margin: 0;
	border: none;
	padding: 0;
	position: absolute;
	top: 0;
    right:0 ;
    z-index:997;
}

#pageHeader { /* Header mit Haupt-/Metanavi */
	width: 730px;
	height: 118px;
	margin: 0 0 1px 0;
	padding: 0;
	position: relative;
}

#micrositeHeader {
    width: 73em;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	height: 80px;
	display: none;
}

    #micrositetitel {
    margin: 0;
    padding: 0;
    }
    
        #micrositetitel img {
        display: none;
        }
   
    #micrositetexttitel {
        color: #d3cdb7;
       	font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 3.2em;
	    font-weight: bold;
	    padding: 1em 0 1em 5em;
	    margin:0;
	    position: relative;
	    top:-2.6em;
	    left:0;
	    width:23.5em;
	    overflow:hidden;
	    white-space:nowrap;
	    display: none;
        }

#breadcrumb {
    background: url(../images/common/background_headline.gif) no-repeat top left; 
    border-bottom: 1px dotted #999;
	color: #333;
	width: 715px;
	height: auto;
	margin: 10px 0 0 0;
	padding: 4px 0 4px 15px;
}

#keyvisual-start { /* Buehne fuer Startseite */
	width: 730px;
	float: left;
	margin: 0;
	padding: 0;
}

#keyvisual-uebersicht { /* Buehne fuer Ubersichtsseite Erlebniswelt/Aktivitaeten/Produkte/Partnerszenario */
	width: 730px;
	float: left;
	margin: 0;
	padding: 0;
}

    #content.startseite #keyvisual-uebersicht {
    margin: 0 0 30px 0;
    }

#keyvisual-redaktion {  
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
} 

h1.keyvisual-redaktion { /* Buehne fuer redaktionelle Seite/Reiseziele-Auswahl/Laenderseite */
    color: #333;
    font-size: 24px;
    margin: 0;
	padding: 0;
	display:block;
	clear: both;
	width: 730px;
	}

#subnavigation { /* Navi links */
	width: 708px;
	height: 36px;
	height: auto !important;
	min-height: 36px;
	margin: 0;
	padding: 4px 10px 8px 10px;
    border: 1px solid #999;
    background: url(../images/common/bgr_subnav.gif) repeat-y top left;
    color: #333;
}

#content { /* Inhalt */
	width: 480px;
	height: auto;
	float: left;
	margin: 30px 0 30px 0;
	padding: 0;
}

#content-reiseziele { /* Inhalt mit Karte */
	width: 73em;
	min-height: 25.5em;
	height: auto !important;
	height: 25.5em;
	float:right;
	display: inline;
	margin: 0 0 2em 0;
	padding: 0;
}

div[id] #content-reiseziele { height: auto; }

#context { /* Marginalspalte */
	width: 230px;
	height: auto;
	float: right;
	margin: 30px 0 30px 0;
	padding: 0 0 0 0;
}

        #leftcontext { /* Marginalspalte Links */
	    font-size: 1em;
	    min-height: 25.5em;
	    height: auto !important;
	    height: 25.5em;
	    float: left;
	    margin: 0;
	    padding: 0;
	    display: none;
        }

        div[id] #context { height: auto; }
        div[id] #leftcontext { height: auto; }

#footerWrapper { /* Fusszeile */
	background: url(../images/common/footer_bg.gif) repeat-x top left;
    color: #999999;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 30px;
    margin: -30px 0 0 0;
    padding: 0;
    width: 100%;
    clear: both;
}

    #footer {
    width: 730px;
    margin: 0 auto;
    padding: 0;
    overflow:hidden;
    }


/* 04 Meta-Menues --------------------------------------------------------------------------------------------------------------*/
#searchmenu { /* Suchkategorien-Menue */
	line-height: 1.3em;
	background: url(../images/common/bg_suche_cat.gif) top left;
	width: 129px;
	height: auto;
	visibility: hidden;
	position: absolute;
	top: 105px;
	right: 0;
	border-top: none;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	padding: 8px 0 0 14px;
	z-index:1000;
}

.searchcategory {  /*[2007-11-26 lfr changed from id to class ]Layer Aktuelle Suchkategorie */
	color: #808080;
	font-size: 11px;
	line-height: 14px;
	overflow: hidden;
	position: absolute;
	top: 76px;
	right: 10px;
	padding: 0;
	margin: 0;
	z-index:0;
	text-align: right;
}

*html .searchcategory  {
    top: 76px;
}

#pageHeader #searchmenu ul li {
	background: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#pageHeader #searchmenu ul li a {
	color: #ff0000;
	background: url(../images/common/link-arrow.gif) no-repeat 0 0.5em;
	display: block;
	margin: 0;
	padding: 0 0 0 14px;
	line-height: 14px;
}

#pageHeader #searchmenu a:hover {
	color: #ff0000;
}

#pageHeader #searchmenu p {
    font-weight: bold;
	color: #666;
	margin: 0 0 0.5em 0;
	padding: 0.1em 0 0 0;
}

#menueContainer #languagemenu a {
	color: #666;
	background: url(../images/common/en.gif) no-repeat 0 0.3em;
	display: block;
	margin: 0;
	padding: 0 0 0 2em;
}

#pageHeader #searchmenu a.aktiv {
	color: #666;
	font-weight: bold;
	background: url(../images/common/listenpunkt_link.gif) no-repeat 1em 0.5em;
	display: inline;
	margin: 0;
	padding: 0 0 0 2em;
}


/* 05 Header -------------------------------------------------------------------------------------------------------------------*/
/* Hauptnavigation */
#pageHeader #hauptnavigation strong {
	display: none;
}

#pageHeader div#logo {
	margin: 0;
	padding: 0;
	position: absolute;
	top:20px;
	left:0;
}

#pageHeader div#metanavigation {
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
	right: -5px;
	top: 0;
}

#pageHeader div#hauptnavigation {
	height: 30px;
	float: left;
	margin: 0;
	padding: 0 0 0 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background:url(../images/common/nav_line.gif) no-repeat top left;
}

#pageHeader #hauptnavigation ul {
	margin: 0;
	padding: 0;
	display: inline;
    float: left;
}

#pageHeader #searchmenu ul  {
	background: none;
	margin: 0;
	padding: 0.5em 0 1em 0;
	clear: both;
}

#pageHeader #hauptnavigation ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	display: inline;
	float: left;
}

#pageHeader #hauptnavigation a {
	background-repeat: no-repeat;
	background-position: top left;
	height: 2em;
	display: block;
	margin: 0;
	padding: 0;
}

*html #pageHeader #hauptnavigation a {
float:left;
}

#pageHeader .search { /* Suchfunktion */
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	bottom: 5px;
	right: 0;
}
    
    #pageHeader .search input { /* Suchfunktion */
	margin: 0;
	padding: 0;
	float: left;
    }
    
    #pageHeader .search img { /* Suchfunktion */
	margin: 0;
	padding: 0;
	float: left;
    }
    
    #pageHeader .search div { /* Suchfunktion */
	margin: 0;
	padding: 0.3em 1.3em 0 0;
	float: left;
	height: 1.6em;
	background: url(../images/common/bg_search.gif) no-repeat top right;
    }

    #pageHeader .search .textfield {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 11px;
	    color: #666;
	    background: #f4f4ed;
	    padding: 2px 0 0 0;
	    margin: 0;
	    border: 1px solid #99999d;
	    border-left: none;
	    border-right: none;
	    width: 100px;
	    height:16px;
    }

    *+html #pageHeader .search .textfield { margin-top: 0; }
    *html #pageHeader .search .textfield { margin-top: 0; }

/* Metanavigation */
#pageHeader #metanavigation ul {
	color:#808080;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:normal;
    margin:8px 0 0 0;
    padding:0;
    text-align:left;
}

#pageHeader #metanavigation li {
	float: left;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#pageHeader #metanavigation li.sprache {
	border: none;
	padding: 0.7em 14em 0 1em;
	display: none;
}

#pageHeader #metanavigation a {
	text-decoration: none;
	color: #808080;
	display: block;
	font-size:11px;
    line-height:13px;
	margin:0;
	padding:0 5px;
}

#pageHeader #metanavigation a.border { border-right: 1px solid #ccc; }

#pageHeader #metanavigation a:hover {
	color: #ccc;
}

#languagedropdown { /* Sprachwahl-Feld */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color: #666;
	background: #FFF9EB url(../images/common/bgr_sprachwahl.gif) no-repeat 10.5em 0.5em;
	cursor: pointer;
	width: 11.2em;
	height: 1.5em;
	position: absolute;
	visibility: visible;
	top: 0.7em;
	right: 0.5em;
	margin: 0;
	border: 1px solid #D7D4CB;
	padding: 0 0 0 0.8em;
	display: none;	
}

#language {
    position: absolute;
    top: 4.5em;
    right: 1.5em;
}

    #language span {
    text-decoration: none;
	color: #808080;
	font-size:11px;
    line-height:13px;
	margin: 0;
	padding: 0;
    }
    
    #language a {
    text-decoration: none;
	color: #808080;
	font-size:11px;
    line-height:13px;
	margin: 0;
	padding: 0 0.5em 0 0.5em;
    }
    
     #language a:hover {
	color: #ccc;
    }

#breadcrumb a {
	text-decoration: none;
	color: #333;
}

#breadcrumb a:hover {
	color: #ff0000;
}

/* 03 Flyout-Menues ------------------------------------------------------------------------------------------------------------*/
#pageHeader #hauptnavigation ul li .flyout_menu {
	height: auto;
	position: absolute;
    background: url(../images/common/subnav_bg.gif) repeat-x bottom left #383d44;
	color: #f4f4ed;
	margin: 0;
	padding: 0 0 1px 0;
	visibility: hidden;
	z-index:998;
	display: block;
	left: 0;
	top: 31px;
	width: 175px;
	width: auto !important;
	min-width: 175px;
}

*html #hauptnavigation ul li .flyout_menu {
clear: both;
width: 175px;
}


#pageHeader #hauptnavigation ul li .flyout_menu li {
    display: list-item;
    float: none;
	margin: 0;
	padding: 0;
}

*html #pageHeader #hauptnavigation ul li .flyout_menu li { display:block; float:left; width: 175px; }

#pageHeader #hauptnavigation ul li .flyout_menu li a {
	color: #f4f4ed;
	margin: 0;
	padding: 5px 10px 5px 10px;
	height: auto;
	background:url(../images/common/dotted_line_bg.gif) no-repeat left bottom;
	display: block;
}

*html #pageHeader #hauptnavigation ul li .flyout_menu li a {  width: 155px; }

#pageHeader #hauptnavigation ul li .flyout_menu li a:hover {
	color: #fff;
	background-color:#666;
}

/* 06 Resort-Buehne mit Aktivitaeten-Navigation -------------------------------------------------------------------------------*/
#keyvisual-resort img { /* Buehnenbild links */
	float: left;
}

#aktivitaeten { /* Navi-Container */
	width:22em;
	height: auto;
	margin: 0;
	padding: 0 0 0 0;
}

#aktivitaeten ul { /* Liste */
	margin: 1em 0 0 0;
	padding: 0 0 1em 0;
    background: url(../images/common/bgr_subnavipunkt.gif) repeat-x left bottom;
}

#aktivitaeten ul li { /* Listenpunkt allgemein */
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	width: 22em;
	height: 2em;
}

#aktivitaeten #active { /* Listenpunkt Active */
	background: url(../images/buttons/active_inaktiv.gif) no-repeat left top;
}

#aktivitaeten #discover { /* Listenpunkt Discover */
	background: url(../images/buttons/discover_inaktiv.gif) no-repeat left top;
}

#aktivitaeten #relax { /* Listenpunkt Relax */
	background: url(../images/buttons/relax_inaktiv.gif) no-repeat left top;
}

#aktivitaeten #family { /* Listenpunkt Family */
	background: url(../images/buttons/family_inaktiv.gif) no-repeat left top;
}

#aktivitaeten a {
	display: block;
	width: 22em;
	height: 2em;
	margin: 0;
	padding: 0;
}

/* Links */
#aktivitaeten #active a{
	background: url(../images/buttons/active_off.gif) no-repeat left top;
}

#aktivitaeten #discover a{
	background: url(../images/buttons/discover_off.gif) no-repeat left top;
}

#aktivitaeten #relax a{
	background: url(../images/buttons/relax_off.gif) no-repeat left top;
}

#aktivitaeten #family a{
	background: url(../images/buttons/family_off.gif) no-repeat left top;
}

#aktivitaeten #active a:hover, #aktivitaeten #active a.aktiv{
	background: url(../images/buttons/active_on.gif) no-repeat left top;
}

#aktivitaeten #discover a:hover, #aktivitaeten #discover a.aktiv{
	background: url(../images/buttons/discover_on.gif) no-repeat left top;
}

#aktivitaeten #relax a:hover, #aktivitaeten #relax a.aktiv{
	background: url(../images/buttons/relax_on.gif) no-repeat left top;
}

#aktivitaeten #family a:hover, #aktivitaeten #family a.aktiv{
	background: url(../images/buttons/family_on.gif) no-repeat left top;
}

#aktivitaeten span {
	visibility: hidden;
}

/* 07 Subnavigation ------------------------------------------------------------------------------------------------------------*/
#subnavigation h3 {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
    }

#subnavigation ul {
	display:block;
	color: #333;
	margin: 3px 0 0 0;
	padding: 0;
	float:left;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	width: 725px;
}

#subnavigation li {
    float: left;
    display: block;
	margin: 0 15px 0 0;
	padding: 0;
}

        #subnavigation ul li a {
	        color: #333;
	        margin: 0;
	        padding: 0 0 0 10px;
	        background: url(../images/common/bgr_subnavipunkt.gif) no-repeat left 6px;
	        display: block;
        }
        
        #subnavigation ul li a.aktiv {
	        color: #333;
	        padding: 0 0 0 10px;
	        background: url(../images/common/bgr_subnavipunkt_on.gif) no-repeat left 6px;
        }

        #subnavigation ul li a:hover {
	        color: #333;
	        background: url(../images/common/bgr_subnavipunkt_on.gif) no-repeat left 6px;
        }

#subnavigation p {
	color: #333;
	margin: 0 0 0 2em;
	padding: 0;
}

#subnavigation a {
	color: #333;
	margin: 0;
	padding: 0;
}

#subnavigation a:hover {
	color: #FF5C00;
}

/* Boxen */
#hotlinebox {
	background: #FFF url(../images/common/bgr_box_oben.gif) no-repeat left top;
	width: 20em;
	height: auto;
	margin: 2em 0 0 0;
	padding: 0.8em 0 0 0;
}

    #hotlinebox img.call_img {
	float:right;
    }
    
    #hotlinebox img.call_hl {
	float:left;
	margin:0 0 1.6em 2em;
    }

#ferienfinderbox {
	background: #FFF;
	width: 20em;
	height: auto;
	margin: 0;
	padding: 0;
}

#partnerloginbox {
	background: #FFF url(../images/common/bgr_box_unten.gif) no-repeat left bottom;
	width: 20em;
	height: auto;
	margin: 0;
	padding: 0 0 0.8em 0;
}

    #partnerloginbox table {
	    margin: 0 0 1em 2em;
	    border-collapse: collapse;
    }

    #partnerloginbox table td {
	    padding: 0.2em 0;
    }

    #partnerloginbox input.textfield {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1em;
	    color: #333;
	    width: 11em;
	    height: auto;
	    margin: 0;
	    border: 1px solid #D7D4CB;
    }

    #partnerloginbox input.login {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1em;
	    text-align: left;
	    color: #333;
	    background: url(../images/common/listenpunkt_link.gif) no-repeat left center;
	    cursor: pointer;
	    display: inline;
	    margin: 0 0 0 0.5em;
	    border: 1px solid #FFF;
	    padding: 0 0 0 1em;
    }

/* 08 Marginalspalte  ---------------------------------------------------------------------------------------------------------*/
/* Resort-Navigation */
#context ul.resortnavigation { 
	margin: 0;
	padding: 0 0 1em 0;
}

	#context ul.resortnavigation li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		text-transform: uppercase;
		background: url(../images/common/bgr_subnavipunkt.gif) repeat-x left bottom;
		list-style-type: none;
		margin: 0;
		padding: 0 0 0.0833em 0;
	}

		#context ul.resortnavigation li a {
			color: #A79F84;
			background: url(../images/common/listenpunkt_link.gif) no-repeat 1.667em 0.917em;
			width: 15.833em;
			display: block;
			margin: 0;
			padding: 0.416em 0 0.333em 2.5em;
		}

		#context ul.resortnavigation li a.buchen {
			color: #333;
			background: url(../images/common/listenpunkt_link.gif) no-repeat 1.667em 0.917em;
			width: 15.833em;
			display: block;
			margin: 0;
			padding: 0.416em 0 2.333em 2.5em;
		}

		#context ul.resortnavigation li a.aktiv {
			color: #FF5C00;
			background-color: #FFF9EB;
		}

		#context ul.resortnavigation li a:hover {
			color: #FFF;
			background: #FF5C00 url(../images/common/listenpunkt_on.gif) no-repeat 1.667em 0.917em;
		}

/* Kontext-Box */
#context div.contextbox { 
	width: 230px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border: 1px solid #999;
}

	#context div.contextbox h2 { /* Zwischenueberschrift */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		line-height: 1.3em;
		color: #333;
		margin: 0 0 0.4em 0;
		padding: 0 0 0 2em;
	}

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

    
	#context div.contextbox a { /* Link allgemein */
		font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1em;
	    color: #ff0000;
	    background: url(../images/common/link-arrow.gif) no-repeat 0 0.6em;
	    display: block;
	    clear: both;
	    margin: 0;
	    padding: 0 0 0 1.2em;
	}
    
	#context div.contextbox a:hover,
	#context div.contextbox a.multilink:hover  { /* Link allgemein Onmouseover */
		color: #ff0000;
	}
	
	#context div.contextbox a.bildlink { /* Link ums Bild herum */
		background: none;
		padding:0 0 1px 0;
		margin:0a;
		background:url(../images/common/dotted_line_bg.gif) no-repeat bottom left;
	}
	
	    	#subnavigation .bildlink { /* Link ums Bild herum */
	    	background: none;
		    padding:0;
	    	}
	
	
	#context div.contextbox a.multilink { /* mehrere Links */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	    color: #ff0000;
	    background: url(../images/common/link-arrow.gif) no-repeat 0 4px;
	    display: block;
	    clear: both;
	    margin: 0;
	    padding: 0 0 0 14px;
	}

	#context div.contextbox img { /* Bild */
		margin: 0;
	}
	
	#context div.contextbox img.call_img {
	float:right;
	margin:2em 0 0 0;
    }
    
    #context div.contextbox img.call_hl {
	float:left;
	margin:1.6em 0 1.6em 2em;
    }

	#context div.contextbox div.textbox { /* CMS-gepflegte Textbox */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 14px;
		color: #333;
		padding: 0 10px;
		margin: 10px 0 0 0;
	}
	
	#context div.contextbox div.panel { /* Box freie Zimmer */
		padding:0 0 15px 28px;
		line-height:13px;
	}
	
	#context div.contextbox div.aktiv a.multilink {
	    color:#ff5c00;
	}

		#context div.contextbox div.textbox p,
		#context div.contextbox div.textbox span { /* CMS-gepflegter Absatz in der Textbox */
	    display: block;
	    margin: 0 0 11px 0;
		padding: 0;
		}

	#context div.contextbox ul { /* Liste ohne Links in einer Kontextbox */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333;
		line-height: 14px;
		padding: 0 10px 0 24px;
		list-style-type: square;
		margin: 0;
	}
	
	#context div.contextbox div.textbox ul { /* Liste ohne Links in einer Kontextbox */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333;
		line-height: 14px;
		padding: 0 10px 0 14px;
		margin:0;
		list-style-type: square;
	}

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

		#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: #333;
				background: url(../images/common/listenpunkt_link.gif) no-repeat 0 0.5em;
				display: block;
				width: 19em;
				margin: 0;
				padding: 0 0 0 0.9em;
			}
            
			#context div.contextbox ul.linkliste li a:hover {
				color: #FF5C00;
			}

	#context div.contextbox h3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	margin: -1px 0 0 0;
	padding: 3px 0 3px 15px;
	background: url(../images/common/bgr_headline_context.gif) no-repeat 1px -2px;
	border-bottom: 1px dotted #666;
	}

		#context div.contextbox h3 a { /* Aktivitaeten-Navigation Link */
			color: #A79F84;
			background: url(../images/common/listenpunkt_link.gif) no-repeat 1.667em 0.917em;
			display: inline;
			margin: 0;
			padding: 0.416em 0 0.333em 2.5em;
		}
		
		
		
/* Linke Context Box */
#content div.contextbox {
	margin: 0;
	padding: 0;
}

	#context div.contextbox h2 { /* Zwischenueberschrift */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.3em;
		color: #333;
		margin: 0 0 0.4em 0;
		padding: 0 0 0 2em;
	}



		#leftcontext div.contextbox { /* Leftcontext box BG */
			background: #fff;
			margin: 0;
			padding: 0;
		}

	#leftcontext div.contextbox p { /* Absatz */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		line-height: 1.3em;
		color: #333;
		margin: 0;
		padding: 0 0 0 2em;
	}

    
	#leftcontext div.contextbox a { /* Link allgemein */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #333;
		background: url(../images/common/listenpunkt_link.gif) no-repeat 0 0.5em;
		margin: 0;
		padding: 0 0 0 0.9em;
	}
    
	#leftcontext div.contextbox a:hover,
	#leftcontext div.contextbox a.multilink:hover  { /* Link allgemein Onmouseover */
		border-bottom: 1px dotted #ff0000;
	}
	
	#leftcontext div.contextbox a.bildlink { /* Link ums Bild herum */
		background: none;
		padding:0;
		margin:0 0 20px 0;
	}
	
	#leftcontext div.contextbox a.multilink { /* mehrere Links */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #ff0000;
		background: url(../images/common/link-arrow.gif) no-repeat 0 0.6em;
		margin:0 0 0 20px;
		padding: 0 0 0 0.9em;
		display: block;
		cursor:pointer;
	}

	#leftcontext div.contextbox img { /* Bild */
		margin: 0 0 1.5em 2em;
	}
	
		#leftcontext div.contextbox a img { /* Bild */
			margin: 0 0 1.5em 0;
	}
	
	
	#leftcontext div.contextbox img.call_img {
	float:right;
	margin:2em 0 0 0;
    }
    
    #leftcontext div.contextbox img.call_hl {
	float:left;
	margin:1.6em 0 1.6em 0;
    }

	#leftcontext div.contextbox div.textbox { /* CMS-gepflegte Textbox */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		line-height: 1.3em;
		color: #333;
		padding: 0 2em 0 2em;
		margin: 0em;
	}
	

/* Wetterbox */
#context table.wetterbox {
	background: url(../images/common/bgr_wetterbox.gif) no-repeat;
	width: 21em;
	padding: 0;
	margin: 0 0 0.5em 2em;
	border-collapse: collapse;
	border: 1px solid #CECECE;
	padding:0;
}

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

	#context table.wetterbox td { /* Zelle */
		font-size: 1em;
		background: none;
		white-space: nowrap;
		padding: 0 1.5em 0 0;
	}

		#context table.wetterbox td strong { /* Grad-Angabe */
			font-size: 1.2em;
			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: 1em;
	color: #A79F84;
	text-align: right;
	display: block;
	padding: 0;
	margin: 0 0 0.5em 2em;
}


/* RSS-Feed */
  #context div.rssfeedmarginal { /* Elementcontainer mit Abstand nach unten */
	color: #333;
	margin: 0 0 0 2em;
	padding: 0;
    overflow: hidden;
}

    #context div.rssfeedmarginal h4 {
        color: #333;
        font-size: 1em;
        background: url(../images/common/listenpunkt_link.gif) no-repeat 0 1.2em;
        margin: 0;
        padding: 0.5em 0 0 0.8em;
    }

    #context div.rssfeedmarginal div.eintrag {
        padding: 0 0.454em 0 0.8em;
        margin-bottom: 0;
    }
    
    #context div.rssfeedmarginal a {
        color: #333;
    }
    
    #context div.rssfeedmarginal a:hover,
    #context div.rssfeedmarginal a:hover h4 {
        color: #FF5C00;
    }


/* 09 Error Message ----------------------------------------------------------------------------------------------------------*/
div.errorWrapper {
	width: 0;
	height: 0;
	position: relative;
	margin: 0;
	padding: 0;	
}

div.errorWrapper div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #FFCC33;
	width: 135px;
	height: auto;
	position: absolute;
	visibility: hidden;
	z-index: auto;	
	top: -19px;
	left: 206px;
	margin: 0;
	padding: 0;
}

/* 10 Footer -----------------------------------------------------------------------------------------------------------------*/
.szwidget {
float:left;
margin: 7px 0 0 -5px;
}

#footer a {
text-decoration: none;
color: #808080;
display: block;
font-size:11px;
line-height:13px;
margin: 0;
padding: 0 5px;
}

#footer ul {
margin: 0 -5px 0 0;
padding: 8px 0 0 0;
float: right;
}

#footer li {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-right: 1px solid #ccc;
	float: right;
}

#footer a:hover {
	color: #ccc;
}


/* 11 Video Popup ---------------------------------------------------------------------------------------------------------------*/
#flashMovie { /* Flashmovie-Container */
	width: 460px;
	height: 340px;
	margin: 0;
	padding: 0;
}

#panorama { /* Panorama-Container */
	width: 460px;
	height: 323px;
	margin: 0;
	padding: 0;
}

#flashText,
#panoramaText { /* Zusatztext */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: 1.455em;	
	color: #333333;
	width: 440px;
	margin: 10px;
}

#flashText a.closelink,
#panoramaText a.closelink { /* Schliessen - Link */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	background: url(../images/common/listenpunkt_link.gif) no-repeat 0 0.6em;
	display: block;
	margin: 0;
	padding: 0 0 0 0.8em;
	clear: both;
	float: right;
}

#flashText a.closelink:hover,
#panoramaText a.closelink:hover {
    color: #FF5C00;
}

#flashText img {
    margin: 0 2em 0 0;
	float: left;
}

/* 12 'Bitte warten'-Layer ------------------------------------------------------------------------------------------------------ */
#dPleaseWait {
	visibility: hidden;
	position: relative;
	margin: 0;
	padding: 0;	
}

#dPleaseWaitContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
	border: solid 1px #333;
	width: auto;
	height: auto;
	position: absolute;
	top: -294px;
	left: 440px;
	margin: 0;
	padding: 30px;	
}

#dPleaseWaitContent img {
	vertical-align: middle;
	margin-right: 5px;
}

/* 13 'Kein Flash'-Layer (CR 46) --------------------------------------------------------------------------------------------------- */
#noflashimage { /* Container fuer das Alternativbild */
	margin: 0;
	padding: 0;
	height: auto;
}

#noflashtext { /* Anker fuer die Meldung */
	position: relative;
	margin: 0;
	padding: 0;
	height: auto;
}

	#noflashtext div { /* Meldung */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.3em;
		background-color: #FFF;
		border: 1px solid #FF0000;
		position: absolute;
		margin: 0;
		padding: 1.5em 1em 1.5em 1em;
		z-index: 1;
		height: 5em;
		visibility: visible;
		filter: alpha(opacity=90);
		-moz-opacity: 0.90;
		opacity: 0.90;
		-khtml-opacity: 0.90;  
	}

/* Link in der Meldung */

			#noflashtext div a.link { 
				text-decoration: none;
				color: #333;
				background: url(../images/common/listenpunkt_link.gif) no-repeat 0 0.4em;
				padding: 0 0 0 0.9em;
			}

			#noflashtext div a.link:hover {
				color: #FF5C00;
			}

/* 'Get Flash'-Icon in der Meldung */

				#noflashtext div a img { 
					float: right;
					margin: 0 0 0 1em;
				}

/* Verschiebung des Ankers im Hauptfenster */
#keyvisual-uebersicht #noflashimage,
#keyvisual-start #noflashimage {
	height: auto;	
}

#content #noflashimage,
#content-reiseziele #noflashimage {
	min-height: 10em;
	height: auto !important;
	height: 10em;
}

#content div[id] #noflashimage,
#content-reiseziele div[id] #noflashimage { /* Moz/Opera Hack */
	height: auto;
}

/* Verschiebung des Ankers im Medien-PopUp */
#flashMovie #noflashimage {
	height: 34em;
}

#keyvisual-uebersicht #noflashtext div,
#keyvisual-start #noflashtext div,
#content #noflashtext div,
#content-reiseziele #noflashtext div { /* Breite und Positionierung der Meldung im Hauptfenster */
    width: 45em;
    left: 2em;
    bottom: 1em;
}

#flashMovie #noflashtext div { /* Breite und Positionierung der Meldung im Medien-PopUp */
    width: 42em;
    left: 1em;
    bottom: 1em;
}

/* added by Igor & Alex */       
.contentElementWrapperOn {
border:1px solid red;
padding:0;
margin:0 0 10px 0;
float:left;
}

*html .contentElementWrapperOn { margin:0 0 10px 0; }

.contentElementWrapperOff {
border:none;
padding:0;
margin:0 0 0 0;
float:left;
}

*html .contentElementWrapperOff { margin: 0; }

/* Galery CE */
.galaryImage {
padding: 0px!important;
background-image: none!important;
}

*html .ContainerBox {
display: block;
float: left;
margin: 0 0 10px 0;
}

*+html .ContainerBox {
display: block;
float: left;
margin: 0 0 10px 0;
}


a.Ainline-link {
	    text-decoration: none;
	    color: #FF0000;
    }