@charset "utf-8";
/* =General
--------------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Class for clearing floats */
.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* ----- clear fix for floats ----- */
.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

/* hides clearfix from IE-mac */
.clearfix {
    display: block;
}

/* end hide from IE-mac */
/* class for float  */
.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.alignnone {
    clear: both;
}

img {
    border: 0;
    vertical-align: top;
}

.hidden {
    display: none !important;
}

/* End General
--------------------------------------------------------------------------------------------------------*/

/* =Typography
--------------------------------------------------------------------------------------------------------*/
#wrapper_outer {
    position: relative;
    min-height: 100% !important;

    /*padding-bottom: 200px;*/

    max-width: 1060px;
    margin: 0 auto;
}

/* Setting up the fonts */
html, body {
    background-color: #900;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background: #870f33 url(../files/bg.jpg) no-repeat center top;
    height: 100%;
    overflow-x: hidden;
}

@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('../fonts/titilliumtext22l001-webfont.eot');
    src: url('../fonts/titilliumtext22l001-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumtext22l001-webfont.woff') format('woff'), url('../fonts/titilliumtext22l001-webfont.ttf') format('truetype'), url('../fonts/titilliumtext22l001-webfont.svg#TitilliumText22LThin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TitilliumText22LLight';
    src: url('../fonts/titilliumtext22l002-webfont.eot');
    src: url('../fonts/titilliumtext22l002-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumtext22l002-webfont.woff') format('woff'), url('../fonts/titilliumtext22l002-webfont.ttf') format('truetype'), url('../fonts/titilliumtext22l002-webfont.svg#TitilliumText22LLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('../fonts/titilliumtext22l003-webfont.eot');
    src: url('../fonts/titilliumtext22l003-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumtext22l003-webfont.woff') format('woff'), url('../fonts/titilliumtext22l003-webfont.ttf') format('truetype'), url('../fonts/titilliumtext22l003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('../fonts/titilliumtext22l004-webfont.eot');
    src: url('../fonts/titilliumtext22l004-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumtext22l004-webfont.woff') format('woff'), url('../fonts/titilliumtext22l004-webfont.ttf') format('truetype'), url('../fonts/titilliumtext22l004-webfont.svg#TitilliumText22LMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('../fonts/titilliumtext22l005-webfont.eot');
    src: url('../fonts/titilliumtext22l005-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumtext22l005-webfont.woff') format('woff'), url('../fonts/titilliumtext22l005-webfont.ttf') format('truetype'), url('../fonts/titilliumtext22l005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TitilliumText22LXBold';
    src: url('../fonts/titilliumtext22l006-webfont.eot');
    src: url('../fonts/titilliumtext22l006-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumtext22l006-webfont.woff') format('woff'), url('../fonts/titilliumtext22l006-webfont.ttf') format('truetype'), url('../fonts/titilliumtext22l006-webfont.svg#TitilliumText22LXBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1 {
    font-family: 'TitilliumText22LLight';
    font-size: 34px;
    line-height: 34px;
    font-weight: normal;
    color: #FFF;
    padding: 0px 0px 20px 0px;
    word-spacing: -2.5px;
}

h2 {
    font-family: 'TitilliumText22LLight';
    font-size: 24px;
    line-height: 34px;
    color: #FFF;
    padding: 0px 0px 20px 0px;
}

h3 {
    font-family: 'TitilliumText22LLight';
    font-size: 22px;
    color: #FFF;
    line-height: 22px;
    padding: 0px 0px 15px 0px;
}

/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------------*/
a, a:link, a:visited {
    color: #FFF;
    text-decoration: none;
    -webkit-transition: color 0.5s ease-out;
}

a:hover {
    color: #ecdfaa;
    text-decoration: none;
}

a:active {
    color: #ecdfaa;
}

a:focus, a:hover, a:active { /* Für Firefox 3 */
    outline: none;
}

/* End Links
--------------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
p {
}

html, body {
}

#header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ecdfaa;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#logo {
    background-image: url("../files/logo_header.png");
    background-repeat: no-repeat;
    display: block;
    height: 39px;
    text-decoration: none;
    margin: 21px 0px 0px 20px;
}

.topLink {
    float: right;
    padding: 0px 12px 0px 0px;
}

ul.flagLink {
    float: right;
    padding: 15px 8px 0px 4px;
}

ul.flagLink li {
    float: left;
    background: url(../files/sapretor.jpg) no-repeat right top;
    padding: 0px 6px 0px 6px;
}

ul.flagLink li.last {
    padding: 0px 0px 0px 4px;
    background: none;
}

ul.flagLink li a {
    color: #ECDFAA;
}

ul.flagLink li a:hover {
    color: #fff;
}

.zitat {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    font-style: italic;
    line-height: 28px;
    color: #f0d271;
}

.zitat-autor {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    font-style: italic;
    color: #f0d271;
    display: block;
    margin: 13px 0px 0px -1px;
}

.lead {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-style: normal;
    line-height: 24px;
    color: #ecdfaa;
}

.bigLauftext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 25px;
    color: #ecdfaa;
    padding-left: 2px;
    padding-bottom: 20px;
}

.lauftext {
    color: #ECDFAA;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 18px;
    padding: 0 0 0 1px;
}

.tinyLauftext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
    color: #ecdfaa;
    padding: 0px 0px 59px 2px;
}

#rex_375_multinewsletter {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 18px;
    padding: 10px 0 0 1px;
}

/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/

ul#mainNavigation {
    padding: 2px 0px 0px 0px;
    position: relative;
    top: 7px;
    float: right;
    display: block;
    margin: 0px -2px 0px 0px;
}

#mmenu ul#mainNavigation {
    padding: 0px 0px 30px 0px !important;
    top: 0px !important;
    margin-top: -30px !important;
}

ul#mainNavigation li {
    float: left;
    position: relative;
    margin-right: 12px;
    cursor: pointer;
    height: 34px;
}

ul#mainNavigation li span {
    position: absolute;
    display: none;
    left: 0px;
    width: 100%;
    font-size: 1px;
    line-height: 1px;
    height: 2px;
    top: 25px;
    background: url(../files/underline.gif) repeat-x 0px 100%;
}

ul#mainNavigation li a {
    color: #ffffff;
    font-size: 15px;
    line-height: 26px;
    height: 34px;
    font-weight: bold;
    text-transform: capitalize;
    float: left;
    font-family: 'TitilliumText22LLight';
}

ul#mainNavigation li.fade_active a {
    display: block;
    background: url(../files/underline.gif) repeat-x 0px 25px;
}

ul#mainNavigation li.fade_active span {
    display: none;
}

/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Sub Nav
--------------------------------------------------------------------------------------------------------*/
#subNavigation {
}

#subNavigation li {
}

#subNavigation li a {
}

#subNavigation li a:hover, #subNavigation li a.active {
}

/* End Sub Nav
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
/*#content {*/
/*    width: 940px;*/
/*    margin: 0 auto;*/
/*    padding-bottom: 20px;*/
/*}*/

#content {
    padding: 0 15px;
}

