/**
 * FONTS
 */
@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('/static/fonts/Brandon_med-webfont.eot');
    src: url('/static/fonts/Brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/Brandon_med-webfont.woff') format('woff'),
         url('/static/fonts/Brandon_med-webfont.ttf') format('truetype'),
         url('/static/fonts/Brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesque_bold';
    src: url('/static/fonts/Brandon_bld-webfont.eot');
    src: url('/static/fonts/Brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/Brandon_bld-webfont.woff') format('woff'),
         url('/static/fonts/Brandon_bld-webfont.ttf') format('truetype'),
         url('/static/fonts/Brandon_bld-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('/static/fonts/Brandon_reg-webfont.eot');
    src: url('/static/fonts/Brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/Brandon_reg-webfont.woff') format('woff'),
         url('/static/fonts/Brandon_reg-webfont.ttf') format('truetype'),
         url('/static/fonts/Brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family: Arial;
    font-size: 14px;
    background: #f0f3f5;
}
.print-only{
    display: none;
}
#portal #fullscreen-wrapper{
  background: url(/static/img/portal_bg.png) repeat-x 0 0;
}

#content #fullscreen-wrapper{
  background: url(/static/img/content_bg.png) repeat-x 0 0;
}

.hide{
    display: none;
}
.left-side{
    display: block;
    float: left;
}
.right-side{
    display: block;
}
.row{
    display: block;
    overflow: hidden;
}
.clearAll-ie,
.clearAll{
    clear: both;
}
.has-video,
.isClickable{
    cursor: pointer;
}

a{
    color: #0b72b5;
}

/**
 * Color Definitions
 */
