/* FESTIVAL  #d61219*/






/*
FARBEN
bereich        farbe     voll      halb
projekte       gruen     #23BA00   #D5F4CA
festival       rot       #d61219   rgb(238, 238, 238)
industry-training blau      #10A1D1   #CFE4F9

aktuell:
color1   #D61219
color2   rgb(238, 238, 238);
*/


.mobileonly {display:none;}

a.blue_link {
    color:#10A1D1!important;
    border-bottom: 1px solid #10A1D1 !important;
    border-top: 1px solid #10A1D1 !important;
}
a.red_link {
    color:#D61219!important;
    border-bottom: 1px solid #D61219 !important;
    border-top: 1px solid #D61219 !important;
}
a[title="MYDOK"] {
    font-weight: 600;
}
.social_net {
    margin-top: 20px;
}
.social_net a {
    background-repeat: no-repeat;
    width: 27.5px;
    height: 30px;
    float: left;
}
.social_net .facebook {
    background-image: url(/img/2facebook_off.jpg);
}
.social_net .facebook:hover {
    background-image: url(/img/2facebook_on.jpg);
}
.social_net .twitter {
    background-image: url(/img/1Twitter_off.jpg);
}
.social_net .twitter:hover {
    background-image: url(/img/1Twitter_on.jpg);
}
.social_net .instagram {
    background-image: url(/img/3instagram_off.jpg);
}
.social_net .instagram:hover {
    background-image: url(/img/3instagram_on.jpg);
}
.social_net .rssfeed {
    background-image: url(/img/4rss_off.jpg);
}
.social_net .rssfeed:hover {
    background-image: url(/img/4rss_on.jpg);
}
/* colors for search results*/

.dok {
    color: #464646;
}
.festival {
    color: #D61219;
}
.industry-training {
    color: #10A1D1;
}
.projekte {
    color: #23BA00;
}
.restnavi {
    margin-bottom: 5px;
    padding-top: 5px
}
.restnavi a.active,
.restnavi a:visited.active span {
    color:  #D61219 !important
}
body {
    margin: 0px;
    padding: 0px;
    position: relative;
    background-color: #D61219;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.wrapper {
    margin: 0 0 0 100px;
    width: 1225px;
    position: relative;
}
.layout {
    /*width: 1000px;*/
    width: 1045px;
    text-align: left;
    left: 0px;
    background-color: white;
    padding: 0px;
    padding-bottom:140px;
    z-index: 10;
    float:left;
    /*.contefloat: left;
    min-height: 800px;
    height:100%;
    position:absolute;*/
}
.mce-content-body {
background: white;
}

