/*
additional style to boilerplate
Blau     69B  

body { 16px = 1.000em }
    1px = 0.063em
    12px = 0.750em
    16px = 1.000em
    22px = 1.375em

grid 963px
http://grid.mindplay.dk/#[[0,0,0,0,0,0,0],[%27Verdana%27,%27%27,%27%27,%27%27,%27%27,%27%27,%27%27],[0,0,0,0,0,0,0],[0,0,0,0,0,0,0],[1,2,2,2,2,2,2],[10,20,16,16,16,16,16],[0,0,0,0,0,0,0],[0,0,0,0,0,0,0],[16,35,17,35,963],{},[1,1]]

*/

html, body {
    outline: 0px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    /*font-family: PT Sans, sans-serif;*/
    font-family:'PT Sans',sans-serif;
    font-weight: normal;
    font-size: 100%;
    color: #000;
    border: 0px solid #fff;
    padding: 0px;
    width: 100%;
    background: #fff;
    
    /*height: 100%;*/
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    min-height:1280px; /* Mindesthöhe für den IE */
    overflow: visible !important; /* FF Scroll-leiste */ 
}
/*werte aus main.css boilerplate überschreiben*/

html, button, input, select, textarea {
    color: #000;
}
body {
    width: 100%;
    position: relative; 
}
h1,div.csc-header-n1,h2,h3,h4,h5,h6 {
    padding: 0;
    font-weight: bold;
}
h1{
    margin: 0px 0px 0 0px;
    padding: 0;
    font-size: 1.675em;
    font-weight: normal;
}
h2 {
    margin: 0 0 0.500em 0;
    font-size: 1.250em;
    font-weight: bold;
}
h3 {
    margin: 0 0 1.0em 0;
}
table, thead, tbody, tr, td {
    padding: 0;
    border: none;
    border-spacing: 0;
    margin: 0;
    vertical-align: top;
    text-align: left;
}
td {
    border: none;
    border-spacing: 0;
}
ul, ol, menu, dir  {
    /*list-style-type: none;*/
    /*list-style-position: inside;*/
    padding: 0;
    margin: 0;
}
li {
    padding: 0;
}

p, p.address, p.bodytext {
    margin: 0 0 0.750em 0;
    padding: 0;
    font-style: normal;
    text-align: left;
    border: 0 solid #fff;
}
a {
    /*color: #36A ;*/
    color: #58595b;
    font-weight: normal;
    text-decoration: none;
    outline: none;
}
a:link, a:visited, a:hover, a:focus{
}
a:hover {
}
a img {
    border: 0 solid transparent;
    outline: none;
}
a.mail {
    text-decoration: none;
}
p.csc-linkToTop {
    text-align: right;
}
p.align-center{
    text-align: center;
}
p.align-right {
    text-align: right;
}


em{
    font-style: italic;
}
sup  {
    font-size: 0.563em;
    vertical-align: top;
}
sub  {
    font-size: 0.563em;
    vertical-align: sub;
}

