﻿/* CSS Document */


/* -------------------------------------------
Basics
------------------------------------------- */

/* UK 2009-12-17; imglink safari-hack (ticket-res. auf heutedetails.aspx) */
.webkit .imglink
{
    text-decoration: none;
    border-bottom: 0px none;
    margin-right: 3px;
}

.menuItemStarImage
{
background-image: url(../images/Stern_auf_schwarz_weiss.gif);
background-repeat: no-repeat;
background-position: center right;
margin-right: 8px;
}




/* UK 2009-08-31: Damit vertikaler Scrollbar in Browser permanent angezeigt wird. */
html
{
    height: 100.02%;
}

.ctl00_NavigationLeft1_trvNavigationLeft table tbody tr td:first-child
{
    display: none;
}


.clear
{
    clear: both;
}


#mainContainer
{
    position: relative;
    margin: 0px auto;
    width: 980px;
    text-align: left;
}


#meinFader
{
    position: relative;
    margin: 0px auto;
    width: 980px;
    text-align: left;
}

.staticHeader
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 00;
}

/* -------------------------------------------
<div> um Navigation, Conten und Rightbox für min-height
------------------------------------------- */

#containerOut
{
    position: relative;
    text-align: left;
    width: 980px;
    padding: 155px 0 0 0;
}


/* -------------------------------------------
leftContainer
------------------------------------------- */

#leftContainer
{
    float: left;
    width: 160px;
    display: inline;
}
/*  *html .leftContainer {height: 285px;}  */

#rightContainer
{
    float: right;
    width: 160px;
    display: inline;
}
/*  *html .rightContainer {height: 285px;}  */



.redbox_left
{
    /*	width:165px; 	height:19px; 	margin: 0 0 10px 0; */
    text-align: right;
}

.redbox_right
{
    /*	width:165px; 	height:19px; 	margin: 0 0 1px 0; */
    text-align: left;
}


/* redbox_text gilt für .redbox_left und .redbox_right   */
.redbox_text
{
    background-color: #d71d1d;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF; /*	padding: 4px 8px 3px 7px;  */
}

.redbox_text_2
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.blackbox
{
    text-align: left; /*	background-color:#000;  */
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    clear: both;
    padding: 0px;
}

.specialbox_titel
{
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    background-color: #000;
    clear: both;
    padding: 5px 2px 5px 8px;
    margin: 30px 0 1px 0;
}
*html .specialbox_titel
{
    margin: 30px 0 1px 0;
}


.specialbox_klein
{
    text-align: left;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    clear: both;
}
.specialbox_klein a:link
{
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px dotted;
}
.specialbox_klein a:active
{
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px dotted;
}
.specialbox_klein a:visited
{
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px dotted;
}
.specialbox_klein a:hover
{
    color: #000;
    text-decoration: none;
    border-bottom: 1px dotted;
}

/* UK 2009-08-30; neu imglink */
a.imglink a:link
{
    text-decoration: none;
    border-bottom: 0px none;
}
a.imglink a:active
{
    text-decoration: none;
    border-bottom: 0px none;
}
a.imglink a:visited
{
    text-decoration: none;
    border-bottom: 0px none;
}
a.imglink a:hover
{
    text-decoration: none;
    border-bottom: 0px none;
}

.specialbox_gross
{
    text-align: left;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    clear: both;
}

.searchtext
{
    font-family: Tahoma, Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    line-height: 14px;
    letter-spacing: -.03em;
}
.searchtext_bold
{
    font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -.05em;
}



.stzh_kultur
{
    margin: 20px 0 0 0;
}



/* -------------------------------------------
middleContainer
------------------------------------------- */

#middleContainerOut
{
    float: left;
    width: 620px;
    margin: 0 0 0 20px;
    display: inline;
}

#middleContainerShadow
{
    float: left;
    width: 630px;
    background-image: url(../images/middleContainerShadow_2.png);
    display: inline;
}
*html #middleContainerShadow
{
    background-image: none;
}

#middleContainer
{
    float: left;
    width: 590px;
    background-color: #FFFFFF;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    display: inline;
    min-height: 500px; /* UK 2009-09-18 */
}
/*  *html .middleContainer {height: 285px;}  */

