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

/* Filmf�rderung:             #B90355
/* Landesfilmarchiv:            #B90355
/* Medienwerkstatt:             #CD6C0B
/* Veranstaltungen				#B60000
/* Presse/Archiv                #0068A1
/* Raeume/Hostel:               #CD6C0B
/* film-in-mv:                  #B90355 */


* {
	padding: 0; margin: 0; font-weight: normal; }

img {
	border: none; }

strong {
	font-weight: bold; }

html {
	overflow-y: scroll; }

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

div#wrapper {
	top: 20px; left: 20px; z-index: 1000; width: 870px; position: relative; margin: -134px auto 0px auto;}

a:focus {
	outline: 0; }


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

div#flash {
	position: relative; margin: 0px auto 0px auto; top: 0px; left: 20px; z-index: 1; width: 870px; }

div#header {
	text-align: left; width: 870px; height: 90px; z-index:5000;}

div#mainnavi {
	clear: both; margin-bottom: 10px; text-align: left; width: 870px; height: 48px; }

div#content {
	clear: both; text-align: left; width: 870px; }

div#subnavi {
	float: left; width: 180px; margin-top: 20px; min-height: 100px; }

div#text {
	margin: 0px 170px 0px 180px; min-height: 200px; }

div#sidenotes {
	float: right; width: 170px; min-height: 100px; }

div#footer {
	clear: both; margin-top: 20px; width: 870px; }

div#partner {
	float: left; width: 180px; }

div#info {
	margin: 0px 190px 0px 200px; min-height: 200px; border-top: 3px solid #000000; }


/*                                   */
/* header divs + classes             */
/*                                   */

img#logo {
	float: left; }

div#search {
	text-align: right; margin: 26px 0px 0px 0px; float: right; width: 190px; }

div#searchbutton {
	text-align: right; margin: 27px 0px 0px 0px; float: right; width: 25px; }

div#search input#csq {
	border: 1px solid #000000; background-color: #FFFFFF;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 2px 3px 2px; }

div#search input#cssubmit {
	border: none; width: 25px; height: 22px; font-family: Arial, Helvetica, sans-serif; font-size: 1px; padding: 0px; background-image: url(../images/search_button.gif);  }


/*                                   */
/* mainnavi divs + classes           */
/*                                   */

div#mainnavi ul {
	list-style-type: none; }

div#mainnavi ul li {
	float: left; margin: 24px 0px 0px 0px; border-top: 4px solid #000000; }

div#mainnavi ul li a {
	display: block; padding: 4px 10px 0px 14px; font-size: 13px; color: #000000; border-right: 1px solid #000000; font-weight: bold; text-transform: lowercase; text-decoration: none; }

div#mainnavi ul li.last a {
	border: none; }

div#mainnavi ul li.selected {
	float: left; margin: 0px 0px 0px 0px; border-bottom: 4px solid #B60000; border-top: none; height:24px; }

div#mainnavi ul li.selected a {
	display: block; padding: 4px 15px 5px 14px; font-size: 13px; color: #ffffff; background-color: #B60000; border-right: none; font-weight: bold; text-transform: lowercase; text-decoration: none; }

div#mainnavi ul li.afterselected a {
	border-left: 1px solid #000000; }

div#mainnavi ul li a.filmfoerderung:hover {
	color: #B90355; }

div#mainnavi ul li a.landesfilmarchiv:hover {
	color: #B90355; }

div#mainnavi ul li a.medienwerkstatt:hover {
	color: #CD6C0B; }

div#mainnavi ul li a.veranstaltungen:hover {
	color: #B60000; }

div#mainnavi ul li a.filmfestwismar:hover {
	color: #B60000; }

div#mainnavi ul li a.pressearchiv:hover {
	color: #0068A1; }

div#mainnavi ul li a.raeumehostel:hover {
	color: #CD6C0B; }

div#mainnavi ul li a.filminmv:hover {
	color: #B90355; }

div#mainnavi ul li.selected a:hover {
	color: #ffffff; }


/*                                   */
/* subnavi divs + classes            */
/*                                   */

div#subnavi ul {
	list-style-type: none; }

div#subnavi ul li {
	border-bottom: 1px dashed #B60000; font-size: 12px; line-height: 15px; }

div#subnavi ul li a {
	display: block; padding: 4px 10px 4px 18px; text-decoration: none; color: #B60000; }

div#subnavi ul li.selected a {
	background-color: #B60000; color: #FFFFFF; }


div#subnavi ul li.selected ul {
	margin: 0px 0px 0px 0px; }

