/*

@ media.apa.at/911
@ styles for browser & tablets

@ (c) APA - Austria Presse Agentur eG.
@ design/html/css Philipp Brunner
__________________________



/* @ layout
__________________________*/
#jqt {
	font-size: 1.5em;
}
.toolbar {
	height: 55px;
	line-height: 55px;	
}
.toolbar h1 {
	font-size: 1.7em;
	margin: 0 180px;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.cssgradients .toolbar {
	background: url(gfx/bg-toolbar-logo.png) 100% 0 no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D2D2D2)); 
	background: url(gfx/bg-toolbar-logo.png) 100% 0 no-repeat, -webkit-linear-gradient(top, #FFFFFF 0%,#D2D2D2 100%);
	background: url(gfx/bg-toolbar-logo.png) 100% 0 no-repeat, -moz-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: url(gfx/bg-toolbar-logo.png) 100% 0 no-repeat, -o-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: url(gfx/bg-toolbar-logo.png) 100% 0 no-repeat, -ms-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: url(gfx/bg-toolbar-logo.png) 100% 0 no-repeat, linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
}
.no-cssgradients .toolbar {
	background: url(gfx/bg-toolbar-logo.png) 100% 0 no-repeat, #D2D2D2 url(gfx/bg-toolbar.jpg) 0 0 repeat-x;	
}
.content {
	background: #FFF url(gfx/bg-content.jpg) 0 50% repeat;	
}
#detail .mediaplayer {
	background-image: none;
	background-color: #000;	
}


/* @ navigation
__________________________*/
.snav ul {
	height: 38px;
}
.cssgradients .snav ul {
	background: -webkit-gradient(linear, left top, left bottom, from(#009FE2), to(#006793)); 
	background: -webkit-linear-gradient(top, #009FE2 0%, #006793 100%);
	background: -moz-linear-gradient(top, #009FE2 0%, #006793 100%);
	background: -o-linear-gradient(top, #009FE2 0%, #006793 100%);
	background: -ms-linear-gradient(top, #009FE2 0%, #006793 100%);
	background: linear-gradient(top, #009FE2 0%, #006793 100%);	
}
.no-cssgradients .snav ul {
	background: #0086BE url(gfx/bg-snav-ie.jpg) 0 0 repeat-x;	
}
.boxshadow .snav ul {
	-moz-box-shadow: 0 0 3px #000; 
	-webkit-box-shadow: 0 0 3px #000;	
	box-shadow: 0 0 3px #000;
}
.snav ul li strong, .snav ul li a {
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 20px 0 12px;
	height: 28px;
	display: block;
	background-image: url(gfx/bg-snav-bullet.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	text-decoration: none;
}
.snav ul li strong, .snav ul li a:hover, .snav ul li a:focus, .snav ul li a.current {
	color: #FFF;
	/* colo: #000; */
	background-position: -492px 50%;	
}


/* @ modules/pages
__________________________*/

/* indexlist */
ul.indexlist a {
	padding: 30px 20px 10px;	
}

/* overview map */
#overviewcontainer {
	overflow: hidden;
	background: url(gfx/bg-sidebar.png) 0 0 repeat-y;	
}
#overviewmap {
	width: 535px;
	height: 484px;
	background: url(gfx/bg-overviewmap.png) 0 0 no-repeat;
	float: left;
	position: relative;
	margin: 20px 0 0 55px;
}
#overviewmap li {
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: 0 0;	
	position: absolute;
}
#m11 {
	width: 491px;
	height: 172px;
	background-image: url(gfx/bg-overviewmap-f11.png);
	top: 117px;
	right: 38px;
}
#m175 {
	width: 212px;
	height: 130px;
	background-image: url(gfx/bg-overviewmap-f175.png);
	top: 158px;
	right: 38px;
}
#m77 {
	width: 261px;
	height: 55px;
	background-image: url(gfx/bg-overviewmap-f77.png);
	top: 352px;
	left: 9px;
}
#m93 {
	width: 352px;
	height: 109px;
	background-image: url(gfx/bg-overviewmap-f93.png);
	top: 224px;
	left: 2px;
}
#sidebar {
	width: 268px;
	float: left;
	padding: 260px 0 0 20px;	
}
h3#flighttitle {
	margin: 0;
}
p#flightstart, p#flightend {
	background: url(gfx/icon-overview.png) 4px 50% no-repeat;
	padding: 5px 0 0 30px;
	min-height: 25px;
	margin: 0;
}
p#flightend {
	background-position: -372px 50%;	
}
img#overviewimg {
	margin-top: 10px;	
}
#overviewmenu {
	background: none;
	padding-bottom: 0;
	margin: 0;
	top: 20px;
	right: auto;
	left: 0;
	width: 288px; 
}
#overviewmenu li.current {
	width: 290px;
	background: url(gfx/bg-mapmenu-current.png) 100% 50% no-repeat;	
}

