/* the static css part, do not change anything here */
a { text-decoration:none; color:white }
body { margin:0px; padding:0px; background:#FFFFFF; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; line-height:1.3em; }
scroll-content ul, scroll-content ol { margin:0; }
scroll-content ul li { list-style-image:url(./../img/common/core/bullet.png); padding-bottom:15px;  margin-left:-25px; }
scroll-content ol { font-weight:bold; line-height:18px; list-style:outside decimal; margin:0; padding:0 20px; }
scroll-content ol li { margin:0 0 15px; }
scroll-content ol li span { font-weight:normal }
img, scroll, #wrapper, #footer, .big-video-size, .content, .headline, .intro, .no-video-support, .scroll-pane, .skip-intro, .normal-video,
.close-zoom, .instruction-swipe, .headlines-360, .scroll-pane-wide, .speaker, #footer-intro, #footer-intro-menu, #zoom-controls
{ position:absolute; float:left; display:block; }
img { border:none; margin:0px;}
#zoom-controls { display:none }
.current, .sub-menu ul li.current, .menu-top ul li.current { background-color:#EAEAEA; }
.video-glow {	box-shadow:0 0 50px 5px rgba(211,220,238,0.5);
				-moz-box-shadow:0 0 50px 5px rgba(211,220,238,0.5);
				-webkit-box-shadow:0 0 50px 5px rgba(211,220,238,0.5);

				border:1px solid rgba(211,220,238,1) ;
				}
.close-zoom { margin-top:32px; margin-left:947px; cursor:pointer }
.cursori { cursor:pointer }
.drop-down { background-image:url(../img/common/core/menu_drop_down.png); width:36px; height:36px; position:relative; margin-left:180px; }
.headline { font-size:20px; font-weight:bold; margin-top:27px; padding-left:27px; }
.headline-white { margin-left:28px; margin-top:156px; color:white; background-color:#84a5d7; padding:10px; width:250px; text-align:center; font-size:12px; position:absolute; }
.headlines-360 { margin-top:330px; margin-left:35px; }
.hot-spots-menu { position:absolute;}
.hot-spots-menu ul { margin-left:-9px; list-style:none; margin-top:32px; }
.hot-spots-menu ul li { height:72px }
.hotspot { position:absolute; opacity:0.8 }
.hotspot:hover { opacity:1 }
.intro { top:104px; }
.no-video-support { width:100%; font-size:35px; text-align:center; padding-top:200px; opacity:0.1; }
.scroll-pane { margin-left:27px; margin-top:66px; overflow:auto; font-size:14px; line-height:1.3em; width:300px; height:400px; }
.scroll-pane-wide { margin-left:27px; margin-top:66px; overflow:auto; font-size:14px; line-height:1.3em; width:956px; }
.skip-intro { z-index:3;display:block; width:99px; height:99px; left:909px; background-image:url(./../img/common/core/small-arrow.png); background-repeat:no-repeat; background-position:70px 69px; line-height:12em; padding-left:15px; }
.sub-navigation { position:absolute; width:100%; margin-left:-23px; padding-left:23px; }
.under-headline-white { margin-left:28px; width:300px; position:absolute; margin-top:190px; font-size:14px; line-height:1.3em;  }
.under-headline-white ul { padding-left:0; margin-left:15px; }
.under-headline-white li { list-style-image:url(./../img/common/core/bullet.png); padding-bottom:10px; }
.speaker-highlight { color:#bc1f3c; font-weight:bold; }

.menu-top-neutral{background-image:url('../img/common/menu/icon-neutral.png'); background-repeat:no-repeat;background-position:100% 0;}
.selected-both{background-image:url('../img/common/menu/icon-both-on.png'); background-repeat:no-repeat; background-position:100% 0;}
.selected-this{background-image:url('../img/common/menu/icon-left-on.png'); background-repeat:no-repeat; background-position:100% 0;}
.selected-next{background-image:url('../img/common/menu/icon-right-on.png'); background-repeat:no-repeat; background-position:100% 0;}
.triangles{width:auto; padding:0 20px}

.menu {  text-decoration:none; color:#666; margin-top:104px; z-index:1; position:absolute; }
.menu-top { width:1022px; height:36px; border:solid; border-color:#CCC; border-right:none; border-left:none; border-top:none; border-width:1px; background-color:#FFF; font-family:Arial; font-size:17px; }
.menu-top ul { list-style:none outside none; margin:0; padding:0; }
.menu-top ul li { text-align:center; height:36px; width:133px; background-color:#FFF; border-right:none; border-style:solid; border-color:#CCC; border-width:1px; margin-top:-1px; margin-left:-1px; float:left; line-height:2.2em; cursor:pointer; }
.menu-top ul li:active, .menu-top ul li:hover { background-color:#EAEAEA; }
.menu-top ul li.next-enabled { background-image:url('../img/common/core/next-enabled.png'); background-repeat:no-repeat; background-position:103px, 30px; }
.menu-top ul li.next-disabled { color:#CCC; background:transparent; background-image:url('../img/common/core/next-disabled.png'); background-repeat:no-repeat; background-position:103px, 30px; }
.menu-top ul li.prev-enabled { background-image:url('../img/common/core/prev-enabled.png'); background-repeat:no-repeat; background-position:25px, 30px; margin-right: 1px; border-right: 0;}
.menu-top ul li.prev-disabled { color:#CCC; background:transparent; background-image:url('../img/common/core/prev-disabled.png'); background-repeat:no-repeat; background-position:25px, 30px; margin-right:1px; border-right: 0; }
.menu-top ul li.breadcrumb { background:url(../img/common/core/breadcrumb.png) no-repeat 18px 50%; font-size:14px; line-height:2.7em; text-align:left; height:36px; width:316px; background-color:#FFF; border-width:1px 0 1px 1px; padding-left:36px; font-style:italic; }

.sub-menu { list-style:none; position:absolute; margin-top:0px; padding:0; display:none; }
.sub-menu ul { margin:0; padding:0; font-size:14px; }
.sub-menu ul li { background-color:#FFFFFF; border:1px solid #CCCCCC; height:36px; line-height:2.7em; list-style-type:none; margin-top:-1px; padding-left:23px; cursor:pointer; }
.sub-menu ul li:hover { background-color:#EAEAEA; }
.sub-menu ul li a, .menu-top ul li a { color:#545454; text-decoration:none; padding-right:20px; }

.play-audio-info { margin-left:30px; margin-top:3px; font-size:12px;}

#top-navigation { z-index: 11; margin-top: 58px; margin-right: 6px; position: relative; float: right; }

.top-navigation-item { width:41px; height:30px; float:right; cursor:pointer; background-position-y: 0; background-repeat:no-repeat; }
.top-navigation-item:hover { background-position: 0 -30px; }
.top-navigation-item-hover { background-position: 0 -30px; }