.clear {    clear: both;    float: none;}img {    max-height: 100%;    max-width: 100%;}.PageImage {    margin-bottom: 27px;}.Panes {    /* width: 960px;   */ margin: 0 auto;    overflow: hidden;    padding-bottom: 68px;}.LayoutNormal .Pane.Main {    margin: 28px 0 0;    width: 100%;    max-width: 635px;    float: left;}.LayoutNormal .Pane.Main .content {    width: 100%;    max-width: 605px;}.LayoutNormal .Pane.Right {    margin: 28px 0 0;    width: 310px;    float: right;    min-height: 50px;}  .docfrontpage .Pane{        float: none;        width: 100%;        display:block;    }.LayoutFrontpage .Pane.Top {    margin: 8px 0 15px;}.LayoutFrontpage .Pane.Main {    margin: 0 0 20px;    width: auto;    float: left;}.LayoutFrontpage .Pane.Left {      float: left;    min-height: 50px;}.LayoutFrontpage .Pane.Right {        float: right;    min-height: 50px;}.LayoutFrontpage.Landing .Pane.Left {    margin: 6px 0 0;    width: 100%!important;    max-width: 635px!important;    float: left;    min-height: 50px;}.LayoutFrontpage.Landing .Pane.Right {    margin: 6px 0 0;    width: calc(100% - 650px);    max-width: 310px;    float: right;    min-height: 50px;}@media only screen and (max-width : 912px) {    .LayoutFrontpage.Landing .Pane.Left {        max-width: 100%!important;        clear: both;    }    .LayoutFrontpage.Landing .Pane.Right {        max-width: 100%!important;        clear: both;        width: 100%;    }    /*Slider*/    .LayoutFrontpage.Landing .Pane.Left .Box.Medium {        width: 100%;        max-width: 100%;    }}.Pane .inner {    width: 450px;    padding-left: 20px;}@media only screen and (max-width : 1056px) {    .Header, #contentHolder, #Footer {        width: auto;        margin: 0;        padding: 0 20px;        left: auto;        right: auto;        display: block;    }    .content {    }    .Box.Huge {        position: relative;    }    #dMenuBorder {        position: relative;    }    .slideshow, .slideshow .slide, .Box.Huge {        width: 100%;        height: 100%;    }    .slideshow .slide img, .Box.Huge img {        max-height: 100%;        max-width: 100%;    }    .slideshow .slide > img {        left: 0;        right: 0;        width: 100%;        margin: 0 auto;        position: relative;    }    .slideshow .nav, .slideshow .nav > div, .slideshow .slide > a {        min-height: 100%;        max-height: 100%;    }          .fContent.col0 {        display: none;    }    .fContent, .fContent.col3 {        display: inline-block;        *display: inline;        zoom: 1;        float: none;        vertical-align: top;        text-align: left;    }    .fContent.col2 {        width: 254px;        margin: 0 auto;    }    #Footer {        text-align: center;    }}@media only screen and (max-width : 690px) {    .slideshow .slide > img {        left: auto;        right: auto;        top: 0;        width: auto;        max-width: none;        bottom: 108px;        margin: 0 auto;        position: absolute;    }}@media screen and (max-width: 680px) {    .calendarFull {        float: none;        margin: 0 auto;        margin-top: 20px;    }    .CalendarEventsHolder {        float: none;        margin: 0 auto;    }    .fContent.col2, .fContent, .fContent.col0 {        margin: 0 auto 20px;        width: 100%;        float: none;    }    .fContent.col3 {        width: auto;        left: 0;        margin: 0 auto 0 0;    }    .fContent.col3 {        width: 100%;        display: inline-block;        *display: inline;        zoom: 1;        padding: 0;    }    .fContent.col3 span {    }    #Footer {        text-align: center;    }    .fContent.col0 {        background-position: center center;    }}@media screen and (max-width: 650px) {    /*.Box.hasHover.even {        float: none;        margin: 0 auto;    }    .Box.hasHover.odd {        float: none;        margin: 0 auto;    }    .Box {        margin: 0 auto;    }*/         .LayoutFrontpage .Pane.Main {        float: none;        margin: 0px;    }    .eventlistFilter {        text-align: center;    }    .eventlistFilter div {        float: none;        margin-bottom: 10px;        clear: both;        margin: 0 0 10px;        padding: 0;    }}@media only screen and (max-width : 340px) {    .Header, #contentHolder, #Footer {        padding: 0 7px;    }}@media screen and (min-width: 680px) and (max-width: 797px) {    .fContent.col3 {        width: 480px;        text-align: right!important;    }}@media only screen and  (min-width: 580px){    .docfrontpage .Panes {        display:table-row;    }    .docfrontpage .Pane.Left {        width:302px;        display:table-cell;        vertical-align:top;    }    .docfrontpage .Pane.Right {        float: none;        display:table-cell;        width: 100%;        padding-left:20px;        vertical-align:top;    }}