<!--

	body { position:relative; overflow:hidden; margin:0px; border:none; user-select:none; }

	.menu-left-div {
		position:relative; overflow:hidden; background-color:darkgrey;
		border-top:10px solid lightgrey; border-bottom:10px solid lightgrey;
		border-top-left-radius:10px;
		height:155px; /* border hinzu rechnen - passend fuer IE 6+ */
	}
	html>body .menu-left-div {
		height:135px; /* passend fuer alle anderen Browser */
	}
	.menu-div {
		position:relative; overflow:hidden; background-color:lightgrey;
		border-top:10px solid darkgrey; border-bottom:10px solid darkgrey;
		height:155px; /* border hinzu rechnen - passend fuer IE 6+ */
	}
	html>body .menu-div { height:135px; } /* passend fuer alle anderen Browser */
	.filmframe-div {
		position:relative; overflow:hidden; background-color:lightgrey;
		height:135px; /* border hinzu rechnen - passend fuer IE 6+ */
	}
	html>body .filmframe-div { height:135px; } /* passend fuer alle anderen Browser */
	.sub-div {
		position:relative; overflow:hidden; 
		border-color:white; border-top:10px solid lightgrey; border-bottom:10px solid lightgrey;
		border-top-right-radius:30px; border-bottom-left-radius:30px; border-bottom-right-radius:30px;
		font-family:Arial; font-size:14px; color:dimgrey; background-color:darkgrey;
		height:50px; width:650px; /* border hinzu rechnen - passend fuer IE 6+ */
	}
	html>body .sub-div { height:30px; width:650px; } /* passend fuer alle anderen Browser */

	/* Punktspiel */
	#bgDot { top:0px; left:0px; width:20px; height:135px; background-color:darkgrey; }
	#underDot {
		position:absolute; top:0px; left:0px; right:0px; width:20px; height:10px;
		background-color:lightgrey;
	}
	#dot { position:absolute; background-color:orange; }

	/* Seitenvorschau */
	.film_normal {
		position:absolute; top:3px; right:11px; width:134px; height:129px;
		border:0px; z-index:3;
	}
	.bild_normal {
		position:absolute; top:24px; right:11px; width:134px; height:90px;
		border:0px; z-index:2;
	}
	.film_hochkant {
		position:absolute; top:1px; right:11px; width:128px; height:133px;
		border:0px; z-index:3;
	}
	.bild_hochkant {
		position:absolute; top:1px; right:30px; width:90px; height:133px;
		border:0px; z-index:2; 
	}

	/* Menue - Links */
	a:focus { outline:none; }
	a.active, a.inactive { font-family:Arial; text-decoration:none; }
	a.inactive {
		color:grey; padding:0px 4px 0px 4px; border-radius: 6px;
		-webkit-transition: all 0.5s ease; transition: all 0.5s ease;
	}
	a.inactive:hover {
		color:orange; background:url(images/menu_hl_2.png) center center no-repeat;
		background-size:100% 100%; 
	}
	a.active {
		color:grey; background-color:white; padding:0px 4px 0px 4px; border-radius: 6px;
		-webkit-transition: all 0.5s ease; transition: all 0.5s ease;
	}
	a.active:hover { color:orange; }

	.menupoint { position:absolute; color:grey; font-family:Arial; white-space:nowrap; z-index:3; }

	#Achensee               { left: 27%; top: 76%; font-size:17px; transform: translate(-50%, -50%); }
	#Austria                { left: 94%; top: 10%; font-size:20px; transform: translate(-50%, -50%); }
	#Bayern                 { left: 35%; top: 35%; font-size:16px; transform: translate(-50%, -50%); }
	#Bella_Italia           { left: 72%; top: 29%; font-size:18px; transform: translate(-50%, -50%); }
	#Branitz                { left:  5%; top: 10%; font-size:14px; transform: translate(-50%, -50%); }
	#BTU_Cottbus            { left: 77%; top: 87%; font-size:14px; transform: translate(-50%, -50%); }
	#Burgen_und_Schloesser  { left: 42%; top: 93%; font-size:14px; transform: translate(-50%, -50%); }
	#Cottbus                { left: 58%; top: 13%; font-size:14px; transform: translate(-50%, -50%); }
	#Dolomiten              { left: 10%; top: 74%; font-size:17px; transform: translate(-50%, -50%); }
	#Dresden                { left: 82%; top: 64%; font-size:14px; transform: translate(-50%, -50%); }
	#Graz                   { left: 4%;  top: 57%; font-size:15px; transform: translate(-50%, -50%); }
	#Graebendorfer_See      { left: 52%; top: 25%; font-size:14px; transform: translate(-50%, -50%); }
	#Fernwanderungen        { left: 63%; top: 43%; font-size:17px; transform: translate(-50%, -50%); }
	#Fernwanderungen_Jahre {
		position:absolute; left: 63%; top: 68%; font-size:10px; transform: translate(-50%, -50%);
	}
	#F2007	{ position:relative; float:left; }
	#F2008	{ position:relative; float:left; }
	#F2009	{ position:relative; float:left; }
	#F2010	{ position:relative; float:left; }
	#F2011	{ position:relative; float:left; }
	#F2012	{ position:relative; clear:left; float:left; }
	#F2013	{ position:relative; float:left; }
	#F2014	{ position:relative; float:left; }
	#F2015	{ position:relative; float:left; }
	#F2016	{ position:relative; float:left; }
	#F2017	{ position:relative; clear:left; float:left; }
	#F2018	{ position:relative; float:left; }
	#F2019	{ position:relative; float:left; }
	#F2020	{ position:relative; float:left; }
	#F2021	{ position:relative; float:left; }
	#F2022	{ position:relative; clear:left; float:left; }
	#F2023	{ position:relative; float:left; }
	#F2024	{ position:relative; float:left; }
	#F2025	{ position:relative; float:left; }

	#Herbst                { left:  7%; top: 93%; font-size:14px; transform: translate(-50%, -50%); }
	#Im_Norden             { left: 89%; top: 76%; font-size:14px; transform: translate(-50%, -50%); }
	#In_eigener_Sache      { left: 12%; top: 88%; font-size:14px; transform: translate(-50%, -50%); }
	#Kletterecke           { left: 22%; top: 31%; font-size:12px; transform: translate(-50%, -50%); }
	#Lausitz               { left: 83%; top: 43%; font-size:14px; transform: translate(-50%, -50%); }
	#London                { left:  7%; top: 29%; font-size:16px; transform: translate(-50%, -50%); }
	#Narben                { left: 93%; top: 36%; font-size:16px; transform: translate(-50%, -50%); }
	#Natur                 { left: 26%; top: 48%; font-size:14px; transform: translate(-50%, -50%); }
	#Porto                 { left: 13%; top:  7%; font-size:14px; transform: translate(-50%, -50%); }
	#Malerweg              { left: 63%; top: 92%; font-size:13px; transform: translate(-50%, -50%); }
	#Muenchen              { left: 95%; top: 92%; font-size:13px; transform: translate(-50%, -50%); }
	#Oslo                  { left: 33%; top: 65%; font-size:14px; transform: translate(-50%, -50%); }
	#Ruegen                { left: 43%; top: 70%; font-size:20px; transform: translate(-50%, -50%); }
	#Schwarzer_Laubfrosch  { left: 23%; top: 18%; font-size:14px; transform: translate(-50%, -50%); }
	#Schwarzwald           { left: 76%; top: 11%; font-size:16px; transform: translate(-50%, -50%); }
	#Steiermark            { left: 87%; top: 23%; font-size:13px; transform: translate(-50%, -50%); }
	#Strasbourg            { left: 20%; top: 90%; font-size:16px; transform: translate(-50%, -50%); }
	#Ulm                   { left: 41%; top:  9%; font-size:18px; transform: translate(-50%, -50%); }
	#Valencia              { left: 45%; top: 38%; font-size:14px; transform: translate(-50%, -50%); }
	#Verfall               { left: 95%; top: 53%; font-size:14px; transform: translate(-50%, -50%); }
	#Vermischtes           { left: 13%; top: 42%; font-size:17px; transform: translate(-50%, -50%); }
	#Winter                { left: 38%; top: 52%; font-size:19px; transform: translate(-50%, -50%); }
	#Zeit_der_Corvids      { left: 21%; top: 61%; font-size:12px; transform: translate(-50%, -50%); }

-->