/* in zahlen */
ul.numbers li {
	width: 33.33%;
	height: 238px;
	float: left;
}
ul.numbers span {
	display: block;
	width: 100%;
	height: 238px;
	position: absolute;
	top: 0;
	left: 0;
}
.opacity ul.numbers span {
	background-color: #FFF;	
	opacity: .8;
}
.no-opacity ul.numbers span {
	background: url(gfx/bg-numbers-trans.png) 0 0 repeat;
}
ul.numbers #n1 {
	background-image: url(gfx/numbers-n1.jpg);	
}
ul.numbers #n2 {
	background-image: url(gfx/numbers-n2.jpg);	
}
ul.numbers #n3 {
	background-image: url(gfx/numbers-n3.jpg);	
}
ul.numbers #n5 {
	background-image: url(gfx/numbers-n5.jpg);	
}
ul.numbers #n6 {
	background-image: url(gfx/numbers-n6.jpg);	
}
ul.numbers #n7 {
	background-image: url(gfx/numbers-n7.jpg);	
}
ul.numbers #n9 {
	background-image: url(gfx/numbers-n9.jpg);	
}
ul.numbers #n10 {
	background-image: url(gfx/numbers-n10.jpg);	
}
ul.numbers #n11 {
	background-image: url(gfx/numbers-n11.jpg);	
}
ul.numbers #n12 {
	background-image: url(gfx/numbers-n12.jpg);	
}
ul.numbers #n13 {
	background-image: url(gfx/numbers-n13.jpg);	
}
ul.numbers #n14 {
	background-image: url(gfx/numbers-n14.jpg);	
}

ul.numbers div.outer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;	
}
ul.numbers h2 {
	color: #FFF;
	font-size: 5em;
	margin: 0;
	padding: 0 20px;
}
.textshadow ul.numbers h2 {
	text-shadow: 0px 0px 5px #000;
}
ul.numbers .inner {
	height: 218px;
	padding: 20px 20px 0;	
}