@media only screen and (max-width: 1330px) {
    .wrapper {
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1450px) {
    .wrapper {
        left:0px;
        margin: 0 auto;
    }
}

.en .de.head_desc {
    display:none;
}
.de .en.head_desc {
    display:none;
}

/* Schriften GLOBAL */

.clear {
    clear: both;
    height: 1px;
    width: 100%;
    overflow: hidden
}
* {
    font-family: Arial, Geneva, Swiss, Helvetica, san-serif;
    font-size: 13px;
    line-height: 16px;
    color: #494949;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    margin: 0;
    padding: 0
}
/* a,a:visited, a:hover {color: #D61219;} */

a:focus {
    border: 0
}

.template006_news {
    width:420px!important; 
}
.template005_ganzeBreite .img_left {
   padding-right:10px
}
.contentbox a,
.contentbox a * {
    font-style: italic;
    font-weight: normal;
    text-decoration: underline
}
.contentbox a:hover {
    color:  #D61219 !important;
}
.contentbox h1 a:hover {
    color: inherit !important;
}
/*startpage links*/

.template_startseitlink  {
    margin-top: 25px;
    padding-bottom:0px!important;
}
.template_startseitlink_red {
    margin-top:20px;
}
.template_startseitlink_red img, .template_startseitlink_blue img {
    margin-bottom: 0 !important;
}
.template_startseitlink_red h5, .template_startseitlink_blue h5{
    margin: 0 !important;
}
.template_startseitlink_red, .template_startseitlink_blue, .template_startseitlink_white {
    cursor:pointer
}
.template_slider {
    background-color:#EEE!important;
}
.template_slider .imagetitle {
    display:none;
}
.template_slider .img_left {
    background-color:#EEE;
}

.contentbox h4 a {
    font-weight: bold;
}
.contentbox h4 a:hover {
    color: inherit !important;
}
strong,
b {
    font-weight: bold
}
em {
    font-style: italic
}
a img {
    border: 0
}
ul {
    margin-left: 17px;
    list-style-type: "– ";
}
li {
    
    /*list-style-image: url(img/strich.gif);
        auf wunsch dok (Henr.) 25.07.16
    */
}
hr {
    border-top: solid 0px #FFFFFF;
    border-bottom: solid 1px  #D61219;
    border-left: 0px none;
    border-right: 0px none;
    height: 1px;
    margin: 3px 0px 2px 0;
    padding: 0px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit !important;
    text-decoration: none !important;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    display: inline !important;
    font-style: normal !important
}
h1 {
    margin: 3px 0;
    font-size: 19px;
    line-height: 19px;
    font-weight: bold;
    text-transform: uppercase;
    color:  #D61219;
}
.startpage.drittel_1 h1 a {
    color:  #D61219;
}
.startpage .drittel_1 h1,
.startpage .drittel_1 h1 a {
    font-size: 28px !important;
    color:  #D61219;
    font-weight: bold;
    line-height: 27px !important;
}
h2 {
    margin: 3px 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: bolder;
    text-transform: uppercase;
    color:  #D61219;
}
h3 {
    margin: 3px 0;
    font-size: 17px;
    line-height: 18px;
    font-weight: bolder;
    text-transform: uppercase;
    color:  #D61219;
}
h4 {
    margin: 3px 0 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: bolder;
    text-transform: uppercase;
    color:  #D61219;
}
h5 {
    margin: 3px 0;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 100%;
    color:  #D61219;
}
.press {
    font-style: italic;
    font-size: 11px
}
.highlights .first * {
    font-size: 19px !important;
    line-height: 21px !important;
    letter-spacing: 0.02em !important;
}
.highlights .first h1,
.first h1 {
    font-size: 28px !important;
    line-height: 27px !important;
    margin-bottom: 5px;
}
.slideshow_0 .first h1 {
    font-size: 28px !important;
}

.bighead hr {
    margin-top: 0;
}
/* axel */

.imagegalerie {
    top: 4px;
    min-height: 330px;
    position: relative;
    width: 245px;
    left: 470px;
    padding-bottom: 30px;
    clear: both;
}
* html .imagegalerie {
    height: 320px
}
.galerieright {
    border-top: 1px solid  #D61219;
    float: right;
    width: 224px;
}
.galerieimagebox,  .galerieimagebox h1 {
    max-width: 470px; /*bildbreite slideshow*/
    padding-top: 3px;
    margin: 0 !important;
}
.galerieimagebox  { 
    max-height: 335px;
}
 .first .galerieimagebox h1 {
    font-size: 19px!important;
    line-height: 19px!important;
}    


.galerieimageboxstartpage {
    width: 420px;
    height: 480px;
    float: left;
    padding-right: 50px;
    overflow:hidden;
    margin-left: 20px;
}

.galeriebigimage {
    position: absolute;
    left: -470px;
    top: 0px;
    display: block;
}

.imagetitle {
    font-size: 10px;
    line-height: 11px;
    text-align: left;
    width: 480px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 10px;
}
.batch.bottom {
    display: none
}
.batch {
    position: relative;
    top: 1px;
    z-index: 300;
    right: 10px;
    display: block;
    width: 464px;
    clear: both;
}
.background .batch,
.news .batch {
    right: 40px;
}
.batch.gal {
    position: absolute;
    top: -17px;
    width: 58px;
    right: -210px;
    display: none;
    background-color: white
}
*+html .batch.gal {
    right: 30px
}
.batch a {
    color: #464646 !important
}
.batch.under {
    top: -22px
}
.batch .prev,
.batch .next {
    font-size: 20px;
    text-decoration: none;
    position: absolute;
    top: 0;
    font-weight: normal;
}
.batch .next {
    position: absolute;
    right: 2px;
}
.batch .prev {
    position: absolute;
    right: 20px;
}
.batch .left {
    position: absolute;
    left: 35px;
    width: 10px;
    text-decoration: none;
    font-size: 20px;
    font-weight: normal;
}
.batch .right {
    position: absolute;
    left: 50px;
    text-decoration: none;
    font-size: 20px;
    font-weight: normal;
}
.batch .number {
    display: none
}
.batch .posstyle {
    display: block;
    position: absolute;
    top: 0;
    right: 45px;
    font-size: 11px;
    font-weight: normal;
}
.batch.gal .number {
    display: inline;
}
.batchnews {
    border-top: 1px solid  #D61219;
    width: 340px;
    height: 20px;
    position: absolute;
    left: 480px;
}
.batchnews .number {
    position: absolute;
    left: 270px;
    top: 2px;
    font-size: 11px;
}
.batchnews .arrows .left {
    position: absolute;
    left: 310px;
    top: 2px;
    font-size: 20px;
    text-decoration: none;
}
.batchnews .arrows .right {
    position: absolute;
    left: 325px;
    top: 2px;
    font-size: 20px;
    text-decoration: none;
}
.button {
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
    line-height: 23px !important;
    display: inline-block;
    background-color:  #D61219;
    color: #FFFFFF !important;
    padding: 4px 25px 4px 8px;
    display: inline-block;
    text-decoration: none !important;
    font-style: normal !important;
    font-weight: bold;
}
.layout .news .img_left img { /* ugly change of design!, aber alle Bilder sind leider auf 400px skaliert*/
   width:420px!important;
}


.button *,
.button a,
.button a:hover,
.button a:visited {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-style: normal !important;
    font-weight: bold !important;
}
a.button {
    color: #FFFFFF !important;
}
a:hover.button,
a:hover.button {
    color: white !important;
    background:  #D61219
}
.button1 {
    position: absolute;
    left: 468px;
}
.button2 {
    position: absolute;
    left: 583px;
}
#programm_pulldown ul li:before {
    content: none
}
/* reset defaults */

#programm_pulldown {
    margin-left: 467px;
    top: -30px;
    z-index: 100;
    position: absolute;
    padding: 0;
    height: 1em;
}
#programm_pulldown li {
    list-style: none;
    float: left;
}
#programm_pulldown li a {
    display: block;
    padding: 5px 0 5px 3px;
    background-color:  rgb(238, 238, 238);
    color:  #D61219;
    width: 216px;
    text-decoration: none;
}
#programm_pulldown li ul {
    display: none;
    width: 10em;
    /* Width to help Opera out */
}
#programm_pulldown li:hover ul {
    display: block;
    position: absolute;
    top: 26px;
    margin: 0;
    padding: 0;
}
#programm_pulldown li:hover li {
    float: none;
}
#programm_pulldown li:hover li a {
    background-color:  rgb(238, 238, 238);
    border-top: 1px solid  #D61219;
    color: #494949;
}
#programm_pulldown li li a:hover {
    background-color: #F1D1BF;
}
/* programmanpassungen */