div#subnavi ul li.selected ul li {
	padding-left: 30px; border-bottom: none; }

div#subnavi ul li.selected ul li a {
	padding: 3px 0px 4px 0px; background-color: #FFFFFF; color: #000000; }

div#subnavi ul li.selected ul li a:hover {
	color: #000000; }

div#subnavi p {
	margin: 5px 20px 0px 18px; font-size: 13px; line-height: 17px; color: #000000; }

div#subnavi p.titel {
    font-weight: bold; }

div#subnavi a {
	font-size: 13px; line-height: 17px; color: #000000; text-decoration: none; }

/*                                   */
/* text divs + classes               */
/*                                   */

div#text h1 {
	margin: 14px 20px 10px 20px; font-size: 28px; color: #B60000; line-height: 30px; font-weight: bold; }

div#text h2 {
	margin: 5px 20px 10px 20px; font-size: 18px; color: #B60000; line-height: 20px; }

div#text h3 {
	margin: 5px 20px 10px 20px; font-size: 16px; color: #B60000; line-height: 18px; }

div#text h4 {
	margin: 5px 20px 10px 20px; font-size: 13px; color: #000000; font-weight: bold; line-height: 15px; }

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

div#text .topline {
	margin-top: 25px; padding: 5px 5px 5px 0px; font-size: 18px; color: #000000; line-height: 21px; border-top: 1px solid #000; border-bottom: 1px solid #000; font-weight: bold; }

div#text ul, div#text ol {
	padding: 0px 20px 10px 40px; font-size: 13px; color: #000000; line-height: 17px; }

div#text a {
	text-decoration: none; color: #B60000; font-weight: bold; }

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

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

div#text ol {
	list-style-type: decimal; padding-left: 38px; }

div#text table {
	margin: 0px 30px 0px 20px; width: 400px; }

div#text table tr td {
	padding: 3px 30px 3px 0px; font-size: 13px; line-height: 17px; vertical-align: top; }


/*                                   */
/* sidenotes divs + classes          */
/*                                   */

div#sidenotes h1 {
	margin: 17px 0px 10px 0px; font-size: 16px; color: #B60000; font-weight: bold; line-height: 30px; }

div#sidenotes h2 {
	margin: 5px 0px 10px 0px; font-size: 12px; color: #B60000; font-weight: bold; line-height: 20px; }

div#sidenotes p {
	margin: 0px 0px 10px 0px; font-size: 12px; color: #000000; line-height: 17px; }

div#sidenotes a {
	text-decoration: none; color: #B60000; }

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

div#sidenotes ul, div#text ol {
	margin: 0px 0px 10px 10px; font-size: 12px; color: #000000; line-height: 17px; }

div#sidenotes ul {
	list-style-type: disc; }

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

div#sidenotes img {
	padding: 0px 5px 0px 0px; }

div#sidenotes div.sidenotes-news p {
	padding-bottom: 10px; border-bottom: 1px dashed #000000; }

div#sidenotes div.sidenotes-news p a {
	color: #000000; }

div#sidenotes div.sidenotes-news h2 {
	margin-bottom: 5px; }

div#sidenotes div.sidenotes-news h2 a {
	font-weight: bold; }

body.start div#sidenotes div.sidenotes-news h2 a {
	color: #000000; }


/*                                   */
/* footer divs + classes             */
/*                                   */

div#info p {
	padding: 5px 0px 0px 0px; color: #999999; font-size: 12px; line-height: 18px; }

div#info p a {
	color: #999999; text-decoration: none; }

div#info p a:hover {
	text-decoration: underline; }


/*                                   */
/* filmfoerderung                    */
/*                                   */

body.filmfoerderung div#mainnavi ul li {
	border-top: 4px solid #B90355; }

body.filmfoerderung div#mainnavi ul li a {
	 }

body.filmfoerderung div#mainnavi ul li.selected {
	border-bottom: 4px solid #B90355; border-top: none; }

body.filmfoerderung div#mainnavi ul li.selected a {
	background-color: #B90355; }

body.filmfoerderung div#mainnavi ul li.afterselected a {
	border-left: 1px solid #B90355; }

body.filmfoerderung div#subnavi ul li {
	border-bottom-color: #B90355; }

body.filmfoerderung div#subnavi ul li a {
	color: #B90355; }

body.filmfoerderung div#subnavi ul li a:hover {
	color: #000000; }

body.filmfoerderung div#subnavi ul li.selected a {
	background-color: #B90355; color: #FFFFFF; }

body.filmfoerderung div#subnavi ul li.selected a:hover {
	color: #000000; }