.nav-item.blue{
    background: #0b72b5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiNzJiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzFkOTVjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzBiNzJiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDRhOTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0b72b5 0%, #1d95ca 50%, #0b72b5 51%, #044a94 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b72b5), color-stop(50%,#1d95ca), color-stop(51%,#0b72b5), color-stop(100%,#044a94));
    background: -webkit-linear-gradient(top,  #0b72b5 0%,#1d95ca 50%,#0b72b5 51%,#044a94 100%);
    background: -o-linear-gradient(top,  #0b72b5 0%,#1d95ca 50%,#0b72b5 51%,#044a94 100%);
    background: -ms-linear-gradient(top,  #0b72b5 0%,#1d95ca 50%,#0b72b5 51%,#044a94 100%);
    background: linear-gradient(to bottom,  #0b72b5 0%,#1d95ca 50%,#0b72b5 51%,#044a94 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b72b5', endColorstr='#044a94',GradientType=0 );
}

.link-to-request:hover,
.blue .unterkunft-link:hover,
.blue .link-gradient:hover,
.active .nav-item.blue,
.nav-item.active.blue,
.nav-item:hover.blue{
    background: #0b3188;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiMzE4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjcyYjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0b3188 0%, #0b72b5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b3188), color-stop(100%,#0b72b5));
    background: -webkit-linear-gradient(top,  #0b3188 0%,#0b72b5 100%);
    background: -o-linear-gradient(top,  #0b3188 0%,#0b72b5 100%);
    background: -ms-linear-gradient(top,  #0b3188 0%,#0b72b5 100%);
    background: linear-gradient(to bottom,  #0b3188 0%,#0b72b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3188', endColorstr='#0b72b5',GradientType=0 );
}

.link-to-request,
.blue .link-gradient{
    background: #0b72b5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiNzJiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjMxODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0b72b5 0%, #0b3188 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b72b5), color-stop(100%,#0b3188));
    background: -webkit-linear-gradient(top,  #0b72b5 0%,#0b3188 100%);
    background: -o-linear-gradient(top,  #0b72b5 0%,#0b3188 100%);
    background: -ms-linear-gradient(top,  #0b72b5 0%,#0b3188 100%);
    background: linear-gradient(to bottom,  #0b72b5 0%,#0b3188 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b72b5', endColorstr='#0b3188',GradientType=0 );
}

.nav-item.green{
    background: #97bf0d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YmYwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2IzZDIyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzk3YmYwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MGExMDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #97bf0d 0%, #b3d221 50%, #97bf0d 51%, #70a105 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97bf0d), color-stop(50%,#b3d221), color-stop(51%,#97bf0d), color-stop(100%,#70a105));
    background: -webkit-linear-gradient(top,  #97bf0d 0%,#b3d221 50%,#97bf0d 51%,#70a105 100%);
    background: -o-linear-gradient(top,  #97bf0d 0%,#b3d221 50%,#97bf0d 51%,#70a105 100%);
    background: -ms-linear-gradient(top,  #97bf0d 0%,#b3d221 50%,#97bf0d 51%,#70a105 100%);
    background: linear-gradient(to bottom,  #97bf0d 0%,#b3d221 50%,#97bf0d 51%,#70a105 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97bf0d', endColorstr='#70a105',GradientType=0 );
}

.green .unterkunft-link:hover,
.green .link-gradient:hover,
.active .nav-item.green,
.nav-item.active.green,
.nav-item:hover.green{
    background: #70a105;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwYTEwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2QyMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #70a105 0%, #b3d221 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70a105), color-stop(100%,#b3d221));
    background: -webkit-linear-gradient(top,  #70a105 0%,#b3d221 100%);
    background: -o-linear-gradient(top,  #70a105 0%,#b3d221 100%);
    background: -ms-linear-gradient(top,  #70a105 0%,#b3d221 100%);
    background: linear-gradient(to bottom,  #70a105 0%,#b3d221 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70a105', endColorstr='#b3d221',GradientType=0 );
}

.green .link-gradient{
    background: #97bf0d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YmYwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODg4MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #97bf0d 0%, #688813 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97bf0d), color-stop(100%,#688813));
    background: -webkit-linear-gradient(top,  #97bf0d 0%,#688813 100%);
    background: -o-linear-gradient(top,  #97bf0d 0%,#688813 100%);
    background: -ms-linear-gradient(top,  #97bf0d 0%,#688813 100%);
    background: linear-gradient(to bottom,  #97bf0d 0%,#688813 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97bf0d', endColorstr='#688813',GradientType=0 );
}


.nav-item.orange{
    background: #f9b200;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YjIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZiYzgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y5YjIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTkwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f9b200 0%, #fbc800 50%, #f9b200 51%, #f59000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9b200), color-stop(50%,#fbc800), color-stop(51%,#f9b200), color-stop(100%,#f59000));
    background: -webkit-linear-gradient(top,  #f9b200 0%,#fbc800 50%,#f9b200 51%,#f59000 100%);
    background: -o-linear-gradient(top,  #f9b200 0%,#fbc800 50%,#f9b200 51%,#f59000 100%);
    background: -ms-linear-gradient(top,  #f9b200 0%,#fbc800 50%,#f9b200 51%,#f59000 100%);
    background: linear-gradient(to bottom,  #f9b200 0%,#fbc800 50%,#f9b200 51%,#f59000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b200', endColorstr='#f59000',GradientType=0 );
}

.orange .unterkunft-link:hover,
.orange .link-gradient:hover,
.active .nav-item.orange,
.nav-item.active.orange,
.nav-item:hover.orange{
    background: #f59000;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1OTAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmM4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f59000 0%, #fbc800 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f59000), color-stop(100%,#fbc800));
    background: -webkit-linear-gradient(top,  #f59000 0%,#fbc800 100%);
    background: -o-linear-gradient(top,  #f59000 0%,#fbc800 100%);
    background: -ms-linear-gradient(top,  #f59000 0%,#fbc800 100%);
    background: linear-gradient(to bottom,  #f59000 0%,#fbc800 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59000', endColorstr='#fbc800',GradientType=0 );
}

.orange .link-gradient{
    background: #fbc800;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYzgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTkwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fbc800 0%, #f59000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc800), color-stop(100%,#f59000));
    background: -webkit-linear-gradient(top,  #fbc800 0%,#f59000 100%);
    background: -o-linear-gradient(top,  #fbc800 0%,#f59000 100%);
    background: -ms-linear-gradient(top,  #fbc800 0%,#f59000 100%);
    background: linear-gradient(to bottom,  #fbc800 0%,#f59000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc800', endColorstr='#f59000',GradientType=0 );
}


.nav-item.brown{
    background: #ca9e64;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhOWU2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RhYjk4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2NhOWU2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjc4M2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ca9e64 0%, #dab98a 50%, #ca9e64 51%, #af783d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca9e64), color-stop(50%,#dab98a), color-stop(51%,#ca9e64), color-stop(100%,#af783d));
    background: -webkit-linear-gradient(top,  #ca9e64 0%,#dab98a 50%,#ca9e64 51%,#af783d 100%);
    background: -o-linear-gradient(top,  #ca9e64 0%,#dab98a 50%,#ca9e64 51%,#af783d 100%);
    background: -ms-linear-gradient(top,  #ca9e64 0%,#dab98a 50%,#ca9e64 51%,#af783d 100%);
    background: linear-gradient(to bottom,  #ca9e64 0%,#dab98a 50%,#ca9e64 51%,#af783d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca9e64', endColorstr='#af783d',GradientType=0 );
}

#bb-bookblock .unterkunft-link:hover,
.brown .unterkunft-link:hover,
.brown .link-gradient:hover,
.active .nav-item.brown,
.nav-item.active.brown,
.nav-item:hover.brown{
    background: #9d7c4f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkN2M0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYTllNjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9d7c4f 0%, #ca9e64 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d7c4f), color-stop(100%,#ca9e64));
    background: -webkit-linear-gradient(top,  #9d7c4f 0%,#ca9e64 100%);
    background: -o-linear-gradient(top,  #9d7c4f 0%,#ca9e64 100%);
    background: -ms-linear-gradient(top,  #9d7c4f 0%,#ca9e64 100%);
    background: linear-gradient(to bottom,  #9d7c4f 0%,#ca9e64 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d7c4f', endColorstr='#ca9e64',GradientType=0 );
}

#bb-bookblock .left-side a,
.brown .link-gradient{
    background: #ca9e64;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhOWU2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZDdjNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ca9e64 0%, #9d7c4f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca9e64), color-stop(100%,#9d7c4f));
    background: -webkit-linear-gradient(top,  #ca9e64 0%,#9d7c4f 100%);
    background: -o-linear-gradient(top,  #ca9e64 0%,#9d7c4f 100%);
    background: -ms-linear-gradient(top,  #ca9e64 0%,#9d7c4f 100%);
    background: linear-gradient(to bottom,  #ca9e64 0%,#9d7c4f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca9e64', endColorstr='#9d7c4f',GradientType=0 );
}


.nav-item.grey{
    background: #9c9e9f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzljOWU5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I3YjliYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzljOWU5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NTc4NzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9c9e9f 0%, #b7b9ba 50%, #9c9e9f 51%, #757879 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9e9f), color-stop(50%,#b7b9ba), color-stop(51%,#9c9e9f), color-stop(100%,#757879));
    background: -webkit-linear-gradient(top,  #9c9e9f 0%,#b7b9ba 50%,#9c9e9f 51%,#757879 100%);
    background: -o-linear-gradient(top,  #9c9e9f 0%,#b7b9ba 50%,#9c9e9f 51%,#757879 100%);
    background: -ms-linear-gradient(top,  #9c9e9f 0%,#b7b9ba 50%,#9c9e9f 51%,#757879 100%);
    background: linear-gradient(to bottom,  #9c9e9f 0%,#b7b9ba 50%,#9c9e9f 51%,#757879 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9e9f', endColorstr='#757879',GradientType=0 );
}

.grey .unterkunft-link:hover,
.grey .link-gradient:hover,
.active .nav-item.grey,
.nav-item.active.grey,
.nav-item:hover.grey{
    background: #757879;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1Nzg3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2I5YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #757879 0%, #b7b9ba 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757879), color-stop(100%,#b7b9ba));
    background: -webkit-linear-gradient(top,  #757879 0%,#b7b9ba 100%);
    background: -o-linear-gradient(top,  #757879 0%,#b7b9ba 100%);
    background: -ms-linear-gradient(top,  #757879 0%,#b7b9ba 100%);
    background: linear-gradient(to bottom,  #757879 0%,#b7b9ba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757879', endColorstr='#b7b9ba',GradientType=0 );
}

.grey .link-gradient{
    background: #b7b9ba;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3YjliYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NTc4NzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #b7b9ba 0%, #757879 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b9ba), color-stop(100%,#757879));
    background: -webkit-linear-gradient(top,  #b7b9ba 0%,#757879 100%);
    background: -o-linear-gradient(top,  #b7b9ba 0%,#757879 100%);
    background: -ms-linear-gradient(top,  #b7b9ba 0%,#757879 100%);
    background: linear-gradient(to bottom,  #b7b9ba 0%,#757879 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b9ba', endColorstr='#757879',GradientType=0 );
}


/**
 * Header
 */
header{
    position: absolute;
    top: 0;
    width: 100%;
}
.inner-header{
    display: block;
    width: 990px;
    margin: 0 auto;
}
#logo a{
    background: url(/static/img/sprite.png) no-repeat -7px -7px;
    width: 158px;
    height: 243px;
    display: block;
    text-indent: -1200em;
    overflow: hidden;
}
#logo{
    float: left;
    width: 158px;
}
header .right-side{
    margin-left: 165px;
}
.top-navigation ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.top-navigation{
    padding-top: 20px;
    position: relative;
    height: 39px;
}
.languages{
    float: left;
}
.languages li{
    float: left;
    padding-bottom: 10px;
    margin-right: 5px;
}
.languages a{
    display: block;
    width: 30px;
    height: 20px;
    background: url(/static/img/sprite.png) no-repeat 0 0;
}
.languages a.lang_de{
    background-position: -294px -93px;
}
.languages a.lang_en{
    background-position: -268px -93px;
}
.languages a.lang_nl{
    background-position: -241px -93px;
}
.languages a.lang_fr{
    background-position: -418px -457px;
}
.languages li:hover{
    background: url(/static/img/sprite.png) no-repeat -210px -80px;
}
.languages li.active{
    background: url(/static/img/sprite.png) no-repeat -210px -80px;
}
.top-nav li{
    float: left;
    margin-right: 15px;
}
.top-navigation .top-nav{
    float: left;
    margin-top: 6px;
}
.top-nav a{
    color: #66a3cc;
    font-size: 14px;
    text-decoration: none;
}
.search{
    position: absolute;
    right: 0;
    top: 16px;
}
.search .magnifier{
    background: url(/static/img/sprite.png) no-repeat -467px -127px;
    position: absolute;
    right: -9px;
    top: 3px;
    display: block;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 5;
    border: none;
}
.search input.sfield{
    width: 230px;
    height: 20px;
    padding: 6px 10px 4px 10px;
    border:  0;
    -webkit-box-shadow: inset 0px 0px 3px 0px #ccc;
    box-shadow:         inset 0px 0px 3px 0px #ccc;
    outline: none;
    z-index: 3;

    font-family: 'brandon_grotesquemedium';
    font-size: 14px;
    color: #0b72b5;
}

.front-gallery{
    position: relative;
    display: block;
    min-width: 1000px;
    max-width: 1400px;
    max-height: 650px;
    margin: 0 auto 0 auto;
    padding-top: 110px;
}
@media (min-width: 768px) {
    #portal-slider { min-height: 520px;}
}
@media (min-width: 1024px) and (max-width: 1199px ){
    #portal .front-gallery {
        min-height: 520px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px ) {
    #portal .front-gallery {
        min-height: 580px;
    }
}
@media (min-width: 1400px) {
    #portal .front-gallery {
        min-height: 685px;
    }
    #portal-slider { min-height: 685px;}
}
.camera_src .camera_caption { display: none; }
.camera_src.camerastarted .camera_caption { display: block; }


#content .front-gallery{
    overflow: hidden;
}

/**
 * Navigation
 */
#main-navigation{
    float: left;
}
#main-navigation ul{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
#main-navigation li{
    float: left;
    position: relative;
}
#main-navigation .nav-item{
    font-family: 'brandon_grotesquemedium';
    display: block;
    width: 161px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    margin-right: 5px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    text-shadow: 0 0 3px rgba( 0, 0, 0, .4 );

    -webkit-transition: all 200ms ease-in-out;
    -moz-transition:    all 200ms ease-in-out;
    -ms-transition:     all 200ms ease-in-out;
    -o-transition:      all 200ms ease-in-out;
    transition:         all 200ms ease-in-out;
}
#main-navigation .last .nav-item{
    margin-right: 0;
}

/* SLIDER --------------------------------------------------------------------------------------------------------------*/
.camera_commands,
.camera_next,
.camera_prev{
    left: 20px;
    top: auto !important;
    bottom: 235px !important;
    width: 24px;
    height: 24px;
    background: #fff;
}
.camera_next{
    left: 70px;
}
.camera_commands{
    left: 45px;
}
.camera_caption div{
    height: 130px !important;
    margin: 0;
    padding: 0;
}

.camera_caption{
    top: auto !important;
    bottom: 110px !important;
}
.camera_wrap .camera_pag ul{
    background: #fff !important;
    z-index: 5;
}

.camera_caption h3,
.camera_caption h2,
.camera_caption h1{
    background: #fff;
    box-shadow: 0 0 5px #000;
    display: inline;
    font-size:  48px;
    font-family: 'brandon_grotesque_bold';
    color: #000;
    position: absolute;
    left: 20px;
    top: 12px;
    margin: 0;
    padding: 2px 15px 0px 15px;
}
.camera_caption h3{
    font-family: 'brandon_grotesque_regularRg';
    font-size: 24px;
    top: 85px;
}

 /**
 * Portal Container
 */
.portal-container{
    float: left;
    display: block;
    z-index: 1000;
    position: relative;
    top: -70px;
}

.portal-container .left-side{
    display: block;
    width: 250px;
    float: left;

}
.portal-container .teaser{
    display: block;
    background: #fff;
    margin: 5px;
    position: relative;
    -webkit-box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, .5);
            box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, .5);
}
.portal-container .teaser-row{
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
    float: left;
    margin-bottom: 10px;
}

.portal-container .teaser-row .teaser{
    width: 230px;
    height: 210px;
    display: block;
    float: left;
    margin-right: 16px;
}
.portal-container .teaser-row .teaser.col-two{
    width: 480px;
    margin-right: 0;
    z-index: 200;
}

.portal-container .right-side{
    display: block;
    width: 740px;
    margin-left: 250px;
}

.portal-container .teaser-row .teaser.no-margin-right{
    margin-right: 0;
}

.teaser.row-two{
    width: 230px;
    height: 440px;
}

.inner-teaser{
    color: #0b72b5;
}
.inner-teaser.orange{
    color: #f9b200;
}
.inner-teaser.brown{
    color: #ca9e64;
}
.inner-teaser.green{
    color: #97bf0d;
}

.inner-teaser h4{
    font-size: 20px;
    font-family: 'brandon_grotesque_regularRg';
    text-transform: uppercase;
    margin: 0;
    padding: 11px 15px 10px 15px;
    font-weight: normal;
    background: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

.right-top-slice{
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 70px;
}

.right-top-slice.blue{
    background: url(/static/img/blue-corner.png) no-repeat 0 0;
}
.right-top-slice.green{
    background: url(/static/img/sprite.png) no-repeat -312px -184px;
}
.right-top-slice.orange{
    background: url(/static/img/sprite.png) no-repeat -312px -264px;
}
.right-top-slice.brown{
    background: url(/static/img/sprite.png) no-repeat -398px -184px;
}
.right-top-slice.grey{
    background: url(/static/img/grey-corner.png) no-repeat 0 0;
}

.right-top-slice span{
    position: absolute;
    right: 0;
    top: 0;
    width: 37px;
    height: 37px;
}
.right-top-slice.bed span{
    background: url(/static/img/sprite.png) no-repeat -459px -289px;
}
.right-top-slice.cal span{
    background: url(/static/img/sprite.png) no-repeat -459px -330px;
}
.right-top-slice.snowflake span{
    background: url(/static/img/sprite.png) no-repeat -461px -364px;
}
.right-top-slice.ico-info span{
    background: url(/static/img/more-icons.png) no-repeat 7px -62px;
}
.right-top-slice.ico-stats span{
    background: url(/static/img/more-icons.png) no-repeat -38px -23px;
}
.right-top-slice.ico-map span{
    background: url(/static/img/more-icons.png) no-repeat 6px 4px;
}
.right-top-slice.ico-sun span{
    background: url(/static/img/more-icons.png) no-repeat -36px -110px;
}

.video-overlay{
    background: url(/static/img/sprite.png) no-repeat -208px -142px;
    position: absolute;
    width: 85px;
    height: 85px;
    top: 40px;
    left: 71px;
    z-index: 4;
}

.inner-teaser.unterkunft{
    position: relative;
    height: 440px
}
.inner-teaser.unterkunft img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.inner-teaser.unterkunft h4{
    top: 0;
    z-index: 1;
    background: transparent;
}
.inner-teaser.unterkunft div,
.inner-teaser.unterkunft p{
    position: absolute;
    z-index: 1;
}

.inner-teaser.unterkunft div.teaser-text{
    left: 15px;
    right: 15px;
    top: 25px;
    font-size: 14px;
    color: #4b4b4d;
    z-index: 4;
    line-height: 20px;
}
.inner-teaser.unterkunft div.teaser-text a{
    position: relative;
    font-weight: bold;
    color: #0b72b5;
    cursor: pointer;
    text-decoration: none;
}

.green .inner-teaser.unterkunft h4,
.green .inner-teaser.unterkunft div.teaser-text a{
    color: #97bf0d;
}
.brown .inner-teaser.unterkunft h4,
.brown .inner-teaser.unterkunft div.teaser-text a{
    color: #ca9e64;
}
.orange .inner-teaser.unterkunft h4,
.orange .inner-teaser.unterkunft div.teaser-text a{
    color: #f9b200;
}

.unterkunft-link{
    display: block;
    padding: 10px 20px 9px 22px;
    bottom: 15px;
    left: 15px;
    top: auto;
    position: absolute;
    z-index: 2;
    text-transform: uppercase;
    font-family: 'brandon_grotesque_regularRg';
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    background: rgb(151,191,13);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YmYwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzY3ODcxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(151,191,13,1) 0%, rgba(103,135,19,1) 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,191,13,1)), color-stop(99%,rgba(103,135,19,1)));
    background: -webkit-linear-gradient(top,  rgba(151,191,13,1) 0%,rgba(103,135,19,1) 99%);
    background: -o-linear-gradient(top,  rgba(151,191,13,1) 0%,rgba(103,135,19,1) 99%);
    background: -ms-linear-gradient(top,  rgba(151,191,13,1) 0%,rgba(103,135,19,1) 99%);
    background: linear-gradient(to bottom,  rgba(151,191,13,1) 0%,rgba(103,135,19,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97bf0d', endColorstr='#678713',GradientType=0 );

    -webkit-transition: all 200ms ease-in-out;
    -moz-transition:    all 200ms ease-in-out;
    -ms-transition:     all 200ms ease-in-out;
    -o-transition:      all 200ms ease-in-out;
    transition:         all 200ms ease-in-out;
}
.unterkunft-link .icon.arrow{
    position: absolute;
    left: 3px;
    top: 11px;
    width: 20px;
    height: 20px;
    display: block;
    background: url(/static/img/sprite.png) no-repeat -322px -133px;
}

/* Content Layout -------------------------------------------------------------------------------------------------------*/
.main-wrapper{
    float: left;
    width: 100%;
}
#main-content{
    margin: 0 223px;
}
.wide #main-content{
    margin: 0 0 0 223px;
}
#right-sidebar,
#left-sidebar{
    float: left;
    width: 200px;
    margin-left: -980px;
}
#right-sidebar{
    margin-left: -200px;
}

#main-content h3,
#main-content h2,
#main-content h1{
    font-family: 'brandon_grotesque_bold';
    font-size: 36px;
    line-height: 36px;
    padding: 5px 10px;
    margin: 15px 0 15px 0;
    font-weight: normal;
    display: inline-block;
    background: #fff;
    text-transform: uppercase;
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .3);
            box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .3);
}
#main-content h1{
    margin: 0 0 15px 0;
}
#main-content h2{
    font-family: 'brandon_grotesque_regularRg';
    font-size: 24px;
    line-height: 24px;
    padding-top: 8px;
}
#main-content h3{
    font-family: 'brandon_grotesque_regularRg';
    font-size: 18px;
    line-height: 18px;
    background-color: #0b72b5;
    color: #fff;
    padding-bottom: 4px;
    padding-left: 6px;
}

.contentblock,
.content-block{
    font-family: 'Arial';
    font-size: 14px;
    color: #000;
    line-height: 22px;
}
.content-block p{
    margin: 17px 0 19px 0;
}

.za-wysiwyg-2-col-block .left-col{
    display: block;
    float: left;
    width: 252px;
}
.za-wysiwyg-2-col-block .right-col{
    display: block;
    float: left;
    width: 252px;
    margin-left: 30px;
    margin-bottom: 30px;
}

.za-wysiwyg-img-left .left-image{
    float: left;
}
.za-wysiwyg-img-right .right-image{
    float: right;
}
.za-wysiwyg-img-left .left-image span{
    display: block;
    margin: 0 30px 15px 0;
    text-align: left;
    font-style: italic;
    font-size: 12px;
    color: #9c9e9f;
}
.za-wysiwyg-img-right .right-image span{
    display: block;
    margin: 0 0 15px 30px;
    text-align: right;
    font-style: italic;
    font-size: 12px;
    color: #9c9e9f;
}

.za-wysiwyg-img-left .left-image span.lightbox-icon,
.za-wysiwyg-img-right .right-image span.lightbox-icon{
    margin: 0;
    padding: 0;
}
.za-wysiwyg-img-left .image-container{
    width: 170px;
    height: 120px;
    position: relative;
    display: block;
    margin: 0 30px 2px 0;

    -webkit-box-shadow: inset 0px 0 10px 0px rgba(0, 0, 0, .5);
            box-shadow: inset 0px 0 10px 0px rgba(0, 0, 0, .5);
}
.za-wysiwyg-img-right .image-container{
    width: 170px;
    height: 120px;
    position: relative;
    display: block;
    margin: 0 0 2px 30px;

    -webkit-box-shadow: inset 0px 0 10px 0px rgba(0, 0, 0, .5);
            box-shadow: inset 0px 0 10px 0px rgba(0, 0, 0, .5);
}

.contentblock.gallery{
    margin: 30px 0;
}
.contentblock.gallery a{
    width: 170px;
    height: 117px;
    position: relative;
    display: block;
    margin: 0 30px 2px 0;

    -webkit-box-shadow: inset 0px 0 10px 0px rgba(0, 0, 0, .5);
            box-shadow: inset 0px 0 10px 0px rgba(0, 0, 0, .5);
}
.contentblock.gallery .text{
    font-style: italic;
    font-size: 12px;
    color: #9c9e9f;
}

.contentblock.gallery .picture img,
.za-wysiwyg-img-left .image-container img,
.za-wysiwyg-img-right .image-container img{
    visibility: hidden;
}
.contentblock.gallery .picture img{
    display: none;
}

.contentblock.gallery .image{
    width: 170px;
    margin-right: 12px;
}
.contentblock.gallery .image.last{
    margin-right: 0;
}

.icon.lightbox-icon{
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    right: 0;
    bottom: 0;
    background: url(/static/img/sprite.png) no-repeat -250px -293px;
}
a:hover .lightbox-icon{
    background-position:  -250px -341px;
}

.sidebar-holder.left{
    margin-top: 30px;
}
.content-teaser,
.sidebar-teaser{
    background-color: #fff;
    width: 200px;
    position: relative;

    -webkit-transition: all 200ms ease-in-out;
    -moz-transition:    all 200ms ease-in-out;
    -ms-transition:     all 200ms ease-in-out;
    -o-transition:      all 200ms ease-in-out;
    transition:         all 200ms ease-in-out;
}

.content-teaser{
    width: 100%;
    position: relative;
}

.sidebar-teaser{
    margin-top: 20px;
}
.sidebar-teaser.first{
    margin-top: 0;
}

.content-teaser h4,
.sidebar-teaser h4{
    position: relative;
}

.content-teaser .teaser-text,
.sidebar-teaser .teaser-text{
    background: #fff;
    color: #4b4b4d;
    padding: 0 15px 15px 15px;
}
.content-teaser .teaser-text{
    padding-bottom: 55px;
}

.sidebar-teaser .link-box{
    display: block;
    clear: both;
    padding: 0 15px 15px 15px;
}
.content-teaser .link-box{
    display: inline-block;
    position: relative;
    padding: 0 15px 15px 15px;
}

.content-teaser a.visible-link,
.sidebar-teaser a.visible-link{
    display: inline-block;
    position: relative;
    padding: 10px 20px 9px 22px;
    z-index: 2;
    text-transform: uppercase;
    font-family: 'brandon_grotesque_regularRg';
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    cursor: pointer;

    -webkit-transition: all 200ms ease-in-out;
    -moz-transition:    all 200ms ease-in-out;
    -ms-transition:     all 200ms ease-in-out;
    -o-transition:      all 200ms ease-in-out;
    transition:         all 200ms ease-in-out;
}
.content-teaser a.visible-link{
    padding: 5px 20px 4px 22px;
}

button span.icon.arrow,
.content-teaser a.visible-link span.icon.arrow,
.sidebar-teaser a.visible-link span.icon.arrow{
    z-index: 3;
    background-position: -329px -138px;
    left: 10px;
    top: 15px;
    right: auto;
    width: 6px;
    height: 10px;
}
.content-teaser a.visible-link span.icon.arrow{
    position: absolute;
    top: 11px;
    background: url(/static/img/sprite.png) no-repeat -329px -138px;
}

.content-teaser:hover,
.sidebar-teaser:hover{
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
}

.content-teaser .right-side{
    margin-left: 230px;
}
.content-teaser .left-side .image-container{
    width: 200px;
    height: 150px;
    margin: 15px;
}
.content-teaser.contact .image-container{
    width: 120px;
    height: 150px;
}
.content-teaser.contact .teaser-text{
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 15px;
}

.content-teaser .left-side img{
    visibility: hidden;
}
.content-teaser .right-side .link-box,
.content-teaser .right-side .teaser-text,
.content-teaser .right-side .teaser-headline{
    margin-left: 0;
    padding-left: 0;
}
.content-teaser .link-box{
    position: absolute;
    bottom: 0;
}
.content-teaser.contact .right-side{
    margin-left: 152px;
}
.content-teaser.a-z .left-side{
    width: 330px;
}
.content-teaser.a-z .right-side {
    padding: 15px 0 0 0;
    margin-left: 347px;
}
.content-teaser.a-z .right-side .image-container{
    width: 170px;
    height: 120px;
}
.content-teaser.a-z .right-side .image-container img{
    visibility: hidden;
}

.content-teaser.contact div.line{
    display: block;
    color: #4b4b4d;
}
.content-teaser.contact span.link-description{
    display: inline-block;
    width: 60px;
    margin-right: 20px;
}


/* // Teaser Matrix ------- */
.margin-20{
    margin-bottom: 13px;
}
.za-teaser-matrix{
    margin-top: 15px;
}
.za-teaser-matrix .left-side{
    width: 260px;
}
.za-teaser-matrix .right-side{
    margin-left: 275px;
    width: 260px;
}
.za-teaser-matrix .image-container{
    width: 260px;
    height: 150px;
}
.za-teaser-matrix .image-container img{
    visibility: hidden;
}
.za-teaser-matrix .content-teaser{
    margin-top: 0;
}

.za-teaser-matrix_3col .image-container{
    width: 245px;
    height: 160px;
}

.za-teaser-matrix_3col div.single-teaser{
    float: left;
    width: 245px;
    height: 340px;
    margin-right: 11px;
}
.za-teaser-matrix_3col div.single-teaser.last{
    margin-right: 0;
}

.za-teaser-matrix_3col .content-teaser{
    height: 340px;
}

.za-teaser-wide{
    margin-bottom: 20px;
}

/* -- Table Style -- */
.contentblock table,
.content-block table{
    background: #fff;
    border: none;
}
.contentblock table td,
.content-block table td{
    border: #f0f3f5;
    font-size: 14px;
    color: #4b4b4d;
    padding: 5px 20px 5px 20px;
}
.contentblock table .odd td,
.content-block table .odd td{
    background: #fbfbfc;
}
.contentblock table th,
.content-block table th{
    font-size: 14px;
    background: #0b72b5;
    color: #f0f3f5;
    padding: 5px 20px 5px 20px;
    border: 1px solid #fff;
}

.content-block ul,
.content-block ol{
    display: block;
    margin-left: 35px;
    color: #4b4b4d;
}
.content-block ul li,
.content-block ol li{
    line-height: 20px;
    margin-bottom: 10px;
}

/* //Content Layout ----------------------------------------------------------------------------------------------------*/
.lightbox-link{
    cursor: pointer;
}

#eventmap {
    position: relative;
    width: 100%;
    height: 350px;
}

#thiseventmap{
    position: relative;
    width: 100%;
    height: 350px;
}

#veTypeMap{
    position: absolute;
    top: 15px;
    left: 399px;
    width: 54px;
    height: 20px;
    padding: 4px 0 0 0;
    background: #ffffff;
    color: #9c9e9f;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

#veTypeSatellite{
    position: absolute;
    top: 15px;
    left: 454px;
    width: 61px;
    height: 20px;
    padding: 4px 0 0 0;
    background: #ffffff;
    color: #9c9e9f;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

#veTypeSatellite.active,
#veTypeMap.active{
    color: #0b72b5;
    font-weight: bold;
    cursor: auto;
}

#veZoomIn{
    position: absolute;
    top: 15px;
    left: 15px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: #ffffff;
    color: #9c9e9f;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
}

#veZoomOut{
    position: absolute;
    top: 40px;
    left: 15px;
    width: 24px;
    height: 24px;
    background: #ffffff;
    cursor: pointer;
    color: #9c9e9f;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
}



/* Breadcrumb ----------------------------------------------------------------------------------------------------------*/
#breadcrumb a,
#breadcrumb{
    font-size: 12px;
    color: #bababf;
    margin-top: 11px;
    margin-bottom: 21px;
}
#breadcrumb a{
    text-decoration: underline;
}
#breadcrumb a:hover{
    color: #0b72b5;
    text-decoration: none;
}
#breadcrumb ul{
    display: inline;
    margin: 0 0 0 3px;
    padding: 0;
    list-style: none;
}
#breadcrumb li{
    display: inline;
    padding: 0 3px;
}
/* //Breadcrumb --------------------------------------------------------------------------------------------------------*/
.roll {
    display: inline-block;
    overflow: hidden;

    vertical-align: top;

    -webkit-perspective: 400px;
       -moz-perspective: 400px;

    -webkit-perspective-origin: 50% 50%;
       -moz-perspective-origin: 50% 50%;
}
.roll span {
    display: block;
    position: relative;
    padding: 0 2px;

    -webkit-transition: all 400ms ease;
       -moz-transition: all 400ms ease;

    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;

    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
}
.roll:hover span {
    background: #111;

    -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
       -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}
.roll span:after {
    content: attr(data-title);

    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 2px;

    color: #fff;
    background: #0b72b5;

    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;

    -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}
/* Root Nav Name -------------------------------------------------------------------------------------------------------*/
.root-navigation-name{
    margin-bottom: 8px;
    text-transform: uppercase;
}
.root-navigation-name a{
    font-family: 'brandon_grotesque_bold';
    font-size: 20px;
    color: #0b72b5;
    text-decoration: none;
}
/* //Root Nav Name -----------------------------------------------------------------------------------------------------*/

.submenu ul{
    clear: left;
}
.submenu{
    display: none;
    position: absolute;
    left: 0;
    background: #fff;
    width: 230px;

    -webkit-transition: all 500ms ease-out;
    -moz-transition:    all 500ms ease-out;
    -ms-transition:     all 500ms ease-out;
    -o-transition:      all 500ms ease-out;
    transition:         all 500ms ease-out;
}

#main-navigation .submenu a{
    text-transform: none;
    text-align: left;
    width: 210px;
    height: auto;
    line-height: normal;
    margin: 0;
    color: #4b4b4d;
    font-family: Arial;
    font-size: 14px;
    text-shadow: none;
    padding: 0 10px;
    border-bottom: 1px solid #fff;

    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYzZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,243,245,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,243,245,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,243,245,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,243,245,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,243,245,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(240,243,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f3f5',GradientType=0 );
}
#main-navigation .submenu a span.big{
    display: block;
    padding: 12px 0 11px 0;
}


#main-navigation .submenu li.active a,
#main-navigation .submenu a:hover{
    box-shadow: none;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    color: #0b72b5;
    z-index: 10;
}
.submenu li{
    display: block;
    clear: left;
}
#main-navigation li:hover .submenu{
    display: block;
}

#main-navigation .submenu .submenu.special{
    display: none;
    position: absolute;
    left: 230px;
    top: 0;
}
#main-navigation .submenu.simple li{
    position: static;
}
#main-navigation .submenu li:hover .submenu.special{
    display: block;
}
.nav-item{
    position: relative;
}
button span.arrow.icon,
.sidebar-teaser span.arrow.icon,
.nav-item span.arrow.icon{
    background: url(/static/img/sprite.png) no-repeat -255px -257px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    margin-top: 0;
}
.submenu li.active span.arrow.icon,
.submenu a.nav-item:hover span.arrow.icon{
    background-position: -240px -257px;
}

#main-navigation .special ul{
    padding-bottom: 15px;
}

.special .nav-item span.arrow.icon{
    right: auto;
    left: 15px;
    top: 0;
    background-position: -240px -257px;

    -webkit-transition: all 250ms ease-in-out;
    -moz-transition:    all 250ms ease-in-out;
    -ms-transition:     all 250ms ease-in-out;
    -o-transition:      all 250ms ease-in-out;
    transition:         all 250ms ease-in-out;
}
.special li:hover span.arrow.icon{
    -moz-transform:     scale(1.3) rotate(-8deg);
    -webkit-transform:  scale(1.3) rotate(-8deg);
    -o-transform:       scale(1.3) rotate(-8deg);
    -ms-transform:      scale(1.3) rotate(-8deg);
    transform:          scale(1.3) rotate(-8deg);
}

#main-navigation .submenu.special,
#main-navigation .submenu.simple{
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .2);
            box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .2);
}

.outside-shadow{
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .3);
            box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .3);
}
.inside-shadow{
    -webkit-box-shadow: inset 0px 0 10px 0px rgba(0, 0, 0, .5);
            box-shadow: inset 0px 0 10px 0px rgba(0, 0, 0, .5);
}


#main-navigation .submenu .submenu.special h3{
    font-family: 'brandon_grotesque_bold';
    font-size: 20px;
    color: #0b72b5;
    padding: 7px 15px 4px 15px;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
}
#main-navigation .submenu .submenu.special .nav-image{
    padding: 15px 0 0 15px;
}
#main-navigation .submenu .submenu.special .nav-image div{
    -webkit-box-shadow: inset 0px 0 7px 0px rgba(0, 0, 0, .6);
            box-shadow: inset 0px 0 7px 0px rgba(0, 0, 0, .6);
}
.the-image-box{
    width: 200px;
    height: 100px;
}

#main-navigation .submenu .submenu.special a{
    color: #4b4b4d;
    font-size: 14px;
    border: none;
    line-height: normal;
}
#main-navigation .submenu .submenu.special a:hover{
    color: #0b72b5;
}
#main-navigation .submenu .submenu.special .big{
    padding: 2px 0 2px 25px;
    display: block;
}

.active .icon.left-corner{
    display: block;
    position: absolute;
    left: 11px;
    bottom: 0;
    background:  url(/static/img/sprite.png) no-repeat -281px -262px;
    width: 10px;
    height: 10px;
    z-index: 10;
}

/**
 * Sidebar
*/
.box-shadow{
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .2);
            box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .2);
}

#left-sidebar ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#left-sidebar .navigation{
    background: #fff;
}
#left-sidebar .navigation a{
    color: #4b4b4d;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    display: block;

    padding: 13px 15px 10px 14px;
}
#left-sidebar .navigation ul ul{
    display: none;
}
#left-sidebar .navigation ul .active ul{
    display: block;
}

#left-sidebar .navigation li{
    border-bottom: 1px solid #e1e1e1;
}
#left-sidebar .navigation li.last{
    border-bottom: 0;
}
#left-sidebar .navigation a.active,
#left-sidebar .navigation a:hover{
    color: #fff;

    background: rgb(11,114,181);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiNzJiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjMxODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(11,114,181,1) 0%, rgba(11,49,135,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(11,114,181,1)), color-stop(100%,rgba(11,49,135,1)));
    background: -webkit-linear-gradient(top,  rgba(11,114,181,1) 0%,rgba(11,49,135,1) 100%);
    background: -o-linear-gradient(top,  rgba(11,114,181,1) 0%,rgba(11,49,135,1) 100%);
    background: -ms-linear-gradient(top,  rgba(11,114,181,1) 0%,rgba(11,49,135,1) 100%);
    background: linear-gradient(to bottom,  rgba(11,114,181,1) 0%,rgba(11,49,135,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b72b5', endColorstr='#0b3187',GradientType=0 );
}


#left-sidebar .sidebar-submenu{
    position: relative;
}
#left-sidebar .sidebar-submenu .icon.left-corner{
    bottom: auto;
    top: -10px;
}
#left-sidebar .sidebar-submenu li{
    border: 0;
}
#left-sidebar .sidebar-submenu a{
    color: #4b4b4d;
    font-weight: normal;
    padding: 7px 15px 7px 25px;
}
#left-sidebar .sidebar-submenu ul{
    padding: 5px 0;
}
#left-sidebar .sidebar-submenu span.arrow{
    right: auto;
    left: 3px;
    top: 5px;
}

 /**
 * Content
 */
