



	* {
		border: 0;
		padding: 0;
		margin: 0;
		text-decoration: none;
		font-size: 11px;
		font-family: arial, helvetica, verdana, sans-serif;
		outline: 0;
		list-style: none;
		color: #000;
		font-weight: normal;
	}
	
	html, body {
		width: 100%;
		height: 100%;
	}
	
	br.clear {
		display: block;
		height: 1px;
		overflow: hidden;
		clear: both;
	}
	
	strong, strong * {
		font-weight: bold;
	}
	
	
	
	
	
	
	body {
		background: #505050 url(/imgs/bg_body.gif) left top repeat-x;
	}
	
	
	
	
	
	div#container {
		position: absolute;
		width: 827px;
		height: 553px;
		position: absolute;
		top: 43px;
		left: 50%;
		margin-left: -414px;
	}
	
	
	
	
	
	/**
	*
	*	STAGE: VISUALS
	*
	**/
	
	div#stage-visuals h1.logo {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -96px;
		z-index: 2;
	}
	
	div.visuals {
		position: absolute;
		top: 0;
		left: 0;
		width: 827px;
		height: 430px;
		background: url(/imgs/bg_visuals.jpg) left top no-repeat;
		z-index: 1;
		overflow: hidden;
	}
	
	div.visuals div#visual-bereisen,
	div.visuals div#visual-entdecken,
	div.visuals div#visual-erleben {
		position: absolute;
		top: 0;
		left: 0;
		width: 827px;
		height: 430px;
		overflow: hidden;
	}
	
	div.visuals div#visual-bereisen div,
	div.visuals div#visual-entdecken div,
	div.visuals div#visual-erleben div {
		display: inline;
	}

	div#no-javascript {
		position: absolute;
		left: 163px;
		top: 63px;
	}
	
	
	
	/**
	*
	*	STAGE: CONTENT
	*
	**/
	
	div#stage-content {
		position: absolute;
		width: 827px;
		height: 521px;
		top: -23px;
		left: 0;
		z-index: 3;
		background: url(/imgs/bg_content.png) no-repeat;
	}
	
	div#stage-content h2 {
		display: none;
	}
	
	div#stage-content a#b_homelogo {
		display: block;
		position: absolute;
		top: 23px;
		left: 50%;
		margin-left: -96px;
		width: 192px;
		height: 43px;
		background: url(/imgs/b_homelogo.png) no-repeat;
		overflow: hidden;
		text-indent: -200000em;
	}
	
	div#breadcrumb {
		position: absolute;
		bottom: 46px;
		left: 57px;
	}
	
	div#breadcrumb, div#breadcrumb * {
		font-size: 11px;
		color: #333;
	}
	
	div#breadcrumb a:hover {
		color: #009fff;
	}
	
	a#b_contentback {
		display: block;
		position: absolute;
		left: -16px;
		top: 62px;
		width: 31px;
		height: 40px;
		background: url(/imgs/b_back.png) left top no-repeat;
		overflow: hidden;
		text-indent: -200000em;
	}
	
	a#b_contentback:hover {
		background-position: left bottom;
	}
	
	a#b_contentclose {
		display: block;
		position: absolute;
		right: -16px;
		top: 62px;
		width: 31px;
		height: 40px;
		background: url(/imgs/b_contentclose.png) left top no-repeat;
		overflow: hidden;
		text-indent: -200000em;
	}
	
	a#b_contentclose:hover {
		background-position: left bottom;
	}
	
	div#filter {
		position: absolute;
		top: 69px;
		left: 39px;
		width: 749px;
		height: 26px;
		background: url(/imgs/bg_filter.gif) no-repeat;
	}
	
	div#filter h3 {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		float: left;
		padding: 6px 16px 0 20px;
		border-right: 1px dotted #fff;
		background: url(/imgs/bg_h3.gif) left top no-repeat;
		color: #fff;
		font-size: 11px;
		height: 20px;
	}
	
	div#filter ul#filters {
		position: absolute;
		right: 0;
		top: 0;
		height: 26px;
		width: auto;
		margin-right: 16px;
	}
	
	div#filter ul#filters li {
		display: block;
		float: left;
	}
	
	div#filter ul#filters li a {
		display: block;
		float: left;
		padding: 6px 8px 0 8px;
		height: 20px;
		width: auto;
		color: #fff;
		background: url(/imgs/bg_filters.gif) left top repeat-x;
	}
	
	div#filter ul#filters li a:hover,
	div#filter ul#filters li a.active {
		background-position: left bottom;
	}
	
	div#scrolltrack {
		position: absolute;
		left: 39px;
		bottom: 75px;
		height: 12px;
		width: 749px;
		overflow: hidden;
		background: url(/imgs/bg_scrolltrack.gif) no-repeat;
	}
	
	div#scrolltrack div#scrollhandle {
		position: absolute;
		left: 0;
		top: 0;
		width: 200px;
		height: 12px;
		overflow: hidden;
		background: url(/imgs/bg_scrollhandle.png) left top no-repeat;
		cursor: -moz-grab;
	}
	
	div#scrolltrack div#scrollhandle:hover, div#scrolltrack div#scrollhandle.active {
		background-position: left bottom;
	}
	
	div#scroll-stage {
		position: absolute;
		top: 115px;
		left: 15px;
		width: 797px;
		height: 286px;
		overflow: hidden;
		background: url(/imgs/bg_scrollcontent.jpg) left bottom no-repeat;
	}
	
	div#scroll-stage div#scroll-blend-left {
		position: absolute;
		top: 0;
		left: 0;
		width: 122px;
		height: 286px;
		background: url(/imgs/bg_blend_left.png) repeat-y;
		z-index: 2;
	}
	
	div#scroll-stage div#scroll-blend-right {
		position: absolute;
		top: 0;
		right: 0;
		width: 122px;
		height: 286px;
		background: url(/imgs/bg_blend_right.png) repeat-y;
		z-index: 2;
	}
	
	div#scroll-stage ul#scroll-stage-content {
		position: absolute;
		top: 0;
		left: 0;
		margin-left: 100px;
		z-index: 1;
	}
	
	div#scroll-stage ul#scroll-stage-content li {
		display: block;
		float: left;
	}
	
	div#scroll-stage ul#scroll-stage-content img {
		padding: 0 20px;
	}
		
	
	
	div#filter-lists ul.filter-list {
		position: absolute;
		top: 135px;
		left: 46px;
		width: 749px;
		column-count:3; -moz-column-count:3; -webkit-column-count:3; 
		column-gap:2em; -moz-column-gap:2em; -webkit-column-gap:2em;

	}
	
	div#filter-lists ul.filter-list li {
		display: block;
		line-height: 16px;
	}
	
	div#filter-lists ul.filter-list li a {
		display: block;
		width: 205px;
		padding: 0 0 2px 10px;
		background: url(/imgs/bg_filters_li.gif) left 20px no-repeat;
	}
	
	div#filter-lists ul.filter-list li a:hover,
	div#filter-lists ul.filter-list li a:focus,
	div#filter-lists ul.filter-list li a:active {
		background-position: left top;
		color: #fff;
		font-weight: bold;
	}
		












	/**
	*
	*	DETAIL
	*
	**/

	div#real-page-content {
		position: absolute;
		top: 115px;
		left: 46px;
		width: 749px;
	}
	
	div#real-page-content h3 {
		position: absolute;
		top: 15px;
		font-size: 17px;
		color: #333;
		left: 11px;
	}
	
	div.content-text {
		position: absolute;
		top: 48px;
		left: 11px;
		width: 500px;
		height: 260px;
		column-count:2; -moz-column-count:2; -webkit-column-count:2; 
		column-gap:2.5em; -moz-column-gap:2.5em; -webkit-column-gap:2.5em;
		overflow: hidden;
	}
	
	div.content-text * {
		line-height: 140%;
		color: #333;
	}
	
	div.content-text p {
		padding-bottom: 1.3em;
	}
	
	div.content-text p.links span {
		line-height: 180%;
	}
	
	div.content-text p a {
		color: #64a5c6;
	}
	
	div.content-text p a:hover {
		color: #000;
	}
	
	div.content-image {
		position: absolute;
		top: 0;
		right: 0;
		width: 215px;
		height: 286px;
		background: url(/imgs/bg_detail.png) no-repeat;
		overflow: hidden;
		text-align: center;
	}
	
	div.content-image p {
		text-align: center;
	}

	
	
	
	/**
	*
	*	NAV
	*
	**/
	
	div#nav {
		z-index: 100;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 54px;
	}
	
	div#nav>ul>li>a {
		display: block;
		width: 116px;
		height: 43px;
		overflow: hidden;
		text-indent: -200000em;
		background-repeat: no-repeat;
		background-position: left top;
		position: absolute;
		top: 0;
		z-index: 1;
	}
	
	div#nav>ul>li>a:hover, div#nav>ul>li>a:focus, div#nav>ul>li>a:active, div#nav>ul>li>a.active {
		background-position: left bottom;
	}
	
	a#b-entdecken {
		background-image: url(/imgs/b_entdecken.png);
		left: 216px;
	}
	
	a#b-erleben {
		background-image: url(/imgs/b_erleben.png);
		left: 356px;
	}
	
	a#b-bereisen {
		background-image: url(/imgs/b_bereisen.png);
		left: 499px;
	}
	
	div#nav ul.subnav {
		width: 533px;
		height: 83px;
		background: url(/imgs/bg_subnav.png) left top no-repeat;
		position: absolute;
		top: -74px;
		left: 120px;
		display: none;
		z-index: 2;
		padding-left: 62px;
		padding-top: 15px;
	}
	
	div#nav li:hover ul.subnav {
		display: block;
	}
	
	div#nav li:hover>a {
		z-index: 3;
	}
	
	div#nav ul.subnav li {
		display: block;
		float: left;
		width: 130px;
		padding: 4px 0 0 0;
	}
	
	div#nav ul.subnav li a {
		font-size: 11px;
		color: #333;
	}
	
	div#nav ul.subnav li a:hover {
		color: #009fff;
	}
	
	
	div#nav ul.subnav li.b-navscroll-left,
	div#nav ul.subnav li.b-navscroll-right {
		padding: 0;
		overflow: hidden;
		text-indent: -200000em;
	}
	
	div#nav ul.subnav li.b-navscroll-left a {
		width: 30px;
		height: 31px;
		position: absolute;
		background: url(/imgs/b_navscroll_left.png) left top no-repeat;
		top: 30px;
		left: -7px;
	}
	
	div#nav ul.subnav li.b-navscroll-right a {
		width: 30px;
		height: 31px;
		position: absolute;
		background: url(/imgs/b_navscroll_right.png) left top no-repeat;
		top: 30px;
		right: -2px;
	}
	
	div#nav ul.subnav li.b-navscroll-left a:hover,
	div#nav ul.subnav li.b-navscroll-right a:hover {
		background-position: left bottom;
	}
	
	
	div#nav a#b-informationen {
		background: url(/imgs/b_info.png) left top no-repeat !important;
		width: 30px;
		height: 31px;
		left: 632px;
		top: 8px;
		opacity: 0.5;
	}
	
	div#nav a#b-informationen:hover {
		opacity: 1;
	}
	



	div#nav li#li-suche {
		position: absolute;
		top: 8px;
		left: 692px;
	}
	
	div#nav a#b-suche {
		background: url(/imgs/b_suche.png) left top no-repeat !important;
		width: 30px;
		height: 31px;
		left: 0;
		top: 0;
		opacity: 0.5;
		z-index: 2;
	}
	
	div#nav li#li-suche:hover a, div#nav li#li-suche.active a {
		opacity: 1;
	}
	
	div#nav li#li-suche ul.subsubnav {
		position: absolute;
		top: -2px;
		left: -2px;
		width: 152px;
		height: 35px;
		background: url(/imgs/bg_li_suche.png) no-repeat;
		overflow: hidden;
		display: none;
		z-index: 1;
	}
	
	div#nav li#li-suche ul.subsubnav input.submit {
		display: none;
	}
	
	div#nav li#li-suche ul.subsubnav input#searchterm {
		background: none;
		position: absolute;
		left: 32px;
		top: 11px;
		width: 104px;
	}
	
	div#nav li#li-suche.active ul.subsubnav {
		display: block;
	}



	div#nav a#b-sprache {
		background: url(/imgs/b_lang_de.png) left top no-repeat !important;
		width: 30px;
		height: 31px;
		left: 662px;
		top: 8px;
		opacity: 0.5;
	}
	
	div#nav a#b-sprache:hover {
		opacity: 1;
	}
	



		

	
	
	
	

	/**
	*
	*	TOOLTIP
	*
	**/
	
	div#tooltip {
		position: absolute;
		top: 200px;
		left: 100px;
		z-index: 9999;
		height: 35px;
		width: auto;
		float: left;
		padding-left: 15px;
		background: url(/imgs/bg_tooltip_left.png) left top no-repeat;
	}
	
	div#tooltip p {
		height: 35px;
		background: url(/imgs/bg_tooltip_right.png) right top no-repeat;
		padding-right: 15px;
		width: auto:
		float: left;
	}
	
	div#tooltip p span {
		display: block;
		float: left;
		height: 25px;
		width: auto;
		background: url(/imgs/bg_tooltip_middle.png) center top no-repeat;
		padding-top: 10px;
		color: #333;
		font-size: 9px;
	}










	/**
	*
	*	PRELOADER
	*
	**/
	
	div#preloader {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10000;
	}
	
	div#preloader-container {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -414px;
		width: 827px;
		height: 500px;
		background: url(/imgs/bg_preloader.jpg) 0 43px no-repeat;
	}
	
	div#preloader-visual {
		position: absolute;
		bottom: 79px;
		left: 50%;
		margin-left: -253px;
		width: 506px;
		height: 0;
		background: url(/imgs/bg_preloader_visual.gif) left bottom no-repeat;
	}
	
	div#preloader-percentage {
		position: absolute;
		top: -19px;
		left: 50%;
		margin-left: -100px;
		width: 199px;
		height: 26px;
		text-align: center;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding-top: 11px;
		background: url(/imgs/bg_preloader_percentage.png) no-repeat;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/**
	*
	*	PAGE: SUCHE
	*
	**/
	
	body.page_suche div.content-text {
		column-count:1; -moz-column-count:1; -webkit-column-count:1;
	}
	
	
	
	
	
	
	/**
	*
	*	PAGE: INFORMATIONEN
	*
	**/
	
	body.page_informationen div.content-text {
		width: 709px;
		column-count:3; -moz-column-count:3; -webkit-column-count:3; 
		column-gap:1.5em; -moz-column-gap:1.5em; -webkit-column-gap:1.5em;
	}
	
	body.page_informationen p.datenschutz {
		position: absolute;
		right: 30px;
		top: 346px;
	}