.clear {
    clear: both;
}
.red {
    color: #f00;
}
hr {
    margin: 0 0 1.250em 0;
    border: 0;
    border-top: 0.563em solid #777777;
    height: 0.563em;
}
fieldset {
    border: 0 groove threedface;
    font-size: 0.750em;
}
legend {
    border: 0 groove threedface;
    display: none;
    font-size: 0.750em;
}
input, select, textarea {
    margin: 0px;
}
figcaption {
    /*display: none !important;*/
}
.testInfo {
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div.containerall {
    width: 963px;
    height: auto !important; /* Important Regel für moderne Browser */
    margin: 0;
    padding: 0;
    padding-top: 0px;
    /*padding-bottom: 20px;*/
    text-align: left;
    border: none;
    background: #fff;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.banner {
    height: 160px;
    margin: 0 0 7px 0;
}
/*abschalten, weil nur für print*/
.printrealurl {
    display: none;
}

.logolink {
    float: left;
    /*
    width: 269px;
    height: 100px;
    */
    margin-top: 40px;
    margin-left: 147px;
}
.logolink img {
    /*
    width: 545px;
    */
}
/*sprachumschalter sr_language_menu*/
.tx-srlanguagemenu {
    float: right;
    margin: 11px 0 0 0;
    display: block; 
    line-height: 0.875em;
    height: 0.875em;
}
.tx-srlanguagemenu div {
    display: inline-block;
    border-right: 1px solid #58595b;   /* pipe dazwischen */
    padding-right: 0.300em;
}
.tx-srlanguagemenu div:last-child {
    border-right: 0px solid #f00;   /* pipe dazwischen */
}
.tx-srlanguagemenu .links-list-header {
    display: none;  /*Text "Sprache wählen" weg */
}
.tx-srlanguagemenu .CUR, 
.tx-srlanguagemenu .NO, 
.tx-srlanguagemenu .INACT {
    float: left;
    font-size: 0.875em;
    margin: 0 2px;
}
div.tx-srlanguagemenu div.CUR a {
    border-bottom: 1px solid #888;
}
.tx-srlanguagemenu .CUR a.flag:before, 
.tx-srlanguagemenu .CUR a.linked-language:before {
    /*content: url("");*/
    padding-right: 0;
}
.tx-srlanguagemenu-links .SPC:before {
    /*content: "|";*/
    padding: 1px !important;
}
.tx-srlanguagemenu a {
    font-weight: normal !important;
    margin: 0;
    color: #58595b;
}


/*Restliche Metanavi*/
ul.metanavi {
    width: auto;
    float: right;
    list-style: none;
    text-align: right;
    margin: 7px 35px 0 0;
}
ul.metanavi li { 
    display: inline;
    text-align: right;
    margin-left: 16px;
    transition: background-color 1.2s;
}
ul.metanavi li:hover  {
    background: #fff;
}
ul.metanavi li:hover a {
    color: #000;
}
ul.metanavi li.cur {
    border-bottom: 1px solid #888;
}
ul.metanavi li a {
    display: inline;
    padding: 0; 
    border: none;
    color: #58595b;
    font-size: 0.750em;
}
ul.metanavi a.cur { 
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.navipanel {
    /*background: url(cssimages/navipanel_1x10_555555.png) 0 30px repeat-x;*/
    padding: 0;
    margin-bottom: 35px;
    /*
    background: #b61521;
    border: 1px solid green;
    background: #eeeeee;
    height: 70px;
    */
}
.navirow1 {
    height: 21px;
    border-bottom: 1px solid #58595b;
}
.hauptnavi,
.hauptnavi2,
.hauptnavi3 {
    width: 696px;
    margin: 0 0 0 0;
    float: left;
}
.hauptnavi {
}
.hauptnavi ul {
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
    background: #bdf;
    background: #58595b;
    height: 21px;
}
.hauptnavi ul li  {
    position: relative;
    top: -2px;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    /*für ie*/
    *zoom: 1;
    *display: inline;
    background: #58595b;
    transition: background-color 1.2s;
    height: 21px;
}
.hauptnavi ul li:hover  {
    background: #fff;
}
.hauptnavi ul li.cur,
.hauptnavi ul li.actifsub,
body#uid1 .hauptnavi ul li.hnavi3 {
    background: #fff;
}
.hauptnavi ul li.hnavi3 {
    padding-left: 35px;
}
.hauptnavi ul li a {
    vertical-align: middle;
    margin: 0px 0px 0px 0px;
    padding: 0px 12px;
    display: block;
    color: #fff;
    font-size: 0.9em;
}
.hauptnavi ul li.hnavi3 a{
    padding-left: 0;
}
.hauptnavi ul li.cur a, 
.hauptnavi ul li.actifsub a {
    color: #58595b;
}
body#uid1 .hauptnavi ul li.hnavi3 a {
    color: #58595b;
}
.hauptnavi ul li:hover a {
    color: #58595b;
}
.hauptnavi ul li a:hover, .hauptnavi ul li a.hover, .hauptnavi ul li a.opened {
}

/*2.Ebene*/
.hauptnavi2 ul {
    list-style-type: none;
    margin: 0 0 0 0;
    display: block;
    padding: 0;
    text-align: right;
}
.hauptnavi2 ul li  {
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 0px 0px 0px 0px;
    height: auto;
    /*für ie*/
    *zoom: 1;
    *display: inline;
    background: #fff;
    transition: background-color 1.2s;
}
.hauptnavi2 ul li:hover  {
    background: #fff;
}
.hauptnavi2 ul li:hover a {
    color: #000;
}
.hauptnavi2 ul li a {
    line-height: 20px;
    vertical-align: middle;
    margin: 0px 0px 0px 0px;
    padding: 0;
    display: block;
    color: #58595b;
    font-size: 0.9em;
}
.hauptnavi2 ul li.cur a, 
.hauptnavi2 ul li.actifsub a {
    border-bottom: 1px solid #369;
}
.hauptnavi2 ul li a:hover, .hauptnavi2 ul li a.hover, .hauptnavi2 ul li a.opened {
}
/*3.Ebene*/
.hauptnavi3 ul {
    list-style-type: none;
    text-align: right;
    margin: 0;
    display: block;
    padding: 0;
    /*background: #fbd;*/
}
.hauptnavi3 ul li  {
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 0;
    height: auto;
    /*für ie*/
    *zoom: 1;
    *display: inline;
    transition: background-color 1.2s;
}
.hauptnavi3 ul li:hover  {
    background: #fff;
}
.hauptnavi3 ul li:hover a {
    color: #000;
}

