/*

@ media.apa.at/911
@ base styles

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

*/


/* @ body
__________________________*/

html, body, form, textarea, input, button, select, legend, h1, h2, h3, h4, h5, h6, p, ol, ul, table, td, th { margin: 0; padding: 0; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
body { color: #2A2A2A; background-color: #FFF; text-align: center; font-size: 62.5%;}
nav, header, section, footer { display: block; }


/* @ layout
__________________________*/
#jqt {
	text-align: left;	
}
#jqt section {
	background: #FFF;	
}
#logo {
	margin: 0;	
}
#jqt #home {
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-color: #333;
}
#home footer {
	height: 36px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #FFF;	
	text-align: right;
}
#home footer p {
	margin-bottom: 0;	
}
#home footer img {
	padding: 8px 8px 0 0;	
}
.toolbar {
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 2000;
}
.cssgradients .toolbar {
	
}
.no-cssgradients .toolbar {
		
}
.boxshadow .toolbar {
	-moz-box-shadow: 0 0 7px #000; 
	-webkit-box-shadow: 0 0 7px #000;
	box-shadow: 0 0 7px #000;
}
.no-boxshadow .toolbar {
	border-bottom: 1px solid #000;	
}
.toolbar h1 {
	font-weight: bold;
	margin: 0;	
	color: #000;
	font-size: 1.7em;
}
.textshadow .toolbar h1 {
	text-shadow: 1px 1px 1px #FFF;
}
.toolbar a:link.back, .toolbar a:visited.back, .toolbar a:hover.back, .toolbar a:focus.back, .toolbar a:active.back {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	padding: 9px .5em 0;
	top: 12px;
	left: 20px;
	height: 23px;
	line-height: 1;
}
.borderimage .toolbar .back {
	border-width: 0 12px 0 24px;
	border-image: url(gfx/bg-toolbar-back.png) 0 12 0 24 round round;
	-moz-border-image: url(gfx/bg-toolbar-back.png) 0 12 0 24 round round;
	-webkit-border-image: url(gfx/bg-toolbar-back.png) 0 12 0 24 round round;
	-o-border-image: url(gfx/bg-toolbar-back.png) 0 12 0 24 round round;
}
.no-borderimage .toolbar a:link.back, .no-borderimage .toolbar a:visited.back, .no-borderimage .toolbar a:hover.back, .no-borderimage .toolbar a:focus.back, .no-borderimage .toolbar a:active.back {
	background: url(gfx/bg-toolbar-back-ie.png) 0 0 no-repeat;
	padding: 9px 10px 0 20px;	
}
.content {
	position: relative;
	z-index: -1;
	overflow: hidden;
}


/* @ navigation
__________________________*/
.snav {
	width: 100%;
	z-index: 1999;	
}
.snav ul {
	margin: 0;
	padding: 0 20px;
	list-style-type: none;
}
.snav ul li {
	display: inline-block;
}
#homenav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#homenav ul li {
	width: 100%;
	height: 100%;
}
#homenav a:link, #homenav a:visited, #homenav a:hover, #homenav a:focus, #homenav a:active {
	text-decoration: none;
	color: #000;	
}
#homenav li h2 {
	letter-spacing: 0;
}


/* @ modules/pages
__________________________*/

/* home */
#home .h2 {
	background-position: 50% -10px;	
}
#home .h3 {
	background-position: 50% -20px;	
}
#home .h4 {
	background-position: 50% -30px;	
}
#home .h5 {
	background-position: 50% -40px;	
}
#home .h6 {
	background-position: 50% -50px;	
}
#home .h7 {
	background-position: 50% -60px;	
}

