﻿.body
{
	background-color: #000000;
	margin: 4px;
	padding: 0px;
}
body
{
	font-family: Arial;
	font-size: 13px;
	line-height: 16px;
}
img
{
	border-style: none;
}

a
{
	text-decoration: none;
}

/********************* Fonts ********************/

.content
{
	color: #000;
	padding: 0;
	margin: 0;
	font-family: Arial;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
}
p, span
{
	color: #000;
	padding: 0;
	margin: 0;
	line-height: 16px;
}
h1, .h1
{
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
	color: #670001;
	margin-top: 0;
	margin-bottom: 8px;
	padding: 0;
}
h2, .h2
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #670001;
	margin: 0 0 4px 0;
	padding: 0;
}
h3, .h3
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #670001;
	margin: 0 0 4px 0;
	padding: 0;
}
h4, .h4
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	color: #000;
	margin: 0 0 4px 0;
	padding: 0;
}
h5, .h5
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #670001;
	margin: 0 0 2px 0;
	padding: 0;
}
h6, .h6
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	color: #670001;
	margin: 0 0 2px 0;
	padding: 0;
}

.bildunterschrift
{
	font-family: Arial;
	font-size: 10px;
	line-height: 12px;
	color: #000;
	margin: 0;
	padding: 0;
}
.specialContent
{
	color: #fff;
}

*.specialContent a:link, *.specialContent a:link, *.specialContent a:visited, *.specialContent a:active, *.specialContent a:hover
{
	color: #FFFFBB;
	text-decoration: none;
	background: url(img/linkonred.gif) no-repeat;
	padding: 0 0 0 12px;
}


.specialContent a:hover
{
	text-decoration: underline;
}


/* Floating */
.left
{
	float: left;
}

.clear
{
	clear: both;
	height: 1px;
	width: 1px;
	overflow: hidden;
	margin-top: -1px;
}

