/* hide menu points mobile */
.top[title="Filmarchiv"], 
.top[title="Film Archive"],
.top[title="DOKarchiv"],
.top[title="DOK Archive"] {
    display:none
}

/*border:2px solid green;*/
pre {white-space: normal}
.hits .hitspreviewimages, .thits .batch, 
.head_desc_start, .head_desc,
.batch.gal 
{
    display:none!important;
}
.hith1 {
    margin-top: 10px;
    line-height: 40px;
    border:0;   
}
.infobar, .number, .arrows, a.newsarchive
{
     display:none;
}
.mobileonly {
   display:block;
}
.navi_left
{
    height:0;
    overflow:hidden;
}
.under_range {
    top:0!important;
}
div.under_range {
    left:7px;
    width:auto;
    position:static;
}
body{
    background-color: white!important;
}
.layout {
    width: 100%;
}    
.mobile_ruler {
    display:block!important;
    margin-top: 55px;
    height:0; 
    border: 0;
    border-top:2px solid #D61219;
    width:100%;
    transition: width 0.8s;
}
.industry .mobile_ruler {
       border-color: #10A1D1;
}
.dok .mobile_ruler {
    border-color: #494949;
}

.wrapper {
    width: 100%!important;
}
.content { 
    left:8px;
    right:8px;
    top: unset;
    top:80px;
    width:auto;
    padding: 0px 0 30px 0px;
    border:0;
    transition: top 0.8s;
}
.contentbox { 
    width:100%!important;
}
.contentbox.template_sponsoren {
    width:110px!important;
    height: 70px !important
}
.template_sponsoren .img_left img, .template_sponsoren .img_right img, .template_sponsoren .img_center img {
  padding:5px;
  width:100px!important;
  height: auto
}

.head_right {
    left: initial;
    right:15%;
    border:0px solid yellow;
    width:60px;
    padding-top: 3px;
    top: 12px;
}
.startpage .contentbox {
    padding:0;
    margin-bottom: 10px;
}
.startpage .content {
    top:75px;
}
.template004_2drittel_background .img_left,
.startpage .template_startseitlink_red .img_left,
.startpage .template_startseitlink_blue .img_left {
    width:100%;
    max-width:100%!important;
}
.template_startseitlink_red {
    margin-top:0;
}
.startpage .background_red , 
.startpage .background_blue {
    padding: 5px;
    max-width: 100%;
}
.startpagelink {
    width: initial;
}
.startpagelinkarea {
   top:-10px;
}
.startpage h5 {
 /*padding-left: 5px;   */
}
.first h1, .background {
    margin-bottom:0px;
    margin-top: 25px;
    line-height: inherit !important;
}
.startpage mobile .first h1, .background {
    margin-top: 0;
}

.galerieimageboxstartpage {
    margin:0;
    padding:0;
    width:100%!important;
}
.galerieimageboxstartpage .anythingSlider .arrow{  
    display:none!important;
}
.img_left img { 
    width: 100%!important;
    
}
img.swipeme  {
    height:auto!important;
}
.layout .news .img_left img { 
    width:100%!important;
}

.social_net {
    position: fixed;
    bottom: 0px;
    background:#494949;
    width:100%;
    z-index: 400;
    left:0;
    padding: 8px 0 0 8px;
}
.social_net a {
    width: 28px;
}
div.footer {
  display:none;
}    
.footer > a {
    display:none;
}
#impress { /*impressum link*/
    display: block;
    color: #FFF !important;
    font-size: 12px;
    position: fixed;
    right: 42px;
    z-index: 550;
    bottom: -3px;
    text-decoration: none;
}
#mobileclaim { /* date footer */
    color: #FFF;
    font-size: 14px;
    left: 0px;
    display: block;
    float: left;
    margin-top: 4px;
    padding-right: 5%;
}
.lang a {
    font-size: 15px;
}
.de .lang_de {
    display:none;
    
}
.en .lang_en {
    display:none;
}
#menubutton {
    border-bottom: 10px double #D61219;
    border-top: 10px double #D61219;
    content: "";
    height: 5px;
    width: 40px;
    top: 15px;
    position: absolute;
    right: 10px;
    cursor:pointer;
}
#menubutton:active, 
.navi a:active, 
.newsteaser .contentbox:active {
    background-color:lightgray;
}
.industry #menubutton {
    border-color: #10A1D1;
}
.dok #menubutton {
    border-color: #494949;
}
.block_logo {
    width: 185px;
    left: 10px;
    top: 10px;
    background-size: 145px!important;;
    background: transparent url("/img/DOK-LEIPZIG-2016mobile.png") no-repeat scroll 0% 0%;
}
.navi, .navi_gry, .search{
    width:auto;
    padding-left: 13px;
    margin-right: 10px;
}
.navi, .navi_gry {
   /* overflow:hidden;*/
}
.navi a, .navi_gry a {
    width:auto;
    line-height: 25px !important;
    font-size: 20px !important;
    overflow: hidden;
    /*   color:#D61219;*/
}
.industry .navi a {
}
.industry .navi a.active {
    color:#10A1D1;
    border-bottom-color: #10A1D1;
}