#middleContainerBottom
{
    float: left;
    width: 630px;
    height: 10px;
    background-image: url(../images/middleContainerShadowBottom_2.png);
    background-repeat: no-repeat;
    display: inline;
    margin-bottom: 10px;
}
*html #middleContainerBottom
{
    background-image: none;
}

/* UK 2009-08-28 neu */
.credits_text
{
    width: 620px;
    color: #DDDDDD;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 16px;
    margin-top: 4px;
}

.credits_link
{
    color: #DDDDDD;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
    border-bottom: 1px dotted;
}


/* -------------------------------------------
font
------------------------------------------- */
.kursiv
{
    font-style: italic;
}

.linie
{
    float: left;
    width: 590px;
    background-image: url(../images/content_linie_588px.gif);
    background-repeat: no-repeat;
    display: inline;
    clear: both;
}

.liniekurz
{
    float: left;
    width: 190px;
    background-image: url(../images/content_linie_188px.gif);
    background-repeat: no-repeat;
    display: inline;
    clear: both;
}

.titel_vor
{
    float: left;
    width: 590px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #333333;
    padding: 0 0 10px 0;
    display: inline;
    clear: both;
}

.titel_vor_lowpadding
{
    float: left;
    width: 590px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #333333;
    padding: 0 0 2px 0;
    display: inline;
    clear: both;
}

.titel_vor_printicon
{
    float: left;
    width: 575px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #333333;
    padding: 0 0 10px 0;
    display: inline;
    clear: both;
}

.titel
{
    float: left;
    width: 590px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
    color: #757075;
    padding: 0 0 2px 0;
    display: inline;
    clear: both; /*	border-bottom:3pt dotted #000; */
}
/* UK 2009-08-31 neu, fuer Titel mit Print-Icon rechts */
.titel_printicon
{
    float: left;
    width: 440px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #757075;
    padding: 0 0 2px 0;
    display: inline;
    clear: both;
    line-height: 26px; /*	border-bottom:3pt dotted #000; */
}

.lead
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #333333;
}

.lead_image
{
    float: left;
    margin-bottom: 10px;
    margin-right: 13px;
}


.inhalt
{
    width: 590px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}

.inhalt_bold
{
    width: 590px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    color: #333333;
}

.inhalt_bold_sp_noshow
{
    padding-left: 81px;
    height: 30px;
    width: 500px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    color: #333333;
}

.inhalt_underline
{
    border-bottom: dotted;
}


/*  Einteilung Content  */
.content_left
{
    float: left;
    width: 188px;
    display: inline;
}

.content_right
{
    float: left;
    width: 389px;
    margin-left: 13px;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}


/* 
Formulare
-------------------------------------------------- */
.formtext
{
    font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
    color: #000000;
    font-size: 12px;
    line-height: 15px;
}
.optgroup
{
    font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
    color: #333333;
    font-size: 12px;
    line-height: 15px; /*font-weight:normal; font-style:italic;*/
}

.form
{
    width: 200px;
    background-color: #f9f9f9;
    font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif;
    color: #333333;
    font-size: 12px;
    line-height: 15px;
    border: 1px double;
    border-color: #999999 #999999 #999999 #999999;
}
.formsmall
{
    width: 120px;
    background-color: #dddddd;
    font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif;
    color: #333333;
    font-size: 12px;
    line-height: 15px;
    border: 1px double;
    border-color: #999999 #999999 #999999 #999999;
}
.pulldownarchiv
{
    width: 160px;
    background-color: #dddddd;
    font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif;
    color: #333333;
    font-size: 12px;
    line-height: 15px;
    border: 1px double;
    border-color: #999999 #999999 #999999 #999999;
}
.search
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
    color: #333333;
    font-size: 12px;
    line-height: 12px;
    border: none;
    width: 120px;
}
.textarea
{
    background-color: #f9f9f9;
    font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
    color: #333333;
    font-size: 12px;
    line-height: 14px;
    border: 1px double;
    border-color: #999999 #999999 #999999 #999999;
    width: 200px;
    height: 100px;
}


div.element div.label
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
    float: left;
    width: 150px;
}

.floatingElements
{
    height: 19px;
}

.floatingElements div.element
{
    float: left;
    clear: none;
    width: 50px;
}