.programm .normal p {
    clear: both
}
.programm .normal a {
    font-style: normal;
    text-decoration: none;
    color:  #D61219;
    background-color: white;
    padding: 1px 0 !important;
    position: relative;
    margin-top: -1px;
    border-bottom: 1px solid  #D61219;
    border-top: 1px solid  #D61219;
    display: block
}
.programm .normal a:hover {
    background-color:  rgb(238, 238, 238)
}
.programm .files {
    margin-top: 0px;
    padding: 0;
    clear: both
}
.programm .pdf {
    margin: 0;
    padding: 0;
    background: none
}
.programm .pdf:before {
    content: "";
    height: 0 !important;
    overflow: hidden;
    margin: 0px;
}
.programm .files a,
.programm .files a:hover {
    border: 0 !important;
    color: white;
    background: white;
    float: left;
    font-style: normal;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 0 43px 0;
}
.programm .files a span {
    color: white;
    font-style: normal;
    background: #D61219;
    display: block;
    padding: 2px 10px 2px 5px !important;
    text-decoration: none !important;
}
.programm .normal h2 {
    color: black;
    font-size: 12px;
    clear: both;
    padding: 2px 0;
    margin: 0;
    margin-top: -1px;
    font-weight: normal;
    border-top: 1px solid  #D61219 !important;
    border-bottom: 1px solid  #D61219 !important;
}
.programm h1 a,
.programm h1 a:hover {
    background: white !important;
    font-weight: bold !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    font-style: inherit;
}
.editElement a {
    float: left
}
.search {
    width: 117px;
    margin-top: 1px;
    text-align: center !important;
    position: relative
}
.query {
    background-image: url(/img/lupe.png);
    background-position: -1px -1px;
    background-repeat: no-repeat;
    position: relative;
    padding: 0px;
    margin-top: -9px;
    border: 0px solid red;
    border-top: 1px solid #494948;
    border-bottom: 1px solid #494948;
    height: 18px;
    width: 100%;
    font-size: 12px;
    outline: none;
}
.submit {
    position: absolute;
    border: 0;
    /*left: 95px;*/
    right:0;
    top: 0px;
    width: 21px;
    border-bottom: 0px solid #494948;
    border-top: 0px solid #494948;
    cursor: pointer;
    overflow: hidden;
    background-color: white;
    height: 17px;
}
*+html .submit {
    top: 6px
}
* html .submit {
    top: 6px
}
.hits {
    width: 450px;
}
.hith1 {
    color: #464646;
    border-top: 1px solid #464646;
    margin: 0;
    font-size: 16px;
}
.hits h6 {
    color: #464646;
    padding: 10px 0 5px 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}
.hits a {
    text-decoration: none
}
.hits select {
    background: #d3d3d3;
    width: 140px;
    border: 0;
    margin-bottom: 10px;
}
.hitsmatches {
    border-top: 1px solid black;
    border-bottom: 1px solid #464646;
    padding-bottom: 20px;
    margin-bottom: 5px;
}
.hitsmatches .batch{
    top:88px;
    position:absolute
}
.hitsmatches .batch.left{
    left:380px;
}
.hitsmatches .batch.right{
    left:0px
}
.hit {
    width: 450px;
    border-bottom: 1px solid black;
    padding-bottom: 10px;
    padding-top: 8px;
}
.hitlabel {
    border: 0px solid gray;
    width: 220px;
    float: left;
}
.hittext {
    border: 0px solid red;
}
.hitspreviewimages {
    width: 240px;
    position: absolute;
    left: 470px;
    top: 87px;
}
.people {
    height: 246px
}
.people img {
    padding: 0px;
    margin: 0;
    width: 110px;
    border-bottom: 2px solid white
}
.people .background {
    padding: 0px 1px 4px 1px;
    min-height: 87px;
    clear: both;
    border-top: 1px solid  #D61219 !important;
}
.people h1,
.people h2 {
    border-bottom: 1px solid  #D61219;
    padding: 1px 0 2px !important;
    margin: 2px 0 !important;
    text-transform: none !important;
}
.people a {
    text-decoration: none
}
.first .people *,
.people * {
    font-size: 11px !important;
    line-height: 100% !important
}
.people * hr {
    margin: 2px 0
}
.plakat h4 {
    border-top: 1px solid  #D61219;
}
.chronik .background {
    margin: 0;
    padding: 0 2px 0 1px;
}
.chronik a.yearlink,
.chronik a:hover.yearlink {
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 11px !important;
    padding-right: 1px !important;
    font-style: normal !important
}
.chronik h2 {
    border-top: 1px solid  #D61219;
    padding-top: 3px
}
.halb h5,
.sponsoren h5 {
    border-bottom: 1px solid  #D61219;
    border-top: 1px solid  #D61219;
    width: 100%
}
.halb h5 {
    width: 98%
}
.sponsoren td {
    width: 33%;
    vertical-align: top;
}
.sponsoren td p {
    border-bottom: 1px solid  #D61219;
}
.first .talk h1 {
    font-size: 19px !important
}
.talk {
    position: relative;
    top: 1px;
    width: 465px;
}
.talktext {
    border: 10px solid red;
    width: 465px;
}
.talk,
.talkpreviewimages,
.auswahlkommission {
    border-top: 1px solid  #D61219;
    padding-top: 3px
}
.talk h4,
.auswahlkommission h4 {
    margin-top: -2px;
    border-bottom: 1px solid  #D61219
}
.talk table,
.auswahlkommission table {
    margin-top: -2px
}
.talk table *,
.auswahlkommission table * {
    font-size: 11px !important;
    line-height: 12px !important;
}
.talk td,
.auswahlkommission td {
    width: 50%;
    vertical-align: top;
    border-bottom: 0px
}
.talk td:nth-child(even),
.auswahlkommission td:nth-child(even) {
    margin-top: -5px;
    padding: 0 3px;
}
.talkpreviewimages {
    width: 240px;
    position: absolute;
    left: 470px;
    top: -1px;
}
.talkpreviewimages div {
    margin: 2px 0 2px;
    font-size: 11px
}
.talkpreviewimages img {
    padding: 0px 2px 2px 0
}
.auswahlkommission {
    position: relative;
    top: 1px;
    padding-bottom: 25px;
    width: 465px;
    min-height: 130px;
}
.auswahlkommissionimage {
    width: 240px;
    position: absolute;
    left: 470px;
    top: -1px;
    border-top: 1px solid  #D61219;
}
.auswahlkommissionimage img {
    margin-top: 6px
}
.talk .talkpreviewimages img,
.hits img {
    max-width: 55px;
    max-height: 37px;
}
.newsletter {
    position: absolute;
    left: 355px;
    top: -15px;
    width: 340px;
    border: 0px solid red;
}
.archive {
    position: absolute;
    left: 358px;
    top: 0px;
    padding-right: 10px;
    z-index: 5
}
.archive_press {
    top: 0px
}
.archive h6 {
    font-size: 10px
}
.archive p {
    width: 70px;
    border-top: 1px solid black;
    margin-bottom: 18px;
}
.archive a,
.archive a:hover {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}
.newsletter .background {
    margin-top: 20px;
}
.newsletterh1 {
    margin-left: 25px;
    position: relative;
    top: -3px;
    border-top: 1px solid black;
    width: 316px;
    margin-bottom: 20px !important
}
.newsletterbox {
    position: absolute;
    top: 15px;
    left: 75px;
    border-left: 1px solid black;
    padding-left: 30px;
}
.newsletterbox h3 {
    margin-top: -2px;
}
.newsletterform fieldset,
.kontakt fieldset {
    border: 0;
}
.newsletterform fieldset label,
.kontakt fieldset label {
    padding-top: 6px;
    display: block;
    font-size: 10px
}
.newsletterform fieldset input {
    background:  rgb(238, 238, 238);
    width: 100%;
    height: 26px;
    border: 0;
}
.kontakt fieldset input {
    background:  rgb(238, 238, 238);
    width: 225px;
    height: 26px;
    border: 0;
}
.kontakt fieldset textarea {
    background:  rgb(238, 238, 238);
    width: 450px;
    height: 200px;
    border: 0;
}
.newsletterform fieldset select {
    width: 100px;
}
.newsletteritem {
    margin-left: 25px;
    width: 313px;
    overflow: hidden
}
.newsletteritem h3 {
    border: 1px solid  #D61219;
    border-left: 0;
    border-right: 0;
    margin-top: 0
}
.newsletterlink {
    float: right;
    margin-right: 36px
}
.newsletterdelete {
    width: 112px !important;
    margin-top: 10px;
    text-align: left;
    text-indent: 10px;
}
.newslettersubmit {
    width: 112px !important;
    margin-top: 10px;
    text-align: left;
    text-indent: 10px;
    background:  #D61219 !important;
    color: white!important
}
.kontakt .submit {
    width: 112px !important;
    text-align: left;
    text-indent: 10px;
    position: relative;
    float: left;
    left: 0px;
    top: 20px;
    margin-bottom: 30px;
    height: 25px;
    background:  #D61219 !important;
    color: white!important
}
.kontakt legend {
    border: 1px solid red;
    top: -10px;
}
#ort,
.ort {
    border: 0px solid red;
    width: 150px;
    float: left;
}
#plz {
    width: 76px;
    margin-left: 3px;
}
/* google map */

