﻿
@media screen and (max-width: 940px) {
  .center {max-width:100%;}

 
  .shortnews-container {float:left;width:100%;}
  .shortnews-container .shortnews {width:100%;}

}

@media screen and (max-width: 900px) {
#banner     {width:67em;margin:1em auto;}

#quicklinks {float:left;width: 100%;}
}


@media screen and (max-width: 815px) {
    body        {font-size: 9px; }
    #banner     {font-size:10px;}
}


@media screen and (max-width: 741px) {
    .alertbutton {   float: right; margin-left: 3px; padding: 8px; }
    .alertbutton .alertbutton_title { margin-bottom: 0em; font-size: .6rem; }
  
}

    @media screen and (max-width: 730px) {
        section.contentContainer .colLeft { width: 100%; padding: 1em .3em 0em .3em; margin: 0; }
        section.contentContainer .colRight { width: 100%; padding: 0em .3em 1em .3em; margin: 0; }

      
        /*Menü aktivieren*/
        .topnavigation .center ul { display: none; }
        .topnavigation .center .languages { float: left; }
        .topnavigation .triggermenu { display: block; width: 3em; padding-top: 0.6em; float: right; }

        .regmitglieder { width: 100% !important; }
            .regmitglieder td p { font-size: 1.2em; }

            .regmitglieder td:nth-child(1) { width: auto !important; }
            .regmitglieder td:nth-child(2) { width: auto !important; }
            .regmitglieder td:nth-child(3) { width: auto !important; min-width: 100px !important; word-wrap: anywhere !important; }
            .regmitglieder td:nth-child(4) { width: auto !important; }

        .divAlerts { width: 20rem; }
        .alertbutton { width: auto; }
    }


    @media screen and (max-width: 685px) {
        #banner { width: 45em; }
        #footer2 .col1 { float: left; width: 100%; }
        #footer2 .col2 { float: left; width: 100%; min-height: 0em; }
        #footer2 .copyright { width: 100%; }
            #footer2 .copyright .year, #footer2 .copyright .www { float: none; }

        .newsblock { max-width: 100%; margin-bottom: 0em; }
            .newsblock h1 { min-height: unset; }

        #fotocontainer .foto { max-width: 100%; }
        #fotocontainer .caption { max-width: 100%; }

        .tagcloud-container { display: none; }

        .logoheader .divsearchbox { width: 28em; }
      
        .template-panorama .lightbox .preview { width: 100%; }

        #logo a img { width: 140px; }


       
    }


    @media screen and (max-width: 470px) {
        #banner { width: 22em; }
       
        #mediabox { height: auto; }
            #mediabox > div { float: none; width: 100%; }
            #mediabox .videoplayer { width: 25em; background-color: black; height: 17em; }
            #mediabox .comment { width: 100%; padding-top: 1em; }
                   
        .videoPlayerImage img { width: 100%; }
    }


@media screen and (max-width: 386px) {
    .logoheader .divsearchbox { width: 100%; }
    .alertbutton { width:45%; }
}