body.filmfoerderung div#subnavi ul li.selected li.selected a {
	color: #000000; }

body.filmfoerderung div#text h1 {
	color: #B90355; }

body.filmfoerderung div#text h2 {
	color: #B90355; }

body.filmfoerderung div#text h3 {
	color: #B90355; }

body.filmfoerderung div#text p a,
body.filmfoerderung div#text h1 a,
body.filmfoerderung div#text h2 a,
body.filmfoerderung div#text h3 a {
	color: #B90355; }

body.filmfoerderung div#sidenotes h2 {
 	color: #B90355; }

body.filmfoerderung div#sidenotes a {
	color: #B90355; }


/*                                   */
/* landesfilmarchiv                  */
/*                                   */

body.landesfilmarchiv div#mainnavi ul li {
	border-top: 4px solid #B90355; }

body.landesfilmarchiv div#mainnavi ul li a {
	}

body.landesfilmarchiv div#mainnavi ul li.selected {
	border-bottom: 4px solid #B90355; border-top: none; }

body.landesfilmarchiv div#mainnavi ul li.selected a {
	background-color: #B90355; }

body.landesfilmarchiv div#mainnavi ul li.afterselected a {
	border-left: 1px solid #B90355; }

body.landesfilmarchiv div#subnavi ul li {
	border-bottom-color: #B90355; }

body.landesfilmarchiv div#subnavi ul li a {
	color: #B90355; }

body.landesfilmarchiv div#subnavi ul li a:hover {
	color: #000000; }

body.landesfilmarchiv div#subnavi ul li.selected a {
	background-color: #B90355; color: #FFFFFF; }

body.landesfilmarchiv div#subnavi ul li.selected a:hover {
	color: #000000; }

body.landesfilmarchiv div#subnavi ul li.selected li a {
	background-color: #FFFFFF; color: #B90355; }

body.landesfilmarchiv div#subnavi ul li.selected li.selected a {
	color: #000000; }

body.landesfilmarchiv div#text h1 {
	color: #B90355; }

body.landesfilmarchiv div#text h2 {
	color: #B90355; }

body.landesfilmarchiv div#text h3 {
	color: #B90355; }

body.landesfilmarchiv div#text p a,
body.landesfilmarchiv div#text h1 a,
body.landesfilmarchiv div#text h2 a,
body.landesfilmarchiv div#text h3 a {
	color: #B90355; }

body.landesfilmarchiv div#sidenotes h2 {
 	color: #B90355; }

body.landesfilmarchiv div#sidenotes a {
	color: #B90355; }


/*                                   */
/* medienwerkstatt                   */
/*                                   */

body.medienwerkstatt div#mainnavi ul li {
	border-top: 4px solid #CD6C0B; }

body.medienwerkstatt div#mainnavi ul li a {
	 }

body.medienwerkstatt div#mainnavi ul li.selected {
	border-bottom: 4px solid #CD6C0B; border-top: none; }

body.medienwerkstatt div#mainnavi ul li.selected a {
	background-color: #CD6C0B; }

body.medienwerkstatt div#mainnavi ul li.afterselected a {
	border-left: 1px solid #CD6C0B; }

body.medienwerkstatt div#subnavi ul li {
	border-bottom-color: #CD6C0B; }

body.medienwerkstatt div#subnavi ul li a {
	color: #CD6C0B; }

body.medienwerkstatt div#subnavi ul li a:hover {
	color: #000000; }

body.medienwerkstatt div#subnavi ul li.selected a {
	background-color: #CD6C0B; color: #FFFFFF; }

body.medienwerkstatt div#subnavi ul li.selected a:hover {
	color: #000000; }

body.medienwerkstatt div#subnavi ul li.selected li a {
	background-color: #FFFFFF; color: #CD6C0B; }

body.medienwerkstatt div#subnavi ul li.selected li.selected a {
	color: #000000; }

body.medienwerkstatt div#text h1 {
	color: #CD6C0B; }

body.medienwerkstatt div#text h2 {
	color: #CD6C0B; }

body.medienwerkstatt div#text h3 {
	color: #CD6C0B; }

body.medienwerkstatt div#text p a,
body.medienwerkstatt div#text h1 a,
body.medienwerkstatt div#text h2 a,
body.medienwerkstatt div#text h3 a {
	color: #CD6C0B; }

body.medienwerkstatt div#sidenotes h2 {
	color: #CD6C0B; }

body.medienwerkstatt div#sidenotes a {
	color: #CD6C0B; }


body.medienwerkstatt div#text ul a {
	color: #CD6C0B; }