/*Div's und Hintergründe*/
.bgtopnav
{
	background-image: url(img/bgtopnav.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 950px;
}
.bglwtop
{
	background-image: url(img/leinwandBG_top.JPG);
	background-repeat: no-repeat;
	height: 30px;
	width: 1000px;
}
.bglwtop_startseite
{
	background-image: url(img/startseiteBG1.JPG);
	background-repeat: no-repeat;
	height: 130px;
	width: 1000px;
}
.bglwmain
{
	background-image: url(img/leinwandBG_main.JPG);
	background-repeat: repeat-y;
	overflow: visible;
	min-height: 440px;
	width: 1000px;
}
.bglwmain_startseite
{
	background-image: url(img/startseiteBG2.JPG);
	background-repeat: no-repeat;
	height: 351px;
	width: 1000px;
}
* html .bglwmain
{
	/*IE6 */
	background-image: url(img/leinwandBG_main.JPG);
	background-repeat: repeat-y;
	overflow: visible;
	height: 440px;
	width: 1000px;
}
.bglwbottom
{
	background-image: url(img/leinwandBG_bottom.JPG);
	background-repeat: no-repeat;
	height: 68px;
	width: 1000px;
}
.bglwbottom_startseite
{
	background-image: url(img/startseiteBG3.JPG);
	background-repeat: no-repeat;
	height: 105px;
	width: 1000px;
}
.bgbottom
{
	background-image: url(img/contentBG_stuehle.JPG);
	background-repeat: no-repeat;
	background-position: 0px 31px;
	height: 484px;
	margin-top: 30px;
}

.bgfilm
{
	background-image: url(img/bgfilm.gif);
	background-repeat: no-repeat;
	height: 220px;
	width: 851px;
	margin: 0;
	float: left;
}

.bg_tafel
{
	position: absolute;
	left: 0px;
	top: -2px;
	width: 267px;
	height: 476px;
	background-image: url(img/tafelBG.jpg);
	background-repeat: no-repeat;
}


.bt_film_left
{
	margin-top: 93px;
	margin-left: 20px;
	display: block;
	width: 38px;
}
.bt_film_right
{
	margin-top: 93px;
	margin-left: 8px;
	display: block;
	width: 38px;
}

.contentParag
{
	margin-left: 292px;
	width: 590px;
	margin-top: -7px;
}

/******************************* TOP Navigation ******************************************************/
div.topnav
{
	width: 750px;
	padding-top: 20px;
	padding-left: 18px;
	overflow: hidden;
}
div.topnav ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.topnav ul li
{
	height: 32px;
	background-image: url(img/bg_topnav_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	margin-left: 15px;
}

div.topnav ul li.clear
{
	height: 1px;
	background-image: none;
}

div.topnav ul li div
{
	background-image: url(img/bg_topnav_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	height: 24px;
	padding: 3px;
	margin-left: 2px;
	padding-left: 1px;
	padding-top: 2px;
	padding-right: 2px;
}
a.topnav_p, a.topnav_p:hover, a.topnav_p:visited, a.topnav_a, a.topnav_a:visited, a.topnav_a:hover
{
	white-space: nowrap;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Times New Roman;
	font-weight: bold;
	color: #E5E5E5;
	font-size: 16px;
	height: 22px;
	letter-spacing: 1px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: black;
}
a.topnav_a, a.topnav_p:hover, a.topnav_a:hover, a.topnav_a:visited
{
	color: #c53c32;
}
/******************************* LEFT Navigation ******************************************************/
.leftnav
{
	float: left;
	width: 220px;
	padding: 0;
	margin: 0;
}
.ul
{
	padding: 0;
	margin: 30px 0 0 26px;
	font-family: Arial;
	color: #fff;
	list-style: none;
	font-size: 16px;
}
.ul_submenu
{
	padding: 0;
	margin: 0 0 0 10px;
	font-family: Arial;
	color: #fff;
	list-style: none;
	font-size: 10px;
}
.li
{
	display: inline;
}
.li_submenu
{
	padding: 0;
	margin: 7px;
	display: block;
}
.div
{
	padding: 3px 5px 3px 9px;
	margin: 0 0 0px 3px;
	text-align: left;
	height: 30px;
	background-image: url(img/listbg.gif);
	background-repeat: no-repeat;
}
.div_submenu
{
	text-align: left;
	height: 25px;
	background-image: url(img/listbg.gif);
	background-repeat: no-repeat;
}
.leftnav_a
{
	white-space: nowrap;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Times New Roman;
	color: #E5E5E5;
	font-size: 20px;
	height: 22px;
	letter-spacing: 1px;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 10px;
	background-color: #670001;
	line-height: 20px;
}
.leftnav_a_submenu_active
{
	font-family: Times New Roman;
	color: #E5E5E5;
	font-size: 17px;
	letter-spacing: 1px;
	padding-left: 12px;
	height: 10px;
	background-image: url(img/listbg_submenu.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.leftnav_a_submenu
{
	font-family: Times New Roman;
	color: #E5E5E5;
	font-size: 17px;
	letter-spacing: 1px;
	padding-left: 12px;
	background-image: none;
}
.leftnav_active
{
	white-space: nowrap;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Times New Roman;
	color: #E5E5E5;
	font-size: 20px;
	height: 22px;
	letter-spacing: 1px;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 10px;
	background-color: black;
	line-height: 20px;
}

.film_arrow
{
	padding-top: 50px;
	float: left;
}

/* specialParagraphs */
.sponsoren
{
	position: relative;
	position: absolute;
	top: 255px;
	left: 178px;
	float: left;
	width: 75px;
	height: 80px;
}

.specialParag_startseite
{
	position: relative;
	position: absolute;
	top: 126px;
	left: 658px;
	margin: 0;
	padding: 0;
	width: 238px;
	height: 296px;
	float: left;
}

.specialParag_ohnemenu
{
	margin-left: 9px;
	padding: 0;
	width: 238px;
	height: 296px;
	float: left;
	display: inline;
}

/* Formular */
.form_label
{
}
.form_feldinhalt
{
	padding-left: 3px;
}
.form_button
{
	background-color: #fff;
	border: 1px solid;
	border-color: #000;
}

/* Links */

/* Tafel auf Startseite */
*.specialContent a:link, *.specialContent a:link, *.specialContent a:visited, *.specialContent a:active, *.specialContent a:hover
{
	color: #FFFFBB;
	text-decoration: none;
	background: url(img/linkonred.gif) no-repeat;
	padding: 0 0 0 12px;
}


p a:link, p a:visited, p a:active, p a:hover, *.content a:link, *.content a:visited, *.content a:active, *.content a:hover
{
	text-decoration: none;
	background: url(img/linkonwhite.gif) no-repeat;
	padding: 0 0 0 12px;
	color: #670001;
}

p a:hover, *.content a:hover
{
	text-decoration: underline;
}

.contentdiv a:link
{
	color: red;
	text-decoration: none;
}
.contentdiv a:visited
{
	color: red;
	text-decoration: none;
}
.contentdiv a:active
{
	color: red;
	text-decoration: none;
}
.contentdiv a:hover
{
	color: red;
	text-decoration: underline;
}



.specialParag_ohnemenu a:link
{
	color: red;
	text-decoration: none;
}
.specialParag_ohnemenu a:visited
{
	color: red;
	text-decoration: none;
}
.specialParag_ohnemenu a:active
{
	color: red;
	text-decoration: none;
}
.specialParag_ohnemenu a:hover
{
	color: red;
	text-decoration: underline;
}



/* XSLT */
.kino
{
	height: 16px;
	background: url(img/kinostreifen.gif) repeat-x;
}


/*slide*/

div.scrollable
{
	position: relative;
	overflow: hidden;
	width: 810px;
	height: 148px;
	margin: 37px 0 0 20px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
div.thumbs
{
	position: absolute;
	width: 20000em;
	clear: both;
}

/* custom positioning for navigational links */




/* single item */
.contentdivfilmstrip
{
	float: left;
	width: 355px;
	color: #000;
	margin: 0 15px 0 5px;
	cursor: pointer;
	height: 145px;
	overflow: hidden;

}

.contentdivfilmstrip a,
.contentdivfilmstrip a:hover {
	color: #fff !important;
	background: none !important;
	padding: 5px 0 !important;
}

/* style when mouse is over the item */
div.contentdiv.hover
{
	/*background-color: #444;*/
}

/* style when element is active (clicked) */
div.thumbs div.active
{
	/*background-color: #066;*/
	cursor: default;
}



a.prev, a.next, a.prevPage, a.nextPage
{
	display: inline;
	width: 38px;
	height: 38px;
	background: url(img/scroll_left.GIF) no-repeat;
	float: left;
	margin: 43px 10px;
	cursor: pointer;
	font-size: 1px;
}

/* mouseover state */


/* disabled navigational button */
a.disabled
{
	visibility: hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage
{
	background-image: url(img/scroll_right.GIF);
	clear: right;
}



/*********** navigator ***********/

/* items inside navigator */
div.navi a
{
	width: 8px;
	height: 8px;
	float: left;
	margin: 3px;
	background: url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display: inline;
	font-size: 1px;
}

/* mouseover state */
div.navi a:hover
{
	background-position: 0 -8px;
}

/* active state (current page state) */
div.navi a.active
{
	background-position: 0 -16px;
}

.route-berechn
{
	font-size: 10px;
	padding-top: 5px;
}
.route-berechn-eingabe
{
	font-size: 10px;
	vertical-align: middle;
}



/* FilmItem */
.bold {font-weight:bold}
.gray{color:#333333}
.filmitemleft, .filmitemright  {
    float:left
}
.filmitemleft {
   
    width:110px; overflow:hidden;
}

.filmitemright {

     margin-left:20px;
     width:450px;
     overflow:hidden;
}
.filmitemright p{line-height:1.2}

.filmitemright h2{ margin:7px 0 7px 0;}

.filmlongdesc {
    line-height:1.15;
    font-weight:normal;   
    margin-bottom:10px; 
}
.iframe_youtube {
    margin-bottom:12px;
}
.fsk_land {
    font-weight:normal!important; 
   margin-bottom:5px;
}

.praedikat {
    margin-bottom:5px;
}

.divider {
    border-top:1px solid #c0c0c0;
    margin:15px 0  0 130px;
    line-height:1px; 
    height:22px; overflow:hidden;
}