#map_canvas {
    margin: 0px;
    /*width: 458px;*/
    height: 300px;
    display: block
}
.yearlink {
    text-decoration: none
}
/*axel ende */

.infobar {
    float: right;
    position: relative;
    top: 20px;
    width: 150px;
    border-top: 1px solid #000;
    font-size: 9px;
    z-index: 10;
    /* axel von 9 auf 10 am  12.08.13 wegen Streifen auf dem Bild*/
}
.infobar * {
    font-size: 9px !important;
    color: silver !important;
}
.infobar h1 {
    font-size: 12px !important;
    line-height: 100% !important
}
.infobar h6 {
    color: #464646 !important;
    margin-bottom: 5px;
    font-size: 9px !important
}
.infobox {
    border-bottom: 1px solid #464646;
    width: 150px!important;
    margin-bottom: 5px !important;
}

.infobox img{
    border: 1px solid #A0A181;
    box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.1);
}

.infobox h1 {
    margin-bottom: 5px !important
}
/* CMS-Bilder */

.img_left img,
.img_center img,
.img_right img {
    margin-bottom: 5px;
}
.img_left {
    position: relative;
    /*margin:0px 15px 0px 0;  axel neu */
    
    margin: 0;
    padding: 0;
}
.img_right {
    position: relative;
    margin: 0px 5px 0px 15px;
    padding: 0;
}
.img_center {
    position: relative;
    margin: 0px auto 0;
    text-align: center;
    padding: 0;
    width: 100%
}
/* das ist nur fuer die startseite - damit man auch die falsch gesetzen items sieht */

.control * {
    font-size: 11px !important;
    color: silver !important;
    border: 0 !important
}
.control img {}
/* oberer Bereich */
/* oben links LOGO */

.block_logo {
    width: 198px;
    height: 50px;
    position: absolute;
    left: 40px;
    top: 50px;
    background: url(/img/DOK-LEIPZIG-2016.png) no-repeat transparent;
}
/* oben mitte Headerblock */

.head_desc {
    width: 456px;
    /*height: 38px;*/
    position: absolute;
    left: 170px;
    top: 10px;
    overflow: hidden;
    font-size: 10px;
    line-height: 11px;
    /*letter-spacing: 0.01em;*/
    text-transform: uppercase;
}
.OFFhead_desc_start {
    width: 451px;
    position: absolute;
    height: 94px;
    color: #494949;
    line-height: 11px;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: -0.00em;
    word-spacing: 0.01em;
    text-transform: uppercase;
    left: 156px;
    top: 10px
}
.dropdown {
    position: absolute;
    margin-top: -25px;
    margin-left: 95px;
    z-index: 100;
    width: 130px;
    display: none;
}
.dropdown a {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    padding: 2px 0 2px 3px;
    margin-bottom: -1px;
    line-height: 13px !important;
    font-size: 13px !important;
    letter-spacing: 0.04em !important;
}
.dropdown1 a {
    background-color: #ffece3;
    border-bottom: 1px solid #D61219;
    border-top: 1px solid #D61219;
    color: #D61219 !important;
}
.dropdown1 a.active,
.dropdown1 a:hover {
    border-bottom: 1px solid  rgb(238, 238, 238);
    color:  rgb(238, 238, 238);
    background-color:  rgb(238, 238, 238);
}
.dropdown2 a {
    background-color: #e6f4ff;
    border-bottom: 1px solid #10A1D1;
    border-top: 1px solid #10A1D1;
    color: #10A1D1 !important;
}
.dropdown2 a.active,
.dropdown2 a:hover {
    border-bottom: 1px solid #10A1D1;
    color: #10A1D1;
    background-color: #CFE4F9;
}
.dropdown3 a {
    background-color: #e2f9d7;
    border-bottom: 1px solid #23BA00;
    border-top: 1px solid #23BA00;
    color: #23BA00 !important;
}
.dropdown3 a.active,
.dropdown3 a:hover {
    border-bottom: 1px solid #23BA00;
    color: #23BA00;
    background-color: #D5F4CA;
}
.taube {
    background-image: url(/img/dok_taube.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    position: absolute;
    left: 150px;
    top: 45px;
    height: 60px;
    width: 60px;
}
div.block_header_center_start {
    width: 451px;
    height: 94px;
    color: #494949;
    line-height: 17px;
    font-size: 17px;
    font-weight: bold;
}
/* oberen rechts Bereich */

.head_right {
    width: 100px;
    height: 20px;
    position: absolute;
    left: 785px;
    top: 20px;
    overflow: hidden;
    z-index: 100;
}
.head_right a {
    margin: 0px;
    width: 50px;
    display: block;
    height: 25px;
    float: left;
    text-decoration: none;
}
/* globales Menue - kleine Schrift */

.lang *,
.footer *{
    margin: 0px 8px 0px 0px;
    font-size: 10px;
    line-height: 11px;
    color: #494949;
    display: block;
    height: 11px;
    float: left;
    text-decoration: none;
}
.de .lang_de  {
    text-decoration:underline;
}
.en .lang_en {
    text-decoration:underline;
}

a.menu_small_a {
    text-decoration: underline;
}
/*.block_footer a:hover,*/
/*23unterer Bereich - dat dingen um allen content*/
div.under_range {
    width: 918px;
    width: 1020px;
    /*height: 500px;*/
    text-align: left;
    /*position: absolute;*/
    left: 40px;
    top: 140px;
    background: transparent;
    padding: 0px;
    border: 0px solid red
}



/* Navigation LINKS */

.presslink_de,
.presslink_en {
    display: none!important;
    margin-top: 20px;
}
.startpage.en .presslink_en {
    display: block!important;
}
.startpage.de .presslink_de {
    display: block!important;
}

div.navi_left {
    width: 120px;
    margin-top:120px;
    margin-left:40px;
    float:left;
}
.navi {
   /* width: 118px;*/
    margin-bottom: 25px;
}
.navi a,
.navi_gry a {
    border-bottom: 1px solid  #D61219;
    /*border-top: 1px solid  #D61219;*/
    color:  #D61219; /*!important;*/
    background-color: #FFFFFF;
    display: block;
    /*width: 118px;*/
    text-transform: uppercase;
    text-decoration: none;
    padding: 2px 0 2px 0;
    /*margin-bottom: -1px;*/
    line-height: 13px !important;
    font-size: 13px !important;
    letter-spacing: 0.04em !important;
    /*margin-top: -1px;*/
}
.navi a:nth-of-type(1),
.navi_gry a:nth-child(1) {
    /*margin-top:1px ;*/
    border-top: 1px solid;
}

.navi a.active,
.navi a:hover {
    background-color:#EEE;
}
.navi .sub, #mobileclaim {
    display:none;
}