/*                                   */
/* veranstaltungen          */
/*                                   */

body.veranstaltungen div#mainnavi ul li {
	border-top: 4px solid #B60000; }

body.veranstaltungen div#mainnavi ul li a {
	 }

body.veranstaltungen div#mainnavi ul li.selected {
	border-bottom: 4px solid #B60000; border-top: none; }

body.veranstaltungen div#mainnavi ul li.selected a {
	background-color: #B60000; }

body.veranstaltungen div#mainnavi ul li.afterselected a {
	border-left: 1px solid #B60000; }

body.veranstaltungen div#subnavi ul li {
	border-bottom-color: #B60000; }

body.veranstaltungen div#subnavi ul li a {
	color: #B60000; }

body.veranstaltungen div#subnavi ul li a:hover {
	color: #000000; }

body.veranstaltungen div#subnavi ul li.selected a {
	background-color: #B60000; color: #FFFFFF; }

body.veranstaltungen div#subnavi ul li.selected a:hover {
	color: #000000; }

body.veranstaltungen div#subnavi ul li.selected li a {
	background-color: #FFFFFF; color: #B60000; }

body.veranstaltungen div#subnavi ul li.selected li.selected a {
	color: #000000; }

body.veranstaltungen div#subnavi ul li.selected li.selected a {
	color: #000000; }

body.veranstaltungen div#text h1 {
	color: #B60000; }

body.veranstaltungen div#text p a,
body.veranstaltungen div#text h1 a,
body.veranstaltungen div#text h2 a,
body.veranstaltungen div#text h3 a {
	color: #B60000; }

body.veranstaltungen div#sidenotes h2 {
 	color: #B60000; }

body.veranstaltungen div#sidenotes a {
	color: #B60000; }


/*                                   */
/* filmfest-wismar			         */
/*                                   */

body.filmfest-wismar div#mainnavi ul li {
	border-top: 4px solid #B60000; }

body.filmfest-wismar div#mainnavi ul li a {
	 }

body.filmfest-wismar div#mainnavi ul li.selected {
	border-bottom: 4px solid #B60000; border-top: none; }

body.filmfest-wismar div#mainnavi ul li.selected a {
	background-color: #B60000; }

body.filmfest-wismar div#mainnavi ul li.afterselected a {
	border-left: 1px solid #B60000; }

body.filmfest-wismar div#subnavi ul li {
	border-bottom-color: #B60000; }

body.filmfest-wismar div#subnavi ul li a {
	color: #B60000; }

body.filmfest-wismar div#subnavi ul li a:hover {
	color: #000000; }

body.filmfest-wismar div#subnavi ul li.selected a {
	background-color: #B60000; color: #FFFFFF; }

body.filmfest-wismar div#subnavi ul li.selected a:hover {
	color: #000000; }

body.filmfest-wismar div#subnavi ul li.selected li a {
	background-color: #FFFFFF; color: #B60000; }

body.filmfest-wismar div#subnavi ul li.selected li.selected a {
	color: #000000; }

body.filmfest-wismar div#subnavi ul li.selected li.selected a {
	color: #000000; }

body.filmfest-wismar div#text h1 {
	color: #B60000; }

body.filmfest-wismar div#text p a,
body.filmfest-wismar div#text h1 a,
body.filmfest-wismar div#text h2 a,
body.filmfest-wismar div#text h3 a {
	color: #B60000; }

body.filmfest-wismar div#sidenotes h2 {
 	color: #B60000; }

body.filmfest-wismar div#sidenotes a {
	color: #B60000; }


/*                                   */
/* presse-archiv       			     */
/*                                   */

body.presse-archiv div#mainnavi ul li {
	border-top: 4px solid #0068A1; }

body.presse-archiv div#mainnavi ul li a {
	 }

body.presse-archiv div#mainnavi ul li.selected {
	border-bottom: 4px solid #0068A1; border-top: none; }

body.presse-archiv div#mainnavi ul li.selected a {
	background-color: #0068A1; }

body.presse-archiv div#mainnavi ul li.afterselected a {
	border-left: 1px solid #0068A1; }

body.presse-archiv div#subnavi ul li {
	border-bottom-color: #0068A1; }

body.presse-archiv div#subnavi ul li a {
	color: #0068A1; }

body.presse-archiv div#subnavi ul li a:hover {
	color: #000000; }

body.presse-archiv div#subnavi ul li.selected a {
	background-color: #0068A1; color: #FFFFFF; }

body.presse-archiv div#subnavi ul li.selected a:hover {
	color: #000000; }

