/* Animationen */

#animationen {
	margin-top: 0;
	margin-bottom: 30px;
}

#animationen .box .animation {
	box-sizing: border-box;
	background-color: #ffffff;
	border: 2px solid #ccc;
}

#animationen .box .animation #javascript_beispiel {
	width: 100%;
	height: 330px;
	overflow: hidden;
}

#animationen .previewbox {
	display: inline-block;
    margin: 10px 10px 0 0;
}

#animationen .previewbox:last-child {
    margin-right: 0;
}

#animationen .previewbox a,
#animationen .previewbox a img {
	display: block;
}

#animationen .previewbox a {
	border: 3px outset #ccc;
}

#animationen .previewbox a:hover {
	border: 3px solid #b12f2f;
}

#animationen .previewbox a img {
	width: 80px;
    object-fit: cover;
    height: 80px;
}

/* feuerball3D */

.detailsInfo .picture {
	display: block;
}

.fb3dbutton {
	font-size: 16px;
	line-height: normal;
	height: auto;
}

.feuerball3D {
	position:relativ;
	margin: 0 auto;
}

.fb3dpan {
	background: #fff;
	position: relative;
	padding: 0;
	margin: 0;
}

.fb3dpan span.loader {
	position:absolute;
	left:0;
	top:0;
	z-index: 1;
	display: none;
	color: #000;
	background: #fff;
	font: normal 9px Arial, Verdana;
	padding: 3px;
}

.fb3dwrap .zoomIcon {
	position:absolute;
	cursor:pointer;
	left:0;
	top:0;
	z-index: 1;
	display: none;
}

#imagebox {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lboximgdatacontainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	padding: 0 10px 10px 10px; 
	color:#666;
}
#fb3dzoomloading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lboximgdatacontainer #fb3dzoomlbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#fb3dzoom-image-caption { font-weight: bold; }


#infinite { 
	position:absolute;
	z-index: 10;
}

#infinite  #zoomin { 
	position:relative;
	overflow:hidden;
	z-index: 10;
	display:inline;
}

#infinite #zoomout { 
	position:relative;
	overflow:hidden;
	z-index: 10;
}

#hotspots, #hotspotclose, #fullscreen, #playpause, #audiomute, #navigation-x, #navigation-y, #navy { 
	position:absolute;
	z-index: 11;
}

#hotspots  #hs_on, #hotspots  #hs_off, #fullscreen  #fs_on, #fullscreen  #fs_off, #audiomute #soundon, #audiomute #soundoff, #playpause  #play, #playpause  #pause { 
	position:relative;
	overflow:hidden;
	z-index: 11;
}

#hotspots  #hs_off, #fullscreen  #fs_off, #audiomute #soundoff, #playpause  #play { 
	display:none;
}

#hotspotclose  #close { 
	position:relative;
	overflow:hidden;
	z-index: 12;
	display:none;
}

.reel-annotation {
	float: left;
}

.reel-annotation a, .reel-annotation a img {
	border: 0px;
}

.reel-annotation a {
	filter: alpha(opacity = 75);
	-ms-filter: "alpha(opacity = 75)";
	opacity: .75;
}
.reel-annotation a:hover {
	filter: alpha(opacity = 100);
	-ms-filter: "alpha(opacity = 100)";
	opacity: 1.0;
}

.hotspot-detail {
	background-color: #ffffff;
}

#zoom-tiles img:-moz-loading {
    visibility: hidden;
}

.basic .fb3d-btn {
	position: relative;
	display: inline-block;
	padding: 0;
    margin: 0;
	width: 28px;
	height: 28px;
	border: 3px solid #cccccc;
	border-radius: 14px;
    font-weight: normal;
    color: #cccccc;
	background-color: #fff;
	cursor: pointer;
}

.basic .fb3d-btn.fb3d-btn-drag,
.basic .fb3d-btn.fb3d-btn-rotate {
	margin-top: 1rem;
}