#narrowcolumn {
    padding-top: 5px;
}

#narrowcolumnLeftInn {
    padding: 0px 0 20px 0px;
}

#narrowcolumnLeft {
    padding: 0px 0 0 0px;
}

#narrowcolumnRight {
    padding-top: 0px;
}

#narrowcolumnMid {
    padding-top: 0px;
}

#narrowcolumnLeftContact img {
    width: 100%;
    height: auto;
}

.telephone {
    display: block;
    margin: 12px 0px 0px -5px
}

.galleryViewColumn {
    float: left;
    display: block;
    position: relative;
    margin-left: -1px;
    margin-bottom: 15px;
    background-image: url(../files/dot.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.galleryViewColumn.last {
    margin-bottom: 0px;
}

/*
.galleryViewColumn .galleryViewBtnDE {
    position: absolute;
    bottom: 15px;
}
*/

.galleryViewColumn .galleryViewBtnEN {
    position: absolute;
    bottom: 15px;
}

.galleryViewColumn .imageColumnOne {
    width: 230px !important;
    /*position: relative;*/
    /*top: -6px;*/
    float: left;
    margin-top: -4px;
}

.galleryViewColumn .contentColumnOne {
    width: 455px !important;
}

.galleryColumnMar {
    display: block;
    margin: -7px 0px 0px 0px;
}

.galleryColumn {
    display: block;
    background-image: url(../files/dot.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    galleryViewColumn
}

.contactBottomPad {
    padding-bottom: 25px;
}

.headingPadTwo {
    padding: 0px 0px 20px 0px;
}

.pressHeading {
    padding-bottom: 20px;
}

.galleryMargin {
    margin: 14px 0px 10px 1px;
}

.imageColumn {
    float: left;
    padding: 0px 20px 0px 0px;
}

.imageColumnOne {
    float: left;
    padding: 0px 10px 0px 0px;
}

.contentColumn {
    float: left;
    padding: 7px 0px 0px 8px
}

.contentColumnOne {
    float: left;
    padding: 0px;
}

ul.service {
    margin: 20px auto 0 auto;
    padding: 0px 0px 28px 0px;
}

ul.service li {
    float: left;
    display: block;
    background: url(../files/teaser_frame.png) no-repeat;
    width: 240px;
    height: 170px;
}

ul.service li a {
    width: 173px;
    height: 101px;
    display: block;
    margin: 35px 0 0 34px;
}

.smallFrame {
    background-image: url(../files/goldrahmen_kl.png);
    background-repeat: no-repeat;
    height: 135px;
    display: block;
    padding: 25px 0px 0px 23px;
    margin: 0px 0px 0px -10px;
}

.borderBottom {
    width: 700px;
    height: 2px;
    display: block;
    margin: 11px 0px 0px 0px;
    background-image: url(../files/dot.gif);
    background-repeat: repeat-x;
}

.borderBottomOne {
    width: 700px;
    height: 2px;
    display: block;
    background-image: url(../files/dot.gif);
    background-repeat: repeat-x;
    margin: -2px 0px 0px 0px;
}

.borderBottomTwo {
    width: 700px;
    height: 2px;
    display: block;
    background-image: url(../files/dot.gif);
    background-repeat: repeat-x;
    margin: -17px 0px 0px 0px;
}

.borderBottomThree {
    width: 700px;
    height: 2px;
    display: block;
    background-image: url(../files/dot.gif);
    background-repeat: repeat-x;
    margin: -8px 0px 0px 0px;
}

.borderBottomFour {
    width: 700px;
    height: 2px;
    display: block;
    margin: 11px 0px 0px 0px;
    background-image: url(../files/dot.gif);
    background-repeat: repeat-x;
}

.frame {
    width: 980px;
    height: 365px;
    background-image: url(../files/frame.png);
    background-repeat: no-repeat;
    display: block;
    padding: 48px 0px 0px 50px;
    margin-left: -10px;
}

.galleryViewBtnDE {
    background-image: url(../files/btn_de.png);
    background-repeat: no-repeat;
    width: 140px;
    height: 30px;
    display: block;
}

.galleryViewBtnEN {
    background-image: url(../files/btn_en.png);
    background-repeat: no-repeat;
    width: 140px;
    height: 30px;
    display: block;
}

ul.reportListPanel {
    clear: both;
}

ul.reportListPanel {
    list-style: none;
}

ul.reportListPanel li {
    background-image: url("../files/dot.gif");
    background-position: 0 20px;
    background-repeat: repeat-x;
    display: block;
    float: left;
    min-height: 26px;
    width: 100%;
}

ul.reportList {
    list-style: none;
}

.scrollable-table {
    /*overflow-x: auto;*/
}
table.rex-responsive {
    width: 100%;
}
table.rex-responsive td,
table.rex-responsive tr {
    background-image: url("../files/dot.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
}
table.rex-responsive td {
    padding: 8px 18px 8px 0;
    color: #ecdfaa;
}
table.rex-responsive td.lableLink {
    text-align: right;
    padding-right: 0;
}

ul.reportList li {
    display: block;
    color: #ecdfaa;
    background-image: none;
}

ul.reportList li.lable1One {
    width: 15%;
}

ul.reportList li.lable1Two {
    padding: 0;
    width: 45%;
}

ul.reportList li.lable1Three {
    width: 20%;
}
ul.reportList li.lableLink {
    width: 20%;
}
ul.reportList li.lableLink a {
    color: #FFFFFF;
    display: inline-block;
    text-decoration: none;
}

ul.reportList li a:hover {
    color: #ecdfaa;
}

.mapTxtPad {
    display: inline-block;
    margin: 16px 0px 0px 0px;
}

.block {
    display: block;
}

.mapMar {
    margin: 0px 0px 0px 0px;
}

.whiteBg {
    background-color: #ffffff;
    display: block;
    height: 100px;
    width: 195px;
}

.galleryBorderPadMar {
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.galleryBorderPad {
    padding-bottom: 16px;
}

.galleryBorderPadOne {
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.galleryBorderPadTow {
    padding-bottom: 3px;
    margin-bottom: 15px;
}

.galleryBorderPadTow .tinyLauftext {
    padding-bottom: 15px;
}

.galleryBorderPadTow.last {
    margin-bottom: 0px;
}


.galleryMar {
    display: block;
    margin: 0px 0px 0px -10px;
    padding-bottom: 16px;
}

.galleryMar .tinyLauftext {
    padding-bottom: 0px;
}

.galleryBorderPadMar {
    padding: 0px;
}

.galleryBorderPadMar.last {
    margin-bottom: 0px;
}

.galleryBorderPadMar .tinyLauftext {
    padding-bottom: 15px;
}


/*.galleryBorderPadThree{
	padding-bottom:12px;
	padding-top:6px;
	margin-bottom:6px;
}*/
.galleryTopPad {
    padding-top: 3px;
}

.PressBottomPad {
    padding-bottom: 10px;
}


#narrowColumnMidContact {
    /*width: 240px !important;*/
}


/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/

/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
#wrapper_footer {
    /*position: absolute;*/
    /*left: 0px;*/
    /*bottom: 0px;*/
    width: 100%;
    margin-top: 60px;
    margin-bottom: 20px;
}

#footer {
    background-image: url(../files/footer.png);
    background-position: center top;
    background-repeat: no-repeat;
    padding: 28px 0px 0px 0px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 16px;
    color: #ecdfaa;
    margin: 0 auto;
}

.footerMar {
    margin: -4px 0px 0px 0px;
    display: block;
}

#footer .head {
    color: #fff;
    font-size: 13px;
    padding-bottom: 10px;
}

#footer a {
    color: #ecdfaa;
}

#footer a:hover {
    color: #fff;
}