/* indexlist */
ul.indexlist {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
ul.indexlist li {
	width: 100%;
}
ul.indexlist a {
	display: block;
}
.cssgradients ul.indexlist li {
	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 ul.indexlist li {
	background: #D2D2D2 url(gfx/bg-indexlist.jpg) 0 0 repeat-x;	
}

/* timeline */
#timeline ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#timeline h2 {
	margin: 0;	
}
.tmedia { 
	position: relative;
}
.tmedia a.icon {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(gfx/icon-media-timeline.png) 0 0 no-repeat;	
}
.tvideo a.icon {
	background-position: 0 100%;
}

/* in zahlen */
ul.numbers {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #FFF;
	overflow: hidden;	
}
ul.numbers li {
	position: relative;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
}

/* ground zero karte */
.mapmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
.mapmenu li {
	color: #2A2A2A;
}
.mapview {
	width: 100%;	
}
.mapview ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* weitere schauplätze - map */
.maptext > h1, .maptext > h2 {
	margin-top: 0;	
}
ol.timenav {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

/* flugsicherheit */
#securitywrapper {
	background-color: #FFF;	
}
#securitywrapper ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
.white {
	background-color: #FFF;	
}


/* clicklist */
ul.clicklist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.clicklist li {
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
}
ul.clicklist h2 {
	margin: 0;
	font-weight: normal;
}

/* network */
ul.filternav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul.network li {
	text-align: center;	
}

/* slideshow */
#slidewrapper {
	position: relative;	
}
#slidescroller {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	position: absolute;
	top: 0;
	left: 0;
}
.slideimg {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float: left;
	position: relative;
}
.slideimg span {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
}


/* @ icons/general stuff
__________________________*/
a.more:link, a.more:visited, a.more:hover, a.more:focus, a.more:active {
	display: block;
	font-size: 1.1em;
	color: #000;
	min-height: 34px;
	padding: 15px 0 0 40px;
	background: url(gfx/icon-more.png) 0 50% no-repeat;
	text-transform: uppercase;
	/*width: 100%;*/
	font-weight: bold;
}
p.loader {
	margin: 20px 0 0 20px;
	background: url(gfx/loader.gif) 0 50% no-repeat;
	padding: 0 0 0 40px;
}


/* @ basic styles
__________________________*/

a:link, a:visited, a:focus, a:hover, a:active { color: #666; text-decoration: none; }
a:focus, a:hover, a:active { text-decoration: none; }

h1 { font-size: 3em; margin: .5em 0 .3em; }
h2 { font-size: 2.4em; margin: .5em 0 .3em; }
h3 { font-size: 1.5em; margin: .5em 0 .3em; }
h4 { font-size: 1.1em; margin: .5em 0 .3em; text-transform: uppercase; }
h5 { font-size: 1em; margin: .5em 0 .3em; color: #313131; }
h6 { font-size: .85em; margin: .5em 0 .3em; color: #313131; }
p { line-height: 1.5; margin: 0 0 1.23em }
p.date { font-style: italic; margin: 0; }
h1, h2, h3, h4 { color: #000; letter-spacing: -1px; }
.content > h1:first-child, .content > h2:first-child, .content > h3:first-child, .content > h4:first-child, .content > h5:first-child, .content > h6:first-child
/*.page > h1:first-child, .page > h2:first-child, .page > h3:first-child, .page > h4:first-child, .page > h5:first-child, .page > h6:first-child*/ { margin-top: 0; }

li { line-height: 1.23; }
ol { margin: 1.23em 0 1.23em 1.67em; }
ul.tarn ul, ul.tarn ol, ul { list-style-type: none; margin: 1.23em 0 1.23em 0; }
#content ul li { background: url(gfx/icon-listbullet.png) 0 50% no-repeat; padding: 0 0 0 1.67em; }
ul ul { list-style-type: disc; margin-top: 0; }
ul.tarn { list-style: none; margin: 0; padding: 0; }

small, sup, sub { font-size:80%; }
big { font-size:130%; line-height:85%; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
blockquote { padding-left: 2em; }

img { border:0; }
.fright img, img.fright {margin: 0 0 .3em .8em; float: right; }
.fleft img, img.fleft {margin: 0 .8em .3em 0; float: left; }
.center { text-align: center; }

.v { height: 0; left: -1000px; display: inline; overflow: hidden; position: absolute; top: -1000px; width:0; }
.ir { text-indent: -1000em; outline: 0;}
.none, .noem em { display: none; visibility: hidden; }
.cfix:after { content: "."; display: block; height: 0; clear:both; visibility: hidden; }
.cfix { display: inline-block; }
.ofix { overflow: hidden; }
.mb { margin-bottom: 2.5em; }
.m0 { margin: 0; }
.mt { margin-top: 1em; }
.c { clear: both; }