.basic .fb3d-btn:before {
	position: absolute;
	display: inline-block;
	width: 16px;
	height: 16px;
	content: ' ';
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
	background-image: url(basic_navi/basic_off.png);
	background-position: 0px 0px;
}

.basic .fb3d-btn:hover,
.basic .fb3d-btn:focus-visible {
	background-color: #ccc;
	color: #fff;
}

.basic .fb3d-btn:hover:before,
.basic .fb3d-btn:focus-visible:before {
	background-image: url(basic_navi/basic_on.png);
}

.basic .fb3d-btn.fb3d-btn-right:before {
	background-position: -17px 0px;
}

.basic .fb3d-btn.fb3d-btn-top:before {
	background-position: 0px -17px;
}

.basic .fb3d-btn.fb3d-btn-bottom:before {
	background-position: -17px -17px;
}

.basic .fb3d-btn.fb3d-btn-play:before {
	background-position: -51px 0px;
}

.basic .fb3d-btn.fb3d-btn-pause:before {
	background-position: -51px 0px;
}

.basic .fb3d-btn.fb3d-btn-fson:before {
	background-position: -34px 0px;
}

.basic .fb3d-btn.fb3d-btn-fsoff:before {
	background-position: -34px -17px;
}

.basic .fb3d-btn.fb3d-btn-hson:before {
	background-position: -85px -17px;
}

.basic .fb3d-btn.fb3d-btn-hsoff:before {
	background-position: -102px -17px;
}

.basic .fb3d-btn.fb3d-btn-close:before {
	background-position: -51px -17px;
}

.basic .fb3d-btn.fb3d-btn-soundon:before {
	background-position: -85px 0px;
}

.basic .fb3d-btn.fb3d-btn-soundoff:before {
	background-position: -68px 0px;
}

.basic .fb3d-btn.fb3d-btn-zoomin:before {
	background-position: 0px -78px;
}

.basic .fb3d-btn.fb3d-btn-zoomout:before {
	background-position: -17px -78px;
}

.basic .fb3d-btn.fb3d-btn-drag:before {
	background-position: -34px -34px;
}

.basic .fb3d-btn.fb3d-btn-rotate:before {
	background-position: -51px -34px;
}

.basic #navigation-x {
    display: flex;
	align-items: center;
}

.basic .fb3d-btn.fb3d-btn-left,
.basic .fb3d-btn.fb3d-btn-right {
	display: inline;
}

.basic #slidernavi-x {
	display: flex;
	padding: .5rem;
}

.basic #standardaudio {
	display: inline-block;
	margin-left: .5rem;
}

.basic #infinite {
	width: 30px;
	text-align: center;
}

.basic .fb3d-btn-nav-x,
.basic .fb3d-btn-nav-y,
.basic .fb3daudioslider,
.basic .fb3dzoomslider {
	position: relative;
	display: inline-block;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 3px;
	background: #ccc;
	outline: none;
}

.basic .fb3d-btn-nav-y,
.basic .fb3dzoomslider {
    text-align: left;
    top: 0px;
    writing-mode: vertical-lr;
    direction: rtl;
    vertical-align: bottom;
	
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	border: 0px;
}

.basic .fb3d-btn-nav-x::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 14px;
	height: 14px;
	border: 3px solid #ccc;
	border-radius: 7px;
	background-color: #fff;
	cursor: pointer;
}

.basic .fb3d-btn-nav-x:hover::-webkit-slider-thumb,
.basic .fb3d-btn-nav-x:focus-visible::-webkit-slider-thumb {
	background-color: #ccc;
}

.basic .fb3d-btn-nav-x::-moz-range-thumb {
	width: 14px;
	height: 14px;
	border: 3px solid #ccc;
	border-radius: 7px;
	background-color: #fff;
	cursor: pointer;
}