.footerColumnOne {
    float: left;
}

.footerLogo {
    background-image: url("../files/logo_footer.png");
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    text-decoration: none;
    width: 90px;
    margin: 5px 0px 0px 1px;
}

.footerColumnTwo {
    padding-top: 1px;
    float: left;
}

.footerColumnTwo span {
    display: block;
}

.footerColumnThree {
    float: left;
    padding-top: 1px;
}

.footerColumnThree span {
    display: block;
}

.footerColumnFour {
    float: left;
    padding-top: 1px;
}

.footerColumnFour span {
    display: block;
}

.footerColumnFive {
    float: left;
    padding-top: 1px;
    padding-bottom: 20px
}

.footerColumnFive span {
    display: block;
}

.footerColumnFive ul li a {
    color: #ecdfaa;
}

.copyRightPad {
    padding: 24px 0px 0px 0px;
}

#footer ul {
}

#footer ul li {
}

#footer ul li a {
}

#footer ul li a img {
}

#footerBottom {
    /*width: 940px;*/
    padding: 40px 0px 30px 0;
    display: block;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 16px;
    color: #ecdfaa;
    text-align: center;
}

#footerBottom ul li {
    display: inline;
    margin: 0 10px
}

#footerBottom ul li a {
    color: #ecdfaa;
}