.main-content{
    width: 980px;
    margin: 0 auto 0 auto;
}
#portal .main-content{
    z-index: 1000;

    position: relative;
}

/**
 * FOOTER
 */
div.footer-shadow{
    background: url(/static/img/footer.png) no-repeat 50% 0;
    height: 69px;
}
footer{
    background: #fff url(/static/img/footer.png) no-repeat 50% -70px;
    padding-bottom: 20px;
}
.inner-footer{
    width: 980px;
    margin: 0 auto;
    position: relative;
}

.social-media .left-side{
    width: 400px;
}
.social-media .right-side{
    margin-top: 13px;
    margin-left: 415px;
}
footer.social-media{
    height: 30px;
}

.follow-links{
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 12px;
}
.follow-links li{
    float: left;
    margin-left: 20px;
}

.row.social-media{
    height: 54px;
}
.row.social-media .left-side{
    margin-top: 18px;
}
.like-us,
.follow-us{
    font-size: 14px;
    color: #0b72b5;
    font-family: 'brandon_grotesquemedium';
}
.like-us{
    float: left;
    height: 20px;
    line-height: 23px;
}
.social-media-icons {
    height: 20px;
}
.social-media-icons #gplusButton{
    float: left;
    margin-left: 30px;
}
.social-media-icons #fb-root{
    /*width: 130px;*/
    float: left;
    margin-left: 20px;
}
.social-media .follow-us{
    float: left;
}
.follow-us{
    margin-top: 7px;
}