.basic .fb3d-btn-nav-x:hover::-moz-range-thumb,
.basic .fb3d-btn-nav-x:focus-visible::-moz-range-thumb {
	background-color: #ccc;
}

.basic .fb3daudioslider {
	width: 40px;
	height: 24px;
	background: url(basic_navi/basic_off.png) 0px -50px no-repeat;
}

.basic .fb3daudioslider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 8px;
	height: 24px;
	border: 3px solid #ccc;
	border-radius: 7px;
	background-color: #fff;
	cursor: pointer;
}

.basic .fb3daudioslider:hover::-webkit-slider-thumb,
.basic .fb3daudioslider:focus-visible::-webkit-slider-thumb {
	background-color: #ccc;
}

.basic .fb3daudioslider::-moz-range-thumb {
	width: 8px;
	height: 24px;
	border: 3px solid #ccc;
	border-radius: 7px;
	background-color: #fff;
	cursor: pointer;
}

.basic .fb3daudioslider:hover::-moz-range-thumb,
.basic .fb3daudioslider:focus-visible::-moz-range-thumb {
	background-color: #ccc;
}

.basic .fb3dzoomslider {
	width: 20px;
	height: 48px;
	background: url(basic_navi/basic_off.png) 0px -104px no-repeat;
	margin: .3rem;
}

.basic .fb3dzoomslider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 24px;
	height: 8px;
	border: 3px solid #ccc;
	border-radius: 7px;
	background-color: #fff;
	cursor: pointer;
}

.basic .fb3dzoomslider:hover::-webkit-slider-thumb,
.basic .fb3dzoomslider:focus-visible::-webkit-slider-thumb {
	background-color: #ccc;
}

.basic .fb3dzoomslider::-moz-range-thumb {
	width: 24px;
	height: 8px;
	border: 3px solid #ccc;
	border-radius: 7px;
	background-color: #fff;
	cursor: pointer;
}

.basic .fb3dzoomslider:hover::-moz-range-thumb,
.basic .fb3dzoomslider:focus-visible::-moz-range-thumb {
	background-color: #ccc;
}





.custom .fb3d-btn {
	position: relative;
	display: inline-block;
	padding: 0;
    margin: 0;
	width: 40px;
	height: 40px;
    font-weight: normal;
    border: 0;
    background-color: transparent;
	cursor: pointer;
}

.custom .fb3d-btn.fb3d-btn-drag,
.custom .fb3d-btn.fb3d-btn-rotate {
	margin-top: 1rem;
}

.custom .fb3d-btn.fb3d-btn-right {
	background-image: url(custom_navi/ani_pfeil_rechts1.png);
}

.custom .fb3d-btn.fb3d-btn-right:hover,
.custom .fb3d-btn.fb3d-btn-right:focus-visible {
	background-image: url(custom_navi/ani_pfeil_rechts2.png);
}

.custom .fb3d-btn.fb3d-btn-left {
	background-image: url(custom_navi/ani_pfeil_links1.png);
}

.custom .fb3d-btn.fb3d-btn-left:hover,
.custom .fb3d-btn.fb3d-btn-left:focus-visible {
	background-image: url(custom_navi/ani_pfeil_links2.png);
}

.custom .fb3d-btn.fb3d-btn-top {
	background-image: url(custom_navi/ani_pfeil_oben1.png);
}

.custom .fb3d-btn.fb3d-btn-top:hover,
.custom .fb3d-btn.fb3d-btn-top:focus-visible {
	background-image: url(custom_navi/ani_pfeil_oben2.png);
}

.custom .fb3d-btn.fb3d-btn-bottom {
	background-image: url(custom_navi/ani_pfeil_unten1.png);
}

.custom .fb3d-btn.fb3d-btn-bottom:hover,
.custom .fb3d-btn.fb3d-btn-bottom:focus-visible {
	background-image: url(custom_navi/ani_pfeil_unten2.png);
}

.custom .fb3d-btn.fb3d-btn-play {
	background-image: url(custom_navi/ani_playpause_off.png);
}