.hauptnavi3 ul li a {
    line-height: 20px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    display: block;
    color: #58595b;
    font-size: 0.9em;
}
.hauptnavi3 ul li.cur a, 
.hauptnavi3 ul li.actifsub a {
    border-bottom: 1px solid #369;
}
.hauptnavi3 ul li a:hover, .hauptnavi3 ul li a.hover, .hauptnavi3 ul li a.opened {
}


/*imagecycle*/
.imagecycle-controller {
    background: url("../img/controller.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: url("../img/controller.png") no-repeat scroll 0 0 #58595B;
}
.tx-imagecycle-pi1-images .imagecycle-caption {
    background: none repeat scroll 0 0 #000000;
    background: none repeat scroll 0 0 #58595B;
    opacity: 0.9;
}


/*suche*/
.sucheformular {
    width: 197px;
    background: #e39;
    background: #e39;
    background: none;
    float: right;
    margin-right: 35px;
}
.suchelink {
    float: left;
    width: 50px;
    background: #2d9;
    background: none;
    display: inline-block;
    color: #58595b;
    transition: background-color 1.2s;
}
.suchelink:hover {
    background: #fff;
    color: #000;
    transition: background-color 1.2s;
}


.tx-macinasearchbox-pi1 {
    float: right;
    margin: 0 0 0 0;
    padding: 0;
    width: 146px;
    background: none;
}
.macina_suchfeld {
    float: left;
    width: 136px;
    border: 1px solid #f00;
    border: none;
    height: 16px;
    background: #eee;
    background: none;
    margin: 3px 0 0 0;
    padding: 0;
}
.macina_submit {
    float: right;
    width: 8px;
    border: 0px solid #fff;
    border: none;
    background: #cde;
    background: none;
    height: 16px;
    margin: 4px 0 0 0;
    padding: 0;
  }
.tx-indexedsearch-whatis {
    padding-top: 1px;
    font-family: verdana, arial, helvetica, sans-serif;
}
.tx-indexedsearch .tx-indexedsearch-noresults {
    font-weight: normal;
    text-align: left;
}
/*Suchfeld in Seite Suche [11]*/
body#uid11 div#main div#c13 div.tx-indexedsearch input.tx-indexedsearch-searchbox-sword,
body#uid11 div#main div#c13 div.tx-indexedsearch input.tx-indexedsearch-searchbox-button {
    margin: 0 0 10px 20px;
}
body#uid11 div#main div#c13 div.tx-indexedsearch input.tx-indexedsearch-searchbox-button {
    background: #58595b;
    transition: background-color 1.2s;
}
body#uid11 div#main div#c13 div.tx-indexedsearch input.tx-indexedsearch-searchbox-button:hover {
    background: #fff;
    color: #58595b;
}
body#uid11 div#main div#c13 div.tx-indexedsearch input.tx-indexedsearch-searchbox-sword {
    width: 400px;
}

/*indexed_search*/
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
    font-style: normal;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
    color: #000;
}
.tx-indexedsearch-searchbox-sword {
    margin-bottom: 0px;
}
.tx-indexedsearch-searchbox-button,
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
    background: none;
    background: #58595b;
    border: 0px solid #999;
    border-radius: 0px;
    /*box-shadow: -1px 1px 0 0 #FFFFFF inset;*/
    color: #fff;
    display: inline-block;
    font-family: arial;
    font-weight: normal;
    padding: 2px 12px;
    text-decoration: none;
    /*text-shadow: 1px 1px 0 #FFFFFF;*/
    margin: 0 0 0 10px;
    width: auto;
}

.tx-indexedsearch-searchbox-button:active {
    position: relative;
    top: 1px;
}


/**/
.ac_results {
    /*width: 200px;*/ /* This value is set in the javascript code, to match the width of the search box */
} 
.ac_results a {
    /*width: 100%;*/
}
/*breitere Ergebnisliste cb_indexedsearch_autocomplete in Seite Suche*/
body#uid11 div#main div#c13 .ac_results {
    /*
    width: 400px !important;
    */
}
body#uid11 div#main div#c13 .ac_results a {
    /*
    width: 200% !important;
    */
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.seitenh1 {
    margin: 0 0 1em 35px;
}
#main {
    overflow: visible;
    font-size: 0.875em;
    min-height: 400px;
    padding: 0 0 35px 0;
}
#main ol, #main menu, #main dir  {
    /*list-style-type: none;*/
    padding: 0;
    margin-left: 0;
}
/*
#main li {
    margin-bottom: 0.750em;
}
*/