.social-icons{
    font-family: 'brandon_grotesquemedium';
    font-size: 12px;
    color: #6f6f73;
    text-decoration: none;
    line-height: 33px;
    display: block;


}

.social-icons .icon{
    background: url(/static/img/sprite.png) no-repeat -471px -91px;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 10px;

    -webkit-transition: all 200ms ease-out;
    -moz-transition:    all 200ms ease-out;
    -ms-transition:     all 200ms ease-out;
    -o-transition:      all 200ms ease-out;
    transition:         all 200ms ease-out;
}

.social-icons:hover .icon{
    -moz-transform:    scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform:      scale(1.2);
    -ms-transform:     scale(1.2);
    transform:         scale(1.2);
}

.follow-links li.first{
    margin-left: 0px;
}
.google .icon{
    background-position: -436px -91px;
}
.youtube .icon{
    background-position: -404px -91px;
}
.flickr .icon{
    background-position: -370px -91px;
}
.pinterest .icon{
    background-position: -346px -457px;
}
.instagram .icon {
    background-position: -386px -457px;
}


.follow-links .social-popover {
    visibility: hidden;
    background-color: #94bc0d;
    color: #fff;
    text-align: center;
    padding: 10px;
    position: relative;
    z-index: 1255889;
    bottom: 65px;
    left: 60%;
    margin-left: -60px;
}
.follow-links .social-popover.flickr {
    left: 95%;
}
.follow-links .social-popover.act {
    visibility: visible;
}