.custom .fb3d-btn.fb3d-btn-play:hover,
.custom .fb3d-btn.fb3d-btn-play:focus-visible {
	background-image: url(custom_navi/ani_playpause_on.png);
}

.custom .fb3d-btn.fb3d-btn-pause {
	background-image: url(custom_navi/ani_playpause_on.png);
}

.custom .fb3d-btn.fb3d-btn-pause:hover,
.custom .fb3d-btn.fb3d-btn-pause:focus-visible {
	background-image: url(custom_navi/ani_playpause_off.png);
}

.custom .fb3d-btn.fb3d-btn-fson {
	background-image: url(custom_navi/ani_fullscreen_on1.png);
}

.custom .fb3d-btn.fb3d-btn-fson:hover,
.custom .fb3d-btn.fb3d-btn-fson:focus-visible {
	background-image: url(custom_navi/ani_fullscreen_on2.png);
}

.custom .fb3d-btn.fb3d-btn-fsoff {
	background-image: url(custom_navi/ani_fullscreen_on1.png);
}

.custom .fb3d-btn.fb3d-btn-fsoff:hover,
.custom .fb3d-btn.fb3d-btn-fsoff:focus-visible {
	background-image: url(custom_navi/ani_fullscreen_on2.png);
}

.custom .fb3d-btn.fb3d-btn-hson {
	background-image: url(custom_navi/ani_hotspot_on1.png);
}

.custom .fb3d-btn.fb3d-btn-hson:hover,
.custom .fb3d-btn.fb3d-btn-hson:focus-visible {
	background-image: url(custom_navi/ani_hotspot_on2.png);
}

.custom .fb3d-btn.fb3d-btn-hsoff {
	background-image: url(custom_navi/ani_hotspot_off2.png);
}

.custom .fb3d-btn.fb3d-btn-hsoff:hover,
.custom .fb3d-btn.fb3d-btn-hsoff:focus-visible {
	background-image: url(custom_navi/ani_hotspot_off1.png);
}

.custom .fb3d-btn.fb3d-btn-close {
	background-image: url(custom_navi/ani_close1.png);
}

.custom .fb3d-btn.fb3d-btn-close:hover,
.custom .fb3d-btn.fb3d-btn-close:focus-visible {
	background-image: url(custom_navi/ani_close2.png);
}

.custom .fb3d-btn.fb3d-btn-soundon {
	background-image: url(custom_navi/ani_audio_on1.png);
}

.custom .fb3d-btn.fb3d-btn-soundon:hover,
.custom .fb3d-btn.fb3d-btn-soundon:focus-visible {
	background-image: url(custom_navi/ani_audio_on2.png);
}

.custom .fb3d-btn.fb3d-btn-soundoff {
	background-image: url(custom_navi/ani_audio_off2.png);
}

.custom .fb3d-btn.fb3d-btn-soundoff:hover,
.custom .fb3d-btn.fb3d-btn-soundoff:focus-visible {
	background-image: url(custom_navi/ani_audio_off1.png);
}

.custom .fb3d-btn.fb3d-btn-zoomin {
	background-image: url(custom_navi/ani_zoom_plus1.png);
}

.custom .fb3d-btn.fb3d-btn-zoomin:hover,
.custom .fb3d-btn.fb3d-btn-zoomin:focus-visible {
	background-image: url(custom_navi/ani_zoom_plus2.png);
}

.custom .fb3d-btn.fb3d-btn-zoomout {
	background-image: url(custom_navi/ani_zoom_minus1.png);
}

.custom .fb3d-btn.fb3d-btn-zoomout:hover,
.custom .fb3d-btn.fb3d-btn-zoomout:focus-visible {
	background-image: url(custom_navi/ani_zoom_minus2.png);
}