/*GRID-Container*/
.cols2_bild_75-25,
.cols2_75-25,
.cols3_25-50-25,
.cols3_37-37-25,
.cols1_100 {
    width: 893px;
    overflow: hidden;
    clear: both;
    margin: 0 0 1em 35px; 
    padding: 0; 
    /*background: #eee;*/
}
.cols2_bild_75-25 {
    width: 928px;
    margin: 0 0 1em 0; 
}
.cols2_75-25 {
}
.cols3_25-50-25 {
}
.cols3_37-37-25 {
}
.cols1_100 {
}
/*Grid-Spalten*/
.grid25, .grid37, .grid50, .grid75, .grid76 {
    float: left;
    margin: 0 35px 0 0;
    display: block;
    min-height: 100px;
}
/*ausnahme margin*/
.grid76 {
    margin: 0 35px 0 0;
}
.firstgrid {
    margin: 0 35px 0 0 !important;
}
.lastgrid {
    margin: 0 !important;
}
/*details grids*/
.grid25 {
    width: 197px;
    /*background: #ace;*/
}
.grid37 {
    width: 313px;
    /*background: #cae;*/
}
.grid50 {
    width: 429px;
    /*background: #aec;*/
}
.grid75 {
    width: 661px;
    /*background: #cea;*/
}
.grid76 {
    width: 696px;
    /*background: #aec;*/
}
.grid100 {
    width: 893px;
}

                /*check ausgabe GridElements*/
                    /*display:block, wenn sichtbar*/
                div.colLabelInfo {
                    color: #f00;
                    border-top: 1px solid #f00;
                    background: #ccc;
                    display: none;
                }
                div.colLabelInfo span {
                    color: #666;
                    font-size: 0.67em;
                }
                    /*background:none, wenn sichtbarer BG*/
                .cols2_bild_75-25,
                .cols2_75-25,
                .cols3_25-50-25,
                .cols3_37-37-25,
                .cols1_100 {
                    /*background: none;*/
                }

                
                
/*
gültig für alle Filmdetails
siehe TS-SETUP Condition
[treeLevel = 4] && [PIDinRootline=4]
.......
setzt mittleren Container (50) und 
rechten Container (25) unterhalb von 
h2 aus linkem Container*/
div.cols3_25-50-25 div.grid50,
div.cols3_25-50-25 div.lastgrid {
    padding-top: 25px;
}

/*kleine Schrift in rechter Spalte*/
div.lastgrid {
    font-size: 0.875em;
}


/*
widerruf we 10.02.2014:
vorher: nur bei filmdetails sollte kleine Schrift sein
jetzt: überall 
--> filmdetailnavi
--> kleinere Schrift wie rechts
*/
.filmdetailnavi {
    font-size: 0.875em;
}
.filmdetailnavi a {
    display: block;
}






.cont-element {
    margin-bottom: 1em;
}
/*
.cont-element {
    width: 100%;
    min-height: 50px;
}
*/
/*captions bei 57-25 mit Bild 35px einrücken*/
div.cols2_bild_75-25 div.grid76 div.cont-element div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-center-outer div.csc-textpic-center-inner figure.csc-textpic-image figcaption.csc-textpic-caption {
    padding-left: 35px;
}



/*Caption der Bilder hochziehen*/
/*
figcaption.csc-textpic-caption {
    display: block !important;
    opacity: 0.5;
    height: 20px;
    margin-top: -20px;
    padding: 0 10px;
}
*/


/*rechte Spalte: .ce-col_1 */
.ce-col_1 .cont-element {
}

/*Sitemap*/
div#main div.ce-col_0 ul, 
div#main div.ce-col_0 ol {
}
/*sitemap*/
/*
*/
.csc-sitemap ul li {
    margin: 0 0 0 0;
    padding: 0;
    height: auto;
    clear: both;
}
.csc-sitemap ul li a {
    padding: 0;
    display: block;    
}

/*sitemap eben 2*/
.csc-sitemap ul ul,
div#main div.ce-col_0 div.csc-sitemap ul li ul {
    /*
    list-style-type: disc !important;
    list-style: disc !important;
    list-style-type: disc !important;
    */
    list-style: disc outside !important;
    margin-left: 0px;
}
.csc-sitemap ul ul li {
    /*list-style-type: disc !important;*/
    margin: 0 0 0 15px !important;
    padding: 0 0 0 0 !important;
}
.csc-sitemap ul ul li:last-child {
    /*list-style-type: disc !important;*/
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;
}
.csc-sitemap ul ul li a {
    padding-left: 0px;
}

/*Links im Content unterstrichen*/
div#main div.ce-col_0 div.cont-element a {
    text-decoration: underline;
}


/*Übersicht Dekade*/
.dekadensitemap {   
}
.dekadensitemap ul {
    display: block;
    clear: both;
    overflow: visible; 
    margin-bottom: 2em;
}

/*übersicht Jahre*/
.jahresitemap {}