.row.social-media {
    overflow: visible;
}


footer .mountain-img{
    background: url(/static/img/sprite.png) no-repeat -223px 1px;
    display: block;

    height: 74px;
    width: 273px;

    position: absolute;
    right: -30px;
    top: -74px;
}

footer .footer-text{
    color: #9c9e9f;
    font-size: 11px;
    line-height: 14px;
    padding: 0 20px 20px 20px
}
footer .copyright{
    font-size: 13px;
    color: #4b4b4d;
    height: 60px;
    position: relative;
    padding-top: 50px;
    width: 100%;
}
footer .copyright ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .copyright li{
    float: left;
    margin-right: 10px;
}

footer.copyright-nav a{
    color: #4b4b4d;
    font-size: 13px;
}

/*
 * Slider
 */
#teaser-next{
    position: absolute;
    right: 0;
    z-index: 2000;
    top: -20px;
}
#teaser-back{
    position: absolute;
    left: 0;
    top: -20px;
    z-index: 2000;
}
.teaser-perspective{
	-webkit-perspective: 1000;
}
.teaser-cover,
.teaser-transition{
	position: absolute;
	width: 480px;
	height: 210px;
	top: 0;
	left: 0;
}
/*.teaser-cover.teaser-hide,*/
.teaser-transition,
.teaser-slide{ display: none; position: absolute; top: 0; left: 0; }
.teaser-transition.teaser-show { display: block; }
.teaser-back,
.teaser-front{
	position: absolute;
	width: 100%;
	height: 100%;
}
.teaser-front{ z-index: 3; }
.teaser-back{
	z-index: 1;
	-webkit-backface-visibility: hidden;
}
.teaser-cover{
    z-index: 2;
}
.teaser-transition.teaser-show .teaser-slide{
    display: block;
}
.teaser-slide,
.teaser-slides{
    background: #fff;
    width: 480px;
    height: 210px;
}
.teaser-cover .teaser-slide{
    display: block;
    z-index: 2;
}
.teaser-back,
.teaser-front{
    display: block;
    width: 480px;
    height: 210px;
}


/* -- Effects -- */
.teaser-show .teaser-front.teaser-next-slide{
	-webkit-animation: nextCardFront 0.8s ease-in-out;
}
.teaser-show .teaser-back.teaser-prev-slide{
    -webkit-animation: backCardFront 0.8s ease-in-out;
}
@-webkit-keyframes nextCardFront{
	0% { -webkit-transform: translateX(0); z-index: 3;}
	50% { -webkit-transform: rotateZ(-5deg) translateX(-480px); z-index: 3;}
	51% { z-index: 1;}
	100% { -webkit-transform: rotateZ(0deg) translateX(0px); z-index: 1;}
}
@-webkit-keyframes backCardFront{
    0% { -webkit-transform: rotateZ(0deg) translateX(0px); z-index: 1;}
    50% { z-index: 1;}
	51% { -webkit-transform: rotateZ(-5deg) translateX(-480px); z-index: 3;}
    100% { -webkit-transform: translateX(0); z-index: 3;}
}

.lightbox-iframe{
    cursor: pointer;
}


/*
    Filter Box
*/

.filter-box{
    background: #ffffff;
    padding: 10px 10px 1px 10px;
    margin: 0 0 15px 0;
}

.filter-box .filter-row{
    display: block;
    margin: 0 0 10px 0;
    position: relative;
}

.filter-box .filter-row label{
    float: left;
    width: 79px;
    margin: 0;
    display: inline-block;
    font-weight: bold;
    color: #0b72b5;
    font-size: 14px;
    border: 1px solid #d2d2d2;
    padding: 14px 0 14px 14px;
    overflow: hidden;
    height: 16px;
    background: url('/static/img/sprite.png') no-repeat 76px -259px;
}

.filter-box .filter-row input.datepicker{
    float: left;
    width: 115px;
    margin: 0 10px 0 0;
    border: 1px solid #d2d2d2;
    padding: 14px 25px 14px 14px;
    font-weight: bold;
    color: #4b4b4b;
    background: url('/static/img/sprite.png') no-repeat 112px -320px;
    cursor: pointer;
    height: 16px;
}

.filter-box .filter-row input.datepicker.last{
    margin: 0 0 0 0;
}

.formbuilderForm .chzn-container-single{
    width: 350px!important;
}





.formbuilderForm .chzn-container-single .chzn-single,
.filter-box .filter-row .chzn-container-single .chzn-single {
    width: 250px;
    background: #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius   : 0;
    border-radius        : 0;
    margin: 0 0 0 0;
    border: 1px solid #d2d2d2;
    -webkit-box-shadow: none;
    -moz-box-shadow   : none;
    box-shadow        : none;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 23px;
    line-height: auto;
    padding: 10px 25px 11px 14px;
    color: #4b4b4b;
    text-decoration: none;
}

.formbuilderForm .chzn-container-single .chzn-single{
    width: 317px!important;
}

.formbuilderForm .chzn-container-single .chzn-drop,
.filter-box .filter-row .chzn-container-single .chzn-drop {
    margin: 0 0 0 0;
    width: 250px;
}

.formbuilderForm .chzn-container-single .chzn-single div b,
.filter-box .filter-row .chzn-container-single .chzn-single div b {
    background-position: 0px 14px;
}

.filter-box .filter-row .submit{
    position: relative;
    margin: 4px 1px 0 0;
    float: right;
    border: none;
    color: #ffffff;
    padding: 10px 10px 10px 29px;
}

.filter-box .filter-row .submit span.icon{
    background-position: -329px -138px;
    right: auto;
    left: 13px;
    top: 13px;
    width: 10px;
    height: 10px;
}

input.long{
    width: 317px;
    margin: 0 0 0 0;
    border: 1px solid #d2d2d2;
    padding: 14px 25px 14px 14px;
    font-weight: bold;
    color: #4b4b4b;
}
.filter-box .label_140 label{
    width: 140px;
    background-position: 137px -259px;
}
.filter-box .label_165 label{
    width: 165px;
    background-position: 162px -259px;
}
.filter-box .label_165 input{
    width: 290px;
}


.filter-box .button-line .submit{
    float: none;
}
.links-right{
    display: block;
    float: right;
    padding-top: 14px;
}
.links-right a{
    display: inline-block;
    color: #9c9e9f;
    text-decoration : none;
}
.links-right a:hover{
    text-decoration: underline;
}
.vergessen-link{
    margin-right: 20px;
}
.margin-top-30{
    margin-top: 20px;
}

#ui-datepicker-div{
    z-index: 10 !important;
    font-size: 12px;
}

.pagination{
    position: relative;
    width: 100%;
    height: 20px;
    padding: 10px 0 10px 0;
    margin: 0 0 15px 0;
}

.pagination span{
    display: inline-block;
    color: #9c9e9f;
    font-size: 14px;
}

.pagination ul{
    display: block;
    float: right;
    margin: 0;
    padding: 0;
}