.custom .fb3d-btn.fb3d-btn-zoomin.fb3d-btn-szoom {
	width: 26px;
	height: 26px;
	background-image: url(custom_navi/ani_szoom_plus1.png);
}

.custom .fb3d-btn.fb3d-btn-zoomin.fb3d-btn-szoom:hover,
.custom .fb3d-btn.fb3d-btn-zoomin.fb3d-btn-szoom:focus-visible {
	background-image: url(custom_navi/ani_szoom_plus2.png);
}

.custom .fb3d-btn.fb3d-btn-zoomout.fb3d-btn-szoom {
	width: 26px;
	height: 26px;
	background-image: url(custom_navi/ani_szoom_minus1.png);
}

.custom .fb3d-btn.fb3d-btn-zoomout.fb3d-btn-szoom:hover,
.custom .fb3d-btn.fb3d-btn-zoomout.fb3d-btn-szoom:focus-visible {
	background-image: url(custom_navi/ani_szoom_minus2.png);
}

.custom .fb3d-btn.fb3d-btn-drag {
	background-image: url(custom_navi/ani_dragbutton_off.png);
}

.custom .fb3d-btn.fb3d-btn-drag:hover,
.custom .fb3d-btn.fb3d-btn-drag:focus-visible {
	background-image: url(custom_navi/ani_dragbutton_on.png);
}

.custom .fb3d-btn.fb3d-btn-rotate {
	background-image: url(custom_navi/ani_rotatebutton_off.png);
}

.custom .fb3d-btn.fb3d-btn-rotate:hover,
.custom .fb3d-btn.fb3d-btn-rotate:focus-visible {
	background-image: url(custom_navi/ani_rotatebutton_on.png);
}

.custom #navigation-x {
    display: flex;
	align-items: center;
}

.custom .fb3d-btn.fb3d-btn-left,
.custom .fb3d-btn.fb3d-btn-right {
	display: inline;
}

.custom #slidernavi-x {
	display: flex;
	padding: .5rem;
}

.custom #standardaudio {
	display: inline-block;
	margin-left: .5rem;
	position: relative;
	top: -5px;
}

.custom #infinite {
	width: 40px;
	text-align: center;
}

.custom .fb3d-btn-nav-x,
.custom .fb3d-btn-nav-y,
.custom .fb3daudioslider,
.custom .fb3dzoomslider {
	position: relative;
	display: inline-block;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 5px;
	background: transparent url(custom_navi/ani_linie.png) repeat-x center center;
	outline: none;
}

.custom .fb3d-btn-nav-y,
.custom .fb3dzoomslider {
    text-align: left;
    top: 0px;
    writing-mode: vertical-lr;
    direction: rtl;
    vertical-align: bottom;
	
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	border: 0px;
}

.custom .fb3d-btn-nav-x::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 17px;
	height: 17px;
	background: url(custom_navi/ani_regler.png) no-repeat;
	cursor: pointer;
}

.custom .fb3d-btn-nav-x::-moz-range-thumb {
	width: 17px;
	height: 17px;
	background: url(custom_navi/ani_regler.png) no-repeat;
	cursor: pointer;
}

.custom .fb3daudioslider {
	width: 40px;
	height: 25px;
	background: url(custom_navi/ani_audio_dreieck.png) no-repeat;
}

.custom .fb3daudioslider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 9px;
	height: 26px;
	background: url(custom_navi/ani_audio_regler.png) no-repeat;
	cursor: pointer;
}

.custom .fb3daudioslider::-moz-range-thumb {
	width: 9px;
	height: 26px;
	background: url(custom_navi/ani_audio_regler.png) no-repeat;
	cursor: pointer;
}

.custom .fb3dzoomslider {
	width: 16px;
	height: 48px;
	background: url(custom_navi/ani_szoom_dreieck.png) no-repeat;
	margin: .3rem;
}

.custom .fb3dzoomslider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 26px;
	height: 9px;
	background: url(custom_navi/ani_szoom_regler.png) no-repeat;
	cursor: pointer;
}

