.medien { min-height:500px }

.medien_menu > div { display:inline-block; }
.medien .pulldown { font-family: 'Atlas Regular';font-size:18px;margin-top:5px;width:100px;margin-left:30px; background:url('../grafik/buttons/ico_medien_jahr_dropdown_pfeil_schwarz.png') no-repeat right center; cursor:pointer;text-align:left; }
.medien .pulldownitems { position:absolute;display:none;margin-left:20px;border:solid 1px black;border-top-width:0px;z-index:102;background-color:white }
.medien .pulldownitems a { display:block;width:100px;color:black;padding:2px 10px;text-align:left}
.medien .pulldownitems a:first-child { padding-top:8px }
.medien .pulldownitems a:last-child { padding-bottom:8px }


.medien_menu {
    text-align:right;
    clear:both;
}

.medien_menu > a { color:black;font-family: 'Atlas Regular';font-size:18px;margin-left:33px;cursor:pointer;text-transform:uppercase }
.medien_menu .sel { color:#BC9A5C }


#medien_tbl {
    padding-top:20px
}
#medien_tbl > div { width:20%;float:left }
#medien_tbl > div img {
    float:right
}
#medien_tbl > div > a {
    display:block;margin-left:10px;height:355px;
}

#medien_tbl > div > a .img {
    height:200px;background-size:contain;background-repeat:no-repeat;border:solid 1px #D4D4D4;background-position:center center;
}

#medien_tbl div.play { height:200px; }
#medien_tbl div.info { padding:10px 14px 0px 14px;color:black }
#medien_tbl div.info h4 { font-size:20px;font-family: 'Atlas Light';margin:2px 0px 4px 0px }





.media_video_title { padding-top:14px;font-size:20px}
.media_video_text { padding-top:4px;font-size:15px}
.media_foto_title { text-align:center;font-size:20px;padding:10px 0px 4px 0px }

.divAnsichtA                                    { display:none; }
.divAnsichtA.active                             { display:block; }

.divAnsichtB                                    { display:none; }
.divAnsichtB.active                             { display:block; }
.divAnsichtB .divImages                         { position:relative; width:975px; height:552px; overflow:hidden; }
.divAnsichtB .divImages .divImage               { float:left; width:319px; height:179px; margin:0px 4px 4px 0px;border:solid 1px #5F5F5F; cursor:pointer; text-align:center; }
.divAnsichtB .divBlock                          { position:absolute; width:975px; height:552px; display:none; }
.divAnsichtB .divBlock.active                   { display:block; }

.divAnsichtA .divImages                         { position:relative; }
.divAnsichtA .divImages .divImage               { position:absolute; width:100%; overflow:hidden; height:552px; text-align:center; display:none;background:black;border:solid 1px #5F5F5F }
.divAnsichtA .divImages .divImage img           { max-width:100%;max-height:100% }
.divAnsichtA .divImages .divImage.active        { display:block; }
#media_gallery                                  { height:552px;position:relative;  }
.pfeil                                          { position:absolute;cursor:pointer;z-index:99; background-repeat:no-repeat; height:59px; width:50px; margin-top:220px;  }
.pfeil.links                                    { margin-left:-50px;background-position:left center;background-image:url('../grafik/buttons/ico_foto_popup_pfeil_links_off.png') }
.pfeil.rechts                                   { margin-right:-50px;right:0px;background-position:right center;background-image:url('../grafik/buttons/ico_foto_popup_pfeil_rechts_off.png') }
.pfeil.links:hover                              { background-image:url('../grafik/buttons/ico_foto_popup_pfeil_links_on.png') }
.pfeil.rechts:hover                             { background-image:url('../grafik/buttons/ico_foto_popup_pfeil_rechts_on.png') }
.divNavigation                                  { z-index:88;position:absolute;right:-1px;width:120px;text-align:center;padding-top:331px;margin-top:1px;height:221px;background-image:url(../grafik/background/bg_black.png);font-size:18px}
.divNavigation > div                            { cursor:pointer;padding:20px 0px}
.divNavigation    img                           { margin:0px 20px 6px 20px }



.divBtnAnsichtB > span { position:relative;top:-6px;margin-right:5px }

.bildright { margin-right:30px;margin-left:10px }

.lightbox #divDownload { display:none;background-color:#ddd;color:#aaa;position:absolute;width:200px;top:50%;margin-top:-80px;left:50%;margin-left:-100px;padding:0px;border:solid 1px #5F5F5F }
#divDownload a { display:block;padding:10px;color:#555;cursor:pointer }
#divDownload a:hover { color:#888; }
#divDownload a.disabledLink { color:#bbb;cursor:default }
#divDownload a span { display:block;font-size:11px }
#divDownload h4 { padding:11px;color:#000;font-weight:bold }
#divDownload a span { display:block;font-size:11px }
#divDownload > img{ float:right;cursor:pointer;margin:7px }


.divBtnAnsichtB { display:inline }











@media screen and (max-width: 1300px)   {
    #medien_tbl > div { width:25%; }
}
@media screen and (max-width: 1100px)   {
    #medien_tbl > div { width:33%; }
}


@media screen and (max-width: 850px)   {
    .media_video_title { clear:both}
}

@media screen and (max-width: 740px)   {
    #medien_tbl > div { width:50%; }
    .medien_menu > a { margin-left:25px }
}

@media screen and (max-width: 520px)   {
    .medien_menu > a { display:none }
    .lightbox .divInfo { float:left;width:auto;}
    .lightbox  { left:8px}
}

@media screen and (max-width: 480px)   {
    #medien_tbl > div { width:100% }
}


@media screen and (max-width: 500px)   {
    .divBtnAnsichtB > span { display:none }
    .bildright { margin-right:10px; }
}