/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------------------------------------*/

fieldset {
    border: 0px solid transparent;
    background: #f0f0f0;
    padding: 0;
    margin: 0;
}

.rex-xform {
    margin-top: 10px;
}

.rex-xform p {
    display: inline-block;
    margin-right: 15px;
}

.rex-xform label {
    display: inline-block;
    color: #fff;
    padding-right: 15px;
}

.rex-xform input {
    border: 1px solid #731d0a;
    width: 300px;
    display: inline-block;
}

.rex-xform input.submit {
    width: auto;
    padding: 2px 6px;
    border: 1px solid #731d0a;
    background-color: #96200d;
    color: #FFF;
}

.nl-info {
    color: #fff;
    margin-top: 15px;
    line-height: 16px;
}


/* End Forms
--------------------------------------------------------------------------------------------------------*/

.galery-btn {
    float: left;
}
.galleryViewColumn .galery-btn .galleryViewBtnEN {
    position: relative;
    float: left;
    bottom: inherit;
    margin-top: 15px;
    margin-bottom: 15px;
}


.frame {
    /*width: 100%;*/
    /*position: relative;*/
}

.frame img {
    /*width: 100%;*/
    /*height: auto;*/
}

@media screen and (max-width: 827px) {
    #widecolumn {
        width: 100%;
        display: block;
        float: inherit;
    }
    #narrowcolumn {
        display: block;
        float: inherit;
        width: 98%;
    }

    .footerColumnOne.prefix_1 {
        padding-left: 0 !important;
    }

    #narrowcolumnMid,
    #narrowcolumnRight,
    #narrowcolumnRightContact,
    #narrowColumnMidContact,
    .footerColumnOne,
    .footerColumnThree,
    .footerColumnTwo,
    .footerColumnFour {
        width: 48% !important;
        margin-bottom: 25px;
    }

    #logo {
        width: 100% !important;
    }

    #narrowcolumnLeft,
    #narrowcolumnLeftContact {
        display: block;
        width: 98% !important;
        float: inherit;
        margin-bottom: 35px;
    }

    #narrowcolumn {
        margin-top: 35px;
    }

    /*#header .flagLink {*/
    /*    position: absolute;*/
    /*    top: 5px;*/
    /*    right: 10px;*/
    /*}*/

    #menuToggle {
        display: block !important;
    }
    #header > .topLink > .flagLink,
    #header .default-nav {
        display: none;
    }
}