/* ground zero karte */
.mapmenu {
	position: absolute;
	top: 0;
	left: 0;
	padding-bottom: 300px;
	background: url(gfx/legend-groundzeroscale.png) 20px 100% no-repeat;	
}
.mapmenu ul {
	/*background: url(gfx/div-mapmenu.png) 0 100% repeat-x;	*/
}
.mapmenu li {
	color: #FFF;
	padding: 20px 0 0 20px;
	/*background: url(gfx/div-mapmenu.png) 0 0 repeat-x;*/
	background: url(gfx/bg-filternav.jpg) 0 50% repeat-x;
	height: 37px;
	font-size: 1.1em;
}
.mapmenu li.current {
	font-weight: bold;
	background-image: url(gfx/bg-filternav.jpg), url(gfx/bg-mapmenu-current.jpg);
	background-position: 0 0, 0 50%;
	background-repeat: repeat-x;
}
.cssgradients .mapview {
	background: -webkit-gradient(linear, left top, left 230, color-stop(0.18, rgb(255,255,255)), color-stop(0.59, rgb(210,210,210)));
	background-image: -moz-linear-gradient(center top, rgb(255,255,255) 18%, rgb(210,210,210) 59%);	
}
.nocssgradients .mapview {
	background: #D2D2D2 url(gfx/bg-mapview.jpg) 0 0 repeat-x;	
}
h4.menutitle {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	color: #000000;	
}
.mapview ul {
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-image: url(../apaimages/map-groundzero-bg.png);
	height: 567px;
}
.mapview li {
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
}
.mapview li span {
	display: block;
	position: absolute;
	top: -999em;
	left: -999em;
}
.mapview li#b1, .mapview li#b2 {
	width: 75px;
	height: 163px;
	background-image: url(../apaimages/groundzero/01-wtc-tower.png);
	right: 326px;
	top: 161px;
	z-index: 310;	
}
.mapview li#b1{
	right: 312px;
	top: 244px;	
	z-index: 312;
}
.mapview li#b3{
	width: 49px;
	height: 92px;
	right: 366px;
	top: 289px;	
	z-index: 311;
	background-image: url(../apaimages/groundzero/03-marriott.png);
}
.mapview li#b4{
	width: 102px;
	height: 95px;
	right: 236px;
	top: 345px;	
	z-index: 315;
	background-image: url(../apaimages/groundzero/04-wtc-4.png);
}
.mapview li#b5{
	width: 106px;
	height: 123px;
	right: 174px;
	top: 224px;	
	z-index: 314;
	background-image: url(../apaimages/groundzero/05-wtc-5.png);
}
.mapview li#b6{
	width: 104px;
	height: 100px;
	right: 280px;
	top: 151px;	
	z-index: 309;
	background-image: url(../apaimages/groundzero/06-wtc-6.png);
}
.mapview li#b7{
	width: 78px;
	height: 89px;
	right: 227px;
	top: 121px;	
	z-index: 308;
	background-image: url(../apaimages/groundzero/07-wtc-7.png);
}
.mapview li#b8 {
	width: 75px;
	height: 70px;
	right: 312px;
	top: 337px;	
	z-index: 310;
	background-image: url(../apaimages/groundzero/08-wtc-tower.png);	
}
.mapview li#b9 {
	width: 75px;
	height: 70px;
	right: 325px;
	top: 255px;	
	z-index: 306;
	background-image: url(../apaimages/groundzero/08-wtc-tower.png);	
}
.mapview li#b10 {
	width: 50px;
	height: 87px;
	right: 365px;
	top: 296px;	
	z-index: 308;
	background-image: url(../apaimages/groundzero/10-marriott.png);	
}
.mapview li#b11 {
	width: 101px;
	height: 88px;
	right: 237px;
	top: 353px;	
	z-index: 311;
	background-image: url(../apaimages/groundzero/11-wtc-4.png);	
}
.mapview li#b12 {
	width: 107px;
	height: 114px;
	right: 173px;
	top: 232px;	
	z-index: 312;
	background-image: url(../apaimages/groundzero/12-wtc-5.png);	
}
.mapview li#b13 {
	width: 105px;
	height: 91px;
	right: 279px;
	top: 159px;	
	z-index: 305;
	background-image: url(../apaimages/groundzero/13-wtc-6.png);	
}
.mapview li#b14 {
	width: 78px;
	height: 74px;
	right: 226px;
	top: 137px;	
	z-index: 308;
	background-image: url(../apaimages/groundzero/14-wtc-7.png);	
}
.mapview li#b15 {
	width: 114px;
	height: 63px;
	right: 365px;
	top: 174px;	
	z-index: 305;
	background-image: url(../apaimages/groundzero/15-northbridge.png);	
}
.mapview li#b20 {
	width: 67px;
	height: 154px;
	right: 314px;
	top: 89px;	
	z-index: 308;
	background-image: url(../apaimages/groundzero/20-wtc-1.png);	
}
.mapview li#b21 {
	width: 54px;
	height: 135px;
	right: 174px;
	top: 175px;
	z-index: 307;
	background-image: url(../apaimages/groundzero/21-wtc-2.png);
}
.mapview li#b22 {
	width: 60px;
	height: 117px;
	right: 209px;
	top: 270px;
	z-index: 308;
	background-image: url(../apaimages/groundzero/22-wtc-3.png);
}
.mapview li#b23 {
	width: 46px;
	height: 103px;
	right: 260px;
	top: 100px;
	z-index: 302;
	background-image: url(../apaimages/groundzero/23-wtc-7.png);
}
.mapview li#b24, .mapview li#b25 {
	width: 75px;
	height: 70px;
	background-image: url(../apaimages/groundzero/24-memorial.png);
}
.mapview li#b24 {
	right: 312px;
	top: 337px;
	z-index: 302;
}
.mapview li#b25 {
	right: 325px;
	top: 254px;
	z-index: 301;
}
.mapview li#b26 {
	width: 54px;
	height: 108px;
	right: 239px;
	top: 329px;
	z-index: 310;
	background-image: url(../apaimages/groundzero/26-wtc-4.png);
}
#mapinfo {
	position: absolute;
	top: 20px;
	right: 0;
	width: 300px;
	padding: 10px 10px 0;
	z-index: 350;	
}
#mapinfo h4 {
	background: url(gfx/button-close.png) 100% 50% no-repeat;
	margin-top: 0;
	padding: 8px 34px 8px 0;
}
.cssgradients #mapinfo {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D2D2D2)); 
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);	
}
.no-cssgradients #mapinfo {
	background-color: #FFF;	
}
.boxshadow #mapinfo {
	-moz-box-shadow: 0 0 3px #000; 
	-webkit-box-shadow: 0 0 3px #000;	
	box-shadow: 0 0 3px #000;
}
.red {
	color: #CC0000;	
}
.orange {
	color: #FF9900;	
}