body.presse-archiv div#subnavi ul li.selected li a {
	background-color: #FFFFFF; color: #0068A1; }

body.presse-archiv div#subnavi ul li.selected li.selected a {
	color: #000000; }

body.presse-archiv div#text h1 {
	color: #0068A1; }

body.presse-archiv div#text p a,
body.presse-archiv div#text h1 a,
body.presse-archiv div#text h2 a,
body.presse-archiv div#text h3 a {
	color: #0068A1; }

body.presse-archiv div#sidenotes h2 {
 	color: #0068A1; }

body.presse-archiv div#sidenotes a {
	color: #0068A1; }


/*                                   */
/* raeume-hostel          			 */
/*                                   */

body.raeume-hostel div#mainnavi ul li {
	border-top: 4px solid #CD6C0B; }

body.raeume-hostel div#mainnavi ul li a {
	 }

body.raeume-hostel div#mainnavi ul li.selected {
	border-bottom: 4px solid #CD6C0B; border-top: none; }

body.raeume-hostel div#mainnavi ul li.selected a {
	background-color: #CD6C0B; }

body.raeume-hostel div#mainnavi ul li.afterselected a {
	border-left: 1px solid #CD6C0B; }

body.raeume-hostel div#subnavi ul li {
	border-bottom-color: #CD6C0B; }

body.raeume-hostel div#subnavi ul li a {
	color: #CD6C0B; }

body.raeume-hostel div#subnavi ul li a:hover {
	color: #000000; }

body.raeume-hostel div#subnavi ul li.selected a {
	background-color: #CD6C0B; color: #FFFFFF; }

body.raeume-hostel div#subnavi ul li.selected a:hover {
	color: #000000; }

body.raeume-hostel div#subnavi ul li.selected li a {
	background-color: #FFFFFF; color: #CD6C0B; }

body.raeume-hostel div#subnavi ul li.selected li.selected a {
	color: #000000; }

body.raeume-hostel div#text h1 {
	color: #CD6C0B; }

body.raeume-hostel div#text p a,
body.raeume-hostel div#text h1 a,
body.raeume-hostel div#text h2 a,
body.raeume-hostel div#text h3 a {
	color: #CD6C0B; }

body.raeume-hostel div#sidenotes h2 {
 	color: #CD6C0B; }

body.raeume-hostel div#sidenotes a {
	color: #CD6C0B; }


/*                                   */
/* film-in-mv                          */
/*                                   */

body.film-in-mv div#mainnavi ul li {
	border-top: 4px solid #B90355; }

body.film-in-mv div#mainnavi ul li a {
	 }

body.film-in-mv div#mainnavi ul li.selected {
	border-bottom: 4px solid #B90355; border-top: none; }

body.film-in-mv div#mainnavi ul li.selected a {
	background-color: #B90355; }

body.film-in-mv div#mainnavi ul li.afterselected a {
	border-left: 1px solid #B90355; }

body.film-in-mv div#subnavi ul li {
	border-bottom-color: #B90355; }

body.film-in-mv div#subnavi ul li a {
	color: #B90355; }

body.film-in-mv div#subnavi ul li a:hover {
	color: #000000; }

body.film-in-mv div#subnavi ul li.selected a {
	background-color: #B90355; color: #FFFFFF; }

body.film-in-mv div#subnavi ul li.selected a:hover {
	color: #000000; }

body.film-in-mv div#subnavi ul li.selected li a {
	background-color: #FFFFFF; color: #B90355; }

body.film-in-mv div#subnavi ul li.selected li.selected a {
	color: #000000; }

body.film-in-mv div#text h1 {
	color: #B90355; }

body.film-in-mv div#text h2 {
	color: #B90355; }

body.film-in-mv div#text h3 {
	color: #B90355; }

body.film-in-mv div#text p a,
body.film-in-mv div#text h1 a,
body.film-in-mv div#text h2 a,
body.film-in-mv div#text h3 a {
	color: #B90355; }

body.film-in-mv div#sidenotes h2 {
 	color: #B90355; }

body.film-in-mv div#sidenotes a {
	color: #B90355; }



div#header-images {
	position: relative; width: 460px; height: 300px; margin: 14px 20px 10px; 0px;}

body.start div#header-images {
	height: 300px; }

div#header-images img {
	position: absolute; }

div#headerImgAnim {
	position:absolute; width: 460px; }

div#headerImgAnim img {
	position: absolute; border: none; display: none }

div#headerImgAnim .active {
	display: block; z-index: 1; }

/*                        */
/*  Galerie               */
/*                        */

p#gallery img {
	margin: 5px; }