.grid-row {
    margin-left: -1%;
    margin-right: -1%;
}

@media screen and (max-width: 480px) {
    #narrowcolumnMid,
    #narrowcolumnRight,
    #narrowcolumnRightContact,
    #narrowColumnMidContact,
    .footerColumnOne,
    .footerColumnThree,
    .footerColumnTwo,
    .footerColumnFour {
        width: 98% !important;
    }

    .tinyLauftext {
        float: inherit;
        display: block;
    }

    ul.reportList li {
        margin-right: 10px;
    }

    ul.reportList li.lable1One {
        width: auto !important;
    }

    ul.reportList li.lable1Two {
        padding: 0 !important;
        width: auto !important;
    }

    ul.reportList li.lable1Three {
        padding: 0 !important;
        width: auto !important;
    }

    ul.reportList li a {
        display: inline !important;
        width: auto !important;
    }

}


@media only screen and (min-width : 320px) and (max-width : 480px) {/*--- Mobile portrait ---*/}
@media only screen and (min-width : 480px) and (max-width : 595px) {/*--- Mobile landscape ---*/}
@media only screen and (min-width : 595px) and (max-width : 690px) {/*--- Small tablet portrait ---*/}
@media only screen and (min-width : 690px) and (max-width : 800px) {/*--- Tablet portrait ---*/}
@media only screen and (min-width : 800px) and (max-width : 1024px) {/*--- Small tablet landscape ---*/}
@media only screen and (min-width : 1024px) and (max-width : 1224px) {/*--- Tablet landscape --- */}





/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */

#menuToggle
{
    display: none;
    position: absolute;
    top: 30px;
    right: 10px;
    width: 50px;
    z-index: 1;

    -webkit-user-select: none;
    user-select: none;
}

#menuToggle input
{
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;

    cursor: pointer;

    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */

    -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle > span
{
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;

    background: #fff;
    border-radius: 3px;

    z-index: 1;

    transform-origin: 4px 0px;

    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    opacity 0.55s ease;
}

#menuToggle > span:first-child
{
    transform-origin: 0% 0%;
}

#menuToggle > span:nth-last-child(2)
{
    transform-origin: 0% 100%;
}

/*
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    /*background: #232323;*/
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
    transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#mmenu
{
    position: absolute;
    width: 300px;
    margin: -100px -10px 0 0;
    padding: 50px;
    padding-top: 125px;

    background: #2d2d2d;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    right: 0px;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);

    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}


#mmenu ul.flagLink {
    float: inherit;
    padding: 0;
    font-size: 14px;
    margin-left: -6px;
    /*margin-top: -30px;*/
    margin-bottom: 30px;
    position: relative;
}
#mmenu ul.flagLink li a {
    color: #fff;
}
#mmenu #mainNavigation li
{
    display: inline-block;
    /*padding: 10px 0;*/
    /*font-size: 22px;*/
    width: 100%;
}
#mmenu ul#mainNavigation li span {
    display: none !important;
}
/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ #mmenu
{
    transform: none;
}

@media screen and (max-width: 960px) {
    .galleryViewColumn .imageColumnOne {
        width: 100% !important;
    }
}


.header-image {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1030px;
    overflow: hidden;
    margin-top: 5px;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.img-inner-responsive {
    display: block;
    position: absolute;
    top: 12.0%;
    left: 5.1%;
    width: 90%;
    height: auto;
    overflow: hidden;
}

.galery-btn {
    margin-top: 20px;
    margin-bottom: 15px;    
}