body

{
 width: 711px;
 margin: auto;
 font: 11px Verdana, sans-serif;
 margin-top: 0px;
 padding: 0px;
 position: relative;
}

h1, h2, h3, h4 {font-size: 11px;}

h2 {font-family: ff-meta-web-pro; font-size: 16px}

h3 {font-style: normal; font-weight: bold}

h4 {font-weight: normal; font-style: normal;}

a {color: black;}

#content a:hover {background-color: #ff009c; text-decoration: none; color: white;}

a img {border: none; background: none}

a:hover img {border: none; background: none}

#toplink
{
background: url(http://we000327.host.inode.at/gaffa/img/top.gif) no-repeat left center;
padding: 3px 0px 3px 18px;
display: block;
margin-top: 20px;
width:70px;
}

#header
{
 background: url(http://we000327.host.inode.at/gaffa/img/header/header_2.png) no-repeat center bottom;
 position: relative;
 width: 711px;
 /*height: 296px;*/
 height: 279px;
 z-index: 10;
 padding: 0;
 margin: 0;
top: -7px;
}

#splashpage img {margin: auto; margin-top: 30px;}

#facebook_splash {border:none; overflow:hidden; width:450px; height:80px; margin-left:170px;}

/*
#page-programm #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header_programm.gif); }
#page-filme #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header_filme.gif); }
#page-festival #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header_festival.gif); }
#page-jury #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header_jury.gif); }
#page-tickets #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header_tickets.gif); }
#page-gaestebuch #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header_gaestebuch.gif); }
#page-links #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header_links.gif); }
*/

#header h1 span {display: none;}

#header h1 a

{
 height: 70px;
 display: block;
 width: 250px;
 position: absolute;
 top: 30px;
 right: 45px;
}

#header h1 a:hover, #splashpage a:hover {background: none;}

#header p
{
 position: absolute;
 text-align: center;
 width: 100%;
 font-weight: bold;
 font-size: 10px;
 color: white;
 top: 245px;
 /*background: white;
 padding: 3px;
 width: 500px;*/
}

#header p strong {background: #ff009c; padding: 4px;}

#header ul

{
 background: black;
 list-style: none;
 height: 18px;
 width: 630px;
 position: absolute;
 top: 205px;
 margin: 0;
 padding: 7px 15px 0px 15px;
 left: 25px;
 text-align: center;
}

#header li { display: inline; }

div#header ul a
{
 margin-right: 6px;
 margin-left: 6px;
 text-decoration: none;
 background-position: 50% 100%;
 background-repeat: no-repeat;
 padding: 1px 68px 0 0;
 display: inline-block;
 height: 13px;
}

#nav-aktuell strong,
#nav-festival strong,
#nav-programm strong,
#nav-filme strong,
#nav-jury strong,
#nav-tickets strong,
#nav-gaestebuch strong,
#nav-links strong,
#nav-trailer strong,
#nav-kritiken strong,
#nav-gallery strong

{position: absolute; left: -3000px; width: 10px;}

#page-programm #header, #page-1 #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header/header_9.png); }
#page-filme #header, #page-2 #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header/header_10.png); }
#page-festival #header, #page-3 #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header/header_4.png); }
#page-jury #header, #page-4 #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header/header_5.png); }
#page-tickets #header, #page-5 #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header/header_6.png); }
#page-gaestebuch #header, #page-6 #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header/header_7.png); }
#page-gallery #header, #page-7 #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header/header_8.png); }
#page-kritiken #header, #page-8 #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header/header_3.png); }
#page-trailer #header, #page-9 #header { background-image: url(http://we000327.host.inode.at/gaffa/img/header/header_1.png); }

div#header #nav-aktuell {background-image: url(http://we000327.host.inode.at/gaffa/img/n_aktuell.png); padding-right: 50px}
div#header #nav-festival {background-image: url(http://we000327.host.inode.at/gaffa/img/n_festival.png); padding-right: 55px}
div#header #nav-programm {background-image: url(http://we000327.host.inode.at/gaffa/img/n_programm.png);}
div#header #nav-filme {background-image: url(http://we000327.host.inode.at/gaffa/img/n_filme.png); padding-right: 38px}
div#header #nav-jury {background-image: url(http://we000327.host.inode.at/gaffa/img/n_jury.png); padding-right: 32px}
div#header #nav-tickets {background-image: url(http://we000327.host.inode.at/gaffa/img/n_tickets.png); padding-right: 50px}
div#header #nav-gaestebuch {background-image: url(http://we000327.host.inode.at/gaffa/img/n_gaestebuch.png);}
div#header #nav-gallery {background-image: url(http://we000327.host.inode.at/gaffa/img/n_galerie.png); padding-right: 50px}
div#header #nav-trailer {background-image: url(http://we000327.host.inode.at/gaffa/img/n_trailer.png); padding-right: 45px}
div#header #nav-kritiken {background-image: url(http://we000327.host.inode.at/gaffa/img/n_kritiken.png); padding-right: 51px}

div#header ul li a:hover,
#page-aktuell #nav-aktuell,
#page-festival #nav-festival,
#page-programm #nav-programm,
#page-filme #nav-filme,
#page-jury #nav-jury,
#page-tickets #nav-tickets,
#page-gaestebuch #nav-gaestebuch,
#page-kritiken #nav-kritiken,
#page-gallery #nav-gallery,
#page-trailer #nav-trailer
{
 background-position: 50% 0px !important;
}

#content
{
 background: #e6e6e6;
 position: absolute;
 top: 270px;
 z-index: 1;
 width: 598px;
 left: 21px;
 padding: 35px;
 padding-bottom: 10px;
}

#logos
{
 margin-top: 10px;
 padding-top: 10px;
 text-align: right;
 position: relative;
 height: 41px;
}

#logos img {margin-right: 10px;}

#logos #wienxtralogo
{
 position: absolute;
 left: 0;
 top: 0;
}

#footer
{
 border-top: 1px dashed black;
 border-bottom: 1px dashed black;
 margin-top: 22px;
 padding: 8px 0 8px 0;
 position: relative;
}

#footer ul {list-style: none; padding: 0; margin: 0}
#footer li {display: inline; padding-right: 5px}
#footer em {font-style: normal;}
#footer a {text-decoration: none; }
#footer form
{
 width: 210px;
 position: absolute;
 top: 3px;
 right: 0;
 z-index: 15;
 text-align: right
}

table.aktuell-overview td
{
 width: 144px;
 padding: 27px;
}

table.filminfo td {vertical-align: top; background: white;}
td, table, th, tr
{
 border-collapse: collapse;
 border-spacing: 0px;
 padding: 0;
 margin: 0;
 vertical-align: top;
}

table.filminfo td.film-image {background: white; width: 250px;}

.long-filminfo {padding: 5px}
.short-filminfo {border-left: 1px solid #e6e6e6; width: 135px}
.film-track
{
 border-bottom: 1px solid #e6e6e6;
 height: 30px;
 text-align: center;
 padding-top: 7px;
 text-transform: uppercase;
}

.short-filminfo ul, .short-filminfo li
{
 list-style: none;
 margin: 0;
 padding: 0;
}

.short-filminfo li
{
 background: url(http://we000327.host.inode.at/gaffa/img/arrow_bullet.gif) no-repeat;
 font-weight: bold;
 padding-left: 22px;
 margin-left: 5px;
 display: block;
}

.overview_movie_img
{
 border: none;
 width: 80px;
 height: 54px;
 margin: 4px;
}

#guestbookform td {padding: 3px}

td, th {text-align: left; padding: 1px}

#programmtable {font-size: 9px; border: 2px solid black; table-layout: fixed;}
#programmtable th {background: black; color: white;}
#programmtable td {background: white; border: 1px solid black;}
#programmtable .odd td {background: #ff009c; height: 95px;}
#programmtable .even th {background: #ccc; color: black;  height: 95px;}
#programmtable a {text-decoration: none;}
#programmtable .odd a:hover {background: black; color: white}
#programmtable th, #programmtable td {width: 11%;}

.filminfo td.film-image {background-color: white;}

.guestbook_entry {margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #bbbbbb;}
.guestbook_msg {font-style: italic; margin-top: 5px;}

a#trailerbutton {position: absolute; top: 438px; right: 0px;}

div.gallerysection 
{
 border: 1px solid #e6e6e6; /* unsichtbar, fuer ie! */
 border-bottom: 1px dashed #555555;
 padding-bottom: 10px;
 margin-bottom: 15px; 
 position: relative;
}

img.thumbnail
{
 max-height: 70px;
 max-width: 70px;
 border: 1px solid #d2d2d2;
 margin-right: 5px;
}

div.gallerysection a:hover { background: none !important; }

a:hover img.thumbnail { border: 1px solid #04A8E9; }

div.gallerydate 
{
 position: absolute;
 right: 0;
 top: 0;
}

div.gallerysection h3.gallerytitle
{
 text-transform: uppercase;
 display: inline;
}

div.gallerysection ul li
{
 list-style: none;
 display: inline;
}

div.gallerysection ul { padding: 0; margin: 0; }

p.gallerydescription { margin-top: 0; }

div#loadscreen 
{
	background-color: grey;
	color: green;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;		
}

p.centered
{
	font-size: 3em;
	margin-top: 40%;
	margin-left: 50%;
}

body#page-filme h2 {
  margin: 10px 0 0 0;
}

body#page-filme h2 a {
  background: #000000;
  padding: 5px;
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: white;
  position: relative;
  font-weight: normal;
}

body#page-filme h2 a:hover {
  background: #ff009c;
}

body#page-filme h2 a em {
  text-transform: none;
  position: absolute;
  right: 5px;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
}

table#pressebilder td {padding: 15px;}