html, body, form
{
  font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
  height: 100%;
	background-color: #ffffff;
	overflow-x: hidden;
    padding: 0px;
    margin: 0px;
}

div#Wrapper 
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


div.LoadingOverlay
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255,255,255,1);
	background-image: url(../images/ThermeLoad.gif);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 500;
}


div.Schliessen {display: none;}



/* ----------------------------------------*/
/* Slider Allgemein */

div.SlideContainerKlein {width: 850px !important;	position: relative !important;}
div.SlideListKlein {width: 850px;	overflow: hidden;	position: relative; z-index: 3;}
div.SlideControlsContainerKlein {height: 20px; margin-top: 10px;	overflow: visible; position: relative;	width: 850px;}

div.SlideControlsContainerKlein div.MiniSliderPrev {cursor: pointer; position: absolute; left: 0px; top: 0px;	height: 40px;	z-index: 60;}
div.SlideControlsContainerKlein div.MiniSliderNext {cursor: pointer; position: absolute; right: 0px; top: 0px; height: 40px; z-index: 60;}
div.SlideControlsContainerKlein div.MiniSliderIndicator {position: absolute; width: 850px; text-align: center; bottom: 3px;	z-index: 60;}

div.SlideControlsContainerKlein div.MiniSliderIndicator span {cursor: pointer; display: inline-block; margin-right: 5px; padding: 2px;
                                                              width: 10px;height: 10px;}

ul.SlideInnerContainerKlein {margin-top: 0px !important; padding-left: 0px; margin-left: 0px; width: 20000px; position:relative; }
ul.SlideInnerContainerKlein li {float: left; width: 850px; list-style-type: none; margin: 0px !important; padding: 0px !important; display: block;}





/* ----------------------------------------*/
/* Therme Animation */


/* Navigation */
div#NavigationAnimation {width: 210px; position: absolute; top: 0px; bottom: 0px; left: 0px; background-color: #ffffff;
                         -webkit-box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.5);
                         box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.5); z-index: 10;}
div#NavigationAnimation div#Logo {margin: 15px; margin-bottom: 30px; margin-right: 25px;}
div#NavigationAnimation div#Logo img {max-width: 100%;}

div#NavigationAnimation ul li {cursor: pointer;	margin-bottom: 5px; font-size: 14px; font-weight: 400; color: #002c5a; 
                               font-family: 'Open Sans', Arial, Verdana, Helvetica, Sans-Serif;}
div#NavigationAnimation ul li.Markiert {background-color: #002c5a; color: #ffffff;}
div#NavigationAnimation ul li a {display: block; padding: 8px; padding-left: 20px;}

div#NavigationAnimation ul li a,
div#NavigationAnimation ul li a:link,
div#NavigationAnimation ul li a:visited,
div#NavigationAnimation ul li a:hover,
div#NavigationAnimation ul li a:active {color: #002c5a; text-decoration: none;}

div#NavigationAnimation ul li.Markiert a,
div#NavigationAnimation ul li.Markiert a:link,
div#NavigationAnimation ul li.Markiert a:visited,
div#NavigationAnimation ul li.Markiert a:hover,
div#NavigationAnimation ul li.Markiert a:active {color: #ffffff; text-decoration: none;}



div#NavigationAnimation a.AnimationMiniMap
{
	cursor: pointer;
	position: absolute;
	bottom: 40px;
	left: 5px;
	width: 185px;
	z-index: 15;
    display:block;
}

div#NavigationAnimation a.AnimationMiniMapZurueck
{
    display:block;
	cursor: pointer;
	position: absolute;
	bottom: -20px;
	left: 0px;
	right: 0px;
	z-index: 15;
	font-size: 12px; 
	font-weight: 600; 
	color: #002c5a;
	font-family: 'Open Sans', Arial, Verdana, Helvetica, Sans-Serif;
	text-align: center;
	width: 185px;
}

div#NavigationAnimation a.AnimationMiniMap img {width: 100%;}




/* Animation */
div#AnimationKomplett {margin-left: 210px; position: relative;}
div#AnimationViewport {width: 850px !important; position: relative;}

div.AnimationUebersicht, div.SlideContainerKlein {position: absolute; left: 0px; top: 0px;}





/* Slider */
div.AnimationKatItem
{
	position: relative;
	width: 850px !important;
}

div.AnimationKatItem ul li 
{
	width: 850px !important;
	position: relative;
}


.KatItemThumb
{
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
}




/* Controls Ebene */
div.AnimationItemContainer
{
	margin-left: 50px;
	margin-right: 50px;
}

div.AnimationKatItem div.AnimationText
{
	position: relative;
	padding: 15px;
	padding-left: 40px;
	padding-right: 40px;
	color: #313131;
	font-family: 'Open Sans', Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
}

div.AnimationKatItem div.TitelAnimation
{
	position: relative;
	padding: 20px;
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 40px;
	overflow: hidden;
	color: #002c5a;
	font-family: 'Open Sans', Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}



div.AnimationControls
{
	height: 638px;
	position: absolute;
	width: 850px !important;
	z-index: 50;
}

div.AnimationControls div.AnimationPrev
{
	background-image: url(../images/Therme2014/AnimPfeilLinks.png);
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 60px;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	opacity: 0.75;
}

div.AnimationControls div.AnimationNext
{
	background-image: url(../images/Therme2014/AnimPfeilRechts.png);
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 60px;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	opacity: 0.75;
}

div.AnimationControls div.AnimationPrev:hover,
div.AnimationControls div.AnimationNext:hover {opacity: 1;}


div.AnimationControls div.AnimationIndicator
{
	position: absolute;
	height: 20px;
	bottom: 10px;
	z-index: 10;
	left: 0px;
	right: 0px;
	text-align: center;
}


div.AnimationControls div.AnimationIndicator span
{
	border: 1px solid #ffffff;
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-left: 3px;
	margin-right: 3px;
	border-radius: 50%;
	cursor: pointer;
}

div.AnimationControls div.AnimationIndicator span:hover,
div.AnimationControls div.AnimationIndicator span.Aktiv {background-color: #ffffff;}

div.AnimationPOI
{
	cursor: pointer;
	position: absolute;
	height: 54px;
	width: 53px;
	line-height: 15px;
	z-index: 55;
	margin-left: -20px;
	margin-top: -20px;
}


div.AnimationPOI:hover {z-index: 60;}



div.AnimationPOIname
{
	background-color: #ffffff;
	color: #002c5a;
	font-family: 'Open Sans', Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 15px;
	margin-top: -45px;
	margin-left: 50px;
	min-width: 80px;
	padding: 8px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	z-index: 60 !important;
}