/* vorher/nachher */
ul.slideindex li {
	width: 50%;
	float: left;
	text-align: center;
}
ul.slideindex a {
	background: url(gfx/div-indexlist.jpg) 100% 0 no-repeat;	
}
.boxshadow ul.slideindex img{
	-moz-box-shadow: 0 0 3px #000; 
	-webkit-box-shadow: 0 0 3px #000;	
	box-shadow: 0 0 3px #000;
}
ul.slideindex a#slide2, ul.slideindex a#slide4 {
	background: none;	
}
ul.slideindex h3 {
	margin-top: 0.3em;	
}
.imgswap {
	position: relative;
	margin: 65px auto 0;
}
#c-pic1 { z-index: 100; left: 25px; }
#c-pic2 { z-index: 0; right: 25px; }
.c-pic { position: absolute; top: 0; overflow: hidden; }
#slider{ width: 50px; position: absolute; top: 0; left: 0; background: url(gfx/slider.png) 0 50% no-repeat; z-index: 1000; }

/* weitere schauplätze - map */
#othermap {
	width: 40%;
	height: 500px;
	float: right;
	margin-left: 20px;	
}
.maptext {
	padding: 20px 20px 0;	
}
ol.timenav li {
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 50px;
}
ol.timenav li.current {
	background-position: -667px 0;	
}
ol.timenav li.t1 {
	background-image: url(gfx/bg-timenav-1.png);	
}
ol.timenav li.t2 {
	background-image: url(gfx/bg-timenav-2.png);	
}
ol.timenav li.t3 {
	background-image: url(gfx/bg-timenav-3.png);	
}
ol.timenav li.t4 {
	background-image: url(gfx/bg-timenav-4.png);	
}
ol.timenav li.t5 {
	background-image: url(gfx/bg-timenav-5.png);	
}
ol.timenav li.t6 {
	background-image: url(gfx/bg-timenav-6.png);	
}
ol.timenav li.t7 {
	background-image: url(gfx/bg-timenav-7.png);	
}
ol.timenav li.t8 {
	background-image: url(gfx/bg-timenav-8.png);	
}
ol.timenav li.t9 {
	background-image: url(gfx/bg-timenav-9.png);	
}
ol.timenav li h3 {
	font-size: 1.3em;
	font-weight: normal;
	padding: .3em 0 .5em;
	letter-spacing: normal;	
}
ol.timenav li.current h3 {
	font-weight: bold;	
}
ul.maplist li {
	background: url(gfx/icon-mapmarker.png) 0 0 no-repeat;
	padding: 0 0 0 60px;
	margin: 0 0 2em;	
}
#othermap .gmap_marker {
	min-height: inherit !important;
	min-width: inherit !important;
	font-size: 1.3em;	
}

/* war against terror */
#terrorcontrol {
	height: 40px;
	padding: 15px 20px;	
}
#tyear {
	width: 150px;
	float: left;	
}
#worldview {
	float: right;
	font-size: 1.2em;	
	overflow: hidden;
}
#worldview li {
	float: left;
	background-repeat: no-repeat;
	background-position: 0 50%;	
	height: 31px;
	padding: 10px 0 0 50px;
	margin: 0 20px 0 0; 
}
#worldview li.current {
	background-position: -300px 50%;
	font-weight: bold;
		
}
#worldview li#wt{
	background-image: url(gfx/icon-terrornav1.png);	
}
#worldview li#wa{
	background-image: url(gfx/icon-terrornav2.png);	
}
#terrormap {
	
}
#mapoverlay {
	width: 50%;
	height: 350px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.boxshadow #mapoverlay {
	-moz-box-shadow: 0 0 6px #000; 
	-webkit-box-shadow: 0 0 6px #000;	
	box-shadow: 0 0 6px #000;
}
#mapoverlay .bg {
	background: #FFF;
	height: 350px;
}
#mapoverlay .contents {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;	
}
#mapoverlay #overlaycontent {
	padding: 20px;	
}
#mapoverlay .contents h3 {
	margin-top: 0;
	background: url(gfx/button-close.png) 100% 50% no-repeat;	
}
.opacity #mapoverlay .bg {
	opacity: .8;	
}
#terrorevents, #warevents {
	display: none;
	visibility: hidden;	
}
.gmap_marker {
	min-width: 300px !important;
	min-height: 100px !important;
}
.gmap_marker p {
	margin: 0;
	line-height: 1.3;	
}