.pagination ul li{
    display: inline;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pagination ul li a{
    color: #9c9e9f;
    text-decoration: none;
    display: block;
    padding: 3px;
}

.pagination ul li a:hover,
.pagination ul li a.active{
    color: #0b72b5;
    font-weight: bold;
    text-decoration: underline;
}

.pagination ul li a.prev{
    width: 14px;
    height: 24px;
    margin: 0 5px 0 0;
    text-indent: -999em;
    background: url('/static/img/sprite.png') no-repeat -44px -269px;
    text-decoration: none;
    opacity:0.5;
    filter:alpha(opacity=50);
}

.pagination ul li a.prev:hover,
.pagination ul li a.next:hover{
    opacity:1.0;
    filter:alpha(opacity=100);
}

.pagination ul li a.next{
    margin: 0 0 0 5px;
    width: 14px;
    height: 24px;
    text-indent: -999em;
    background: url('/static/img/sprite.png') no-repeat -70px -269px;
    text-decoration: none;
    opacity:0.5;
    filter:alpha(opacity=50);
}

.za-teaser-wide .date{
    bottom: 15px;
    right: 20px;
    position: absolute;
    color: #4b4b4d;
    font-style: italic;
}

.news-teaser p{
    margin: 0 0 8px 0;
}

.content-teaser.a-z .left-side.long {
    width: 517px;
}


.no-bg-color{
    background: transparent;
}
.filter-box.no-bg-color label,
.filter-box.no-bg-color input{
    background-color: #fff;
}

.formbuilderForm label {
    float: left;
    width: 79px!important;
    margin: 0!important;
    display: inline-block!important;
    font-weight: bold;
    color: #0b72b5;
    font-size: 14px;
    border: 1px solid #d2d2d2;
    padding: 14px 0 14px 14px!important;
    overflow: hidden;
    height: 16px;
    background: #ffffff url('/static/img/sprite.png') no-repeat 76px -259px;
}

.formbuilderForm input {
    width: 317px!important;
    margin: 0 0 0 0!important;
    border: 1px solid #d2d2d2!important;
    padding: 14px 25px 14px 14px!important;
    font-weight: bold;
    color: #4b4b4b;
    background: #ffffff!important;
}

.formbuilderForm .checkboxWrapper{
    background: #ffffff;
    width: 337px;
    height: 28px;
    border: 1px solid #d2d2d2!important;
    padding: 16px 0 0 114px;
}

.formbuilderForm .checkboxWrapper input{
    width: auto!important;
}

.formbuilderForm .radioWrapper{
    background: #ffffff;
    width: 342px;

    border: 1px solid #d2d2d2!important;
    padding: 16px 0 12px 13px;
    margin-left: 95px;
}

.formbuilderForm .radioWrapper .row{
    clear: none;
}

.formbuilderForm .radioWrapper label{
    background: none;
    padding: 0!important;
    margin: 0;
    border: 0!important;
}

.pimcore_form div {
    overflow: visible!important;
}
.pimcore_form{
    margin-bottom: 50px;
}

.formbuilderForm textarea {
    width: 345px!important;
    border: 1px solid #d2d2d2!important;
    color: #4b4b4b;
    background: #ffffff!important;
}

.formbuilderForm .formSubmitButton {
    border: none!important;
    border-color: #ffffff!important;
    float: left!important;

    -moz-border-radius: 0!important;
    border-radius: 0!important;
    -webkit-box-shadow: 0!important;
    -moz-box-shadow: 0!important;
    box-shadow: 0!important;
    color: #ffffff!important;
    background: #0b72b5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiNzJiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjMxODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0b72b5 0%, #0b3188 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b72b5), color-stop(100%,#0b3188));
    background: -webkit-linear-gradient(top,  #0b72b5 0%,#0b3188 100%);
    background: -o-linear-gradient(top,  #0b72b5 0%,#0b3188 100%);
    background: -ms-linear-gradient(top,  #0b72b5 0%,#0b3188 100%);
    background: linear-gradient(to bottom,  #0b72b5 0%,#0b3188 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b72b5', endColorstr='#0b3188',GradientType=0 );
}


.halfselect .chzn-single{
    width: 209px!important;
}

.slidecontainer{
    width: 240px;
    height: 55px;
    float: left;
    margin: 0 0 0 145px;
}

.slidecontainer p{
    margin: 0;
    font-weight: bold;
    color: #0b72b5;
    display: block;
    float: left;
}

.slidecontainer span.hose{
    float: right;
}


.chzn-container{
    float: left;
    width: 123px!important;
}

.ui-slider{
    margin-top: 25px;
}

.slidecontainer .ui-widget-header{
    background: #cee3f0;
}

.ui-widget-content {
    border: 1px solid #d2d2d2;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0;
}

.ui-slider-horizontal {
    height: 7px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.45em;
}

.slidecontainer .ui-state-default, .slidecontainer .ui-widget-content .ui-state-default, .slidecontainer .ui-widget-header .ui-state-default {
    border: 1px solid #d2d2d2;
    cursor: pointer;
    background: url('/static/img/slidearrow.png') no-repeat;
}

.ui-state-focus,
.ui-state-hover{
    background: url('/static/img/slidearrow.png') no-repeat;
}

.za-teaser-wide{
    position: relative;
}

.za-teaser-wide .icon{
    position: absolute;
    top: 4px;
    left: 4px;
    width: 37px;
    height: 37px;
    background: #ffffff;
}

.za-teaser-wide .icon img{
    margin: 4px 0 0 8px;
}

.content-teaser .right-side.short {
    margin-left: 180px;
}

.content-teaser .left-side .image-container.short {
    width: 150px;
    height: 150px;
}


/* --- Presse Styles --- */
.presse-filter input{
    width: 250px;
}
.pr-bild-container{
    width: 260px;
    float: left;
    height: 230px;
    position: relative;
    background: #fff;
    cursor:pointer;
    margin-top: 15px;
}
.pr-bild-link{
    position: relative;
}
.pr-bild-container a{
    display: block;
    padding: 10px;
    color: #0b72b5;
    font-size: 14px;
    background: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 40px;
}
.pr-bild-container.first{
    margin-right: 14px;
}
.presse-status{
    margin-top: 20px;
}
.presse-teaser-text{
    color: #0b72b5;
    font-size: 18px;
    margin-top: 20px;
}

.filter-row.hinweis{
    font-size: 12px;
}

.presse-downloads{
    margin-top: 20px;
}
.presse-downloads ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.presse-downloads a{
    text-decoration: none;
    border-bottom: 1px solid #0b72b5;
}
.presse-downloads a:hover{
    text-decoration: none;
    border-bottom: 0;
}
.presse-downloads li{
    margin: 5px 0;
}
.presse-downloads span{
    padding: 0 5px;
}


.error-msg{
    display: none;
}
.error .error-msg{
    color: #fff;
    font-size: 14px;
    display: block;
    position: absolute;
    right: -25%;
    z-index: 100;
    padding: 10px;
    max-width: 130px;
    background: #c80000;
    top: 50%;
    margin-top: -18px;
}
.error.email-in-use .error-msg,
.error .error-msg.email-in-use{
    display: none;
}
.error.email-in-use .error-msg.email-in-use{
    display: block;
}

.logout-button{
    text-align: right;
    padding: 5px 0;
}
.logout-button a{
    text-decoration: none;
    font-size: 12px;
}
.logout-button a:hover{
    text-decoration: underline;
}


.filter-row.error label{
    border-left: 1px solid #c80000;
    border-top: 1px solid #c80000;
    border-bottom: 1px solid #c80000;
}
.filter-row.error input{
    border-top: 1px solid #c80000;
    border-right: 1px solid #c80000;
    border-bottom: 1px solid #c80000;
}



/* --- FANCY SLIDE --- */
.bb-bookblock {
	width: 480px;
	height: 210px;
	position: relative;
	background: #fff;
	z-index: 100;
}

.bb-page {
	width: 50%;
	height: 100%;
	left: 50%;
	position: absolute;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.bb-page > div,
.bb-outer,
.bb-content {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

.bb-content {
	background: #fff;
}

.bb-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.bb-overlay, .bb-outer {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-page > div {
	width: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-outer {
	width: 100%;
	overflow: hidden;
	z-index: 999;
}

.bb-overlay,
.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.2);
}

.bb-bookblock > div.bb-page:first-child,
.bb-bookblock > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.bb-item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background: #fff;
}
html.no-csstransitions .bb-item {
    display: block;
}
.teaser.col-two nav {
	position: absolute;
    left: 50%;
    line-height: 20px;
    bottom: 10px;
}

.teaser.col-two nav a {
    float: left;
	display: block;
	width: 24px;
	height: 24px;
	background: #fff url(/static/img/sprite.png) -438px -131px;
	text-indent: -90000px;
	opacity: 0.8;
}
.bb-bullets{
    background: #fff;
    margin: 3px 2px 0 2px;
    display: block;
    float: left;
}

#bb-bookblock .nav-holder{
    overflow: hidden;
    display: inline;
}


.bb-bullets span{
    background: #cdcecf;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    float :left;
    display: block;
    margin: 4px;
    cursor: pointer;
}
.bb-bullets span.bb-current{
    background-color: #ca9e64;
}

.teaser.col-two nav a:hover {
	opacity: 1;
}

.teaser.col-two nav a.bb-nav-prev {
    background-position: -382px -131px;
}
.teaser.col-two nav a.bb-nav-next {
    background-position: -438px -131px;

}

#bb-bookblock h4{
    font-family: 'brandon_grotesque_regularRg';
    font-size: 20px;
    color: #ca9e64;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    padding: 15px 0 0 0;
}
#bb-bookblock p{
    color: #4b4b4d;
    font-size: 14px;
    line-height: 20px;
}
#bb-bookblock p span{
    font-weight: bold;
    color: #9c7b4f;
}

#bb-bookblock .left-side{
    padding-left: 15px;
}
#bb-bookblock .left-side a{
    color: #fff;
    text-decoration: none;
}

#bb-bookblock .right-side{
    width: 217px;
    position: relative;
    text-align: center;
    height: 210px;
}
#bb-bookblock .right-side img{
    margin: 15px 0 0 0;
}
#bb-bookblock .right-top-slice{
    z-index: 10;
}

#web-console{
    position: absolute;
    top: 110px;
    right: 0;
    z-index: 200;
}

#portal #web-console{
    position: absolute;
    top: auto;
    bottom: 20%;
    right: 0;
    z-index: 9999;
}

#console-content{
    width: 70px;
    height: 390px;
    background: #ffffff;
}

#console-content .console-item{
    position: relative;
    width: 70px;
    height: 72px;
    border-bottom: 1px solid #eaeeef;
    z-index: 1;
}

#console-content .console-item.last:hover,
#console-content .console-item:hover{
    background: #f1f4f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f1f4f5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f4f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f1f4f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f1f4f5 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f1f4f5 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f1f4f5 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f4f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#console-content .console-item.last{
    width: 70px;
    height: 98px;
    border-bottom: none;
    background: #8db20f; /* Old browsers */
    background: -moz-linear-gradient(top,  #8db20f 0%, #6a8a12 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8db20f), color-stop(100%,#6a8a12)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8db20f 0%,#6a8a12 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8db20f 0%,#6a8a12 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8db20f 0%,#6a8a12 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8db20f 0%,#6a8a12 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8db20f', endColorstr='#6a8a12',GradientType=0 ); /* IE6-9 */
}


#console-content .console-item .preview-text{
    position: relative;
    bottom: 0;
    display: block;
    text-align: center;
    color: #6f6f73;
    font-size: 14px;
    font-family: 'brandon_grotesquemedium';
}

#console-content .console-item:hover .preview-text{
    color: #0b72b5;
}

#console-content .console-item .preview-text.s24{
    font-size: 24px;
}

#console-content .console-item .preview-text.s16{
    font-size: 16px;
}

#console-content .console-item.last .preview-text{
    color: #ffffff;
    bottom: -7px;
}

#console-content .console-item.weather .preview-text{
    bottom: 9px;
}

#console-content .console-item.last:hover .preview-text{
    color: #97bf0d;
}

.console-item .plus {
    position: absolute;
    top: 3px;
    left: 3px;
    background: url('/static/img/sprite.png') no-repeat -109px -269px;
    width: 7px;
    height: 7px;
}

.console-item.last .plus {
    background: url('/static/img/sprite.png') no-repeat -132px -267px;
    width: 11px;
    height: 11px;
}

.console-item .icon{
    position: relative;
    top: 13px;
    left: 11px;
    width: 48px;
    height: 54px;
    display: block;
    text-align: center;
}

.console-item .icon.weather{
    top: 6px;
}


.console-item .sommerbericht {
    background: url('/static/img/sommer-icon.jpg') no-repeat 0 0;
    top: 13px;
    left: 24px;
}
.console-item:hover .sommerbericht {
    background: url('/static/img/sommer-icon-hover.png') no-repeat 0 0;
	top: 12px;
    left: 23px;
}
.console-item .webcam {
    background: url('/static/img/sprite.png') no-repeat -17px -385px;
    top: 13px;
    left: 24px;
}
.console-item:hover .webcam {
    background: url('/static/img/sprite.png') no-repeat -92px -319px;

}
.console-item .lift {
    background: url('/static/img/sprite.png') no-repeat -79px -377px;

}
.console-item:hover .lift {
    background: url('/static/img/sprite.png') no-repeat -155px -377px;
}
.console-item .interactive-map {
    background: url('/static/img/icon_karte.png') no-repeat 50% 0;
    background-size: 36px 40px;

}
.console-item:hover .interactive-map {
    background: url('/static/img/icon_karte-hover.png') no-repeat 50% 0;
    background-size: 36px 40px;
}
.console-item .snow {
     background: url('/static/img/sprite.png') no-repeat -24px -443px;

}
.console-item:hover .snow {
     background: url('/static/img/sprite.png') no-repeat -188px -452px;

}
.console-item .bett {
     background: url('/static/img/sprite.png') no-repeat -101px -444px;

}
.console-item:hover .bett {
     background: url('/static/img/sprite.png') no-repeat -264px -439px;
}

