/* styles for www.filmfest-wismar.de      */
/*                                        */
/* media:	screen                        */
/* use:		on every page                 */
/* author:	click solutions GmbH          */
/*          Holger Bluethmann             */
/*                                        */


center, isindex, menu, dir, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 101%; font-family: inherit; font-variant: inherit; vertical-align: baseline; }

strong {
	font-weight: bold; }
body {
	line-height: 1; color: black; background: white;}

ol, ul {
	list-style: none }

table {
	border-collapse: separate; border-spacing: 0; }

caption, th, td {
	text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
	content: none }

blockquote, q  {
	quotes: none }

ul, ol, dl {
	position: relative }
	
a, a:hover {
	text-decoration: none; }

html { }

.clear {
	clear: both; font-size: 1px; line-height: 1px; height: 1px; background-color: #FFFFFF; }

body {
	color: black; background-color: #ffffff; }

body {
	background: #ffffff; font-family: Arial, Helvetica, sans-serif; }


/*                                   */
/* main divs                         */
/*                                   */

div#wrapper {
	margin: 25px auto 25px auto; width: 843px; }

div#content {
	float: left; width: 645px; }

div#header {
	width: 645px; height: 105px; background-image: url(../images/logo_filmfest.gif); background-repeat: no-repeat; }

body.ff2009 div#header {
	background-image: url(../images/logo_filmfest_2009.gif); }
	
body.ff2010 div#header {
	background-image: url(../images/logo_filmfest_2010.gif); }

body.ff2011 div#header {
	background-image: url(../images/logo_filmfest_2011.gif); }


div#navi {
	float: left; margin: 25px 0px 0px 0px; width: 173px; }

div#text {
	float: left; margin: 25px 0px 0px 25px; width: 447px; border-top: 5px solid #000000; }

div#sidenotes {
	float: left; margin: 0px 0px 0px 25px; width: 173px; background-color: #e41d2b; background-image: url(../images/sidenotes_header.gif); background-repeat: no-repeat; }

/*                                   */
/* header div                        */
/*                                   */

div#header h2 a {
	display: block; width: 645px; height: 105px; text-indent: -20000px; }

/*                                   */
/* navi div                          */
/*                                   */

div#navi ul {
	margin-top: 4px; }

div#navi ul li {
	font-size: 13px; width: 174px; border-top: 1px dashed #e41d2b; }

div#navi ul li.last {
	border-bottom: 1px dashed #e41d2b; }

div#navi ul li a {
	display: block; padding: 5px 10px 5px 10px; color: #e41d2b; }

div#navi ul li a:hover {
	background-color: #e41d2b; color: #FFFFFF; }

div#news {
	margin-top: 25px; }

div#news h3 {
	padding: 2px 10px 2px 10px; font-size: 13px; line-height: 16px; font-weight: bold; }

div#news h3 a {
	color: #e41d2b; }

div#news p {
	padding: 2px 10px 2px 10px; font-size: 13px; line-height: 16px; }

div#news p a {
	color: #333333; }

div#sponsors {
	margin-top: 25px; }

div#sponsors p {
	padding: 2px 10px 2px 10px; font-size: 13px; line-height: 16px; }

div#sponsors p a {
	color: #333333; }

img#sponsorlogo {
	filter: Alpha(opacity=0); moz-opacity: 0; }
	
p#sponsoranimation {
	padding: 2px 10px 2px 10px; font-size: 13px; line-height: 16px; border-top: 1px dashed #000000; border-bottom: 1px dashed #000000; }

div#sponsors p.legal {
	padding: 20px 10px 2px 10px; font-size: 11px; text-align: center; }

/*                                   */
/* sidenotes div                     */
/*                                   */

div#sidenotes h4 {
	padding: 40px 10px 100px 10px; text-align: right; text-transform: uppercase; font-weight: bold; font-size: 13px; color: #FFFFFF; }

div#sidenotes h3 {
	clear: both; padding: 10px 10px 6px 10px; margin-bottom: 5px; border-bottom: 1px dashed #FFFFFF; font-weight: bold; font-size: 13px; line-height: 17px; color: #FFFFFF; }

div#sidenotes h3 a {
	color: #ffffff; }

div#sidenotes p {
	clear: both; padding: 3px 0px 6px 10px; font-size: 12px; line-height: 16px; color: #FFFFFF; }

div#sidenotes p span {
	display: block; float: left; }

div#sidenotes p span a {
	color: #ffffff; }

div#sidenotes p span.time {
	width: 35px; }

div#sidenotes p span.title {
	width: 110px; margin: 0px 10px 0px 5px; }

div#sidenotes img {
	margin-top: 5px; }

/*                                   */
/* text div                          */
/*                                   */

div#text h1 {
	margin: 20px 0px 10px 0px; font-size: 18px; line-height: 21px; font-weight: bold; color: #e41d2b; }

div#text h2 {
	margin: 10px 0px 10px 0px; font-size: 14px; line-height: 18px; font-weight: bold; color: #e41d2b; }

div#text p {
	margin: 0px 0px 10px 0px; font-size: 13px; line-height: 17px; color: #333333; }

div#text a {
	color: #e41d2b; text-decoration: underline; }

div#text a:hover {
	color: #000000; text-decoration: underline; }

div#text ol, div#text ul {
	margin: 0px 0px 10px 25px; font-size: 13px; line-height: 17px; color: #333333; }

div#text ul {
	list-style-type: square; }

div#text ol {
	list-style-type: decimal; }


/*                                   */
/* Sponsorenliste                    */
/*                                   */
div#sponsors-list{
	margin:30px 0 30px 0; }

div#sponsors-list div a{
	float:left; margin:15px 0px 0 30px; border:1px solid #DEDEDE; padding:7px; }
	

/*                                   */
/* Galerie			                */
/*                                   */
div#text-gallery{
	margin:25px 0 0 0; }
	
div#text-gallery a{
	margin:11px 11px 0 0; display:block; width:100px; height:100px; float:left; }

/*                                   */
/* Lightbox - Galerie                */
/*                                   */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}