.navi a:hover, .navi_gry a:hover {
}
.navi a.active {
    color:#D61219;
   /* border-bottom: 2px solid #D61219;*/
}
.navi_gry a.active {
    /*border-bottom: 2px solid #494948;*/
}
.navi a.sub, .navi_gry a.sub {
    border-top: 0;
}
.navi .blue_link, .navi .red_link  {
   /* margin: 5px 0;*/
}

div.navi_left, div.navi_gry {
    width:auto;
}
.navi a:nth-child(1), .OFFnavi_gry a:nth-child(1) {
  /*  border-top: 1px solid;*/
}
.navi .sub {
    padding-left:5px;
    background-color:#EEE;
    /*float:left;*/
    border: 0;
    width:100%;
}

.mobile.expandmenu .navi_left {
    border-left: 91px solid #D61219;
    height:auto;
    margin-bottom: 30px;
    padding-bottom: 100%;
    transition: height 0.8s, border-left 0.8s;
}
.mobile.expandmenu .content {
    top:auto;
    transition: top 0.8s;
}
.mobile.expandmenu .mobile_ruler {
    width:0%;
    transition: width 0.8s;
}

.template006_news
{
    /*display:none;*/
}

.template016_auswahlkommission .auswahlkommissionimage{
    display:none;
}

.mobile.news .content,.batchnews {
    width: calc(100% - 20px) !important;
    left:10px;
    border:0;
}
.mobile div.news {
    left:0;
}

.newsteaser .teaserspalte:nth-child(3) {
    margin-bottom: 50px;
}
.newsteaser {
    top:0;
    left:0;
}
.teaserspalte { 
    width:auto;
    /*margin-bottom: 50px;*/
}    
.teaserbox > a,
.teaserbox  .img_left,
.teaserbox  .content_image { 
    display:none;
}
.news .first .img_left {
    display:inline!important;
    width: 100% !important;
    max-width: 100% !important;   
    background-color: #eee; 
}
.news .first .img_left img{
    width:100%!important; 
}
.news .first h1, .background {
    padding-bottom:5px;
}
.first .news h5 {
    width:100%;
    text-indent: 5px!important;
    font-size: 13px;
    padding-left:0!important;
}

div.news h5 .h5date {
    padding-left:5px;
    left:0px;
}
div.news h5 .h5date.firstslider {
    padding-left:0;
}

.news .imagetitle {
    width:100%!important;
    background-color:#EEE;
    text-indent:5px;
}
.newsteaser  span.imagetitle {
    display:none
}

.teaserbox,
.teaserbox.active {
    width: auto;
    float:none!important;
    padding-left: 5px;
    padding-right:50px;
    background: url("/img/arrow_down_red.gif") no-repeat scroll 98% 10px transparent!important;
}   
.industry .teaserbox, 
.industry .teaserbox.active  {
    background: url("/img/arrow_down_blue.gif") no-repeat scroll 98% 10px transparent!important;
}   
.teaserbox .active {  /* yes that's right! */
   display:none;
} 

.teaserbox h4{
    color:#494949;
    margin:0;
    text-transform: none;
    font-size:16px;
}    

.newsteaser .contentbox {
    top: 20px;
    margin-bottom: 8px;
    padding-bottom: 8px;     
    background-color: #EEE;    
}
.template008_people {
    width:auto!important;
    padding-right:5px;
    float:left;
    width:110px!important;
}
.template008_people.first {
    width:inherit!important;
    float:left!important;
}
.auswahlkommission, .drittel_2, .drittel_1 {
    width:100%;
}
.drittel_2 {
    border-top:0;
}
.sub_navi {
    width:100%;
}
.sub_navi span {
    display:inherit;
}
.sub_navi a {
    float:left;
}
.level1 { /* zweite Navebene */
    display:none;
}
.level2 {
    text-align: center;
    width: inherit;
}
.OFFsecond {
    top: -20px;
    margin-bottom: -20px;
    border-bottom: 3px solid #D61219!important;
}
.second {
    top: -5px;
    /*border-bottom: 2px solid #D61219!important;*/
}
.industry .second {
    border-color: #10A1D1!important;
}
.dok .second {
    border-color: #494949!important;
}
.second a {
    display:inline;
    display: inline-block;
    background: inherit;
    text-transform: uppercase;
    border-bottom: transparent !important;
    padding: 10px;
    font-size:16px;
    font-weight:600;
    width: auto;
}
.second span {
    display:none;
}
.second a.active, .second a:hover {
    border-bottom: 0px solid #464646 !important;
}
.second div {
    border-bottom: 3px solid #D61219;
    border:0;
}