.custom .fb3dzoomslider::-moz-range-thumb {
	width: 26px;
	height: 9px;
	background: url(custom_navi/ani_szoom_regler.png) no-repeat;
	cursor: pointer;
}

.basic #dragrotate,
.custom #dragrotate {
	display: none;
}

.basic .hotspot-circle,
.custom .hotspot-circle,
.future .hotspot-circle { 
	border: 2px solid #cccccc;
	background-color: #ffffff;
	display: inline-block;
	position: relative;
	padding: 0;
	margin-right: .1em;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible;
	width: 10px;
	height: 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.custom .hotspot-circle { 
	border-color: #4e4e4e;
}

.basic .hotspot-dot,
.custom .hotspot-dot,
.future .hotspot-dot {
	background-color: #cccccc;
	display: inline-block;
	position: relative;
	padding: 0;
	margin-right: .1em;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible;
	width: 4px;
	height: 4px;
	margin: 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.custom .hotspot-dot { 
	background-color: #4e4e4e;
}

.basic .hotspot-detail,
.custom .hotspot-detail,
.future .hotspot-detail {
	width: 100%;
	height: 100%;
}

.basic .hotspot-title,
.custom .hotspot-title,
.future .hotspot-title {
	padding: 2px;
	font-weight: bold;
}

.basic .hotspot-text,
.custom .hotspot-text,
.future .hotspot-text {
	padding: 2px;
}



.future .fb3d-btn {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 26px;
	border: 1px solid #b1b1b1;
    font-weight: normal;
    color: #cccccc;
	background-image: -webkit-linear-gradient(top, #fff 25%, #ccc 100%);
	cursor: pointer;
}

.future .fb3d-btn.fb3d-btn-navxon {
	box-sizing: border-box;
	cursor: inherit;
}

.future .fb3d-btn:before {
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 26px;
	content: ' ';
    top: 0;
    left: 0;
	background-image: url(future_navi/future_off.png);
	background-position: 0px 0px;
}

.future .fb3d-btn:hover:before,
.future .fb3d-btn:focus-visible:before {
	background-image: url(future_navi/future_on.png);
}

.future .fb3d-btn.fb3d-btn-pause:before {
	background-position: -30px 0px;
}

.future .fb3d-btn.fb3d-btn-fson:before {
	background-position: -60px -50px;
}

.future .fb3d-btn.fb3d-btn-fsoff:before {
	background-position: -90px -50px;
}

.future .fb3d-btn.fb3d-btn-zoomin:before {
	background-position: -60px 0px;
}

.future .fb3d-btn.fb3d-btn-zoomout:before {
	background-position: -90px 0px;
}

.future .fb3d-btn.fb3d-btn-zoomin.btn-szoom:before {
	background-position: -120px 0px;
}

.future .fb3d-btn.fb3d-btn-zoomout.btn-szoom:before {
	background-position: -150px 0px;
}

.future .fb3d-btn.fb3d-btn-drag:before {
	background-position: 0px -50px;
}

.future .fb3d-btn.fb3d-btn-rotate:before {
	background-position: -30px -50px;
}

.future .fb3d-btn.fb3d-btn-soundon:before {
	background-position: 0px -25px;
}

.future .fb3d-btn.fb3d-btn-soundoff:before {
	background-position: -30px -25px;
}

.future .fb3d-btn.fb3d-btn-navxon:before {
	background-position: -90px -25px;
}

.future .fb3d-btn.fb3d-btn-navyon:before {
	background-position: -60px -25px;
}

.future .fb3d-btn.fb3d-btn-close:before {
	background-position: -90px -75px;
}

.future .fb3d-btn.fb3d-btn-hson:before {
	background-position: -30px -75px;
}

.future .fb3d-btn.fb3d-btn-hsoff:before {
	background-position: -60px -75px;
}

.future #testnavigation-x,
.future #testnavigation-y { 
	position: absolute;
	z-index: 9;
}

.future #futurenavi-x {
	display: inline-block;
	padding: 0.49rem;
	border: 1px solid #b1b1b1;
}

.future #futurenavi-x,
.future #futurenavi-y,
.future #infinite #futurezoom,
.future #audiomute #futureaudio {
	background-image: linear-gradient(top, #ccc 0%, #fff 75%);
	background-image: -moz-linear-gradient(top, #ccc 0%, #fff 75%);
	background-image: -webkit-linear-gradient(top, #ccc 0%, #fff 75%);
	background-image: -ms-linear-gradient(top, #ccc 0%, #fff 75%);
	background-image: -o-linear-gradient(top, #ccc 0%, #fff 75%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');	
}

.future .fb3d-btn-nav-x,
.future .fb3d-btn-nav-y {
	position: relative;
	display: block;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 5px;
	background: #aaaaaa;
	outline: none;
	border-top: 1px solid #b1b1b1;
}

.future .fb3d-btn-nav-y {
    text-align: left;
    top: 0px;
    writing-mode: vertical-lr;
    direction: rtl;
    vertical-align: bottom;
	
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	border: 0px;
}

.future .fb3d-btn-nav-x::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 17px;
	height: 17px;
	background: url(future_navi/future_off.png) -6px -80px;
	cursor: pointer;
}

.future .fb3d-btn-nav-x::-moz-range-thumb {
	width: 17px;
	height: 17px;
	background: url(future_navi/future_off.png) -6px -80px;
	cursor: pointer;
}

.future .fb3d-btn-nav-y::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 17px;
	height: 17px;
	background: url(future_navi/future_off.png) -6px -80px;
	cursor: pointer;
}

.future .fb3d-btn-nav-y::-moz-range-thumb {
	width: 17px;
	height: 17px;
	background: url(future_navi/future_off.png) -6px -80px;
	cursor: pointer;
}

.future #testnavigation-y #futurenavi-y,
.future #infinite #futurezoom,
.future #audiomute #futureaudio {
	display: none;
	position: absolute;
	left: 0;
	top: -60px;
    z-index: 9;
    text-align: left;
    width: 30px;
    border: 1px solid #b1b1b1;
}

.future #testnavigation-y #futurenavi-y {
	padding: 0.5rem 0.6375rem;
    width: 8px;
	top: -114px;
}

.future #infinite #futurezoom.dragrotate {
	top: -86px;
}

