/*Main CSS for  pinkapple 2007 
created 28.03.07 hz, nauta@internauta.ch */


/*allgemeine Definition*/
body
{
	margin: 0px;
	padding: 0px;
	/*background-color: white;*/
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-image: url(../share/bg/bg.gif);
	background-repeat: no-repeat;
	/*color:#FFFFFF;*/
}
 
img {
	border:0px;
}

/*font*/
h2{
	margin: 0px;
	padding: 5px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #ae9962;
}
.nav{
	float:left;
	padding: 0px 0px 0px 0px;
}
.subnav
{
	float: left;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 20px;
	white-space: nowrap;
	background-color: #fff;
}


h1.seitentitel
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding: 1px 10px 4px 14px;
	margin-left: 1px;
	background-color: #01A89E;
	/*background-image: url(../share/bg/filmstreifen.gif);*/
	background-repeat: repeat-x;
	height: 16px;
	text-align: left;	
}

h1.seitentitelprogramm {
padding-left: 1em;
}

h3.zwischentitel
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #becacf;
	padding: 3px 0px 0px 0px;
	margin: 10px 0px 0px 1px;
	height: 19px;
	background-image: url(../share/bg/filmstreifen.gif);
	background-repeat: repeat-x;
}
h3.zusatztitel
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	
}

h3.zwischentitel_zwei{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #becacf;
	padding: 0px 0px 0px 0px;
	margin: 9px 0px 0px 1px;
	background-color: #fff;
	background-image: url(../share/bg/filmstreifen_bottom.gif);
	background-repeat: repeat-x;
	height: 20px;
}

h3.zwischentitel_drei{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #becacf;
	padding: 3px 0px 0px 0px;
	margin: 10px 0px 0px 1px;
	background-color: #fff;
	background-image: url(../share/bg/filmstreifen.gif);
	background-repeat: repeat-x;
	height: 20px;
}

a {
	color: #e73885;
}

a:hover{
	color: #4a7a8d;
}

a.plain
{
	color: black;
	text-decoration: none;
}

a.plain:hover{
	color: #e73885;
}

a.navi{
	color: #e73885;
	text-decoration: none;
}
a.naviaktiv{
	font-weight: bold;
	color: #4a7a8d;
	text-decoration: none;
}

a.naviaktivprogramm{
	color: #01A89E;
	text-decoration: none;
}

a.navi:hover{
	color: #4a7a8d;
}
a.film{
font-size: 11px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
a.film:hover{
	color: #e73885;
}

#wrapper {
height: 800px;
width: 1024px;
}

/*content*/
#content {
width: 421px;
margin: 0 auto;
text-align: left;
}


/*-----logos--------------*/
#Logo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 265px;
	height: 260px;
	z-index: 0;
}
#pinkapple{
	position: absolute;
	top: 57px;
	left: 265px;
	width: 220px;
	height: 40px;

}
/*----------Titelbloecke----------*/
/*
#HeaderFilm
{
	position: absolute;
	top: 105px;
	left: 266px;
	width: 405px;
	height: 40px;
	background-color: black;
}
	
#HeaderZurich
{
	position: absolute;
	top: 152px;
	left: 266px;
	width: 175px;
	height: 55px;
	background-color: black;
}
#HeaderFrauenfeld
{
	position: absolute;
	top: 152px;
	left: 448px;
	width: 223px;
	height: 55px;
	background-color: black;
}
*/
/*---------NAV-----------------*/
#Nav{
	position: absolute;
	top: 39px;
	left: 265px;
	/*width: 545px;*/
	height: 40px;
	background-color: transparent;
	z-index: 10;
}
#Subnavi
{
	clear: left;
	color: #ae9962;
	padding: 2px 0px 0px 0px;
	width: 545px;
}

#Subnavinews
{
	clear: left;
	color: #ae9962;
	padding: 2px 0px 0px 0px;
	/*width: 545px;*/
}

#Subnaviliste
{
	clear: left;
	color: #ae9962;
	padding: 2px 0px 0px 0px;
	padding-left: 100px;
	width: 545px;
}

#Subnavimedien
{
	clear: left;
	color: #ae9962;
	padding: 2px 0px 0px 0px;
	padding-left: ;
	width: 545px;
}

#Subnavisubmission
{
	clear: left;
	color: #ae9962;
	padding: 2px 0px 0px 0px;
	padding-left: 327px;
	width: 545px;
}

/*--------Subnavigation Programm------------*/

#Subnaviprogramm {
clear: left;
color: #00A592;
padding: 2px 0px 0px 80px;
width: 545px;
}

*+html #Subnaviprogramm {
padding-left:60px;
}

* html #Subnaviprogramm {
padding-left:54px;
}

.subnavprogramm {
float: left;
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
padding: 0px 0px 15px 20px;
white-space: nowrap;
background-color: #fff;
color: #00A592;
}

.subnavprogramm a {
color: #ED008C;
}

.subnavprogramm a.naviaktivprogramm {
color: #00A592;
}

.subnavprogramm a:hover {
color: #00A592;
text-decoration: underline;
}

/*-----Content-----------------*/
#ContentWrapper{
	position: absolute;
	top: 100px;
	left: 242px;
	width: 545px;
}

#Titelbalken{
	margin: 0px;
	padding: 0px;
	height: 20px;
	color: #4a7a8d;
	padding-top:17px;
}


#Content
{
	height: 300px;
	/* height fur IE */
	width: 545px;
	padding: 0px 0px 20px 0px;
}

html>body>#ContentWrapper>#Content{
	height: auto;
	min-height: 300px; /* andere Browser*/
	background-color: transparent;
	}

/*----------Footer--------------*/
#Footer{
	clear:both;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	padding-top:10px;
}