.level2 {
    display:inline;
}
.level2 a { /* Montag zu MO */
  /*  color:black!important;*/
    background-color: #eee;
    margin: 12px 1px !important;
}
.level2 a.active {
    color:#D61219!important;
}
.industry .level2 a.active {
    color: #10A1D1!important;
}
.dok .level2 a.active {
    color: #494949!important;
}
.topline {
    display:none;
}

.mobileshorttitle .level2 a { /* Montag zu MO ueber layout class*/
    width: 27px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: "";
}

.archive, .button.newsletterlink {
    display: none
}
.mobile .template014_newsletter {
    display:block;
}
.newsletteritem, .newsletterh1 {
   display:none;
}
.newsletter, .newsletterbox  {
    left:0;
    width: 100%;
    max-width: 300px;
}
.newsletterbox {
    padding-left:5px;
    border:0;
}    
.smallimgnav {
    left:0px;
    display:none;
}
.galeriebigimage {

}
.chronik .batch.top, 
.batch.under {
    display:none;
}
#top-link { 
    left:-200px;
}
.auswahlkommission {
    padding-bottom:0;
}
.auswahlkommissionimage {
    position:initial;
    width: 100%;
    border: 0;
    margin-top: -20px;
}
.auswahlkommissionimage .img_left,
.auswahlkommissionimage .img_none{
    float:none!important;
    width: 100%;
    max-width: 100%!important;
    padding-top: 15px;
}
.auswahlkommissionimage h5 {
    display:none;
}
.auswahlkommissionimage ..navi a, .navi_gry aimg_left{
    display:none;
}
.template004_2drittel_background.first .background {
    margin-bottom:20px;
}
.expcolimg {
    float: right;
    top: -20px;
    position: relative;
    visibility: visible;
    cursor:pointer;
}
.mobile textarea,
.mobile .hits,
.mobile .hit {
    width:100%!important;
}
.mobile .search {
    margin-top: -22px;
}
.mobile .query {
    height: 25px;
    background-position: 1px 3px;
}
.mobile .search .submit{
}

.hits .batch {
    top: 111px !important;
    width:50px;
} 
.hits .batch.bottom {
     display:none!important;
} 
.hitsmatches .batch.left{
    right: 50px;
    left: auto;
}    
.hitsmatches .batch.right {
    right: 0px;
    left:auto;
}
.imagegalerie {width:100%;}
.galeriebigimage {width:100%;}
.galeriebigimage img{width:100%;height: auto;}

.template_slider .img_left {
    float:none!important;
    max-width:none!important;
}
.anythingSlider-default .arrow {
    top: 70%!important;
    background: black;
}
.galerieimagebox .anythingSlider,
.galerieimagebox .slidertype  {
    display: none;  
}
.galerieimagebox h1 {
    border-top: 1px solid;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background: #EEE url("/img/arrow_down_red.gif") no-repeat scroll 98% 10px !important;
}

.first .galerieimagebox h1 {
    line-height: 38px !important;
}
.mobiletitle {
    font-size:20px;
    line-height: 35px;
    text-transform: uppercase;
    text-align:center;
    color:#D61219!important;
    border-bottom: 2px solid;
    display:block;
    margin: 0 8px;
}
.news .mobiletitle {
    border-bottom: 0px solid;
}
.dok .mobiletitle {
    color: #494949!important;
}
.industry .mobiletitle {
    color: #10A1D1!important;
}
.expandmenu .mobiletitle,
.startpage .mobiletitle {
    display:none;
}
.mobileslidertitle {
    display:block;
    width: 100%;
    text-align: center;
}
.navi a.active, .navi a:hover {
    background-color: #C8C8C8;
}

#fbook {
    display:none;
}

#fbookmobile {
    display:block;
}
.newsnumbers {
    position: relative;
    float:right;
    right: 1px;
    top:15px;
    z-index: 1;
}
#newsnumbers .active {
    color:#D61219; 
}

@media only screen and (max-width: 330px ) and (min-width: 200px){
    .galerieimagebox .anythingSlider.anythingSlider-default {
        height:200px!important;
    }
}
@media only screen and (max-width: 400px ) and (min-width: 330px){
    .galerieimagebox .anythingSlider.anythingSlider-default {
        height:220px!important;
    }
}
@media only screen and (max-width: 470px)  and (min-width: 400px) {
    .galerieimagebox .anythingSlider.anythingSlider-default {
        height:250px!important;
    }
}

.dot{
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #AEAEAE;
    display: inline;
    float: left;
    margin: 3px;
}
.dot.active{
    background-color: #D61219;
}

.mobile .template_startseitlink_red {
    padding-top:10px;
}

.mobile.news .contentbox.first{
    display:none!important;
}

.mobile .galerieimagebox .anythingControls {
    display:none!important;
}