/* flugsicherheit */
#securitywrapper {
	height: 40px;
	width: 100%;	
}
#securitywrapper ul {
	width: 1760px;
	height: 40px;
	background: url(gfx/bg-securityscroller.png) 0 0 no-repeat;	
	position: relative;	
}
#securitywrapper ul li {
	width: 27px;
	height: 28px;
	background: url(gfx/icon-timelinebullet.png) 0 0 no-repeat;
	text-indent: -999em;
	position: absolute;
	top: 6px;	
}
#securitywrapper ul li.current {
	background-position: 0 100%;	
}
#securitywrapper li#s1 {
	left: 106px;
}
#securitywrapper li#s2 {
	left: 143px;
}
#securitywrapper li#s3 {
	left: 893px;
}
#securitywrapper li#s4 {
	left: 1424px;
}
.white {
	padding: 0 20px 10em;
	overflow: hidden;
	height: 100%;	
}
.secpic {
	float: right;	
}

/* charts */
#chartbox {
	padding: 0 0 0 80px;
	background: url(gfx/legend-charttemp.png) 0 0 no-repeat;
	background-repeat: no-repeat;
	background-image: url(gfx/legend-chart.png);	
}
.dow {
	background-position: 0 0 !important;
}
.poors {
	background-position: -80px 0 !important;	
}
.dax {
	background-position: -160px 0 !important;	
}
.atx {
	background-position: -240px 0 !important;
}
.smi {
	background-position: -320px 0 !important;
}
#chartwrapper {
	background: url(gfx/bg-chartwrapper.jpg) 0 0 repeat-x;
	position: relative;	
}
#chartwrapper div {
	width: 1920px;	
}
h3.flag {
	width: 87px;
	height: 52px;
	background-image: url(gfx/bg-flags.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -999em;
	margin: 0;
	position: absolute;
	top: 100px;
	right: 20px;
}
h3.fdow {
	background-position: 0 0;	
}
h3.fpoors {
	background-position: 0 0;	
}
h3.fdax {
	background-position: 0 -52px;	
}
h3.fatx {
	background-position: 0 -104px;	
}
h3.fsmi {
	background-position: 0 -156px;	
}
#chartwrapper li {
	position: absolute;
	top: 0;
	left: 0;	
}
#chartwrapper ul h4 {
	width: 18px;
	height: 18px;
	background: url(gfx/icon-chartpoint.png) 0 0 no-repeat;
	text-indent: -9999em;
	margin: 0;	
}
#chartwrapper li p {
	display: none;	
}
#chartwrapper li.current p {
	display: block;
	width: 280px;
	padding: 10px;
}
#chartwrapper li#cp-eur p {
	position: relative;
	right: 280px;
}
.cssgradients #chartwrapper li p {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D2D2D2)); 
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);	
}
.no-cssgradients #chartwrapper li p {
	background-color: #FFF;	
}
.boxshadow #chartwrapper li p {
	-moz-box-shadow: 0 0 3px #000; 
	-webkit-box-shadow: 0 0 3px #000;	
	box-shadow: 0 0 3px #000;
}

.dow li#cp-911 {
	top: 160px;
	left: 285px;	
}
.dow li#cp-high {
	top: 28px;
	left: 1259px;	
}
.dow li#cp-low {
	top: 241px;
	left: 1481px;	
}
.dow li#cp-leh {
	top: 118px;
	left: 1414px;	
}
.dow li#cp-eur {
	top: 114px;
	left: 1870px;
}
.poors li#cp-911 {
	top: 148px;
	left: 285px;	
}
.poors li#cp-high {
	top: 37px;
	left: 1259px;	
}
.poors li#cp-low {
	top: 240px;
	left: 1481px;	
}
.poors li#cp-leh {
	top: 112px;
	left: 1411px;	
}
.poors li#cp-eur {
	top: 145px;
	left: 1870px;
}
.dax li#cp-911 {
	top: 157px;
	left: 285px;	
}
.dax li#cp-high {
	top: 30px;
	left: 1219px;	
}
.dax li#cp-low {
	top: 245px;
	left: 525px;	
}
.dax li#cp-leh {
	top: 114px;
	left: 1414px;	
}
.dax li#cp-eur {
	top: 122px;
	left: 1870px;
}
.atx li#cp-911 {
	top: 254px;
	left: 285px;	
}
.atx li#cp-high {
	top: 32px;
	left: 1215px;	
}
.atx li#cp-low {
	top: 259px;
	left: 454px;	
}
.atx li#cp-leh {
	top: 157px;
	left: 1414px;	
}
.atx li#cp-eur {
	top: 196px;
	left: 1870px;
}
.smi li#cp-911 {
	top: 157px;
	left: 21px;	
}
.smi li#cp-high {
	top: 56px;
	left: 1093px;	
}
.smi li#cp-low {
	top: 253px;
	left: 306px;	
}
.smi li#cp-leh {
	top: 143px;
	left: 1337px;	
}
.smi li#cp-eur {
	top: 222px;
	left: 1870px;	
}