.floatingElements div.labelElement
{
    width: 180px;
    margin-right: 10px;
    background-color: #FF0000;
}

.floatingElements div.element div.label
{
    float: left;
    width: auto;
    line-height: 19px;
}

.floatingElements div.element div.field input
{
    width: auto;
}

div.element div.field
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div.element
{
    clear: both;
    margin-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.check_out
{
    clear: both;
}
.check
{
    width: 30px;
    float: left;
    margin: 10px 0 10px 0;
}
.label_check
{
    width: 520px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 10px 0 10px 0;
}

/*  Archiv   */
.archiv_header
{
    float: left;
    background-color: #000000;
    background-image: url(../images/hg_archiv_header.gif);
    background-repeat: no-repeat;
    width: 560px;
    padding: 2px 8px 2px 22px;
    margin-bottom: 15px;
    font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    clear: both;
}

.archiv_left
{
    float: left;
    width: 275px;
}

.archiv_list
{
    float: left;
    display: inline;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-right: 0px;
    clear: both;
}

.archiv_right
{
    float: right;
    width: 275px;
    background-color: #ececec;
    padding: 10px;
}

.archiv_list_right
{
    float: left;
    display: inline;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 3px;
    padding-right: 0px;
    clear: both;
}

.archiv_right_title
{
    font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    padding-bottom: 12px;
}

/* UK 2009-10-02 neu */

.archiv_suche_film_regie
{
    float: left;
    background-color: #FFFFFF;
    width: 185px;
    padding-right: 3px;
    font-weight: normal;
    display: inline;
}

/* CE 2009-10-02 neu */

.archiv_suche_regie
{
    float: left;
    background-color: #FFFFFF;
    width: 144px;
    padding-right: 3px;
    font-weight: normal;
    display: inline;
}

/* UK 2009-10-02 neu */
.archiv_suche_filmreihe
{
    float: left;
    background-color: #FFFFFF;
    width: 225px;
    font-weight: normal;
    display: inline;
}

/*  Spielplan Header   */
.spielplan_header
{
    float: left;
    background-color: #000000;
    width: 580px;
    padding: 2px 4px 3px 6px;
    margin-bottom: 15px;
    font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
    color: #FFFFFF;
    font-size: 12px;
    display: inline;
    clear: both;
}

/* UK 2009-08-28 neu */
.spielplan_content
{
    float: left;
    background-color: #FFFFFF;
    width: 580px;
    padding: 2px 4px 3px 6px;
    margin-bottom: 15px;
    font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
    color: #000000;
    font-size: 12px;
    display: inline;
    clear: both;
}


.spielplan_header_date
{
    float: left;
    background-color: #000000;
    width: 75px;
    font-weight: bold;
    display: inline;
}

/* UK 2009-08-28 neu */
.spielplan_content_date
{
    float: left;
    background-color: #FFFFFF;
    width: 75px;
    display: inline;
}

.spielplan_header_day
{
    float: left;
    background-color: #000000;
    width: 305px;
    font-weight: bold;
    display: inline;
}

/* UK 2009-08-28 neu */
.spielplan_content_filmtitel
{
    float: left;
    background-color: #FFFFFF;
    width: 345px;
    display: inline;
}

.spielplan_header_filmreihe
{
    float: left;
    background-color: #000000;
    width: 140px;
    font-weight: bold;
    display: inline;
}

/* UK 2009-08-28 neu */
.spielplan_content_filmreihe
{
    float: left;
    background-color: #FFFFFF;
    width: 140px;
    font-weight: normal;
    display: inline;
}

/* UK 2009-08-28 neu */
.spielplan_content_text
{
    float: left;
    background-color: #FFFFFF;
    width: 485px;
    font-weight: normal;
    display: inline;
}

/* UK 2009-08-28 ganzer Bereich neu */
/* Heute Filmvorschau  */

.heute_content
{
    float: left;
    background-color: #FFFFFF;
    width: 584px;
    padding: 2px 0px 0px 0px;
    margin-bottom: 10px;
    font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
    color: #000000;
    font-size: 12px;
    display: inline;
    clear: both;
}

.heute_zeit
{
    float: left;
    background-color: #FFFFFF;
    width: 75px;
    display: inline;
}