.navi_gry a {
    border-bottom: 1px solid #494948;
    /*border-top: 1px solid #494948;*/
    color: #494948 !important;
    background-color: #FFFFFF;
}
.navi_gry a.active,
.navi_gry a:hover {
    background-color: #C8C8C8;
}
/* subnavigation */

.sub_navi,
.second {
    border: 0px solid red;
    /*position: relative;*/
    margin-bottom: 0px;
    display: block;
    padding: 1px 0 2px 0;
    /*axel*/
    
    margin-bottom: 0px;
    line-height: 13px !important;
    letter-spacing: 0.04em !important;
    width: 740px;
    height: 100%;
    /*padding-top: 120px;*/
    left: 10px;
    top: 3px;
    /*position: relative;*/
    width: auto;
}
.sub_navi div,
.second div {
    position: relative;
    left: 0;
    top: 0;
    /*clear: both;*/
    overflow: hidden;
}
.sub_navi div {
    /*margin-top: -1px;*/
}
.sub_navi a {
    color:  #D61219 !important;
    padding: 2px 0px;
    text-decoration: none;
    display: table-cell;
    text-transform: uppercase;
    width: 110px;
    border-top: 1px solid  #D61219;
    border-bottom: 1px solid  #D61219;
    height: 100%
}
.sub_navi a.active,
.sub_navi a:hover {
    color:  #D61219 !important;
    background-color:  rgb(238, 238, 238);
}
.sub_navi span,
.second span {
    display: table-cell;
    width: 7px;
    position: relative;
}
*+html .sub_navi a {
    display: block;
    float: left;
    position: relative;
}
*+html .sub_navi span {
    display: block;
    float: left;
    width: 7px!important;
    position: relative;
    background: white;
}
* html .sub_navi a {
    display: block;
    float: left;
}
* html .sub_navi span {
    display: block;
    float: left;
    width: 7px!important;
    background: white;
}
.second a {
    border-top: 0px !important;
    border-bottom: 4px solid  rgb(238, 238, 238) !important;
    background:  rgb(238, 238, 238);
    padding: 4px 0 2px 0;
    text-transform: none;
    line-height: 14px !important;
    width: 110px;
    text-decoration: none;
    display: table-cell;
    color:  #D61219 !important;
}
.second a.active,
.second a:hover {
    border-bottom: 4px solid  #D61219 !important;
}
.second span {
    display: table-cell;
    width: 7px;
    position: relative;
    background:  rgb(238, 238, 238) !important;
}
*+html .second a {
    display: block;
    float: left;
    top: 0px;
    height: auto
}
*+html .second span {
    display: block;
    float: left;
    width: 7px;
    padding: 5px 0px;
    top: 0px;
}
* html .second a {
    display: block;
    float: left;
    top: 0px;
    height: auto
}
* html .second span {
    display: block;
    float: left;
    width: 7px;
    padding: 5px 0px;
    top: 0px;
}
/* Inhalt-Bereich */

.content {
    /*width: 720px;   axel neu */
    width: 840px;
    border-left: 1px solid  #D61219;
    
    padding: 0px 0 0 9px;
    /*axel 7 auf 9*/
    
    /*position: absolute;*/
    position: relative;
    margin-left: 168px;
    top: 120px;
    /*min-height: 100%;*/
}
.OFFstartpage .content {
    border-left: 0
}
.doknews .content,
.news .content {
    width: 860px !important
}
/* Footer-Bereich */

div.footer {
    clear: both;
    position: absolute;
    left: 175px;
    height: 20px;
    margin: 0px;
    padding: 5px 0px 40px;
    border-top: 1px solid #494949;
    bottom: -20px;
    width: 820px;
}


/* 3-Spalten */

.spalte_1drittelOFFFOFFFOFFF {
    width: 232px;
    overflow: hidden;
    float: left;
}
.spalte_2drittelOFFFOFFFOFFF {
    width: 464px;
    overflow: hidden;
    float: left;
}
#a1,
#a2,
#a3 {
    margin-left: -2px;
}
/* Inhalte */