.console-item .hover-content{
    display: none;
    position: absolute;
    top: 0;
    left: -272px;
    margin: 0 0 0 0;
    width: 272px;
    min-height: 150px;
}

.console-item .hover-content .incontent{
    position: absolute;
    top: 0;
    left: -10px;
    width: 272px;
    background: #ffffff;
}

.console-item.weather .hover-content.act{
    display: block!important;
}

.console-item.webcam .hover-content.act{
    display: block;
}

.console-item.lift .hover-content.act{
    display: block;
}

.console-item.snow .hover-content.act{
    display: block;
}

.console-item.bett .hover-content.act{
    display: block;
}

.console-item.interactive-map .hover-content.act{
    display: block;
}


.console-item.bett .hover-content{

}

.console-item.bett .hover-content .incontent{
    top: auto;
    bottom: 0;
    background: url('/static/img/bookingconsole.png') no-repeat bottom right;
}

.console-item.bett .hover-content:after{
    top: auto;
    bottom: 130px;
}

.console-item .hover-content:after{
    content:"";
    position: absolute;
    top: 10px;
    right: 0px;
    width: 10px;
    height: 12px;
    background: url('/static/img/sprite.png') no-repeat 0 -488px;
}


.console-item .hover-content .wrow1{
    width: 272px;
    border-bottom: 1px solid #d3dee3;
}

.console-item .hover-content .wrow2{
    width: 272px;
    padding: 15px 0 0 0;
}

.console-item .hover-content .wrow1 .wcol1,
.console-item .hover-content .wrow1 .wcol2,
.console-item .hover-content .wrow1 .wcol3{
    text-align: center;
    float: left;
    width: 90px;
    height: 120px;
    border-right: 1px solid #ffffff;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f4f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f4f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f4f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f4f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f4f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f4f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f4f5',GradientType=0 ); /* IE6-9 */

}

.console-item .hover-content .wrow1 .wcol3{
    border: none;
}

.console-item .hover-content .wrow1 .wcol1 img,
.console-item .hover-content .wrow1 .wcol2 img,
.console-item .hover-content .wrow1 .wcol3 img{
    display: block;
    margin: 10px 0 13px 22px;
}

.console-item .hover-content .wrow1 .wcol1 p,
.console-item .hover-content .wrow1 .wcol2 p,
.console-item .hover-content .wrow1 .wcol3 p{
    display: block;
    font-size: 24px;
    color: #0b72b5;
    font-family: 'brandon_grotesquemedium';
    margin: 0;
}

.console-item .hover-content .wrow1 .wcol1 span,
.console-item .hover-content .wrow1 .wcol2 span,
.console-item .hover-content .wrow1 .wcol3 span{
    display: block;
    font-size: 13px;
    color: #6f6f73;
    font-family: 'brandon_grotesquemedium';
    margin: 0;
}

.console-item .hover-content .wrow2 .content-teaser{
    margin: 0 0 15px 0;
}

.console-item .hover-content .wrow2 .content-teaser:hover,
.console-item .hover-content .wrow2 .sidebar-teaser:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.console-item .hover-content .wrow2 .content-teaser a.visible-link{
    margin: 0 0 0 15px;
}

.console-item.webcam .hover-content .wrow1{
    padding: 15px 0 5px 15px;
}

.console-item.webcam .hover-content .wrow1 a{
    position: relative;
    display: block;
    width: 116px;
    height: 65px;
    float: left;
    margin: 0 10px 10px 0;
}

.console-item.webcam .hover-content .wrow1 a.last{
    margin: 0 0 10px 0;
}

.console-item.webcam .hover-content .wrow1 a img{
    position: absolute;
    left: 0;
    top: 0;
}

.console-item.webcam .hover-content .wrow1 a span{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #0b72b5;
    opacity:0.6;
    filter:alpha(opacity=60);
}

.console-item.webcam .hover-content .wrow1 a:hover span{
    display: block;
}

.console-item .hover-content .wrow1 strong{
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'brandon_grotesquemedium';
    padding: 14px;
    display: block;
    font-weight: normal;
}

.console-item .hover-content h3{
    font-family: 'brandon_grotesquemedium';
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
    color: #678713;
    width: 180px;
    display: block;
    margin: 15px 0 10px 15px;
}

.console-item.bett .hover-content p{
    font-size: 14px;
    color: #4b4b4d;
    width: 180px;
    display: block;
    margin: 0 0 10px 15px;
}

.console-item.bett .hover-content .content-teaser{
    margin: 0 0 10px 0;
    background: none;
}

.console-item.bett .hover-content .content-teaser a.visible-link {
    border: 1px solid #ffffff;
    margin: 0 0 0 15px;
    font-size: 15px;
}

.console-item.bett .hover-content .content-teaser:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}


.copyright{
    position: relative;
}
.elements-logo{
    position: absolute;
    right: 0;
    top: 85px;
    padding-right: 35px;
    font-size:  13px;
    color: #bbbebf;
    text-decoration: none;
}

.elements-icon{
	background: url('/static/img/sprite.png') no-repeat -347px -396px;
	width: 24px;
	height: 28px;
    display: block;
    position: absolute;
    right: 0;
    top: -8px;
}

#searchlist{

}

#searchlist .search_result{
    display: block;
    background: #ffffff;
    padding: 15px;
    margin: 0 0 10px 0;
}

#searchlist .search_result a{
    display: block;
    text-decoration: none;
    font-size: 20px;
    font-family: 'brandon_grotesque_regularRg';
    text-transform: uppercase;
    margin: 0 0 11px 0;
}

#searchlist .search_result small{
    display: block;
    font-style: italic;
    color: #0b72b5;
    margin: 0 0 8px 0;
}

.search span{display: none;}

ul.ui-autocomplete {
    background: #ffffff;
    display: block;
    position: relative;
    width: 220px!important;
    padding: 5px 5px 5px;
    margin: -5px 0 0 16px!important;
    list-style: none;
    overflow: hidden;
}

ul.ui-autocomplete li {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: none;
    list-style: none;
}

ul.ui-autocomplete li a {
    cursor: pointer;
    display: block;
    padding: 5px 3px 5px 3px;
    color: #0b72b5;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

ul.ui-autocomplete li a:hover {
    background: #0b72b5;
    color: #ffffff;
}

.anlagen-table td{
    position: relative;
}

.status-icon{
    text-align: center;
}

.icon.type,
.icon.status{
    /*margin: 0 0 0 -12px;*/
    padding: 0;
    display: block;
    /*position: absolute;
    left: 50%;
    top: 3px;*/
    width: 25px;
    height: 26px;
    background: url(/static/img/status_icons.png) no-repeat 0 0;
}

.icon.status.geschlossen{
    background-position: 0 -31px;
}

.icon.type{
    background: url(/static/img/anlagen_type.png) no-repeat 0 0;
}
/* 8er */
.icon.type.t_2103{
    background-position: -62px -3px;
}
/* 1er */
.icon.type.t_601{
    background-position: 0 -7px;
}
/* Gondel */
.icon.type.t_604{
    background-position: -6px -100px;
}
/* 2er */
.icon.type.t_606{
    background-position: -2px -58px;
}
/* 3er */
.icon.type.t_607{
    background-position: -64px -53px;
}
/* 4er */
.icon.type.t_608{
    background-position: -64px -53px;
}
/* 6er */
.icon.type.t_609{
    background-position: -62px -3px;
}
/* Band */
.icon.type.t_617,
.icon.type.t_610{
    background-position: -64px -94px;
}
/* Gondel groß */
.icon.type.t_614{
    background-position: -111px -2px;
}


.snow-table td{
    text-align: center;
}


/* Fancybox */
.fancybox-nav span{
    display: block;
    visibility: visible;
}
.fancybox-next span{
    right: -110px;
    width: 70px;
    height: 115px;
    background: url(/static/img/fbox/fancybox_sprite_2.png) no-repeat -129px 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition:    all 300ms ease-in-out;
    -ms-transition:     all 300ms ease-in-out;
    -o-transition:      all 300ms ease-in-out;
    transition:         all 300ms ease-in-out;

    opacity: .8;
}
.fancybox-next span:hover{
    opacity: 1;
    right: -115px;
}

.fancybox-prev span{
    left: -110px;
    width: 70px;
    height: 115px;
    background: url(/static/img/fbox/fancybox_sprite_2.png) no-repeat -49px 0;

    -webkit-transition: all 300ms ease-in-out;
    -moz-transition:    all 300ms ease-in-out;
    -ms-transition:     all 300ms ease-in-out;
    -o-transition:      all 300ms ease-in-out;
    transition:         all 300ms ease-in-out;

    opacity: .8;
}
.fancybox-prev span:hover{
    opacity: 1;
    left: -115px;

}

.fancybox-close{
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(/static/img/fbox/fancybox_sprite_2.png) no-repeat -2px 0;

    -webkit-transition: all 500ms ease-in-out;
    -moz-transition:    all 500ms ease-in-out;
    -ms-transition:     all 500ms ease-in-out;
    -o-transition:      all 500ms ease-in-out;
    transition:         all 500ms ease-in-out;
    z-index: 9000;
}
.fancybox-type-iframe .fancybox-close{
    /*top: -19px;
    right: -19px;*/
}

.az-list{
    margin-top: 10px;
}


/* --- Deskline --- */
.kontakt-block h4{
    margin: 0 0 8px 0;
    color: #0b72b5;
    font-family: 'brandon_grotesque_regularRg';
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}
.kontakt-block{
    background: #fff;
    padding: 10px;
    margin: 20px 0;
}
.kontakt-block .shortlinks{
    margin-top: 5px;
}
.kontakt-block .contact{
    margin-top: 5px;
}

.kontakt-block .map{
    margin: 20px 0;
}
.kontakt-block .contactline label{
    width: 80px;
    display: inline-block;
}

.az-detail-container .za-headline-block{
    padding-bottom: 10px;
    margin-top: 10px;
}

.content-teaser.a-z{
    min-height: 150px;
}



.wetter-heute-block{
    margin-top: 10px;
    background: #fff;
    height: 185px;
}

.wetter-heute-block .left-side{
    width: 250px;
}
.wetter-heute-block .right-side{
    margin-left: 260px;
}
.wetter-heute-block h5{
    font-family: 'brandon_grotesque_regularRg';
    font-size: 20px;
    color: #0b72b5;
    text-transform: uppercase;
    font-weight: normal;
    padding: 10px 0 0 0;
    margin: 0;
}

.wetter-heute-block p.wetter-description{
    font-style: italic;
    color: #4b4b4d;
    font-size: 14px;
    margin: 4px 0 6px 0;
    height: 66px;
    padding: 0 20px 0 0;
}
.wetter-bottom{
    padding-top: 5px;
    background: url(/static/img/shadow-wetter.png) no-repeat 50% 0;
    overflow: hidden;
}
.wetter-bottom .cols{
    display: block;
    float: left;
    width: 89px;
    margin-top: 10px;
}
.wetter-bottom .wetter-grad{
    display: block;
    font-size: 30px;
    font-family: 'brandon_grotesque_regularRg';
    text-align: center;
    color: #0b72b5;
}
.wetter-bottom .wetter-tag{
    display: block;
    color: #4b4b4d;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    font-style: italic;
}

.weather-data-table{
    background: #fff;
    margin-top: 15px;
}
.weather-data-table .line{
    clear: both;
    padding: 4px 0;
}
.weather-data-table .line.even{
    background: #fbfbfc;
}

.weather-data-table .line .left-side{
    width: 240px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    border-right: 1px solid #F0F3F5;
}

.weather-data-table .line .right-side{
    width: 250px;
    margin-left: 260px;
    padding-left: 10px;
}
.weather-data-table .line .show-left{
    text-transform: uppercase;
    color: #0b72b5;
    font-family: 'brandon_grotesque_regularRg';
}
.weather-data-table .line .show-right{
    float: right;
    color: #4b4b4d;
    font-size: 14px;
    font-style: italic;
}

#main-content .weather-container .aussichten-headline{
    margin-top: 20px;
}

