/*
font-family:'AvenirNextLTW01-Regular';
font-family:'Avenir Next LT W01 Bold';
font-family:'Avenir Next Cyr W00 Medium';
font-family:'Avenir Next LT W01 Demi';
font-family:'NimbusSanNo5Med W01 Regular';
*/


html, body { margin:0px; padding:0px; background:white; font-size:16px;height:100%;font-family:'AvenirNextLTW01-Regular'; }
h1, h2, h3, h4 { margin:0px;padding:0px;font-weight:normal}
a { text-decoration:none;color:#24609C }

p b { font-family:'Avenir Next Cyr W00 Medium' }

.btminfo { position:absolute;width:200px;left:-220px }

.page   { max-width:1817px;margin:0px auto;position:relative;padding:0px 20px;overflow:hidden }

#header { height:143px; width:100%;  z-index:991; background-color:white  }
#header img { margin:6px 0px 0px 4px }

#header .vaduz-logo { width:120px;top:100px;right:0px;margin:0px;position:absolute }

.divMenu { float:right;font-family:'Avenir Next LT W01 Demi';text-align:right;font-size:21px;position:absolute;top:0px;right:20px }
.divMenu .menu { margin:35px 33px 0px 0px;text-transform:uppercase;color:black}
.divMenu .tickets { background-color:#BC9A5C;color:white;text-align:center;width:100px;padding:36px 0px 11px 0px;font-size:15px;float:right;cursor:pointer }
.divMenu .tickets > div { text-transform:uppercase;font-size:18px; }
.divMenu .menu_head { display:none }

.nav { display: inline-block;margin-top:11px }
.nav > ul > li {  display: inline-block;  position: relative;  padding: 3px 10px 78px 0; z-index: 100; }
/* SECOND LEVEL */
.nav > ul > li ul { position: absolute; left: 0; top: 100%; padding: 0 1000em; margin: 0 -1000em; z-index: 101; visibility: hidden; opacity: 0; background-color: white;height:0px;overflow:hidden } 
.nav > ul > li ul > li { padding: 2px 0px 10px 0px;list-style: none;text-align:left; }
.nav > ul > li ul  { padding-bottom:30px;webkit-box-shadow: 0px 4px 12px -6px rgba(116,117,117,1);-moz-box-shadow: 0px 4px 12px -6px rgba(116,117,117,1);box-shadow: 0px 4px 12px -6px rgba(116,117,117,1); }


@media screen and (min-width: 1001px) {
    .nav > ul > li:hover ul { visibility: visible; opacity: 1; height:155px; -webkit-transition: height 1s ease;width:400px } 
    .nav > ul > li.pulldown:hover { background-image:url('../grafik/buttons/pfeil_unten.png');background-position:2px bottom;background-repeat:no-repeat }
    .nav > ul > li:hover a { color:#000000; }
    .nav > ul > li:hover a:hover { color:#BC9A5C; }
}


h2 { margin:10px 0px 13px 0px;float:right; font-size:60px; font-family:'Avenir Next LT W01 Demi';;text-transform:uppercase }
h2 a { font-size:37px; }

.back { padding-top:20px;color:#BC8A5B;margin-bottom:50px;clear:both;display:block;  }
.back img { position:relative;top:3px;margin-right:10px  }
h2 .back img { position:relative;top:-4px;margin-right:10px  }
h2 .back { color:#A2A6A9;padding-top:0px }


#header #logo_mobile { margin-top:14px;margin-left:0px }
#logo_small, #logo_mobile, #logo_mobile2 { display:none }

#logo_big { width:396px;height:127px }
#logo_small { width:300px;height:96px }
#logo_mobile { width:210px;height:73px }
#logo_mobile2 { width:160px;height:56px }



/* Mobile */

.m_menu  { margin:20px 20px 0px 0px;display:none;float:right;cursor:pointer }
.closeMenu { display:none; }
.closeMenu a { display:table-cell;height:120px;text-align:center }
#header .closeMenu a img { margin:25px 25px 0px 0px;float:right;cursor:pointer }
#header .closeMenu a span { padding-top:35px;font-size:40px;color:#BC9A5C;display:inline-block;font-family:'Avenir Next Cyr W00 Medium'; }




@media screen and (max-width: 1600px)   {
    .divMenu .menu { margin:36px 25px 0px 0px; }
}

@media screen and (max-width: 1500px)   {
    .nav { margin-top:15px }
    .divMenu { font-size:18px }
    .divMenu .menu { margin:36px 12px 0px 0px; }
}

@media screen and (max-width: 1300px)   {
    #header { height:130px;  }
    #header .vaduz-logo { width:90px;top:95px }
    #logo_big { display:none }
    #logo_small { display:inline-block }
    .divMenu .menu { margin-right:8px }
    .page   { padding:0px 10px }
    .divMenu { right:10px }
    .divMenu .tickets { width:90px; }
    h2 { font-size:40px;margin-bottom:13px }
    .nav > ul > li {  padding-bottom:72px; }
}

@media screen and (max-width: 1160px)   {
    .divMenu .menu { text-transform:none }
    .divMenu .menu { margin-right:2px; }
}

@media screen and (max-width: 1000px)   {
    .m_menu  { display:block }
    .news h2 { margin-bottom:0px  }
    /*.divMenu {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 101;
    }*/
    
    .divMenu > .nav {
      display:none;
      width:400px;
      background-color:white;
      position: fixed;
      top: 0;
      right: 0px;
      height: 100%;
      z-index: 201;
    }
    
    .divMenu > .nav > ul {
      display:table;
      width:400px;
      background-color:white;
      position: fixed;
      top: 0;
      right: 0px;
      height: 100%;
      z-index: 101;
      margin-top:0px;
      padding-left:5px;
      padding-right:5px;
    }

    .divMenu > .nav > ul > li > div { display:none }
    .divMenu > .nav > ul > li.openMenu > div { display:table-cell }

    .divMenu > .nav > ul > li  {
      display:table-row;
    }
    .divMenu > .nav > ul > li > a  {
      display:table-cell;
      text-align:left;
      vertical-align:middle;
      background-color:#BC9A5C;
      color:white;
      padding-left:30px;
      border-bottom:solid 5px white;
      text-transform:uppercase;
      font-size:28px;
      font-family:'Avenir Next Cyr W00 Medium';
    }
    .divMenu > .nav > ul > li > a:hover  {
      color:white;
    }
    
    .closeMenu { display:table-row; }
    
    .nav > ul > li ul { display:none } 
    .divMenu > .nav > ul > li.hideMenu { display:none }
    .divMenu > .nav > ul > li.openMenu > a { display:none }
    .nav > ul > li.openMenu ul {
        position:relative;
        visibility:visible;
        opacity:1;
        display:table;
        padding:0px;margin:0px;
        height:100%;
        top:0px;
        width:400px;
    }
    .nav > ul > li.openMenu ul > li {
        display:table-row;
    }
    .nav > ul > li.openMenu ul > li > a {
            display: table-cell;
    text-align: left;
    vertical-align: middle;
    background-color: #F1F1F1;
    color: black;
    padding-left: 30px;
    border-bottom: solid 5px white;
    text-transform: uppercase;
    font-size: 28px;
    font-family: 'Avenir Next Cyr W00 Medium';
    }
    .nav > ul > li.openMenu ul > li.menu_head > a {
      background-color:#BC9A5C;
      color:white;
      background-image:url('../grafik/background/menu_back.png');
      background-position:right;
      background-repeat:repeat-y;
    }
    .nav > ul > li.openMenu ul > li.menu_head > a img {
      float:right;
      position:relative;
      top:-5px;
      right:20px;
      cursor:pointer;
    }
}


@media only screen and (max-width: 750px) {
h2 { float:right;padding-right:30px;font-size:60px}
}

@media screen and (max-width: 520px)   {
    #logo_small { display:none }
    #logo_mobile { display:inline-block }
    #header img { margin-left:0px }
    .page #header > div { padding-left:0px }
    .divMenu .tickets { width:80px; }
    .m_menu { margin-right:7px }
    .divMenu > .nav, .divMenu > .nav { width:100%;padding:0px 5px }
    .divMenu > .nav, .divMenu > .nav > ul { width:100% }
    .divMenu > .nav, .divMenu > .nav > ul > li > a { margin-left:5px }
    .nav > ul > li.openMenu ul { width:100% }

}

@media screen and (max-height: 540px)   {
    .closeMenu a { height:80px }
    #header .closeMenu a img { margin-top:10px }
    #header .closeMenu a span { padding-top:20px; }
}


@media only screen and (max-width: 520px) {
h2 { font-size:40px;padding-right:0px}
}

@media screen and (max-width: 400px)   {
    .divMenu .tickets { font-size:12px;padding-top:20px }
    .divMenu .tickets > div { font-size:14px; }
    .divMenu .tickets { width:63px; }
    #header { height:80px;  }
    .m_menu { margin-top:7px }
    #logo_mobile { display:none }
    #logo_mobile2 { display:inline-block }

}