a[title='Akkreditierung'] {
    letter-spacing: 0.1px !important;
}
.navi a[title='Akkreditierung'], .navi_gry a[title='Akkreditierung'] {
    letter-spacing:0.1px!important;
}

.contentbox {
    border-right: 7px solid white;
    padding-bottom: 15px;
    position: relative;
    /*left:10px;*/
}
.startpage .contentbox {
   /* padding-bottom: 0px;
    padding-top: 20px;*/

}
.green h1,
.green h2,
.green h3,
.green h4,
.green h5,
.green h1 a {
    color: #23BA00 !important;
}
.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue h1 a {
    color: #10A1D1 !important;
}
.blue hr {
    border-color: #10A1D1;
}
.startpage .drittel_1 {
    border-top: 1px solid  #D61219;
}
.startpage .drittel_1 h2 {
    color:  #D61219;
}
.blue {
    border-top: 1px solid #10A1D1 !important
}
.green {
    border-top: 1px solid #23BA00 !important
}
.normal {
    border-top: 1px solid  #D61219;
}
.drittel_1 {
    width: 225px;
    overflow: hidden;
}
.pic_only {
    margin-top: -24px
}
.drittel_2 {
    border-top: 1px solid  #D61219;
    width: 460px;
    overflow: hidden;
}
.startpage div.news {
    left: 0
}

.startpagelink {
    border-top: 1px solid red;
    border-bottom: 1px solid #F00;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 335px;
    background: url("/img/pfeil_rot_rechts_72dpi.png") no-repeat scroll 100% 20px transparent;
}
.startpagelink h1 {
    font-size:16px;
}
.startpagelink h5 {
    font-size:16px;
    text-transform: none;
    width:280px;
    line-height: 20px;
    color:#494949;
}
.startpagelinkarea {
    border: 0px solid #F00;
    float: right;
    display: block;
    width: 27px;
    height: 100px;
    position: absolute;
    right: 0px;
    top: 13px;
    cursor: pointer;
    background: url("/img/pfeil_rot_rechts_72dpi.png") no-repeat scroll 10px 20px transparent;
}
#mobilstartitems {
    /*display:none;*/
}
div.news h5 {
    padding-top: 5px;
    margin: 0px;
    padding-left: 5px;
    height:15px;
}

div.news h5 span {
    background-color: #FFF !important;
    position: absolute;
    color: inherit;
    top: 0px;
}

div.news h5 .h5date {
    background-color: #EEE !important;
    left: 0px;
    padding-top: 8px;
    padding-left:5px;
    top: -4px;
    width: 75px;
}
.template006_news h5 {
    background-color:#EEE!important;
    width:60px;
}
.festival-news.news h5 {
    background-color: white;
    /*width:60px;*/
}    
.industry-news.news h5 {
    width:60px;
    background-color: #CFE4F9!important;
}   

.clear {
    height: 13px
}
.newsteaser {
    position: relative;
    left: 22px;
    top: 11px;
    float: left;
    width: 360px;
    width: auto !important;
    /* neu axel */
}
a.newsarchive {
    display: block;
    clear: both;
    top: 10px;
    position: relative;
    left: 30px
}
.newsteaseroverview {}

 .teaserspalte {
    width: 115px;
    float: left;
}
.teaserspalte .imagetitle {
  display:none;  
}

.teaserspaltebig {
    width: 225px;
    float: left;
}
.teaserbox img {
    margin-bottom: -4px
}
.newsteaser .edit_button_item {
    width: 110px !important
}
.teaserbox {
    width: 110px;
    float: left !important;
    border-top: 1px solid  #D61219;
    overflow: hidden;
}
.teaserboxbig {
    width: 218px;
    float: left !important;
    border-top: 1px solid  #D61219;
    overflow: hidden;
}
div.news {
    position: relative;
    left: 20px;
}
.teaserbox.active {
    background:  rgb(238, 238, 238) !important;
}
.teaserbox h1 {
    font-size: 16px !important;
    line-height: 100% !important;
    margin-bottom: 3px !important
}
.teaserbox a {
    color:  #D61219;
    font-size: 16px !important;
    font-weight: bold
}
.industry-news .background,
.active.industry-news {
    background: #CFE4F9 !important
}
.teaserbox.industry-news {
    border-top: 1px solid #10A1D1;
    overflow: hidden;
}
.industry-news h1,
.teaserbox.industry-news a,
.teaserbox.industry-news a:hover,
.industry-news h5 {
    color: #10A1D1 !important
}
.active.projekte-news,
.projekte-news .background {
    background: #D5F4CA !important
}
.teaserbox.projekte-news {
    border-top: 1px solid #23BA00;
    overflow: hidden;
}
.projekte-news h1,
.teaserbox.projekte-news a,
.teaserbox.projekte-news a:hover,
.projekte-news h5 {
    color: #23BA00 !important
}
.active.festival-news,
.festival-news .background {
    background: rgb(238, 238, 238) !important
}
.teaserbox.festival-news {
    border-top: 1px solid #d61219;
    overflow: hidden;
}
.festival-news h1,
.teaserbox.festival-news a,
.teaserbox.festival-news a:hover,
.festival-news h5 {
    color: #d61219 !important
}
div.news .background {
    position: relative;
    margin-bottom: 0px;
}
div.news .background h2 {
    color: #464646;
    font-weight: normal;
    text-transform: none;
    line-height: 20px;
    border: 0
}
.style1 {
    float: left;
    width: 250px
}
.style2 {
    border-left: 1px solid #464646;
    float: right;
    width: 135px;
    background:  rgb(238, 238, 238);
    padding: 4px
}
.style2 h1 {
    color: #464646;
    font-size: 13px !important;
    line-height: 100% !important;
    margin-bottom: 10px !important
}
.style2 h2 {
    color: #464646;
    border-top: 2px solid #464646;
    border-bottom: 2px solid #464646;
    margin: 10px 0 4px 0
}
.style2 * {
    font-size: 11px
}
.background {
    background:  rgb(238, 238, 238);
    padding: 3px 4px 6px 4px;
    margin-bottom: 5px;
}
.backgroundblue {
    background: #CFE4F9;
    padding: 3px 4px 6px;
    margin-bottom: 5px;
}
.backgroundgreen {
    background: #D5F4CA;
    padding: 3px 4px 6px;
    margin-bottom: 5px;
}
.background h2 {
    font-size: 19px;
    font-weight: normal;
    color: #464646;
    line-height: 20px;
    text-transform: none;
}
.background h3 {
    font-size: 13px;
    color:  #D61219;
    font-weight: bold;
    margin: 0px 0 3px;
}
.background_red {
    background: #d61219;
    padding:5px 8px;
}
.background_red h1,.background_blue h1 {
    color:white;
    font-size:16px;
} 
.background_blue {
    background: #10A1D1;
    padding:5px 8px;
}
.background_red h5, .background_blue h5{
  color:white;  
  text-transform: none;
  font-size: 13px;
}
.background_red h5, .background_blue h5{
  color:white;  
  text-transform: none;
  font-size: 13px;
}
.background_red h5 a:hover , .background_blue h5 a:hover{
  color:white!important;  
}