.future #testnavigation-y:hover #futurenavi-y,
.future #infinite:hover #futurezoom,
.future #audiomute:hover #futureaudio {
	display: inline;
}

.future #infinite #futurezoom .fb3dzoomslider,
.future #audiomute #futureaudio .fb3daudioslider {
	position: relative;
	display: block;	
	z-index: 11;
    text-align: left;
    width: 16px;
    margin: 0.4rem;
    height: 46px;
    top: 0px;
    writing-mode: vertical-lr;
    direction: rtl;
    vertical-align: bottom;
	
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	background: url(future_navi/future_off.png) -6px -110px no-repeat;
    border: 0px;
}

.future #infinite #futurezoom .fb3dzoomslider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 26px;
	height: 9px;
	background: url(future_navi/future_off.png) -122px -84px;
	cursor: pointer;
}

.future #infinite #futurezoom .fb3dzoomslider::-moz-range-thumb {
	width: 26px;
	height: 9px;
	background: url(future_navi/future_off.png) -122px -84px;
	cursor: pointer;
}

.future #audiomute #futureaudio .fb3daudioslider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 26px;
	height: 9px;
	background: url(future_navi/future_off.png) -122px -84px;
	cursor: pointer;
}

.future #audiomute #futureaudio .fb3daudioslider::-moz-range-thumb {
	width: 26px;
	height: 9px;
	background: url(future_navi/future_off.png) -122px -84px;
	cursor: pointer;
}