.wetter-aussichten-container{
    background: #fff;
    height: 70px;
    margin-bottom: 10px;
}

.wetter-aussichten-container .left-side{
    display: block;
    float: left;
    width: 255px;
    padding: 10px;
}
.wetter-aussichten-container .left-side .show-left{
    width: 100px;
    display: block;
    float: left;
}
.wetter-aussichten-container .left-side .show-right span,
.wetter-aussichten-container .left-side .show-left span{
    display: block;
    text-align: left;
}
.wetter-aussichten-container .left-side .show-left .day-date{
    font-size: 14px;
    color: #4b4b4d;
    font-style: italic;
}
.wetter-aussichten-container .left-side .show-left .day-name{
    font-family: 'brandon_grotesque_regularRg';
    text-transform: uppercase;
    color: #0b72b5;
    font-size: 18px;
    margin-top: 4px;
}

.wetter-aussichten-container .left-side .show-right .temp-min{
    color: #0b72b5;
    margin-top: 4px;
    border-bottom: 1px solid #0b72b5;
}
.wetter-aussichten-container .left-side .show-right .temp-max{
    color: #0b72b5;
}

.wetter-aussichten-container .left-side .show-right{
    float: right;
    display: block;
    width: 40px;
}
.wetter-aussichten-container .left-side .show-center{
    margin-left: 100px;
    margin-right: 50px;
}

.wetter-aussichten-container .right-side{
    margin-left: 260px;
    color: #0b72b5;
}
.wetter-aussichten-container .right-side .line{
    padding-top: 13px;
}
.wetter-aussichten-container .right-side .line.line-bottom{
    padding-top: 2px;
}
.wetter-aussichten-container .right-side .line .show-left{
    text-transform: uppercase;
    padding-left: 20px;
}
.wetter-aussichten-container .right-side .line .show-right{
    float: right;
    margin-right: 25px;
    font-size: 14px;
    color: #4b4b4d;
    font-style: italic;
}
.wetter-aussichten-container .line-aussichten .icon{
    position: relative;
}
.wetter-aussichten-container .line-aussichten .icon img{
    position: absolute;
    top: -8px;
    left: 22px;
}

.demi-accommocations-category select,
.demi-accommocations-name input,
.demi-accommocations-region select{
    width: 180px;
}
.demi-accommocations-name input{
    width: 176px;
}

.demi-header-booking{
    float: right;
    margin-bottom: 15px;
    margin-right: 20px;
}

.set-blue-color{
    color: #0b72b5;
}

.webcam-like h4{
    font-size: 16px;
}
.webcam-like .content-teaser .link-box{
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
}
.webcam-like .content-teaser .link-box a{
    background: url(/static/img/sprite.png) no-repeat -250px -293px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
}
.webcam-like .content-teaser:hover .link-box a{
    background: url(/static/img/sprite.png) no-repeat -250px -341px;
}


.main-content.wide .content-teaser.a-z .right-side{
    margin-left: 570px;
}


#totalItems .totalItems.list{
    display: block !important;
}
.za-wysiwyg-img-right.content-block {
    overflow: hidden;
}


.addtext{
	color: #4b4b4d;
	font-style: italic;
	position: absolute;
	right: 15px;
	bottom: 10px;
	width: 300px;
	text-align: right;
}
.content-teaser.a-z{
	padding-bottom: 30px;
}

.gallery.az-detail .first{
    clear: left;
}
.gallery.az-detail .image{
    float: left;
}

.content-block .eventlinks{

	padding: 0;
}

#main-content .accordion-header{
	position: relative;
	padding-right: 25px;
	display: block;
	cursor: pointer;
}
.accordion-header:after{
	content: '';
	background: url(/static/img/accordion-icons.png) no-repeat 0 0;
	position: absolute;
	right: 0;
	top: 11px;
	height: 15px;
	width: 20px;
	overflow: hidden;
}
.accordion-header.open:after{
	background-position: 0 -14px;
}

.acco-content{
	visibility: hidden;
	height: 0;
}
.acco-content.open{
	visibility: visible;
	height: auto;
}

.acco-content.za-teaser-matrix.webcam-like .left-side {
    float: none;
    display: inline-block;
}
.acco-content.za-teaser-matrix.webcam-like .right-side {
    float: none;
    display: inline-block;
    margin-left: 10px;
}

.inner-teaser.quickfinder h4{
    top: 0;
    background: transparent;
}
.inner-teaser.quickfinder{
	color: #fff;
	background: #94bc0d;
	background: -moz-linear-gradient(top,  #94bc0d 0%, #597a0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94bc0d), color-stop(100%,#597a0d));
	background: -webkit-linear-gradient(top,  #94bc0d 0%,#597a0d 100%);
	background: -o-linear-gradient(top,  #94bc0d 0%,#597a0d 100%);
	background: -ms-linear-gradient(top,  #94bc0d 0%,#597a0d 100%);
	background: linear-gradient(to bottom,  #94bc0d 0%,#597a0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94bc0d', endColorstr='#597a0d',GradientType=0 );

}
#portal .quickfinder{
	min-height: 440px;
}
.quickfinder h4{
	bottom: auto;
}
.inner-teaser.quickfinder .teaser-headline{
	color: #fff;
}
.inner-teaser.quickfinder div.line,
.inner-teaser.quickfinder p{
	position: relative;
}

.quickfinder .line{
	margin-bottom: 13px;
}

.inner-teaser.quickfinder .right-top-slice{
	position: absolute;
}
.quickfinder label{
	display: block;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
}
.quickfinder .form-container .line-2-col{
	min-height: 60px;
}
.quickfinder .form-container .line-2-col .col-1{
	width: 43%;
	float: left;
}
.quickfinder .form-container .line-2-col .col-1.left{
	margin-right: 20px;
}
.quickfinder .form-container{
	padding-top: 60px;
	padding-left: 20px;
	padding-right: 16px;
}
.quickfinder input{
	background: #fff url(/static/img/quickfinder-cal.jpg) no-repeat right center;
	border: 1px solid #d2d2d2;
	padding: 11px;
	color: #4b4b4d;
	cursor: pointer;
}
.quickfinder select{
	cursor: pointer;
	padding: 11px;
}
.quickfinder a{
	cursor: pointer
}
#detailsearch{
	color: #fff;
	position: absolute;
	bottom: 65px;
	left: 20px;
}

button.unterkunft-link{
	border: none;
}

.sidebar-holder .quickfinder input{
	width: 140px;
}
.sidebar-holder .quickfinder{
	min-height: 350px;
	position: relative;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	margin-top: 20px;
}


.overlay-info {
    position: fixed;
    background-color: #fff;
    top: 30%;
    z-index: 99999;
    left: 0;
    right: 0;
    width: 600px;
    margin: 0 auto;
    padding: 40px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .5);
}
.overlay-info.hidden {
    display:none !important;
}
.overlay-info__text {
    font-size: 18px;
    line-height:1.2;
    margin-bottom: 20px;
    font-family: 'brandon_grotesque_regularRg';
}
.overlay-info__title {
    font-size: 30px;
    text-transform:uppercase;
    margin-bottom: 20px;
    color:#0b72b5;
    font-family: 'brandon_grotesque_bold';
}
.overlay-info__decline {
    color: #0b72b5;
    background:transparent;
    padding:0;
    border:none;
    font-family: 'brandon_grotesque_regularRg';
    font-size:18px;
}
.overlay-info__decline:hover {
    text-decoration: underline;
}
.overlay-info__btn {
    padding: 10px 30px;
    display:block;
    color:#fff;
    font-size:16px;
    text-transform:uppercase;
    border:none;
    text-decoration: none;
    background: #0b3188;
    font-family: 'brandon_grotesque_bold';
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiMzE4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjcyYjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0b3188 0%, #0b72b5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b3188), color-stop(100%,#0b72b5));
    background: -webkit-linear-gradient(top,  #0b3188 0%,#0b72b5 100%);
    background: -o-linear-gradient(top,  #0b3188 0%,#0b72b5 100%);
    background: -ms-linear-gradient(top,  #0b3188 0%,#0b72b5 100%);
    background: linear-gradient(to bottom,  #0b3188 0%,#0b72b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3188', endColorstr='#0b72b5',GradientType=0 );
}
.overlay-info__btn:hover {
    background: #0b72b5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiNzJiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjMxODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0b72b5 0%, #0b3188 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b72b5), color-stop(100%,#0b3188));
    background: -webkit-linear-gradient(top,  #0b72b5 0%,#0b3188 100%);
    background: -o-linear-gradient(top,  #0b72b5 0%,#0b3188 100%);
    background: -ms-linear-gradient(top,  #0b72b5 0%,#0b3188 100%);
    background: linear-gradient(to bottom,  #0b72b5 0%,#0b3188 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b72b5', endColorstr='#0b3188',GradientType=0 );
}
.overlay-info__close {
    font-family: 'arial';
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 21px;
    height: 20px;
    width: 20px;
    background: #8b8b8b;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    padding: 5px;
}
.overlay-info__btn-wrapper {
    display:flex;
    justify-content:space-between;
    margin-top: 20px;
    align-items: flex-end;
}
.overlay-info--darken {
    overflow:hidden;
    position:relative;
}
.overlay-info--darken:before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 99999;
    top:0;
    bottom:0;
}