.drittel_2.background {
    border-top: 0px solid green !important;
    font-size: 16px
}
.drittel_2.background h5 {
    font-size: 10px
}
.background.variant h2 {
    font-size: 13px !important;
    color:  #D61219 !important;
    border-bottom: 1px solid  #D61219 !important;
    padding-bottom: 3px;
    font-weight: bolder;
    text-transform: uppercase;
    line-height: 13px !important
}
.background.variant h3 {
    font-size: 16px;
    line-height: 14px;
    background: white;
    color:  #D61219;
    font-weight: bolder;
    position: relative;
    left: -4px;
    width: 100%;
    padding: 25px 8px 4px 0px;
}
.background.variant a {
    text-decoration: none
}
div.block_blu {
    border-top: 1px solid #10A1D1;
    color: #10A1D1;
    width: 100%;
    margin-bottom: 26px;
}
.block_blu h1,
.block_blu h2,
.block_blu h3,
.block_blu h4,
.block_blu {
    color: #10A1D1;
}
div.block_grn {
    border-top: 1px solid #23BA00;
    color: #23BA00;
    width: 100%;
    margin-bottom: 26px;
}
div.hr_custom {
    border-top: solid 1px  #D61219;
    width: 100%;
    height: 1px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
/* Einzelfilm Button */

a.filmfinder {
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
    line-height: 23px !important;
    display: inline-block;
    background-color:  #D61219;
    color: #FFFFFF;
    text-indent: 8px;
    text-decoration: none !important;
    width: 110px;
    height: 25px;
    overflow: hidden;
}
/* Einzelfilm Block L */

.einzelfilm_left {
    background-color:  rgb(238, 238, 238);
    width: 225px;
    overflow: hidden;
    margin: 10px 5px 0px 0px;
    float: left;
    padding-top: 1px;
}
.einzelfilm_left span {
    display: block;
    border-top: 1px solid #888888;
    color: #494949;
    font-size: 12px !important;
    line-height: 15px !important;
    margin: 0px;
}
/* Einzelfilm Block R */

.einzelfilm_right {
    background-color:  rgb(238, 238, 238);
    font-size: 14px !important;
    line-height: 16px !important;
    width: 340px;
    overflow: hidden;
    margin-top: 10px;
    float: left;
    padding-top: 1px;
}
.einzelfilm_right h5 {
    display: block;
    border-top: 1px solid #888888;
    color: #494949;
    font-size: 14px !important;
    line-height: 18px !important;
    margin: 0px;
}
/* Einzelfilm oberer Block: Film, Ort, Kartenbestellung, VerfUEgbarkeit anzeigen */

.block_688_colored {
    background-color:  rgb(238, 238, 238);
    font-size: 14px !important;
    line-height: 16px !important;
    width: 688px;
    overflow: hidden;
    padding: 0px;
}
/* Tabelle Einzelfilm: Film, Ort, Kartenbestellung, VerfUEgbarkeit */

table.film_verfuegbarkeit {
    height: 100%;
    width: 100%;
    border: 0px none;
    border-collapse: collapse;
}
.film_verfuegbarkeit tr td {
    font-size: 11px !important;
    line-height: 11px !important;
    text-align: left;
    vertical-align: top;
    padding: 0px;
}
.film_verfuegbarkeit tr td span {
    display: block;
    font-size: 11px !important;
    line-height: 15px !important;
    text-align: left;
    vertical-align: top;
    margin: 1px 0px 1px 0px;
    border-top: 1px solid #888888;
    height: 14px;
}
.film_verfuegbarkeit tr td.cell1 {
    background-color: #FFFFFF;
    width: 160px;
}
.film_verfuegbarkeit tr td.cell2 {
    width: 102px;
}
.film_verfuegbarkeit tr td.cell3,
.film_verfuegbarkeit tr.headers td.cell3 {
    width: 204px;
    padding-left: 6px;
}
.film_verfuegbarkeit tr td.cell4,
.film_verfuegbarkeit tr.headers td.cell4 {
    width: 102px;
    padding-left: 6px;
}
.film_verfuegbarkeit tr td.cell5 {
    width: 122px;
}
.film_verfuegbarkeit tr.headers td {
    font-size: 11px !important;
    line-height: 15px !important;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding: 0px 0px 4px 0px;
    text-transform: uppercase;
}
input.ticketorder_102 {
    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: bold;
    border: 0px none;
    width: 102px;
    height: 18px;
    color:  #D61219;
    background-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    text-indent: 3px;
}
a.ticketorder_btn {
    display: block;
    text-decoration: none;
    font-size: 11px !important;
    line-height: 17px !important;
    font-weight: bold;
    border: 0px none;
    width: 118px;
    height: 18px;
    text-align: center;
    color:  #D61219;
    background-color: #FFFFFF;
    margin: 0px 4px 0px 3px;
    cursor: pointer;
    padding-bottom: 0px;
    overflow: hidden;
}
table {
    border-collapse: collapse;
    width: 100% !important;
    margin-left: 0px
}
td {
    border-bottom: 1px solid  #D61219;
    font-size: 13px !important;
    padding: 3px 4px 3px 0;
    width: 227px !important;
    vertical-align: top !important;
}
/* Tabelle Programm 570pixel = 100%  */

table.programm {
    width: 100%;
    border: 0px none;
    border-collapse: collapse;
}
table.programm tr td {
    font-size: 11px !important;
    line-height: 14px !important;
    text-align: left;
    vertical-align: top;
    padding: 0px 0px 6px 0px;
}
table.programm tr td span {
    display: block;
    font-size: 11px !important;
    line-height: 15px !important;
    text-align: left;
    vertical-align: top;
    margin: 1px 0px 9px 0px;
    border-top: 1px solid #888888;
}
table.programm tr td.cell1 {
    background-color: #FFFFFF;
    width: 148px;
    margin: 0px !important;
}
table.programm tr td.cell2 {
    width: 304px;
    padding-left: 6px;
}
table.programm tr td.cell3 {
    width: 120px;
    padding-left: 6px;
}
table.programm tr td h5 {
    color: #494949;
    border-top: 1px solid #888888;
    font-size: 15px !important;
    line-height: 17px !important;
}
span.programm_date {
    display: block;
    width: 90px;
    float: left;
    margin: 0px 0px 0px 0px !important;
}
span.programm_place {
    display: block;
    width: 196px;
    float: left;
    margin: 0px 0px 0px 5px !important;
}
div.programm_teaser {
    margin: 2px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    width: 100%;
    overflow: hidden;
    text-align: right;
}
div.programm_teaser img {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}
/*
.x-pdf,.octet-stream,.pdf
{
  background:url(/++resource++cms_design/pdf.png) no-repeat;
  display:block;
  padding-left:28px;
  padding-top:3px;
  width:80%;
}
*/

.mp3player {
    width: 220px;
}
.x-pdf:before,
.pdf:before {
    content: "PDF ";
    margin-right: 10px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}
.files .info {
    display: none
}
/* info am PDF ausblenden */

.archivsearch a {
    text-decoration: none;
    font-style: normal
}
.archivsearch a:hover {
    color: black
}
.archivsearch .year {
    width: 80px;
    font-size: 20px;
    margin-top: 3px
}
.de #filmarchiv2012:before {
    content: "ab ";
}
.en #filmarchiv2012:before {
    content: "since ";
}
.search_filmdb {
    width: 830px;
}
.search_filmdb select {
    padding-top: 3px;
}
.search_filmdb select,
.search_filmdb input {
    width: 290px;
    background:  rgb(238, 238, 238);
    height: 26px;
    border: 0;
}
.search_filmdb div {
    margin-right: 10px;
    float: left;
    width: 250px;
    overflow: hidden;
    position: relative
}
.search_filmdb label {
    display: block;
    font-size: 11px;
    line-height: 29px;
    text-transform: uppercase;
    font-weight: bold;
}
.search_fulltext {
    width: 200px;
}
div .btn_arrow_search {
    background-color: white;
    width: 11px;
    height: 19px;
    padding: 0 20px 0 0px;
    margin-top: 30px;
}
.filmmatch {
    background-color:  rgb(238, 238, 238);
    width: 250px;
    float: left;
    border-top: 1px solid  #D61219;
}
.filmmatch p {
    border-top: 1px solid black;
    font-size: 11px;
}
.filmmatchtext {
    border-top: 1px solid black;
    background-color:  rgb(238, 238, 238);
    width: 500px;
    float:right;
    margin-right: 65px;
    margin-top: 15px
}
/* so, und nun doch wieder Columns */