/* artlist */
.cssgradients ul.indexlist li, .no-cssgradients ul.indexlist li {
	background: #D2D2D2 url(gfx/bg-indexlist.jpg) 0 0 repeat-x;		
}
ul.artlist h2 {
	padding: 20px 20px 25px;
	font-weight: normal;
	margin: 0;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
ul.artlist .current h2 {
	color: #009FE2;	
}
ul.artlist .current h2 span {
	background-image: url(gfx/icon-foldin.png);	
}
#poplist h2 {
	background-image: url(gfx/bg-artlist-pop.png);	
}
#booklist h2 {
	background-image: url(gfx/bg-artlist-literatur.png);	
}
#tvlist h2 {
	background-image: url(gfx/bg-artlist-tv.png);	
}
ul.artlist h2 span {
	display: block;
	background: url(gfx/icon-foldout.png) 100% 50% no-repeat;	
}
ul.artlist ul {
	margin: 0;
	padding: 30px 20px 50px;
	background: #FFF;	
}
ul.artlist ul li {
	margin-bottom: 50px;	
}
.cssgradients ul.artlist ul li, .no-cssgradients ul.artlist ul li {
	background: #FFF;
}
ul.artlist ul.newslist h3, ul.artlist ul.newslist p {
	padding-left: 288px;	
}
ul.artlist ul.newslist h3.title {
	margin-top: 0;	
}
ul.artlist ul.newslist p.newslink {
	padding-left: 0;	
}

/* clicklist */
ul.clicklist {
	margin: 0 0 5em;	
}
ul.clicklist h2 {
	padding: 10px 20px 14px;
}
.cssgradients ul.clicklist h2 {
	background: url(gfx/icon-foldout.png) 100% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D2D2D2)); 
	background: url(gfx/icon-foldout.png) 100% 50% no-repeat, -webkit-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: url(gfx/icon-foldout.png) 100% 50% no-repeat, -moz-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: url(gfx/icon-foldout.png) 100% 50% no-repeat, -o-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: url(gfx/icon-foldout.png) 100% 50% no-repeat, -ms-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: url(gfx/icon-foldout.png) 100% 50% no-repeat, linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);	
}
.no-cssgradients ul.clicklist h2 {
	background: #D2D2D2 url(gfx/bg-indexlist.jpg) 0 0 repeat-x;	
}
ul.clicklist li.current h2 {
	color: #009FE2;	
}
.cssgradients ul.clicklist li.current h2 {
	background: url(gfx/icon-foldin.png) 100% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D2D2D2)); 
	background: url(gfx/icon-foldin.png) 100% 50% no-repeat, -webkit-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: url(gfx/icon-foldin.png) 100% 50% no-repeat, -moz-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: url(gfx/icon-foldin.png) 100% 50% no-repeat, -o-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: url(gfx/icon-foldin.png) 100% 50% no-repeat, -ms-linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);
	background: url(gfx/icon-foldin.png) 100% 50% no-repeat, linear-gradient(top, #FFFFFF 0%, #D2D2D2 100%);	
}
ul.clicklist h2 span.year {
	display: block;
	color: #767676;
	float: left;
	width: 115px;
	visibility: visible;
}
ul.clicklist span {
	display: none;
	visibility: hidden;
}
ul.clicklist div {
	padding: 20px 20px 20px 135px;	
}