/*---------text------------------*/
.lauftext
{
	padding: 3px 20px 3px 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000;
}
.laufrechts
{
	padding: 10px 20px 0px 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000;
}

/*-------table--------------*/
/*
* html table {
margin-left:300px;
width:544px;
}
*/

* html table.progDetail {
margin-left: 300px;
}

table.progDetail a {
text-decoration: underline;
}

table.programm{
	margin: 0px 0px 0px 0px;
	padding: 0px;

}


* html table.programm{
	margin: 0px 0px 0px 300px;
	padding: 0px;
}


tr.dunkel td{
border-top: 1px solid #01A89E;
}

tr.hell td{
border-top: 1px solid #01A89E;
}

table.programm td
{
	color: #000;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

td.abst{
	padding-top:3px;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	border:0;
}
td.datum
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 30px;
	color:#01A89E;
	font-weight: bold;
	padding: 10px 0px 0px 15px;
	
	
}
td.zeit
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 50px;
	height: 18px;
	color: #000;
	padding: 3px 0px 0px 5px;
	white-space: nowrap;
	vertical-align: top;
}
td.titel
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 439px;
	height: 18px;
	color: #000;
	padding: 3px 20px 0px 0px;
	vertical-align: top;
}

td.filmtitel{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width:395px;
	height: 18px;
	color: #000;
	padding: 3px 0px 0px 20px;
	
}
td.filmschmal
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 201px;
	height: 18px;
	color: #000;
	padding: 3px 0px 0px 20px;
	vertical-align: top;
}


td.gender
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 70px;
	height: 18px;
	color: #000;
	padding: 3px 0px 0px 0px;
	vertical-align: top;
	
}

td.genderfilmliste{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
	color: #000;
	padding: 3px 0px 0px 0px;
	vertical-align: top;
	
}
td.landjahr
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 110px;
	height: 18px;
	color: #000;
	padding: 3px 0px 0px 0px;
	white-space: nowrap;
	vertical-align: top;
}

td.linie{
	height: 1px;
	line-height: 1px;
}

td.spalteleft
{
	width: 266px;
	padding: 20px 0px 0px 0px;
	vertical-align: top;
}
/*
* html td.spalteleft {
margin-left:300px;
}
*/
td.spalteright
{
	width: 288px;
	padding: 10px 0px 0px 10px;
	vertical-align: top;
	/*border-top: 5px solid red;*/
}

td.spalteright h3.zusatztitel {
font-size: 11px;
font-weight: bold;
margin: 15px 0 5px 0;
}

td.spalteright a {
font-size: 11px;
color: #000;
font-family: Verdana, Helvetica, sans-serif;
}

td.spalteright a:hover {
color: #EF008E;
text-decoration: underline;

}


img.gendericon{
	float:left;
	padding-right: 5px;
	width: 7px;
	height: 7px;
	padding-top: 5px;
}
/*--------------Bildergalerie---------------*/
img.detail { 
padding: 20px 0px 20px 0px; 
}

.entryleft{
	padding: 0px 0px 0px 20px;
}

.abschluss{
	clear:both;
	height: 1px;
}
td.label{
	padding: 3px 0px 0px 0px;
	vertical-align: top;
	width: 100px;
	height: 20px;
	/*background-image: url(../share/bg/filmstreifen_top.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #01A89E;*/
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
}
td.angaben
{
	padding: 3px 0px 0px 3px;
	vertical-align: top;
	font-weight: bold;
	width: 170px;
	height: 20px;
	/*background-image: url(../share/bg/filmstreifen_top.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #01A89E;*/
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;	
}

td.angaben a {
font-size: 11px;
color:#000;
font-family: Verdana, Helvetica, sans-serif;	
}

td.angaben a:hover {
color:#EF008E;
}

td.thumb
{
	vertical-align: top;
	padding: 2px;
/*	height: 145px;*/
	height: 130px;
	width: 145px;

}

td.bildgross
{
	vertical-align: top;
	background-color: #transparent;
	width: 425px;
}

.lauftext td.bildgross{
margin-left: auto;
margin-right: auto;
text-align: center;
}

.thumbImg{
	background-color: #fff;
	padding: 0px;	
/*	height: 120px;*/
	width: 110px;
}


.thumbImgHoch{
	background-color: #fff;
	padding: 0px;
/*	height: 120px;*/
	width: 110px;
}


.backlink { padding: 20px 0px 0px 20px; }

.lauftext table{
margin-left: auto;
margin-right: auto;
text-align: center;
}

.newsbild
{
	float: right;
	width: 170px;
	text-align: right;
	margin-bottom: 10px;
	margin-top: -25px;
}

h2.festivalNews {
color: #323297;
width:544px;
clear:both;
padding-left:13px;
}

#lauftextFN {
width: 544px;
}

* html #lauftextFN {
margin-left: 300px;
width: 544px;
}

#lauftextFN p {
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
padding:0 13px;
}

#lauftextFN table {
padding-left:13px;
}

*+html #lauftextFN table {
margin-left:13px;
}

* html #lauftextFN table {
margin-left:13px;
width: 524px;
}

#lauftextFN hr {
width: 544px;
border-bottom: 1px solid #323297;
margin: 10px 0 5px 0;
visibility:visible;
clear:both;
}

* html #lauftextFN hr {
height: 1px;
}

#lauftextFN a {
font-size: 11px;
color: #000;
text-decoration: underline;
}

#lauftextFN a:hover {
color: #EF008E;
}

#legGender {
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
margin-top: 10px;
}

* html #legGender {
margin-left:300px;
width:400px;
}

* html #legGender.spezial {
margin-left: 0;
width: 300px;
}

* html #zurueck {
margin-left:300px;
width:400px;
}

* html table.progDetail h1 {
width: 544px;
}

* html #footerNews.spezial {
width: 568px;
}