div.columns {
    width: 220px;
    height: 100%;
    overflow: hidden;
    border: 0px none;
    float: left;
    margin-right: 12px;
    margin-top: 0px;
}
div.columns img {
    margin-bottom: 6px !important;
}
div.columns h1 {
    font-size: 28px !important;
    line-height: 27px !important;
    margin-bottom: 8px !important;
    margin-top: 0px !important;
    border-top: 1px solid  #D61219;
}
div.columns h5 {
    height: 24px;
    /*color: 1px solid  #D61219;    das ist nicht erlaubt... */
    
    background-color:  rgb(238, 238, 238);
    font-size: 14px !important;
    line-height: 24px !important;
    margin: 0px;
    border-bottom: 1px solid  #D61219;
}
div.columns span {
    display: block;
    /*color: 1px solid  #D61219;    das ist nicht erlaubt... */
    
    background-color:  rgb(238, 238, 238);
    font-size: 12px !important;
    line-height: 15px !important;
    margin: 0px;
    padding: 2px 0px 2px 0px;
    border-bottom: 1px solid  #D61219;
}
div.columns span.spacer {
    display: block;
    height: 4px;
    overflow: hidden;
    background-color:  rgb(238, 238, 238);
    border: 0px none !important;
}
.anchor {
    border: 0 !important
}
select {
    border: 1px solid  rgb(238, 238, 238);
    font-size: 14px;
    background:  rgb(238, 238, 238);
    padding: 5px;
}
option:hover {
    background:  #D61219;
    color: #fff
}
.topline {
    /*clear: both;*/
    height: 5px;
    margin-bottom: 3px;
    background: white;
    z-index: 200;
    top: 4px;
    position: relative
}
.webarchive {
    margin-top: -4px
}
.navi_webarchiv {
    /*float: left;*/
   display:inline-block;
    margin: 0 5px 15px 0;
    width: 110px;
}
.navi_webarchiv select {
    width: 110px;
    position: relative;
    z-index: 300
}
.mobiletitle, .mobileslidertitle {
    display:none;
}
#top-link { 
    display:none; 
    position:fixed; 
    margin-left:50px; 
    bottom:5px; 
    padding:50px; 
    background: url("/img/arrow_up_red.gif") no-repeat scroll  transparent;
}
.industry #top-link { 
    background: url("/img/arrow_up_blue.gif") no-repeat scroll  transparent;
}
.expcolimg {
    visibility: hidden;
}
#fancybox-title-over {
   color:white
}
#impress {
   display:none;
}
#fbookmobile {
   display:none;
}
.template_sponsoren {
    width: 150px!important;
    height: 100px!important;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #A4A4A4;
    box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.1);
    margin-top: 1px;
}
.template_sponsoren .img_left img, .template_sponsoren .img_right img, .template_sponsoren .img_center img {
  padding:5px;
  width:140px!important;
  height: auto
}
audio { width: 100%;  margin:0px; }

.de .show-de, .en .show-en {white-space: nowrap;}
.en .show-de, .de .show-en {display:none;}