/* network */
ul.filternav {
	margin: 0 20px 30px;	
}
ul.filternav li {
	display: block;
	float: left;
	padding: .3em 1em .4em;
	background: #000 url(gfx/bg-filternav.jpg) 0 50% repeat-x;
	color: #FFF;
	border-right: 1px solid #CECECE;
}
.borderradius ul.filternav li.first {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
.borderradius ul.filternav li.last {
	border-right: none;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}
ul.filternav li.current {
	background: #006A96 url(gfx/bg-filternav-current.jpg) 0 50% repeat-x;	
}
ul.network li {
	width: 25%;
	height: 280px;
	float: left;	
}
ul.network div {
	padding: 10px 10px 0;
	background: url(gfx/div-indexlist.jpg) 100% 0 no-repeat;
	height: 270px;	
}
ul.network li#net4, ul.network li#net8 {
	background: none;	
}
ul.network h3 {
	font-size: 1em;
	letter-spacing: normal;
}

/* bin laden death */
#stepnav li {
	padding: 0.5em 0 0.8em 40px;
	margin: 20px 30px 20px 0;
	float: left;
}
#stepnav li.current {
	font-weight: bold;	
}
.stepimg {
	float: right;
	margin: 0 0 20px 20px;	
}
.steppage {
	clear: both;
	margin: 0 0 50px;	
}

/* voting */
h2.votehead {
	width: 100%;
	height: 141px;
	margin-top: 0;
	text-indent: -999em;
	background: url(gfx/bg-header-voting.jpg) 0 0 no-repeat;	
}
ul.votelist li {
	padding: 20px 0 0;	
}
ul.votelist h3 {
	padding: 0 20px;
}
ul.voteform {
	background-repeat: no-repeat;
	background-position: 100% 100%;	
	overflow: hidden;
	padding: 20px 20px 0;
	min-height: 124px;
}
ul.voteform li, .cssgradients ul.voteform li, .no-cssgradients ul.voteform li {
	background: none;
	float: left;
	width: 140px;
	text-align: center;
	padding: 55px 0 0;
	background: url(gfx/button-votefields.png) 0 0 no-repeat;
}
ul.resultform li, .cssgradients ul.resultform li, ul.resultform li, .no-cssgradients ul.resultform li {
	padding: 0 0 20px;
	background: none;
}
ul.voteform li.checked {
	background-position: -280px 0;	
}
ul.voteform#form0 {
	background-image: url(gfx/bg-voteform-1.png);	
}
ul.voteform#form1 {
	background-image: url(gfx/bg-voteform-2.png);	
}
ul.voteform#form2 {
	background-image: url(gfx/bg-voteform-3.png);	
}
p.sendbutton {
	color: #FFF;
	font-weight: bold;
	display: inline-block;
	padding: 9px .5em 0;
	height: 23px;
	line-height: 1;
	margin: 35px 20px 40px 0;
	float: right;
}
.borderimage p.sendbutton {
	border-width: 0 24px 0 12px;
	border-image: url(gfx/bg-button-send.png) 0 24 0 12 round round;
	-moz-border-image: url(gfx/bg-button-send.png) 0 24 0 12 round round;
	-webkit-border-image: url(gfx/bg-button-send.png) 0 24 0 12 round round;
	-o-border-image: url(gfx/bg-button-send.png) 0 24 0 12 round round;
}
.no-borderimage p.sendbutton {
	background: url(gfx/bg-button-send-ie.png) 0 0 no-repeat;
	padding: 9px 20px 0 10px;	
}
.votebg {
	display: block;
	height: 150px;
	margin: 0 0 5px 0;
	background: url(gfx/bg-voteblock-base.png) 50% 100% no-repeat;
	position: relative;
}
.voteblock {
	position: absolute;
	bottom: 10px;
	left: 46px;
	display: block;
	text-align: center;
	width: 50px;
	height: 0;
	background: #009FE2 url(gfx/bg-voteblock.png) 0 0 repeat-x;
	padding: 3px 0 0;
}
.zero {
	background: none;	
}
.zero .voteblock {
	height: 20px;
	background: none;
}

/* media data */
h2.mediahead {
	width: 100%;
	height: 141px;
	margin-top: 0;
	margin-bottom: 0;
	text-indent: -999em;
	background: url(gfx/bg-header-datenfakten.jpg) 0 0 no-repeat;
}
ul.factlist li {
	overflow: hidden;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}
ul.factlist h2.fact {
	font-weight: normal;
	margin: 0;	
	width: 268px;
	padding-left: 20px;
	float: left;
}
ul.factlist p {
	margin-left: 288px;
	margin-right: 20px;
	padding-top: 17px;
	font-size: 1.2em;	
}

/* news */
ul.newslist {
	overflow: hidden;	
}
ul.newslist li {
	overflow: hidden;	
}
ul.newslist li a {
	background: url(gfx/bg-arrow.png) 100% 50% no-repeat;
	padding: 30px 85px 10px 20px;
	overflow: hidden;
}
ul.newslist li a {
	
}
ul.newslist p.newslink {
	width: 268px;
	height: 150px;
	float: left;
	position: relative;
	margin: 0 20px 20px 0;
	padding: 0;
}
ul.newslist p.sdanewslink {
	height: 201px;	
}
ul.newslist p.newslink span {
	display: block;
	width: 268px;
	height: 150px;
	background: url(gfx/bg-newslink.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -999em;	
}
ul.newslist p.sdanewslink span {
	height: 201px;
	background-image: url(gfx/bg-newslink-sda.png);	
}
ul.videos p.newslink span {
	background-position: 0 -150px;	
}
ul.slides p.newslink span {
	background-position: 0 -300px;	
}
ul.newslist h2, ul.newslist p {
	padding: 0 0 0 288px;
	margin-top: 0;	
}
ul.swissnews h2, ul.swissnews p {
	padding: 0 288px 0 0;
	margin-top: 0;	
}
ul.newslist a {
	clear: both;	
}
.newsimg {
	float: right;
    height: 283px;
    margin: 0 0 10px 20px;
    position: relative;
    width: 450px;
	background: url(gfx/bg-newsimg.png) 0 100% no-repeat;	
}
.newsimg .imgtext {
	float: left;
    font-size: 0.9em;
    font-style: italic;
    height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 5px;
    width: 370px;
}
.newsimg .credit {
	float: right;
    font-size: 0.7em;
    height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 3px 5px 0 0;
    text-align: right;
    width: 70px;
}
.sdanewsimg {
	height: 330px;
	width: 400px;
	background-image: url(gfx/bg-newsimg-sda.png);
}
.sdanewsimg .imgtext {
	width: 340px;
}
.sdanewsimg .credit {
	width: 40px;	
}
.boxshadow .newsimg {
	box-shadow: 0 0 4px #5F544A;	
}
.slides p.date {
	margin-bottom: 6em;
}

/* audio player */
.audiobox {
	width: 100%;
	height: 440px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #EEEEEE;
}
h2.audiotitle {
	background: url(gfx/icon-audio-hl.png) 0 50% no-repeat;
	padding: 0 0 0 40px;	
}
.audiobox div.jp-audio {
	margin-bottom: 20px;
}
.audiobox div.jp-audio div.jp-type-single div.jp-progress {
	width: 300px;	
}

.audiobox div.jp-audio div.jp-type-single div.jp-current-time, .audiobox div.jp-audio div.jp-type-single div.jp-duration {
	width: 300px;	
}

.audiobox div.jp-audio div.jp-type-single div.jp-volume-bar {
	left: 445px;	
}

/* video player */

#detail div.jp-video-360p {
	width:100%;
}
#detail div.jp-video-360p div.jp-jplayer {
	height:500px;
	border: none;
}
#detail div.jp-video-360p div.jp-video-play {
	width:100%;
	top:-360px;
	height:360px;
}
#detail div.jp-interface {
	border: none;
	width: 100%;
}
#detail div.jp-video div.jp-video-play {
	background-image: url(gfx/bg-video-play.png);
}
#detail div.jp-video div.jp-video-play:hover {
	background-image: url(gfx/bg-video-play-hover.png);
}
/*
#detail div.jp-video #jquery_jplayer_1 img {
	width: 400px !important;
	height: 300px !important;
}*/

/* slideshow */
.slideimg span {
	padding: 20px 0;
	background: url(gfx/bg-trans.png) 0 0 repeat;
	color: #FFF;
}
.slideimg strong {
	font-weight: normal;
	display: block;
	padding: 0 80px;	
}

/* @ icons/general stuff
__________________________*/
.pad {
	padding-left: 20px;
	padding-right: 20px;
	/*max-width: 650px;*/
}
.pad p {
	max-width: 650px;	
}


/* test towers */
#jquery_jplayer_wtc embed {
	z-index: 666;	
	position: absolute;
	top: 0;
	left: 0;
}
#nav3d {
	margin: 20px 20px 30px;	
}
#wtc-status {
	text-align: center;	
}
#wtc-status span {
	color: #009FE2;	
}
#jp-video-wtc div.jp-video-play {
	height: 500px;
	top: -500px;
	background-image: url(gfx/bg-video-play.png);	
}