/*
   css.css zanox.com
   mediaworx berlin AG

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot,.rss_news .two_items .newsfield thead, tr, th, td,
article, aside, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    line-height: 1.5em;
    vertical-align: baseline; }


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust:none;
}

input[type="button"], input[type="submit"], input[type="reset"],input[type="search"] {
    -webkit-appearance: none;
}

::selection {
    background-color: #FF7E00;
    color: #fff;
}

::-moz-selection {
    background-color: #FF7E00;
}

*:focus {
    outline-color: #FF7E00;
}

*::-moz-focus-inner {
    border: 0;
}

/* Template: ------------------------------------- */
body, input, textarea, select {
    font: normal 15px 'Open Sans',Arial,Helvetica,SansSerif;
}

body {
    position: relative;
}

body, a, a:hover, a:active, a:focus, #registration input.register_button:hover,
#right_side #login input.login:hover, div[id^='registration_'].inside  input.register_button:hover{
    color: #282828;
}

body > div.backgroundImage {
    position: absolute;
    top: 105px;
    width: 100%;
    height: 80%;
    z-index: -999;
    display: block;
    overflow: hidden;
}

body.hasteaser {
    overflow-x: hidden;
}

body.hasteaser > div.backgroundImage {
    top: 460px;
}

.soc_linkShare {
    display: none;
}

body.js .soc_linkShare {
    display: inline-block;
}

#right_side #login img {
    display: none;
}

a, #registration input.register_button, #right_side #login input.login, div[id^='registration_'].inside input.register_button {
    -webkit-transition:color .5s;
    -moz-transition:color .5s;
    -o-transition:color .5s;
    transition:color .5s;

}

a:hover, a:focus, #registration input.register_button:hover, #right_side #login input.login:hover, div[id^='registration_'].inside input.register_button:hover {
    color: #FF7E00;
    -webkit-transition-duration:0s;
    -moz-transition-duration:0s;
    -o-transition-duration:0s;
    transition-duration:0s;
}

#registration a.register_button:focus, div[id^='registration_'].inside a.register_button:focus {
    color: #fff;
}

a[href^="http"] {
    background: url('cssimg/external-link-button.png') no-repeat 0% 30%;
    padding-left: 1.25em;
}

a[href^="http"] > img {
    background: none;
    padding-left: 0;
}

a.internalLink, article div > p > a, article div ul li a {
    background: url('cssimg/internal-link-button.png') no-repeat 0% 30%;
    padding-left: 1.25em;
}

a.externalLink {
    background: url('cssimg/external-link-button.png') no-repeat 0% 30%;
    padding-left: 1.25em;
}

a.downloadLink {
    background: url('cssimg/download-link-button.png') no-repeat 0% 30%;
    padding-left: 1.25em;
}

a.no_arrow {
    background-image: none;
    padding: 0;
}

a.no_line {
    text-decoration: none;
}

#accept a {
    background-color: #FF7E00;
}

.orange {
    background-color: #FF7E00;
}

.orangeText {
    color: #FF7E00;
}

span.orangeText {
    margin-left: 8px;
}

.match {
    background-color: #FF7E00;
}

input.error, textarea.error, .contact_form_2 input.error, .contact_form_2 textarea.error {
    background: #fcc9c2;
}

.error_info {
    border-radius: 10px;
    background: #FF7E00;
    padding: 20px;
    color: #fff;
}

ul, ul.normal_ul {
    vertical-align: middle;
}

.hortab ul, .text ul, .vert_table ul {
    list-style-type: none;
    padding-left: 0;
}

.hortab ul li, .text ul li, .vert_table ul li  {
    background: url('cssimg/text-modules-bullet-points.png') 0 0 no-repeat;
    padding-left: 28px;
    line-height: 1.5em;
    margin-bottom: .5em;
}


ul li {
    vertical-align: middle;
}

ul, ol, ul.normal_ul {
    padding-left: 27px;
    clear: both;
}

ul.free_ul, ul.normal_ul {
    list-style-type: none;
    list-style-image: none;
}

ul.free_ul li, ul.normal_ul li {
    position: relative;
    padding-left: 23px;
    line-height: 1.5em;
}

ul.free_ul b, ul.normal_ul b {
    font-weight: bold;
}

ul.free_ul em, ul.normal_ul em {
    font-style: italic;
}

ul.free_ul .underline {
    text-decoration: underline;
}

ul.normal_ul p {
    display: inline-block;
}

.red_border {
    border: 1px solid red;
}

h1, h2, h3, .header {
    font-weight: bold;
    line-height: 1.25em;
    margin-bottom: 1em;
}

article {
    z-index: 1;
}

article > h2, article > h3, .headline > h2, .headline > h3, .text > h2 {
    clear: both;
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 6px;
    border-bottom: 2px dotted #282828;
}

.headline.twothird, .headline.threecol, .headline.onecol, .headline.twocol {
    margin-bottom: 0;
}

.headline + .headline h2 {
    margin-top: 0;
}

.headline > h2, .headline > h3, .text > h2 {
    margin-top: 45px;
}

.text_bullet h3 {
    border: none;
    font-size: 20px;
}

table col.ad_rank {
    visibility: collapse;
}

p, ul, ol, ul.free_ul, ul.normal_ul {
    padding-bottom: 0.5em;
}

hr {
    clear: both;
    border: none;
}

em {
    font-style: italic;
}

.input {
    padding: 4px;
    border: none;
    line-height: 12px;
    font-size: 12px;
    border-radius: 4px;
    vertical-align: middle;
    font-family: 'Open Sans',Arial,Helvetica,SansSerif;
}
/*Property/Value Hacks*/
/*Chrome ≤ 28 / Safari ≤ 7 / Opera ≥ 14*/
/*.input { (;line-height: 2.55em; font-size: 13px;);}*/

.ocmsoffline hr {
    border-top: 3px dotted green;
    height: 20px;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    margin: 0 auto;
}

.bold, strong {
    font-weight: bold;
}

.subtext {
    font-size: 10px;
    font-weight: normal;
}

.indent_left {
    text-indent: 92px;
}

.hide {
    display: none;
}

span.country_short {
    display: none;
}

span.country_long {
    display: block;
}

header {
    width: 100%;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #dad8d6 100%) center bottom repeat-x; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dad8d6)) center bottom repeat-x; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#dad8d6 100%) center bottom repeat-x; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f4f4 0%,#dad8d6 100%) center bottom repeat-x; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f4f4 0%,#dad8d6 100%) center bottom repeat-x; /* IE10+ */
    background: linear-gradient(to bottom,  #f4f4f4 0%,#dad8d6 100%) center bottom repeat-x; /* W3C */
    background-size: auto 30px;
    height: 105px;
    position: fixed;
    z-index: 255;
    border-bottom: 1px solid  rgba(0,0,0,0);
    box-shadow: 0 0 12px rgba(0,0,0,0);
}

.js header {
    transition: box-shadow 1s, border-bottom 1s;
}

.js.scroll header {
    border-bottom: 1px solid  rgba(0,0,0,.125);
    box-shadow: 0 0 12px rgba(0,0,0,.75);
}

.hasteaser header {
    height: 461px;
    position: relative;
}

select {
    background-color: rgb(233,233,233);
    line-height: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit only */
    select {
        -webkit-appearance: none;
        background: rgb(233,233,233) url('cssimg/downarrow24_2x.png')  98% 50% no-repeat;
        background-size: 16px 16px;
        padding-top: 6px;
        padding-right: 24px!important;
    }
}

#toparea {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 320px;
}

.hasteaser #toparea {
    display: block;
}
.scroll #toparea {
    display: none;
}

#headerTop {
    position: relative;
    height: 46px;
    overflow: hidden;
    z-index: 3;
}

#top_slider {
    display: none;
}

#top_slider iframe {
    z-index: 1;
    position: absolute;
    top: -215px;
    left: 0;
}

.hasteaser #top_slider {
    display: block;
    width: 100%;
    height: 430px;
    overflow: hidden;
    position: absolute;
}

#top_slider .slide_img {
    position: relative;
}

#top_slider .slide_img img {
    position: absolute;
    height: 430px;
    width: 2064px;
    margin: 0 0 0 -1032px;
    left: 50%;
}

@media only screen and (min-width: 2065px) {
    #top_slider .slide_img img {
        width: 100%;
        height: auto;
        margin: 0;
        left: auto;
    }
}


#meta {
    display: block;
    width: 100%;
    height: 75px;
    padding: 0;
    background: rgb(40,40,40);
    z-index: 2;
    position: absolute;
    transition: background-color 1s;
}

.js #meta {
    position: fixed;
}

.hasteaser #meta {
    background-color: rgba(40,40,40,.7);
}


#orange_bar {
    display: none;
}

nav {
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 60px;
    top: 46px;
}

.hasteaser nav {
    height: 414px;
}

nav, .scroll nav {
    height: 60px;
}


#headerMiddle {
    position: relative;
    top: 75px;
    padding: 12px 0;
    clear: both;
    width: 940px;
    height: 100%;
    margin: 0 auto;
}

#bowls {
    display: none;
    float: left;
    padding-left: 10px;
    position: absolute;
    width: 100%;
    height: 120px;
    bottom: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.hasteaser #bowls {
    display: block;
}

#bowls a, #bowls span.no_anchor {
    position: relative;
    width: 120px;
    height: 120px;
    display: block;
    float: left;
}


#bowls a > img, #bowls span.no_anchor > img {
    padding-right: 10px;
    position: absolute;
    bottom: 0;
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9);
    -webkit-transition:-webkit-transform .25s ease;
    -moz-transition:transform .25s ease;
    -o-transition:transform .25s ease;
    transition:transform .25s ease;

}

#bowls a:hover > img, #bowls span.no_anchor:hover > img {
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    -o-transform:scale(1.0);
    transform:scale(1.0);
}

/*.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}

.flip-container:hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-container, .front, .back, #registration_back {
    width: 320px;
    height: 304px;
}

.flipper {
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    position: relative;
}

.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;

    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}

.front {
    z-index: 12;
}

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

#registration, #registration_back, div[id^='registration_'].inside {
    display: none;
    position: relative;
    min-height: 300px;
    max-width: 320px;
    background: rgba(40,40,40,.7);
    float: right;
    border-radius: 10px;
    color: #fff;
    z-index: 1;
}

.hasteaser #registration, .hasteaser #registration_back, div[id^='registration_'].inside {
    display: block;
}

.threecol div[id^='registration_'].inside {
    width: 300px;
}

.threecol div[id^='registration_'].inside input.register_button {
    background: none;
    padding-left: 10px;

    text-align: center;
}

#registration h3, #registration_back h3, div[id^='registration_'].inside h3 {
    margin-bottom: 0.1em;
    padding-top: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.2em;
}

#registration p, #registration_back p, div[id^='registration_'].inside p {
    text-align: center;
}

#registration p.claim, #registration_back p.claim, div[id^='registration_'].inside p.claim {
    padding-bottom: 10px;
    line-height: 1em;
}

#registration form, #registration_back form, div[id^='registration_'].inside form {
    background: none;
    text-align: left;
    line-height: 2.0em;
}

#registration input, #registration a.input,
#registration_back input, #registration_back a.input,
div[id^='registration_'].inside input, div[id^='registration_'].inside a.input {
    padding: 2px 4px;
    margin: 5px 10px 5px 0;
    float: right;
    height: 20px;
}

#registration label, div[id^='registration_'].inside label {
    padding: 0 10px;
    height: 20px;
}

div[id^='registration_'].inside label {
    font-size: 13px;
}
/*a.no_arrow.shimmer {
    background-image: url('cssimg/shimmer2.png');
    background: -moz-linear-gradient(-45deg,  rgba(237,218,149,0) 4%, rgba(237,218,149,1) 16%, rgba(237,218,149,0) 30%, rgba(237,218,149,0) 100%);  FF3.6+
    background: -webkit-gradient(linear, left top, right bottom, color-stop(4%,rgba(237,218,149,0)), color-stop(16%,rgba(237,218,149,1)), color-stop(30%,rgba(237,218,149,0)), color-stop(100%,rgba(237,218,149,0)));  Chrome,Safari4+
    background: -webkit-linear-gradient(-45deg,  rgba(237,218,149,0) 4%,rgba(237,218,149,1) 16%,rgba(237,218,149,0) 30%,rgba(237,218,149,0) 100%);  Chrome10+,Safari5.1+
    background: -o-linear-gradient(-45deg,  rgba(237,218,149,0) 4%,rgba(237,218,149,1) 16%,rgba(237,218,149,0) 30%,rgba(237,218,149,0) 100%);  Opera 11.10+
    background: -ms-linear-gradient(-45deg,  rgba(237,218,149,0) 4%,rgba(237,218,149,1) 16%,rgba(237,218,149,0) 30%,rgba(237,218,149,0) 100%);  IE10+
    background: linear-gradient(135deg,  rgba(237,218,149,0) 4%,rgba(237,218,149,1) 16%,rgba(237,218,149,0) 30%,rgba(237,218,149,0) 100%);  W3C
    background-size: 533px 60px;
    background-position: -160px 0;
}*/

#registration .register_layer, div[id^='registration_'].inside .register_layer {
    float: none;
    width: 100%;
    border-radius: 0;
    margin: 10px 0;
    background: #FF7E00 url('cssimg/shimmer2.gif');
    background-image: -moz-linear-gradient(-45deg, #FF7E00 4%, #edda95 16%, #FF7E00 30%);
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(4%,#FF7E00), color-stop(16%,#edda95), color-stop(30%,#FF7E00));
    background-image: -webkit-linear-gradient(-45deg, #FF7E00 4%,#edda95 16%,#FF7E00 30%);
    background-image: -o-linear-gradient(-45deg, #FF7E00 4%,#edda95 16%,#FF7E00 30%);
    background-image: -ms-linear-gradient(-45deg, #FF7E00 4%,#edda95 16%,#FF7E00 30%);
    background-image: linear-gradient(135deg, #FF7E00 4%,#edda95 16%,#FF7E00 30%);
    background-size: 533px 60px;
    background-position: -160px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
}

#registration .register_layer.height60, div[id^='registration_'].inside .register_layer.height60 {
    height: 60px;
}

#registration .register_layer + .register_layer, div[id^='registration_'].inside .register_layer + .register_layer {
    margin: 22px 0;
}

#registration .register_layer p, div[id^='registration_'].inside .register_layer p {
    padding: 10px 0 2px 32px;
    margin-bottom: 5px;
    height: 24px;
}

#registration input.register_button, #registration a.register_button, div[id^='registration_'].inside input.register_button, div[id^='registration_'].inside a.register_button {
    float: none;
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
    padding: 15px 10px 15px 45px;
    margin: 0;
    background: transparent url('cssimg/registration-arrow-41x27-white.png') no-repeat 10px center;
    background-size: auto 22px;
}

#registration p + input.register_button, #registration p + a.register_button,
div[id^='registration_'].inside p + input.register_button, div[id^='registration_'].inside p + a.register_button {
    padding-top: 0;
    padding-bottom: 9px;
    background-position: 0 top;
}

#registration input.register_button:hover, #right_side #login input.login:hover, #right_side #sregister input.sreg:hover,
#registration a.register_button:hover, div[id^='registration_'].inside input.register_button:hover, div[id^='registration_'].inside a.register_button:hover {
    color: #282828;
}

#registration .reg_lock, div[id^='registration_'].inside .reg_lock {
    font-size: 12px;
    text-align: left;
    line-height: 1.2em;
    padding: 0 20px 10px 40px;
    background: url('cssimg/registration-lock-11x14-orange.png') no-repeat 15px 0;
}

/*v2 form inline validation*/
.contact_form_2  .messageHelper .validationMessage {
    display: none;
    position: absolute;
    overflow: hidden;
    font-weight: normal;
    text-transform: none;
    text-indent: 0;
}

.contact_form_2 .error .messageHelper .validationMessage {
    left: 0;
    top: 48px;
    background-image: none;
    background-color: #282828;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    width: auto;
    max-width: 280px;
    min-height: 28px;
    padding: 8px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    box-shadow: 2px 2px 6px rgba(0,0,0,.5);
    text-align: center;
    z-index: 8;
}

.contact_form_2 .error .messageHelper span.spike {
    position: absolute;
    display: block;
    width: 11px;
    height: 7px;
    top: 41px;
    left: 28px;
    background: url('cssimg/spike-validatemessage-touch.png')  no-repeat 0 0;
}

.contact_form_2 .error input[type=checkbox] + .validationMessage {
    top: 26px;
}
.contact_form_2 .error input[type=checkbox] + .validationMessage + .spike {
    top: 19px;
}

.contact_form_2 .error .messageHelper select + .validationMessage {
    top: 38px;
}
.contact_form_2 .error .messageHelper select + .validationMessage + .spike {
    top: 31px;
}

.contact_form_2 .error .messageHelper  {
    position: relative;
}
.contact_form_2 .error input,
.contact_form_2 .error textarea,
.contact_form_2 .error select {
    background-color: #fcc9c2;
}
.contact_form_2 .error input[type=checkbox]{
    box-shadow: 0 0 6px #fcc9c2, 0 0 6px #fcc9c2;
}

.contact_form_2 .error .validationMessage {
    display: table;
}
/*property hack  Chrome 28- Safari 7- Opera 14+ */
.contact_form_2 .error  .messageHelper .validationMessage { (; display: block; ); }

/* Facebook -------------------------------------  */
body.facebook #right_side, body.facebook #extra_bar, body.facebook #search_box, body.facebook nav, body.facebook #orange_bar, body.facebook #social, body.facebook #medals {
    display: none;
}
body.facebook header {
    height: auto;
    background: #fff;
}

body.facebook #registration {
    display: block;
    color: #282828;
    background: #fff;
    border: 1px solid #666;
    max-width: none;
}

body.facebook #centercolumn {
    padding-left: 20px;
}
body.facebook #main > article {
    width: 100%;
}
body.facebook #registration h2, body.facebook #registration h3 {
    margin-bottom: 0.1em;
    padding-top: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.2em;
}
body.facebook #registration input, body.facebook #registration a.input, body.facebook select {
    float: right;

    background-color: #e9e9e9;
}

body.facebook #registration label {
    padding: 0 0 0 20px;
}
body.facebook #registration input, body.facebook #registration a.input, body.facebook #registration label, body.facebook select {
    height: 30px;
    display: inline-block;
    margin: 5px 10px 5px 0;
}
body.facebook #registration input, body.facebook select {
    width: 50%;
}
body.facebook #registration .register_layer {
    float: none;
    width: 100%;
    border-radius: 0;
    margin: 10px 0;
    background: #FF7E00 url('cssimg/shimmer2.gif');
    background-image: -moz-linear-gradient(-45deg, #FF7E00 4%, #edda95 16%, #FF7E00 30%);
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(4%,#FF7E00), color-stop(16%,#edda95), color-stop(30%,#FF7E00));
    background-image: -webkit-linear-gradient(-45deg, #FF7E00 4%,#edda95 16%,#FF7E00 30%);
    background-image: -o-linear-gradient(-45deg, #FF7E00 4%,#edda95 16%,#FF7E00 30%);
    background-image: -ms-linear-gradient(-45deg, #FF7E00 4%,#edda95 16%,#FF7E00 30%);
    background-image: linear-gradient(135deg, #FF7E00 4%,#edda95 16%,#FF7E00 30%);
    background-size: 533px 60px;
    background-position: -160px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
}
body.facebook #registration .register_layer.height60 {
    height: 60px;
}

body.facebook #registration .register_layer + .register_layer {
    margin: 22px 0;
}

body.facebook #registration .register_layer p {
    padding: 10px 0 2px 32px;
    margin-bottom: 5px;
    height: 24px;
}

body.facebook #registration input.register_button, body.facebook #registration a.register_button {
    float: none;
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
    padding: 10px 10px 10px 45px;
    margin: 0;
    background: transparent url('cssimg/registration-arrow-41x27-white.png') no-repeat 10px center;
    background-size: auto 22px;
}

body.facebook #registration p + input.register_button, body.facebook #registration p + a.register_button {
    padding-top: 0;
    padding-bottom: 9px;
    background-position: 0 top;
}

body.facebook #registration input.register_button:hover, body.facebook #right_side #login input.login:hover,
body.facebook #registration a.register_button:hover {
    color: #282828;
}

body.facebook #registration .reg_lock {
    font-size: 12px;
    text-align: left;
    line-height: 1.2em;
    padding: 0 20px 10px 40px;
    background: url('cssimg/registration-lock-11x14-orange.png') no-repeat 15px 0;
}
/* ----------------------------------------------  */

/* Blog Registration -------------------------------------  */
body.facebook.blog .twocol {
    width: auto;
    float: none;
    margin: 0;
}
body.blog #registration {
    display: block;
    top: 0;
    left: 0;
    width: 298px;
    box-shadow: none;
    border-radius: 10px;
    font-weight: normal;
}
body.blog #main {
    padding: 0;
    margin: 0;
}
body.blog #registration p.claim {
    padding-bottom: 10px;
    line-height: 1em;
    font-size: 15px;
}
body.blog #registration form {
    width: auto;
    margin: 0;

}
body.blog #registration form label {
    padding: 3px 0 0 10px;
    width: 41%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 29px;
    margin: 0 10px 0 0;
}
body.blog #registration form input {
    margin: 0 10px 0 0;
}
body.blog #registration .register_layer {
    margin-top: 5px;
}
body.blog #registration input::-webkit-input-placeholder {
    color:#878787;
}
body.blog #registration input:-moz-placeholder {
    color:#878787;
}
body.blog #registration input::-moz-placeholder {
    color:#878787;
}
body.blog #registration input:-ms-input-placeholder {
    color:#878787;
}
body.blog #registration input.register_button {
    letter-spacing: -.03em;
}
body.blog #centercolumn:after {
    height: 420px;
}

/* ----------------------------------------------  */

#main, .hasteaser #main {
    padding: 124px 0 1em 0;
}

.hasteaser #main {
    padding-top: 16px;
}

.scroll.hasteaser #main, .scroll.hadteaser #main {
    padding-top: 476px;
}

#centercolumn:after {
    clear: both;
    display: block;
    content: "_";
    height: 0px;
    visibility: hidden;
}

#main article {
    width: 110%;
}

body.iframe, body.fancybox {
    background-image: none !important;
    margin-top: 0;
}

body.iframe #main, body.iframe article {
    width: 100% !important;
    padding: 0;
}

body.iframe.fancybox #centercolumn:after { content: ''}

#social, #medals {
    position: absolute;
    top: 175px;
    padding: 0;
    z-index: 10;
    transition: left .5s, right .5s;
}

#share ul li {
    position: relative;
    height: 35px;
    margin-bottom: 8px;
}

#share ul li a {
    float: left;
    font-size: 12px;
    text-decoration: none;
    color: #282828;
}

#share ul li a span {
    margin-left: -6px;
//width: 120px;
    padding: 3px 6px 3px 16px;
    background-color: #e9e9e9;
    display: none;
}

#share ul li a:hover span {
    display: inline-block;
}

#share ul li a img {
    vertical-align: middle;
}

#social ul, #medals ul {
    list-style-image: none;
    padding: 0;
}

#social {
    padding-left: 6px;
}

#medals {
    right: 0;
    float: right;
    text-align: right;
}

#medals img {
    border: 1px solid rgba(0,0,0,.08);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-right: none;
    box-shadow: rgb(153, 153, 153) 0px 2px 2px 0px;
}

#social.collapsed {
    left: -120px;
}

#medals.collapsed {
    right: -120px;
}

.ocmsoffline #social, .ocmsoffline #medals {
    min-width: 80px;
    border: 1px dashed #ccc;
}

.hasteaser #social, .hasteaser #medals {
    top: 520px;
}

#logo {
    position: absolute;
    border-radius: 0 0 4px 4px;
    z-index: 1;
}

#logo a {
    display: block;
    width: 100%;
    height: 100%;
}

#logo a span {
    display: none;
}

#right_side {
    float: right;
    padding-top: 6px;
}

#right_side form {
    padding-bottom: 4px;
    display: inline;
}

#right_side input, #right_side select {
    width: 150px;
    height: 20px;
    padding: 0;
}

#right_side input {
    padding: 0 4px;
}
#right_side input.login,
#right_side input.sreg {
    padding: 4px;
    height: auto;
}
/*Property/Value/selector Hacks*/
/* Chrome *  Safari * Opera ≥ 14  Android **/
#right_side input.login:not(*:root) {padding: 2px 4px 2px;max-height: 20px; line-height: 20px;}
#right_side input.sreg:not(*:root) {padding: 2px 4px 2px;max-height: 20px; line-height: 20px;}

/*Opera ≥ 9.5*/
_:-o-prefocus, body:last-child #right_side input.login {padding: 2px 4px 0;}
_:-o-prefocus, body:last-child #right_side input.sreg {padding: 2px 4px 0;}

#right_side #country_chooser select {
    width: 115px;
    font: 12px 'Open Sans',Arial,Helvetica,SansSerif;
    margin-right: 3px
}

#right_side form#login .login, #right_side form#sregister .sreg {
    background-color: #FF7E00;
    color: #fff;
    text-transform: uppercase;
    width: auto;
    line-height: 12px;
    padding: 4px 6px;
    cursor: pointer;
}
/*Property/Value/selector Hacks*/
/* Chrome *  Safari * Opera ≥ 14  Android **/
#right_side form#login .login:not(*:root),
#right_side form#sregister .sreg:not(*:root) { padding: 5px 6px 3px;}

/*Opera ≥ 9.5*/
_:-o-prefocus, body:last-child #right_side form#login .login,
_:-o-prefocus, body:last-child #right_side form#sregister .sreg {padding: 2px 6px 0;}

#right_side a.forgotPw {
    color: #fff;
    font: 11px Arial,Helvetica,SansSerif;
    text-transform: uppercase;
    position: absolute;
    top: 35px;
    right: 0;
}

#right_side a.forgotPw:hover {
    color: rgb(243, 147, 0);
}

#msgbar {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    background: rgba(255,255,255,0.9);
    border-top: 3px solid #999;
    text-align: left;
    width: 100%;
}
#cookiebarcontainer {
    position: relative;
}

.close {
    position: absolute;
    top: 30px;
    right: -50px;
    z-index: 1010;
}
#cookiebarcontainer .close {
    top: 14px;
}
.close a {
    background: transparent url('cssimg/zanox-cookiebar-close-button.png') no-repeat 0 0;
    display: block;
    width: 19px;
    height: 19px;
}
.wrap {
    position: relative;
}

#msgbar h2 {
    text-align: left;
    font-weight: bold;
}

#msgbar p {
    padding: 8px 0 25px 0;
}
#msgbar #cookiebarcontainer p {
    padding: 0 0 2px 0;
}

#msgbar p a {
    text-decoration: none;
    border-bottom: 1px dotted #282828;
}

#msgbar #accept {
    display: none;
}

.button_wrap a, .button_wrap .arrowbutton {
    vertical-align: middle;
    float: left;
}
#cookiebarcontainer .wrap .button_wrap .arrowbutton {
    min-height: 40px;
}
.button_wrap > a {
    padding-right: 20px;
    margin-top: 15px;
    text-decoration: underline;
    background: url('cssimg/internal-link-button.png') no-repeat 0% 30%;
    padding-left: 1.25em;
}

.button_wrap > a[href^="http"] {
    background: url('cssimg/external-link-button.png') no-repeat 0% 30%;
    padding-left: 1.25em;
}

#social ul, #medals ul, #share {
    list-style-type: none;
}

#main, nav, footer, #meta {
    clear: both;
    margin: 0 auto;
}

footer, #footer {
    position: relative;
    top: 85px;
    background: #e9e9e9;
    text-align: center;
    font-size: 13px;
    padding: 0;
    display: block;
}

footer .wrap, #footer .wrap {
    padding: 20px 0 20px 0;
}
footer #cookiebarcontainer .wrap, #footer #cookiebarcontainer .wrap {
    padding: 12px 0 14px 0;
}

footer .wrap div.linkList, #footer .wrap div.linkList {
    border-bottom: 1px solid #666;
    padding: 10px 10px 20px 10px;
}

#footercontainer  .footerhead {
    text-align: center;
}

footer .footerhead, #footer .footerhead {
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    margin: .5em 0 .5em 0;
}

footer a {
    text-decoration: none;
}

footer ul, #footer ul {
    list-style-type: none;
}

footer li, #footer li {
    height: 15px;
    line-height: 15px;
    display: inline-block;
    margin-right: 15px;
    padding-left: 15px;
    border-left: 1px solid #666;
}

footer li:first-child, #footer li:first-child {
    border: none;
}

footer .copyright, #footer .copyright {
    display: block;
    padding: 70px 0 50px 0;
    color: #999;
    font-size: 18px;
    font-weight: bold;
}

.onecol, .twocol, .twothird, .threecol, .fourcol {
    margin: 0 20px 1.5em 0;
}

h1 {
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 1em;
}

#search_box p {
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 12px;
}

.contact_form {
    padding: 30px;
}

.contact_form h3 {
    font-size: 24px;
    margin-top: 0;
    border: none;
}

.contact_form .requiredmsg, .contact_form_2 .requiredmsg {
    text-align: right;
    font-style: italic;
}

.contact_form input, .contact_form select, .contact_form textarea,
.contact_form_2 input, .contact_form_2 select, .contact_form_2 textarea {
    font-size: 14px;
    background-color: #e9e9e9;
    margin-top: 10px;
    margin-bottom: 25px;
    height: 30px;
    border: none;
    padding: 4px;
    border-radius: 3px;
}
.contact_form_2 input[type="file"] {
    padding: 0;
}

.contact_form_2 select {
    display: block;
}

.contact_form textarea, .contact_form_2 textarea {
    height: 80px;
}

.contact_form input, .contact_form textarea,
.contact_form_2 input, .contact_form_2 textarea {
    width: 100%;
}

.contact_form_2 input:focus, .contact_form_2 textarea:focus, .contact_form_2 select:focus {
    background-color: #fff;
    /*box-shadow: 1px 1px 4px #999 inset, 0 0 5px #999;*/
    /*box-shadow: 0 0 5px #999;*/
    border: 1px solid #999;
}
.contact_form_2  ::selection {
    background-color: #999;
    color: #fff;
}

.contact_form_2   ::-moz-selection {
    background-color: #999;
}

.contact_form_2  *:focus {
    outline-color: #999;
    background: #fff;
}
.contact_form_2 form .pagination a:focus {
    background: #000;
}


.contact_form_2 input[type=checkbox]:focus {
    box-shadow: 0 0 3px #999, 0 0 3px #999;
}

.contact_form_2 select:focus,
.contact_form_2 input[type="text"]:focus,
.contact_form_2 input[type="number"]:focus,
.contact_form_2 input[type="url"]:focus,
.contact_form_2 input[type="currency"]:focus,
.contact_form_2 input[type="file"]:focus {
    background: #fff;
}


.contact_form_2 .error input:focus, .contact_form_2 .error textarea:focus, .contact_form_2 .error select:focus {
    box-shadow: none;
}
.contact_form_2 .error input[type=checkbox] {
    box-shadow: 0 0 6px #faa599, 0 0 6px #faa599;
}

.contact_form label, .contact_form h2,
.contact_form_2 label, .contact_form_2 h2, .contact_form_2 h3, .contact_form_2 .field-group p {
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    margin-bottom: 10px;
    display: block;
    clear: both;
}
.contact_form .check, .contact_form_2 .check {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 50%;
    float: left;
}

.contact_form .check input, .contact_form_2 .check input {
    width: auto;
    display: inline-block;
    height: 15px;
    padding: 4px;
    margin: 2px 8px 0 0;
    line-height: 18px;
    float: left;
}

.contact_form .check label, .contact_form_2 .check label {
    display: inline-block;
    clear: none;
    float: left;
    width: 90%;
    font-weight: normal;
    font-size: 15px;
}

.contact_form input[type=submit], .contact_form_2 input[type=submit] {
    text-transform: uppercase;
    background: #282828;
    color: #fff;
    padding: 12px;
    min-width: 160px;
    margin-top: 5px;
    width: auto;
    cursor: pointer;
    height: 42px;
    float: right;
    clear: both;
}


.contact_form input[type=submit]:hover, .contact_form_2 input[type=submit]:hover {
    background: #FF7E00;
    color: #fff;
    border: none;
}
.contact_form_2 input[type=submit].inactive {
    background: #ccc;
    cursor: default;
}
/*captcha*/
.captcha input[type=number]::-webkit-outer-spin-button,
.captcha input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.captcha input[type=number].isCaptcha {
    width: 30px;
    float: left;
    -moz-appearance:textfield;
}
.captcha span {
    float: left;
    padding: 4px;
    margin: 10px 0;
}

/*Property/Value/selector Hacks*/
/* Chrome *  Safari * Opera ≥ 14  Android **/
.captcha span:not(*:root) {padding: 6px 4px 4px;}

/*Opera ≥ 9.5*/
_:-o-prefocus, body:last-child  .captcha span {padding: 6px 4px 4px;}



.contact_form_2 {
    position: relative;
}

.contact_form_2 h3 {
    border: none;
}

.contact_form_2 .text > div h3, .contact_form_2 .pre_text h3 {
    font-size: 16px;
}

.contact_form_2 .field-group, .contact_form_2 .extrabox-group {
    display: block;
    padding: 10px 0 0;
    margin-bottom: 15px;
}

.contact_form_2 .field-group + .extrabox-group, .contact_form_2 .extrabox-group > .field-group {
    margin-bottom: 0;
    padding-top: 0;
}

.contact_form_2 .extrabox-group > .field-group {
    width: 100%;
}
.contact_form_2 .field-group input, .contact_form_2 .field-group textarea, .contact_form_2 .field-group select {
    margin: 10px 0;
}

.contact_form_2 label, .contact_form_2 .field-group p {
    display: inline;
    margin-right: 10px;
}

.contact_form_2 .field-group p + p {
    margin-left: -5px;
}

.contact_form_2 input, .contact_form_2 textarea {
    width: 100%;
}

.contact_form_2 input[type=checkbox] {
    width: 16px;
    height: 16px; padding: 0;
    background-color: transparent;
}

.contact_form_2 .field-group input[type=checkbox] {
    float: left;
    margin: 0 5px 0 0;
}

.contact_form_2 a.info_icon {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 10px 0 -7px;
    background: transparent url('cssimg/zanox-info-button-15x15-darkgrey.png') no-repeat 0 0;
}

.contact_form_2 a.info_icon:hover {
    background: transparent url('cssimg/zanox-info-button-15x15-grey.png') no-repeat 0 0;
}

.contact_form_2 a.info_icon:hover .info_text {
    display: block;
}

.contact_form_2 .info_text {
    position: absolute;
    top: 25px;
    left: -55px;
    min-width: 200px;
    color: #282828;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 10px;
    display: none;
    z-index: 9;
}

.contact_form_2 .checkbox_group.twocol .info_text,
.contact_form_2 .checkbox_group.threecol + .threecol + .threecol .info_text {
    left: -85px;
}

.contact_form_2 .spike {
    position: absolute;
    left: 3px;
    top: 19px;
    width: 10px;
    height: 7px;
    background: url('cssimg/zanox-spike.png') no-repeat 50% 0;
    display: none;
    z-index: 10;
}
.contact_form_2 a.info_icon:hover .spike {
    display: block;
}
.contact_form_2 .checkbox_group.onecol .field-group {
    width: 33.3%;
    float: left;
}

.contact_form_2 .checkbox_group .extrabox-group,
.contact_form_2 .checkbox_group.onecol .field-group.extra,
.contact_form_2 .checkbox_group.onecol .extrabox-group > .field-group,
.contact_form_2 .checkbox_group.twothird .field-group.extra,
.contact_form_2 .checkbox_group.twothird .extrabox-group > .field-group {
    width: 100%;
    float: left;
}

.contact_form_2 .checkbox_group.twothird .field-group {
    width: 50%;
    float: left;
    padding-right: 20px;
}

body.iframe .contact_form_2 form {
    margin-left: 3px;
}

body.iframe .contact_form_2.onecol {
    margin-right: 0;
    margin-bottom: 0;
}

body.iframe .contact_form_2.onecol {
    width: 98%;
}

body.iframe .contact_form_2 .onecol {
    width: 100%;
}

body.iframe .contact_form_2 .twocol {
    width: 48%;
}

body.iframe .contact_form_2 .threecol {
    width: 31.3%;
}

body.iframe .contact_form_2 .twothird {
    width: 64.6%;
}

body.iframe .contact_form_2 .field-group.twocol {
    width: 48.6%;
}

body.iframe .contact_form_2 .field-group.threecol {
    width: 31.5%;
}

body.iframe .contact_form_2 .field-group.twothird {
    width: 65.5%;
}

body.iframe .contact_form_2 .twocol + .twocol, .contact_form_2 .twocol + .twocol {
    margin-right: 0;
}

body.iframe .contact_form_2 .threecol + .threecol + .threecol, .contact_form_2 .threecol + .threecol + .threecol {
    margin-right: 0;
}

body.iframe .contact_form_2 .twothird + .threecol, .contact_form_2 .twothird + .threecol,
body.iframe .contact_form_2 .threecol + .twothird, .contact_form_2 .threecol + .twothird {
    margin-right: 0;
}

.contact_form_2 .checkbox_group .field-group {
    display: block;
}

.contact_form_2 .subtext {
    margin-top: -20px;
    font-size: 11px;
}

.contact_form_2 .pre_text {
    margin-bottom: 1.7em;
}

.vert_table .img_container img {
    max-width: none;
}

/* Navigation: ------------------------------------- */


nav ul {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
}

nav a, nav span.current {
    text-decoration: none;
    display: block;
    width: 100%;
}


.nav1, .nav2 {
    text-transform: uppercase;
    height: 30px;
    z-index: 2;
}

.nav1:last-child a, .nav2:last-child a {
    margin-right: 0;
}

.nav1 {
    position: relative;
    z-index: 105;
}

.js .nav1 {
    padding-top: 46px;
}

.js .nav1 {
    position: fixed;
    padding-top:0;
    top: 46px;
}


.nav2 {
    position: absolute;
    width: 100%;
}
.navbubble {
    display: none;
    position: absolute;
    background: url('cssimg/hover_back.png') no-repeat 50% 0;
    border-bottom: 1px solid #e9e9e9;
    color: #282828;
    padding: 20px 10px 10px;
    width: 180px;
    overflow: hidden;
    margin-left: -24px;
    text-align: left;
    line-height: 1.1em;
    font-weight: normal;
    text-transform: none;
    font-size: 12px;
    text-indent: 0;
    z-index: 105;
}

.nav1 a:hover .navbubble {
    display: block;
}

.touch .nav1 a:hover .navbubble {
    display: none;
}


.nav1 > li > a, .nav1 > li > span.current {
    color: #fff;
    font-weight: bold;
    text-indent: 23px;
    line-height: 1.2em;
    height: 19px;
    -webkit-transition:color 0s;
    -moz-transition:color 0s;
    -o-transition:color 0s;
    transition:color 0s;
}

.nav1 > li.active > span.current, .nav1 > li.active > a.current {
    color: #FF7E00;
    background-position: 0 -19px;
    -webkit-transition:color 0s;
    -moz-transition:color 0s;
    -o-transition:color 0s;
    transition:color 0s;
}

.nav1 > li > .current, .nav3 > li .current  {
    color: #FF7E00;
}

.nav1 > li > a:hover, .nav1 > li > a:focus {
    color: #FF7E00;
    background-color: transparent;
    background-position: 0 -19px;
    -webkit-transition:color 0s;
    -moz-transition:color 0s;
    -o-transition:color 0s;
    transition:color 0s;
}


.nav1 > li, .nav2 > li {
    display: block;
    float: left;
    margin-right: 32px;
}
.nav1 > li {
    padding: 4px;
}

.nav1 .not_mobile {
    line-height: 1.2em;
}

.nav2 > li {
    font-size: 14px;
    font-weight: 600;
    padding: 4px 5px 5px 5px;
    margin-right: 30px;
}

.nav2 > li.active > span.current, .nav2 > li.active > a.current,
.nav4 > li.active > span.current, .nav4 > li.active > a.current {
    color: #FF7E00;
}

.nav2 button {
    display: none;
}

.nav2 button:focus {
    outline-color: transparent;
}


.nav2 a.downarrow, .nav2 span.downarrow {
    display: inline;
}

.nav2 span.nav_arrow {
    background: url('cssimg/zanox-nav-arrow_down.png') no-repeat center center;
    display: inline-block;
    width: 25px;
    height: 11px;
    transition: transform .25s;
    -moz-transition: transform .25s;
    -webkit-transition: -webkit-transform .25s;
}

.nav2 > li:hover, .nav3 > li:hover {
    background-color: #e9e9e9;

}
.nav2 > li > a:hover, .nav2 > li > a:focus {
    background-color: transparent;
}
.touch .nav2 > li:hover, .touch .nav3 > li:hover {
    background-color: #fff;
}

.nav2 > li:hover span.nav_arrow {
    -moz-transform:rotate(-180deg); /* Firefox 3.6 Firefox 4 */
    -webkit-transform:rotate(-180deg); /* Safari */
    -o-transform:rotate(-180deg); /* Opera */
    -ms-transform:rotate(-180deg); /* IE9 */
    transform:rotate(-180deg); /* W3C */
}

.touch .nav2 > li:hover span.nav_arrow {
    -moz-transform:none !important;
    -webkit-transform:none !important;
    -o-transform:none !important;
    -ms-transform:none !important;
    transform: none !important;
}

.nav3 > li:hover:last-of-type {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.nav2 > li.active span.nav_arrow {
    background: url('cssimg/zanox-nav-arrow_down_orange.png') no-repeat center center;
}

nav .active .nav2, div.nav2 {
    display: block;
}

header .nav2 {
    bottom: 0;
}

body.hadteaser .nav2, body.hasnoteaser .nav2 {
    bottom: 1px;
}

.nav3 {
    text-transform: none;
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-top: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 2px 2px 6px rgba(0,0,0,.5);
    margin-left: -6px;
    top: 29px;
    z-index: -1;
}

.nav3_open {
    display: block;
}

.nav3 > li {
    font-weight: 400;
    padding: 0 15px;
    width: 100%;
}

.nav3 > li > span > a, .nav3 > li > span > span {
    padding: 6px 0;
    border-top: 1px solid #e9e9e9;
}
.nav3 > li:first-child > span > a, .nav3 > li:first-child > span > span {
    border: none;
}
.nav3 > li:first-child.active  > a {
    padding: 6px 0;
}

.nav2 li:hover .nav3 {
    display: block;
}


.nav4 {
    padding-left: 5px;
}

.nav4 a:before,
.nav4 span a:before,
.nav4 span span:before {
    content: ">> "
}



.nav4 li a[target="zanoxtab"]:focus {
    color: #FF7E00;
}

.touch .nav4 li a.no_arrow[target="zanoxtab"]:hover,
.nav4 li a.no_arrow[target="zanoxtab"]:focus,
.nav4 li a.no_arrow[target="zanoxtab"]:active {
    color: #282828;
}

.navShine {
    position: absolute;
    top: 431px;
    left: -200px;
    width: 200px;
    height: 30px;
    background: -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 70%); /* FF3.6+ */
    background: -webkit-gradient(radial, top center, 0px, top center, 100%, color-stop(20%,rgba(255,255,255,1)), color-stop(70%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(top, ellipse cover, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(top, ellipse cover, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 70%); /* Opera 12+ */
    background: -ms-radial-gradient(top, ellipse cover, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 70%); /* IE10+ */
    background: radial-gradient(ellipse at top, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 70%); /* W3C */
}

.hadteaser.scroll .navShine,
.hasnoteaser .navShine {
    top: 75px;
}

/* Boxen, generisch: ------------------------------------- */

.fourcol, .threecol, .twocol, .twothird, .twothird, .onecol {
    float: left;
    -webkit-transition:width .5s;
    -moz-transition:width .5s;
    -o-transition:width .5s;
    transition:width .5s;
}

.arrowbutton {
    padding-top: 10px;
    text-align: right;
    min-height: 40px;
}

.arrowbutton a {
    display: inline-block;
    background: #FF7E00;
    padding: 10px 20px 8px 20px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 14px;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    float: right;
    text-align: center;
    min-width: 100px;
    max-width: 195px;
}

.arrowbutton a:hover {
    color: #282828 !important;
}

.button a {
    display: inline-block;
    background: #999;
    padding: 10px 20px 8px 20px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 14px;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    float: right;
    text-align: center;
    min-width: 100px;
    margin-left: 20px
}

.arrowbutton span {
    display: inline-block;
    background: #FF7E00 url('cssimg/buttonarrow.png') no-repeat;
    width: 52px;
    height: 37px;
    float: right;
    margin: -4px 10px 0 0;
}

.arrowbutton svg {
    width: 52px;
    height: 37px;
    float: right;
    margin: -4px 10px 0 0;
}

.arrowbutton .dark {
    background: url('cssimg/buttonarrow-282828.png') no-repeat;
}

.arrowbutton .light {
    background: url('cssimg/buttonarrow-eeeeee.png') no-repeat;
}

.arrowbutton .grey {
    background: url('cssimg/buttonarrow-999999.png') no-repeat;
}

.arrowUp {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid black;
}



.leftarrow {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid #282828;
    border-bottom: 15px solid transparent;
}

.rightarrow {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #282828;
    border-bottom: 15px solid transparent;
}

.flag_end {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-right: 30px solid #e9e9e9;
    border-bottom: 30px solid transparent;
}

.bubblearrow {
    width: 0;
    height: 0;
    border-left: 70px dashed transparent;
    border-right: 0 solid transparent;
    border-top: 30px solid #e9e9e9;
}

.bubblearrow2 {
    width: 0;
    height: 0;
    border-left: 70px dashed transparent;
    border-right: 0 solid transparent;
    border-top: 30px solid #999;
}

.menudownarrow {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #282828;
}

.menuupwhite {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #fff;
}

.menuupwhite2 {
    background: #fff url('cssimg/navigation-arrow-white.png') no-repeat 130px 0;
}

/* Boxen, Einzeldefinition: ------------------------------------- */
.text {
    padding: 0;
}


.text_bullet .normal_ul, .text_bullet .free_ul {
    padding-left: 0;
}

#search_box {
    color: #666;
    text-align: right;
    margin-bottom: 1em;
}

#search_box input {
    font-size: 12px;
    height: auto;
    border: 1px solid #ccc;
    padding: 0;
    border-radius: 4px;
}

#search_box input[type=search] {
    padding: 5px 3px 2px;
    width: 160px;
}
/*Property/Value/selector Hacks*/
/* Chrome *  Safari * Opera ≥ 14  Android **/
#search_box input[type=search]:not(*:root), #search_box input[type=submit]:not(*:root) {padding: 2px 4px 1px; max-height: 21px; line-height: 21px;}
#search_box input[type=submit]:not(*:root) {padding: 1px 6px 1px; }
/*Opera ≥ 9.5*/
_:-o-prefocus, body:last-child #search_box input[type=search] {padding: 3px 4px 0; }
_:-o-prefocus, body:last-child #search_box input[type=submit]{padding: 3px 6px 0;}

#search_box input[type=search]:focus {
    width: 235px;
    transition: width .5s;
    -webkit-transition: width .5s;
}

#search_box input[type='submit'] {
    border-color: #282828;
    padding: 5px 8px 2px;
    background: #282828;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.servicebox {
    position: relative;
    padding: 20px;
    background: #e9e9e9;
    min-height: 250px;
    font-size: 15px;
    border-radius: 12px;
    margin-top: 20px;
}

.servicebox > img {
    margin: -40px 5px 20px 5px;
    width: 85px;
    height: 85px;
    float: left;
}

.servicebox.threecol > img + h2 {
    max-width: 165px;
}

.servicebox h2 {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 1em 1em;
}

.servicebox h2 + p {
    clear: both;
}

.servicebox ul.free_ul, .servicebox ul.normal_ul {
    padding-left: 0;
}

.flag_box {
    border-radius: 0;
    position: relative;
}

.flag_box > img {
    margin: 0 15px 0 -15px;
    width: 75px;
    height: 75px;
}

.flag_box .with_icon p, .flag_box .with_icon ul {
    padding-left: 105px;
    clear: none;
}

.flag_box ul {
    padding-left: 0;
}

.flag_box .with_icon ul > li > p {
    padding-left: 25px;
}

.flag_box .with_icon img {
    float: left;
}

.flag_box h2 {
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    color: #fff;
    padding: .6em 35px .6em .8em;
    margin-left: -30px;
    min-width: 35%;
    float: none;
    background: #282828 url('cssimg/flag_ends.png') no-repeat right center;
    position: relative;
    max-height: 99px;
    overflow: hidden;
}

@media only screen and (min-width: 674px) and (max-width: 959px) {
    .flag_box h2 {
        min-width: 100%
    }
}

@media only screen and (max-width: 673px) {
    .flag_box h2 {
        min-width: 100%
    }
}

.flag_box ul li {
    padding-left: 0;
}

.flag_box ul li p {
    padding-left: 25px;;
}

.flag_box ul a {
    padding-left: 25px;
}

.flag_box ul p {
    width: 100%;
}

.flag_box p > a {
    font-weight: bold;
}

.banner {
    padding: 20px;
    border-radius: 12px;
}

.banner h2 {
    font-size: 28px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.sidebanner {
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

.sidebanner h2, .sidebanner p, .sidebanner .arrowbutton, .sidebanner ul, .sidebanner ol {
    padding: 0 20px 20px;
}

.sidebanner img {
    padding: 20px 0;
    width: 100%;
}

.bubble {
    padding: 20px 60px 30px 60px;
    border-radius: 12px;
    background-color: #e9e9e9;
    min-width: 170px;
    position: relative;
    margin-bottom: 40px;
}

.bubbleGrey {
    padding: 20px 60px 30px 60px;
    border-radius: 12px;
    background-color: #999;
    color: #fff;
    min-width: 170px;
    position: relative;
    margin-bottom: 40px;
}

.bubble .quote, .bubbleGrey .quote {
    font-size: 90px;
    font-weight: bold;
    font-family: 'Times New Roman', Times;
    position: absolute;
    left: 12px;
    top: 24px;
    line-height: 0.5em;
}

.bubble + .dark {
    background-color: #999;
    color: #fff;
}

.bubble h2, .bubbleGrey h2 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
}

.bubble span.bubblearrow, span.bubblearrow2 {
    position: absolute;
    right: 60px;
    bottom: -29px;
}

.comm_calculator > div {
    padding: 20px;
    background: #282828;
    font-size: 18px;
    border-radius: 12px;
    color: #fff;
    position: relative;
}

.comm_calculator a#top_calculator {
    position: absolute;
    top: -120px;
    display: block;
    width: 1px;
    height: 1px;
}


.comm_calculator form label, .comm_calculator .comm_result p {
    font-size: 16px;
}

.comm_calculator form select {
    font-size: 18px;
    min-width: 150px;
    padding-top: 6px;
}

.comm_calculator label, .comm_calculator p {
    color: #FF7E00;
    text-transform: uppercase;
}

.comm_calculator #calculate {
    position: absolute;
    bottom: 0px;
    right: 90px;
}

.comm_calculator .group_fields {
    float: left;
    margin-right: 15px;
}

.comm_calculator .comm_result {
    text-align: center;
    width: 335px;
    float: right;
    background: url('cssimg/result_arrows.png') no-repeat 0, 0;
    position: relative;
}

.comm_calculator .comm_result p.input_box {
    color: #fff;
    font: 24px 'Open Sans',Arial,Helvetica,SansSerif;
    font-weight: bold;
}

.comm_calculator .subtext, .comm_calculator p.subtext {
    font-size: 10px;
    font-weight: normal;
    color: #282828;
    padding: 8px;
    line-height: 1.25em;
}

.comm_calculator p.result {
    color: #282828;
}

.arrows_horz {
    position: relative;
}

.vertical_arrow {
    width: 303px;
    float: left;
    margin-right: 10px;
}

.arrows_horz .arrow_one {
    width: 288px;
}

.arrow_one {
    height: 60px;
    line-height: 60px;
    margin-left: 15px;
    margin-right: 10px;
    background: #FF7E00;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    border-radius: 3px;
    float: left;
    display: inline-block;
}

.arrow_one img.pre_icon {
    height: 42px;
    width: 42px;
    position: absolute;
    left: -12px;
    top: 8px;
}

.arrow_one img.moneybag {
    height: 42px;
    width: 42px;
    position: absolute;
    right: 4px;
    top: 8px;
}

.arrow_one img {
    position: absolute;
    right: 50px;
    top: 8px;
    height: 42px;
    width: 42px;
}

.vertical_arrow .arrow_one img.pre_icon + img {
    right: 10px;
}

.arrow_one h2 {
    max-width: 210px;
    font-size: 18px;
    font-weight: normal;
    position: relative;
    margin-left: 36px;
    margin-bottom: 0;
    line-height: 1.1em;
    display: inline-block;
    vertical-align: middle;
}

.arrows_horz .arrow_one img + img + h2 {
    width: 157px;
}

.vertical_arrow .arrow_one img + img + h2 {
    width: 190px;
}

.arrow_one span.arrow_end {
    position: absolute;
    height: 60px;
    width: 52px;
    top: 0;
    right: 0;
    background: url('cssimg/arrow_end_neg.png') no-repeat right center;
}

.arrow_one span.arrow_spike {
    content: '';
    position: absolute;
    left: 43%;
    bottom: -19px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px dashed #FF7E00;
    display: none;
}

.vertical_arrow .arrow_one span.arrow_spike {
    display: block;
}

.arrowbox {
    margin: 90px 0 20px 0;
    padding: 20px;
    background: #e9e9e9;
    min-height: 250px;
    border-radius: 12px;
    color: #282828;
    text-transform: none;
}

.arrowbox h2 {
    font-size: 18px;
    margin-left: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}

.arrow_box p {
    padding-bottom: 20px;
}

.module_stage {
    border: 1px solid #e9e9e9;
    padding-top: 15px;
    padding-bottom: 0;
    padding-left: 0;
    height: 100%;
}

.threecol .module_stage {
    padding-right: 18px;
}

.twocol .module_stage {
    padding-right: 23px;
}

.onecol .module_stage {
    padding: 20px 20px 0 20px;
}

.module_header {
    background-color: #e9e9e9;
    border-radius: 12px 12px 0 0;
    padding: 10px 20px;
}

.module_header h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.side_module img {
    margin-top: 0;
    margin-right: 0;
    float: left;
}

.threecol .module_stage img {
    margin-left: 20px;
    margin-bottom: 15px;
}

.twocol .module_stage img {
    margin-left: 25px;
    margin-bottom: 20px;
}

.onecol .module_stage img {
    margin-left: 29px;
    margin-right: 30px;
    margin-bottom: 20px;
}

.module_stage a.more, .event_item a.more {
    float: right;
    margin-bottom: 20px;
}

.program_list {
    position: relative;
}

.program_list .list_header {
    color: #fff;
    background: #FF7E00;
    padding: 20px;
    border-radius: 12px 12px 0 0;
    margin-bottom: 20px;
}

.program_list .list_header h2 {
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

.program_list .list_header a {
    position: absolute;
    top: 10px;
    right: 10px;
    padding-right: 28px;
    font-size: 13px;
    color: #fff;
    background: url('cssimg/rss.png') no-repeat right 0;
    text-decoration: none;
}

.program_list.threecol .list_header a {
    display: block;
    width: 20px;
    height: 20px;
}

.program_list.threecol .list_header a span {
    display: none;
}

.program_list.threecol table.rss_feed tr, .program_list.threecol table.rss_feed td {
    display: block;
    border: 0;
    padding: 8px 0;
    clear: both;
}

.program_list.threecol table.rss_feed tr {
    border-bottom: 1px solid #282828;
}


.program_list.threecol table.rss_feed th {
    display: none;
}


.program_list .list_header a:hover {
    color: #fff;
    text-decoration: underline;
}

.program_list .list_header select {
    border: 1px solid #999;
    margin-right: 10px;
    font-size: inherit;
    max-width: 210px;
}

.program_list .list_header select, .program_list .list_header input[type="text"] {
    height: 35px;
}

.program_list .list_header input.filter {
    height: 35px;
    width: 60px;
    font-size: 18px;
    color: #fff;
    background: #282828;
    cursor: pointer;
    text-transform: uppercase;
}

.program_list .list_header input.filter.search {
    text-transform: uppercase;
    width: inherit;
}

.program_list .list_body {
    position: relative;
}

.program_list .list_body table {
    width: 100%;
    text-align: left;
    font-size: 15px;
    border-spacing: 0
}
.program_list .list_body table {
    table-layout: fixed;
}
.program_list .list_body thead {
    background: #282828;
    color: #fff;
    padding: 10px;
}

.program_list .list_body th {
    padding: 10px;
}

.program_list .list_body td {
    padding: 20px 0 0 0;
    vertical-align: middle;
}

.program_list .list_body td {
    border-bottom: 1px solid #282828; border-collapse: collapse;
}

.program_list .list_body td p {
    padding-right: 20px;
}

.program_list .list_body td img.rss_img {
    padding: 0 40px 0 0;
}

.program_list .list_body td.aff_prog, .program_list .list_body th.aff_prog {
    width: 160px;
}
.program_list .list_body td.prog_details, .program_list .list_body th.prog_details,
.program_list .list_body td.ad_rank, .program_list .list_body th.ad_rank {
    width: 150px;
}

.program_list .list_body th.prog_join, .program_list .list_body td.prog_join {
    width: 100px;
}

.program_list .list_body td.last {
    border-bottom: none;
    padding-top: 40px;
}

.program_list .list_body a.more,
.program_list .list_body a.less {
    margin-bottom: 10px;
}

.program_list .list_body a.black {
    width: 100px;
    background-color: #282828;
    color: #fff;
    padding: 5px;
}

.program_list .list_body a.load_more {
    background-color: #D9D8D6;
    color: #000;
    text-transform: uppercase;
    font-weight: normal;
    padding: 7px;
}

.program_list .list_body a:hover.load_more {
    background-color: #FF7E00;
    color: #fff;
}

.program_list .list_body a.black, .program_list .list_body a.load_more {
    display: block;
    text-align: center;
    text-decoration: none;
}

.program_list .list_body a.load_more + div.loading {
    display:none;
    height:50px;
}

.program_list .list_header input[type='text'] {
    margin-right: 10px;
    vertical-align: middle;
}

@media only screen and (min-width: 320px) and (max-width: 673px) {
    .program_list .list_header input[type='text'] {
        margin-bottom: 5px;
    }
}

.program_list .formGroup {
    display: inline;
    margin-right: 22px;
    margin-bottom: 6px;
}

.program_list .formGroup:last-of-type {
    margin-right: 0;
}

@media only screen and (min-width: 320px) and (max-width: 979px) {
    .program_list .formGroup {
        display: inline-block;
    }
}

.elastic-video {
    position: relative;
    padding-bottom: 25.5%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}
.onecol.elastic-video,
.onecol .elastic-video {
    padding-bottom: 55%;
}

.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*.onecol.elastic-video iframe,*/
/*.onecol .elastic-video iframe {*/
/*height: 100%;*/
/*}*/
@media only screen and (min-width: 674px) and (max-width: 940px) {
    .program_list .list_body td.prog_details, .program_list .list_body th.prog_details {
        max-width: 100px;
    }

    .program_list .list_body td img.rss_img {
        padding: 0 20px 0 0;
    }
}

th.prog_details {
    width: 170px;
}

th.ad_rank {
    width: 150px;
}

.seasonal_promo .two_items {
    width: 50%;
    float: none;
}

.seasonal_promo .three_items {
    width: 33%;
    float: none;
}

.seasonal_promo .promo_item {
    position: relative;
    min-height: 350px;
    height: 100%;
    padding: 10px 0 0 20px;
    margin-bottom: 35px;
    float: left;
}

.seasonal_promo .promo_item img {
    padding-bottom: 20px;
}

.seasonal_promo .promo_item p.text {
    min-height: 120px;
}

.seasonal_promo .promo_item .arrowbutton {
    position: absolute;
    bottom: 0;
    right: 0;
    vertical-align: bottom;
    display: table;
}

@media only screen and (min-width: 674px) and (max-width: 940px) {
    .seasonal_promo .promo_item .arrowbutton span {
        display: none;
    }
}

.padding_bottom_30 {
    padding-bottom: 30px;
}

.event_listing .event_item {
    border-bottom: 1px solid #282828;
    padding: 25px 20px 30px 220px;
    position: relative;

}

.twocol .event_item {
    padding-left: 160px;
}

.twothird .event_item {
    padding-left: 180px
}

.threecol .event_item {
    padding-left: 20px
}

.event_listing .event_item img {
    position: absolute;
    left: 30px;
    top: 30%;
}

.twocol .event_item img {
    left: 10px;
}

.twothird .event_item img {
    left: 15px;
}

.threecol .event_item img {
    position: relative;
    left: 0;
    top: 0;
    padding-bottom: 10px;
}

.event_listing .event_item h2 {
    margin-bottom: 0;
}

.event_listing .event_item p:first-of-type {
    padding-top: 1.0em;
}

.event_listing .event_item a.more, .program_list a.more,
.event_item a.less, .program_list a.less {
    text-decoration: none;
    background: #e9e9e9;
    padding: 5px;
    border-radius: 6px;
}

.program_list a.more, .program_list a.less {
    margin-right: 12px;
}

.event_item a.less, .program_list a.less {
    display: none;
}
.vert_prog_slider {
    border: 1px solid #e9e9e9;
    padding: 10px 10px 10px 160px;
    position: relative;
}

.vert_prog_slider .prog_item .text_field {
    background: #e9e9e9;
    width: 540px;
    height: 358px;
    padding: 20px 40px 30px 40px;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.vert_prog_slider .prog_item .text_field img {
    position: absolute;
    left: -140px;
    top: 0;
}

.vert_prog_slider .text_field h2 {
    margin-bottom: 0.4em;
}

.vert_prog_slider .text_field a>h2 {
    display: inline-block;
}

.vert_prog_slider .text_field p.ad_rank {
    margin-right: 10px;
    display: inline;
}

.vert_prog_slider .text_field ul {
    margin: 20px 0 30px;
}

.vert_prog_slider .aside_icons {
    display: none;
    width: 220px;
    padding-left: 10px;
    float: left;
}

.vert_prog_slider .aside_icons .aside_item {
    border: 1px solid #e9e9e9;
    margin-bottom: 10px;
    background: url('cssimg/vertical-programme-slider-arrow.png') no-repeat left center;
}

.vert_prog_slider .aside_icons .aside_item a {
    display: block;
}

.vert_prog_slider .aside_icons .aside_item a img {
    vertical-align: middle;
    padding: 10px 10px 10px 60px;
}

.vert_prog_slider .closed {
    display: none;
}

.vert_photo_slider {
    position: relative;
}

.vert_photo_slider a.img_link {
    text-decoration: none;
}

.vert_photo_slider img {
    width: 300px;
    height: auto;
    padding-top: 20px;
}

.vert_photo_slider a span.photo_title {
    background: #FF7E00 url('cssimg/flipped_edge.png') no-repeat right bottom;
    color: #fff;
    padding: 5px 10px;
    display: block;
    margin-top: -10px;
    overflow: hidden;
}

.vert_photo_slider > h2, .vert_photo_slider > h3, .event_listing > h2, .event_listing > h3 {
    clear: both;
    font-weight: normal;
    font-size: 20px;
    padding-bottom: 6px;
    border-bottom: 2px dotted #282828;
}

#imageSlider {
    position: relative;
    overflow: hidden;
    height: 750px;
}

#imageSlider_stage {
    position: absolute;
}

.slider_bottom {
    padding-top: 20px;
    display: none;
}

#tabbed_content {
    position: relative;
}

#tabbed_content > ul {
    margin: -10px auto;
    text-align: center;
    list-style-image: none;
    height: 110px;
    position: relative;
    display: table;
}

#tabbed_content > ul li {
    width: 90px;
    height: 110px;
    display: inline-block;
    float: none;
    display: table-cell;
    vertical-align: bottom;
}


#tabbed_content > ul li.active a, #tabbed_content > ul li:hover a {
    background: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px;
    border-bottom: 2px solid #fff;
    height: 110px;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-radius: 6px 6px 0 0;
}

#tabbed_content > ul li a {
    text-decoration: none;
    background-size: 70px;
    background-color: #282828;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 6px 6px 0 0;
    height: 90px;
    display: block;
}

#tabbed_content .content {
    text-align: left;
    padding: 20px;
    border: 2px solid #ccc;
    margin-bottom: 10px;
    min-height: 250px;
}

#tabbed_content .content h2 {
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0.5em;
    border-bottom: 2px dotted #282828;
}


#tabbed_content .content .box {
    width: 50%;
    float: left;
    padding: 10px 30px 10px 10px;
}

#tabbed_content .content .box img, #tabbed_content .content .extra_box img,
#tabbed_content .content img {
    max-width: 100%;

}

#tabbed_content .content .extra_box {
    width: 50%;
    background: #e9e9e9;
    padding: 10px 20px;
    border-radius: 10px;
    float: left;
}

.rss_news {
    padding: 10px;
}

.rss_news h2 {
    clear: both;
    font-weight: normal;
    font-size: 20px;
    padding-bottom: 6px;
    border-bottom: 2px dotted #282828;
}

.rss_news .news_item {
    margin-bottom: 30px;
    font-size: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #282828;
    min-height: 115px;
}

.rss_news .news_item a.more {
    margin-left: 15px;
}

.rss_news .news_item.two_items h3 {
    margin-bottom: 0.5em;
    font-size: 15px;
}

.rss_news .news_item h3 {
    font-size: 16px;
    margin-bottom: 0;
}

.rss_news .two_items {
    width: 50%;
    float: left;
    padding-bottom: 0;
    border-bottom: none;
    min-height: 180px;
}

.rss_news .two_items:nth-of-type(odd) {
    clear: both;
    min-height: 0;
}

.rss_news .two_items:nth-of-type(even) {
    padding-left: 20px;
    min-height: 0;
}

.rss_news .newsfield {
    padding-left: 100px;
}

.rss_news .two_items .newsfield {
    padding-left: 85px;
}

.rss_news .datefield {
    font-weight: bold;
    background: #FF7E00;
    height: 85px;
    width: 65px;
    color: #fff;
    text-align: center;
    padding: 5px;
    float: left;
    background: #FF7E00 url('cssimg/flipped_edge.png') no-repeat right bottom;
}

.rss_news .datefield .month {
    font-size: 19px;
    text-transform: uppercase;
    line-height: 1.4em;
}

.rss_news .datefield .day {
    font-size: 36px;
    line-height: 0.8em;
}

.rss_news .datefield .year {
    font-size: 18px;
    line-height: 1em;
}
table.vert_table {
    border-collapse:collapse;
}

.vert_table thead {
    font-weight: bold;
    text-align: left;
}

.vert_table th {
    padding: 6px 4px;
}

.vert_table td {
    padding: 20px 20px 20px 0;
    vertical-align: top;
}

.vert_table ul {
    min-width: 100px;
}

.vert_table tbody tr {
    border-bottom: 1px solid #282828;
}

#push_message {
    margin: 0 auto;
    text-align: center;
    padding: 30px 50px;
    width: 740px;
}
.push_box {
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    width: 300px;
    margin: 0 10px .5em 10px;
    float: left;
    text-align: left;
}

.push_box h2 {
    font-size: 18px;
    text-transform: uppercase;
}

#push_message .subtext {
    font-size: 12px;
    text-align: left;
    margin-left: 10px;
}

#push_message .arrowbutton {
    margin-top: 20px;
}

#push_message .arrowbutton a {
    max-width: 185px !important;
}

.slider_campaign {
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #e9e9e9;
    overflow: hidden;
}

.slider_campaign.onecol {
    height: 425px;
}

.slider_campaign.twothird {
    height: 280px;
}

.slider_campaign.twocol {
    height: 208px;
}

.campaign_item {
    position: absolute;
    overflow: hidden;
    background: #fff top right no-repeat;
    background-size: cover;
}

.onecol .campaign_item {
    width: 940px;
    height: 425px;
}

.twothird .campaign_item {
    width: 620px;
    height: 280px;
}

.twocol .campaign_item {
    width: 460px;
    height: 208px;
}

.campaign_text {
    padding: 40px;
    font-size: 18px;
}

.campaign_text .header {
    font-size: 22px;
    text-transform: uppercase;
}

.campaign_item img {
    margin: auto 0 auto 20px;
    float: right;
}

.twothird .campaign_text img {
    max-width: 220px;
}

.onecol .campaign_text img {
    max-width: 320px;
}
ul.dots {
    display: none;
    position: absolute;
    right: 15px;
    bottom: 15px;
}
ul.dots li {
    float:left;
    margin-left: 4px;
    list-style:none;
}

ul.dots li a {
    background: #e9e9e9;
    border: 1px solid #999;
    border-radius: 7px;
    display:block;
    width: 7px;
    height:14px;
    background-position:0 0;
    background-repeat: no-repeat;
    padding-left: 12px;
}

ul.dots li a.current {
    background: #FF7E00;
}

.loading {
    background: url('cssimg/loading.gif') no-repeat 50% 50%;
}

.f_loading {
    background: url('cssimg/fancybox_loading.gif') no-repeat 50% 50%;
}

.tile_system {
    position: relative;
    padding: 0;
    width: 100%;
}

.tile_item {
    position: relative;
    width: 312px;
    height: 312px;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/*class twothird - 2 cols - has the width 620px*/
.tile_system.twothird .tile_item {
    width: 310px;
    height: 310px;
}

html.touch .tile_item:hover .tile_overlay {
    display: none;
}

.tile_item:hover .tile_overlay {
    display: block;
}

.tile_item .tile_subline {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    border-right: 2px dotted #fff;
}

.onecol .tile_item:nth-of-type(3n-3) .tile_subline {
    border-right: none;
}

.twothird .tile_item:nth-of-type(2n-2) .tile_subline {
    border-right: none;
}

.threecol .tile_item .tile_subline {
    border-right: none;
}

.tile_item .tile_subline:after {
    content: ' >';
}

.tile_item .tile_overlay {
    display: none;
    position: absolute;
    top: 0;
    padding: 20px;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.tile_item h2 {
    font-size: 18px;
    text-transform: uppercase;
}

.transaction_counter {
    border-radius: 16px;
    background: #e9e9e9;
    width: 300px;
    padding: 15px;
    margin: 0 20px 20px 0;
    position: relative;
}

.transaction_counter .digits {
    width: 230px;
    margin: 0 8%;
    text-align: center;
    height: 63px;
}

.transaction_counter .digits + p {
    margin-top: 0.5em;
}

.transaction_counter .number {
    background: #fff;
    float: left;
    padding: 7px 2px;
    margin-right: 4px;
    font-size: 53px;
    font-weight: bold;
    line-height: .8em;
    position: relative;
}

.line1, .line2, .line3, .line4, .line5, .line6, .line7 {
    border-top: 2px solid #fff;
    width: 30px;
    position: absolute;
    display: inline-block;
    top: 28px;
    left: 0;
}

.caption_orange {
    padding: 5px;
    background: #FF7E00;
    color: #fff;
    background: #FF7E00 url('cssimg/flipped_edge.png') no-repeat right bottom;
}

.pr_text .pr_item h2 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0.5em;
}

.pr_item {
    margin-bottom: 0.5em;
}

.pr_item img {
    max-width: 100%;
}

.img_container.left {
    padding: 0 10px 10px 0;
}

.img_container.right {
    padding: 0 0 10px 10px;
}
.img_container {
    display: block;
}

.img_container img {
    max-width: 100%;
}

.img_container .caption_orange {
    margin-top: -8px;
}

img + p.caption {
    max-width: 100%;

}

.servicebox.flag_box.threecol + .img_container,
.servicebox.flag_box.twothird + .img_container,
.img_container.threecol + .servicebox.flag_box,
.img_container.twothird +  .servicebox.flag_box{
    margin-top: 20px;
}
/* Paginierung ------------*/

.pagination {
    margin: 20px 0 40px;
    width: 100%;
    text-align: right;
}

.pagination a, .pagination span {
    background: #ccc;
    padding: 1px 12px;
    margin-right: 5px;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    min-height: 21px;
    display: inline;
}

a.pagelink, span.pagedots {
    background: #282828;
}

span.currentpage {
    background: #FF7E00;
}

.pagination a.firstpage, .pagination a.prevpage, .pagination a.nextpage, .pagination a.lastpage {
    margin-right: 8px;
}

a.firstpage_up {
    background: #e9e9e9 url('cssimg/slider-first-up-arrow.png') no-repeat center center;
    padding: 1px 15px;
}

a.firstpage {
    background: #e9e9e9 url('cssimg/slider-first-arrow.png') no-repeat center center;
    padding: 1px 15px;
}

a.prevpage_up {
    background: #e9e9e9 url('cssimg/slider-up-arrow.png') no-repeat center center;
    padding: 1px 15px;
}

a.prevpage {
    background: #e9e9e9 url('cssimg/slider-backward-arrow.png') no-repeat center center;
    padding: 1px 15px;
}

a.pause {
    background: #e9e9e9 url('cssimg/slider-pause-arrow.png') no-repeat center center;
    padding: 1px 15px;
}

a.play {
    background: #e9e9e9 url('cssimg/slider-forward-arrow.png') no-repeat center center;
    padding: 1px 15px;
}

a.nextpage_up {
    background: #e9e9e9 url('cssimg/slider-down-arrow.png') no-repeat center center;
    padding: 1px 15px;
}

a.nextpage {
    background: #e9e9e9 url('cssimg/slider-forward-arrow.png') no-repeat center center;
    padding: 1px 15px;
}

a.lastpage_down {
    background: #e9e9e9 url('cssimg/slider-last-down-arrow.png') no-repeat center center;
    padding: 1px 15px;
}

a.lastpage {
    background: #e9e9e9 url('cssimg/slider-last-arrow.png') no-repeat center center;
    padding: 1px 15px;
}

/* AdRank pix -------------*/
.adrank {
    background: #fff;
    height: 14px;
    width: 100px;
    border: 1px solid #ccc;
    border-radius: 7px;
    z-index: 99;
}

.adrank_10 {
    background-color: #FF7E00;
    border-radius: 6px;
    height: 12px;
    width: 100%;
}

.adrank_9 {
    background-color: #FF7E00;
    border-radius: 6px 0 0 6px;
    height: 12px;
    width: 90%;
}

.adrank_8 {
    background-color: #FF7E00;
    border-radius: 6px 0 0 6px;
    height: 12px;
    width: 80%;
}

.adrank_7 {
    background-color: #FF7E00;
    border-radius: 6px 0 0 6px;
    height: 12px;
    width: 70%;
}

.adrank_6 {
    background-color: #FF7E00;
    border-radius: 6px 0 0 6px;
    height: 12px;
    width: 60%;
}

.adrank_5 {
    background-color: #FF7E00;
    border-radius: 6px 0 0 6px;
    height: 12px;
    width: 50%;
}

.adrank_4 {
    background-color: #FF7E00;
    border-radius: 6px 0 0 6px;
    height: 12px;
    width: 40%;
}

.adrank_3 {
    background-color: #FF7E00;
    border-radius: 6px 0 0 6px;
    height: 12px;
    width: 30%;
}

.adrank_2 {
    background-color: #FF7E00;
    border-radius: 6px 0 0 6px;
    height: 12px;
    width: 20%;
}

.adrank_1 {
    background-color: #FF7E00;
    border-radius: 6px 0 0 6px;
    height: 12px;
    width: 10%;
}

/* Award gal -------------- */
/*----------- */
#awards_test {
    height: 66px;
    border: 1px solid blue;
}
.image_carousel_test img, .image_carousel_test a>img {
    padding: 5px 0;
    margin: 0 10px;
    vertical-align: middle;
}
.image_carousel {
    padding: 12px 35px;
    position: relative;
    background: #ccc;
    height: 90px;
    border-radius: 12px;
    vertical-align: middle;
}

.caroufredsel_wrapper {
    background: #fff;
    border-radius: 8px;
    vertical-align: middle;
}
#awards {
    height: 66px !important;
}

#awards img, #awards a > img {
    padding: 5px 0;
    margin: 0 10px;
    vertical-align: middle;
    display: inline-block;
}
.image_carousel a, .image_carousel img {
    float: left;
}

.image_carousel #slider_prev {
    position: absolute;
    left: 10px;
    top: 33px;
    background: none;
}

.image_carousel #slider_next {
    position: absolute;
    right: 10px;
    top: 33px;
    background: none;
}

.clearfix {
    float: none;
    clear: both;
}

/*----------- */
.award_box {
    position: relative;
    height: 90px;
    margin-bottom: 20px;
}

.award_box > img {
    width: 85px;
    height: 85px;
    float: left;
}

.award_box > img + #awardGal {
    margin-left: 90px;
}

#awardGal {
    height: 90px;
    background: #ccc;
    position: relative;
    padding: 12px 35px;
    border-radius: 12px;
}

#awardGal #slider_prev {
    position: absolute;
    left: 10px;
    top: 33px;
    display: none;
}

#awardGal #slider_next {
    position: absolute;
    right: 10px;
    top: 33px;
    display: none;
}

.award_back {
    border-radius: 8px;
    background: #fff;
    height: 66px;
}

#awardSlider {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
}

#slideStage {
    position: relative;
    height: 66px !important;
    background: #fff;
    overflow: hidden;
}

#slideStage:after { //for vertical alignment of images
content: ".";
    visibility: hidden;
}

#slideStage a > img, #slideStage img {
    padding: 5px 0;
    vertical-align: middle;
    margin: 0 10px;
}

#slideStage > img.year {
    height: auto;
    padding-left: 10px;
}

.leftarrow {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid #282828;
    border-bottom: 15px solid transparent;
}

.rightarrow {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #282828;
    border-bottom: 15px solid transparent;
}

/* --- Video gallery ---- */

.vid_box {
    position: relative;
    margin-bottom: 20px;
}

.videoGal {
    margin-bottom: 20px;
    background: #e9e9e9;
    position: relative;
    padding: 12px 35px;
    border-radius: 12px;
}

.videoGal a[id^="slider_prev"] {
    position: absolute;
    left: 10px;
    top: 80px;
    display: none;
}

.videoGal a[id^="slider_next"] {
    position: absolute;
    right: 10px;
    top: 80px;
    display: none;
}

.video_back {
    border-radius: 8px;
    background: #fff;
    height: 165px;
}

.videoGal div[id^="videoStage"] {
    position: relative;
    padding-left: 15px;
    height: 165px !important;
    background: #fff;
    overflow: hidden;
}

.videoGal div[id^="videoStage"] a > img {
    padding: 8px 0;
    vertical-align: middle;
    margin: 0 10px;
}

.videoGal div[id^="videoStage"] a > span.vid_title {
    width: 120px;
    display: block;
    font-size: 14px;
    line-height: 1em;
    margin: 0 10px;
}

.videoGal div[id^="videoStage"] a {
    text-decoration: none;
    float: left;
}

/* --- Flickr gallery ---- */

.flickr_box {
    position: relative;
    margin-bottom: 20px;
}

.flickrGal {
    display: none;
    margin-bottom: 20px;
    background: #e9e9e9;
    position: relative;
    padding: 12px 35px;
    border-radius: 12px;
}

.flickrGal a[id^="f_slider_prev"] {
    position: absolute;
    left: 10px;
    top: 63px;
}

.flickrGal a[id^="f_slider_next"] {
    position: absolute;
    right: 10px;
    top: 63px;
}

.flickr_back {
    border-radius: 8px;
    background: #fff;
}

.flickrGal div[id^="flickrStage"] {
    position: relative;
    padding-left: 15px;
    background: #fff;
    height: 130px!important;
    overflow: hidden;
}

.flickrGal div[id^="flickrStage"] a > img {
    padding: 8px 0;
    vertical-align: middle;
    margin: 0 10px;
    width: 120px;
}

.flickrGal div[id^="flickrStage"] a > span.flic_t_short {
//width: 195px;
    display: block;
    font-size: 14px;
    line-height: 1em;
    margin: 0 10px;
    width: 120px;
}

.flickrGal div[id^="flickrStage"] a {
    text-decoration: none;
    float: left;
}

.flickr_frames {
    position: relative;
    height: 634px;
}

.flickr_preview {
    z-index: 1;
    height: 634px;
    overflow: hidden;
}

.flickr_items {
    height: 634px;
}

.flickr_item {
    overflow: hidden;
    height: 100%;
    z-index: -1;
    margin: 0 auto;
    text-align: center;
    background-color: #e9e9e9;
}

.flickr_frames div.flickr_preview > img, .flickr_frames .flickr_item > img {
    /*height: 100%;*/
    max-width: 100%;
}

.flickr_frames .flickr_title {
    text-align: center;
    font-weight: bold;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -30px;
    z-index: -1;
}

.flickr_nav a {
    width: 48px;
    height: 48px;
    opacity: 0.7;
    position: absolute;
    top: 293px;
    z-index: 2;
}

.flickr_nav a:hover, .flickr_preview_back:hover {
    opacity: 1;
}

.flickr_nav a[id^="flickr_prev"] {
    background: url('cssimg/flickr-karussell-left-arrow-bigpicture.png') no-repeat 0 0;
    left: 20px;
}

.flickr_nav a[id^="flickr_next"] {
    background: url('cssimg/flickr-karussell-right-arrow-bigpicture.png') no-repeat 0 0;
    right: 20px;
}

.flickr_preview_back {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 86px;
    width: 100%;
    background: #282828;
    opacity: 0.7;
    display: block;
    vertical-align: middle;
    z-index: 10;
}

.flickr_preview_slider {
    position: relative;
    padding: 13px 36px;
    margin-left: 128px;
}

.p_count {
    color: #fff;
    vertical-align: middle;
//width: 100px;
    float: left;
    padding: 32px 0 32px 20px;
}

.flickr_small {
    position: relative;
    height: 60px;
    overflow: hidden;
}

.flickr_small_nav a {
    width: 36px;
    height: 26px;
    position: absolute;
    bottom: 30px;
}

.flickr_small_nav a[id^="thumb_prev"] {
    background: url('cssimg/flickr-karussell-bottom-arrow-left.png') no-repeat 8px 0;
    left: 0;
}

.flickr_small_nav a[id^="thumb_next"]  {
    background: url('cssimg/flickr-karussell-bottom-arrow-right.png') no-repeat 0 0;
    right: 0;
}

div[id^="flickr_small_stage"] {
    overflow: hidden;
    position: absolute;
    height: 60px;
    top: 0;
    left: 0;
}

.flickr_small .caroufredsel_wrapper {
    border-radius: 0;
}

.flickr_preview_slider ul {
    list-style-type: none;
    padding: 0;
    height: 60px;
}

.flickr_preview_slider ul li {
    display: inline;
}

.flickr_preview_slider ul li img {
    margin: 0 14px 12px 0;
    border: 1px solid #fff;
    height: 60px;
    width: 60px;
}

.flic_title {
    display: none;
}

/*--------------------------*/
#extra_bar {
    display: none;
}

.rss_news .two_items .newsfield {
    min-height: 180px;
}
/*--------------------------*/
.hortab {
    padding-bottom: 32px;
}

.hortab h2 {
    width: auto;
    font-size: 24px;
    position: relative;
    padding: 24px 20px 20px 100px;
    margin-bottom: 20px;
    border-bottom: 2px dotted #333;
    vertical-align: middle;
    min-height: 90px;
}

.hortab img {
    position: absolute;
    width: 85px;
    height: 85px;
}

.hortab.threecol h2 {
    min-height: 106px;
}


/* Masse, Standard  -------------------------------------  */

#main, #headerTop, nav, footer .wrap {
    clear: both;
    width: 940px;
    margin: 0 auto;
}

body.facebook #main, body.facebook #headerTop {
    width: 100%;
}

body.facebook .onecol {
    width: 769px;
    margin-right: 15px;
}

body.facebook .twocol {
    width: 368px;
    margin-right: 15px;
}

.fourcol {
    width: 220px;
}

.threecol {
    width: 300px;
}

.twocol {
    width: 460px;
}

.twothird {
    width: 620px;
}

.onecol, article > h1, article > h2, article > h3 {
    width: 940px;
}
/*a'la galaxy tablet landscape*/
@media only screen and (min-width: 980px) and (max-width: 1280px) {
    #medals, #social {
        display: none;
    }
    .hasteaser #social {
        top: 0;
    }

    #bowls a:nth-child(5), #bowls span:nth-child(5) {
        display: none;
    }
    article {
        position: relative;
    }
    .share_button a {
        position: absolute;
        top: 0;
        left: 0;
        width: 35px;
        height: 35px;
        display: block;
        background: url('cssimg/zanox-mobile-sharing-icon.png') no-repeat 0 0;
        outline: 0;
    }

    .share_button a:hover, .share_button a.active {
        background: url('cssimg/zanox-mobile-sharing-icon-orange.png') no-repeat 0 0;
    }

    #social {
        top: 0;
        left: 40px;
        background-color: #e9e9e9;
        padding: 6px 0;
        border-radius: 6px;
        display: none;
    }

    #socialcontainer {
        display: none;
    }

    #share ul li, #socialcontainer ul li {
        display: inline;
    }
    #share ul li a {
        display: table;
        height: 30px;
        vertical-align: middle;
    }

    #share ul li a img {
    //display: none;
        padding-left: 20px;
        height: 30px;
        width: 50px;
        vertical-align: middle;
    }

    #share ul li a span {
        display: table-cell;
    //display: block;
        float: none;
        height: 30px;
        padding: 3px 16px 3px 16px;
        border-right: 1px solid #fff;
        margin-left: 0;
        max-width: 160px;
        line-height: 1em;
        vertical-align: middle;
    }

    #share ul li:last-child a span {
        border-right: none;
    }

    #share ul li a:hover span {
        display: table-cell;
        margin-left: 0;
    }

}

/* Masse, 1024 (iPad quer/landscape) -------------------------------------  */
@media only screen and (min-width: 980px) and (max-width: 1024px) {
    body > div.backgroundImage {
        display: none;
    }

    .close {
        right: -25px;
    }
}

/* Masse, 674 (iPad hoch) -------------------------------------  */
@media only screen and (min-width: 674px) and (max-width: 825px) {
    body > div.backgroundImage {
        display: none;
    }
    .threecol div[id^='registration_'].inside {
        width: 198px;
        min-height: initial;
    }

    .threecol div[id^='registration_'].inside form#language_chooser,
    .threecol div[id^='registration_'].inside form input,
    .threecol div[id^='registration_'].inside form label,
    .threecol div[id^='registration_'].inside form br {
        display: none;
    }

    .threecol div[id^='registration_'].inside form input.register_button {
        display: block;
        white-space: normal;
    }

    .threecol div[id^='registration_'].inside h3,
    .threecol div[id^='registration_'].inside p.claim {
        padding-left: 6px;
        padding-right: 6px;
    }

    .twothird .campaign_item {
        background-size: 100% auto;
    }

    .campaign_item {
        background-size: contain;
    }
}
@media only screen and (min-width: 674px) and (max-width: 979px) {
    #bowls a:nth-child(4), #bowls span:nth-child(4), #bowls a:nth-child(5), #bowls span:nth-child(5), body > div.backgroundImage {
        display: none;
    }
    .onecol img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    .award_box > img {
        width: 85px;
        height: 85px;
    }

    #headerTop, #headerMiddle, nav  {
        width: 100%;
        min-width: 634px;
        margin: 0 auto;
    }

    #headerMiddle {
        padding-right: 20px;
    }

    nav, #headerTop, #right_side a.forgotPw {
        padding: 0 20px;
    }

    #main, footer .wrap {
        width: 634px;
    }

    #right_side #login input#username {
        width: 125px
    }
    #right_side #login input#password {
        width: 100px
    }

    .nav1, .nav2 {
        width: 97%;
    }

    .nav1 > li {
        margin-right: 30px;
    }

    .nav2 {
        font-size: 14px;
    }

    .nav2 > li {
        margin-right: 8px;
    }

    .fourcol {
        width: 307px;
    }

    .threecol {
        width: 198px;
    }

    .twocol {
        width: 307px;
    }

    .twothird {
        width: 416px;
    }

    .onecol, article > h1, article > h2, article > h3,
    .slider_campaign.onecol, .onecol .campaign_item {
        width: 634px;
    }

    .slider_campaign.twothird,  .twothird .campaign_item {
        width: 416px;
    }

    .slider_campaign.twocol, .twocol .campaign_item {
        width: 307px;
    }

    .slider_campaign.twothird, .slider_campaign.twothird .campaign_item {
        height: 420px;
    }

    .comm_calculator {
        text-align: center;
    }

    .comm_calculator form {
        display: inline-block;
    }

    .comm_calculator .comm_result {
        width: 100%;
        padding: 20px 0;
        background-position: center center;
    }

    .comm_calculator #calculate {
        right: 220px;
        bottom: 20px;
    }

    .arrows_horz .arrow_one {
        margin-bottom: 10px;
    }

    .arrow_one:nth-child(3) {
        width: 598px;
    }

    .vertical_arrow:nth-child(3) > .arrow_one {
        width: 598px;
    }

    .vertical_arrow:nth-child(3) {
        width: 613px;
    }

    .threecol .module_header {
        padding: 10px;
    }

    .side_module.threecol .module_stage img {
        margin-left: 36px;
    }

    .side_module.twocol .module_stage img {
        margin-left: 20px;
    }

    .side_module.onecol .module_stage img {
        margin-left: 14px;
        margin-right: 14px;
    }

    .transaction_counter .digits {
        width: 100%;
        margin: 0;
        height: 55px;
    }

    .transaction_counter .number {
        font-size: 36px;
        margin-right: 2px;
    }

    .line1, .line2, .line3, .line4, .line5, .line6, .line7 {
        top: 23px;
        width: 24px;
    }

    .tile_item:nth-of-type(2n-2) .tile_subline {
        border: none;
    }

    .vert_photo_slider {
        width: 300px;
    }

    .threecol.vert_photo_slider {
        width: 198px;
    }
    .threecol.vert_photo_slider #imageSlider div,
    .threecol.vert_photo_slider #imageSlider #imageSlider_stage {
        width: 100%;
    }
    .threecol.vert_photo_slider img {
        width: 198px;
    }

    .vert_prog_slider .prog_item .text_field  {
        width: auto;
        height: auto;
    }

    .vert_prog_slider .aside_icons {
        float: none;
        clear: both;
        width: auto;
    }

    .vert_prog_slider .aside_icons .aside_item  {
        float: left;
        padding: 0;
        display: block;
        width: 122px;
        height: 62px;
        margin: 0 12px 12px 0;
    }

    .vert_prog_slider .aside_icons .aside_item a img {
        padding: 0;
    }

    .campaign_item img {
        float: none;
        margin: 0 auto 12px auto;
        max-width: 100%;
    }

    .campaign_text {
        padding: 20px;
    }

    .campaign_text .arrowbutton svg {
        display: none;
    }

    .twothird .campaign_text img {
        max-width: 180px;
    }

    .bubble, .bubbleGrey {
        padding: 20px 20px 20px 40px;
    }

    .bubble .quote, .bubbleGrey .quote {
        font-size: 60px;
        left: 7px;
    }

    .threecol .arrowbutton svg,
    .seasonal_promo .promo_item.three_items .arrowbutton svg {
        display: none;
    }
    .seasonal_promo .promo_item.three_items .arrowbutton {
        left: 20px;
        right: auto;
    }

    .threecol .arrowbutton a,
    .seasonal_promo .promo_item.three_items .arrowbutton a {
        width: auto;
        float: left;
    }
    .flag_box {
        padding-left: 20px;
    }

    .flag_box .with_icon p, .flag_box .with_icon ul {
        padding-left: 95px;
    }

    .vert_table td {
        padding: 10px 10px 10px 0;
    }

    .vert_table .img_container img {
        max-width: none;
    }

    .hortab img {
        height: 65px;
        width: 65px;
    }

    .threecol.hortab h2 {
        padding: 0 20px 10px 75px;
    }

    .servicebox.threecol > img {
        margin: -40px 50px 20px -5px;
    }

    .servicebox.threecol h2 {
        padding: 0;
    }

    .flag_box.threecol h2 {
        padding: .6em 35px .6em .8em;
    }

    article {
        position: relative;
    }
    #medals {
        display: none;
    }

    .hasteaser #social, .hasteaser #medals {
        top: 0;
    }

    .share_button a {
        position: absolute;
        top: 0;
        left: 0;
        width: 35px;
        height: 35px;
        display: block;
        background: url('cssimg/zanox-mobile-sharing-icon.png') no-repeat 0 0;
        outline: 0;
    }

    .share_button a:hover, .share_button a.active {
        background: url('cssimg/zanox-mobile-sharing-icon-orange.png') no-repeat 0 0;
    }

    #social {
        top: 0;
        left: 35px;
        background-color: #e9e9e9;
        padding: 6px 0;
        border-radius: 6px;
        display: none;
    }

    #socialcontainer {
        display: none;
    }

    #share ul li, #socialcontainer ul li {
        display: inline;
    }

    #share ul li a {
        display: table;
        height: 40px;
    }

    #share ul li a img {
        margin-top: 5px;
        padding-left: 6px;
        height: 30px;
        width: 36px;
    }

    #share ul li a span {
        display: table-cell;
        float: none;
        height: 40px;
        padding: 3px 3px 0 6px;
        border-right: 1px solid #fff;
        margin-left: 0;
        vertical-align: middle;
        line-height: 1em;
        max-width: 80px;
    }

    #share ul li:last-child a span {
        border-right: none;
    }

    #share ul li a:hover span {
        display: table-cell;
        margin-left: 0;
    }

    .flickr_frames, .flickr_preview, .flickr_items {
        height: 426px;
    }

    .flickr_nav a {
        top: 189px;
    }

    .flickr_preview_slider {
        margin-left: 115px;
    }

    .flickrGal div[id^="flickrStage"], .videoGal div[id^="videoStage"] {
        padding-left: 2px;
    }
    .contact_form_2 .checkbox_group.onecol .field-group {
        width: 50%;
    }

    .threecol div[id^='registration_'].inside {
        width: 198px;
        min-height: initial;
    }

    .threecol div[id^='registration_'].inside form#language_chooser,
    .threecol div[id^='registration_'].inside form input,
    .threecol div[id^='registration_'].inside form label,
    .threecol div[id^='registration_'].inside form br {
        display: none;
    }

    .threecol div[id^='registration_'].inside form input.register_button {
        display: block;
        white-space: normal;
    }

    .threecol div[id^='registration_'].inside h3,
    .threecol div[id^='registration_'].inside p.claim {
        padding-left: 6px;
        padding-right: 6px;
    }

    .campaign_item {
        background-size: contain;
    }
}

/* iPhone -------------------------------------  */

@media only screen and (max-width: 673px) {

    body > div.backgroundImage {
        display: none;
    }

    footer .wrap, .fourcol, .threecol, .twocol, .twothird, .onecol, article > h1,
    article > h2, article > h3 {
        width: 280px;
    }
    .headline > h2, .headline > h3, .text > h2 {
        margin-top: 0;
    }
    footer ul, #footer ul {
        padding-left: 0;
    }

    header, .hasteaser header {
        position: relative;
        z-index: 100;
    }

    header, .js header, .js.scroll header {
        border-bottom: none;
        box-shadow: none;
    }


    header, .hasteaser header, #toparea, #headerMiddle {
        height: auto;
    }

    .scroll #toparea {
        display: block;
    }


    .nav2, #search_box, #right_side, #registration, .scroll #orange_bar {
        position: absolute;
        z-index: 101;
        border-bottom: 1px solid  rgba(0,0,0,.125);
        box-shadow: 0 0 12px rgba(0,0,0,.75);
    }


    #main, .hasteaser #main, .js #main, .js.hasteaser #main {
        width: 320px;
        padding: 160px 20px 20px 20px;
    }

    #social, #medals, #bowls, .hasteaser #top_slider,
    #top_slider, #right_side .forgotPw {
        display: none;
    }

    #meta, .js #meta, .hasteaser #meta {
        position: absolute;
        background-color: rgb(40,40,40);
        z-index: 101;
    }

    #headerTop {
        padding: 0 6px;
        width: auto;
        height: 100%;
        overflow: visible;
    }

    nav, .hasteaser nav, .scroll nav {
        height: auto;
        width: auto;
        z-index: 102;
        top: 75px;
    }

    .nav1, .js .nav1 {
        position: absolute;
        top: -30px;
        left: 3px;
        width: 85%;
        z-index: 102;
    }

    .nav1 a:hover .navbubble {
        display: none;
    }

    .nav2, .hasteaser .nav2, header .nav2 {
        position: relative;
        top: 38px;
        background: none;
        padding: 0;
        display: none;
        width: 100%;
        height: auto;
        z-index: 102;
    }

    nav .active .nav2, div.nav2, .nav2 span.nav_arrow {
        display: none;
    }

    .nav2 li {
        float: none;
        background: #e9e9e9;
        padding: 10px 6px;
        margin: 0;
        position: relative;
    }

    .nav2 > li:hover {
        background: #e9e9e9;
    }

    .nav3 li:first-child a:after {
        display: none;
    }

    .nav3 li {
        padding: 5px 15px;
        border-top: 1px solid #ccc;
    }

    .nav3 > li:hover {
        background: #fff;
    }

    .nav3 li:first-child, .nav3 > li > span > a, .nav3 > li > span > span {
        border-top: none;
    }

    .nav2 button {
        display: block;
        background: url('cssimg/downarrowgray24_2x.png') 50% 50% no-repeat;
        background-size: 24px 24px;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 40px;
        padding: 0;
        border: none;
        transition: transform .25s;
        -moz-transition: transform .25s;
        -webkit-transition: -webkit-transform .25s;
        -webkit-tap-highlight-color: transparent;
    }

    .nav2 button:active {
        background-image: url('cssimg/downarrow24_2x.png');
    }

    .nav2 button.hit {
        transform:rotate(-180deg);
        -webkit-transform:rotate(-180deg);
        -moz-transform:rotate(-180deg);
    }


    .nav2 li:hover .nav3 {
        display: none;
    }

    .nav3 {
        margin: 0 -6px 6px 0;
        padding: 0;
        position: relative;
        border: none;
        box-shadow: none;
        top: 10px;
        left: -6px;
        width: auto;
    }

    .nav3 li {
        background: #fff;
        padding-left: 6px;
        padding-right: 6px;
    }

    .nav3 li span {
        width: 100%;
    }

    .nav3 li a:hover {
        display: block;
    }

    .nav2 li, .nav3 li {
        margin-right: 0!important;
        padding-right: 0!important;
    }


    .nav1 .nav2 > li a {
        width: 100%;
    }

    .nav1 > li > span.current, .nav1 > li a {
        width: 20px;
    }

    .nav1 > li > span > span.not_mobile, .nav1 > li a > span.not_mobile {
        display: none;
    }


    .nav1 > li, .nav2 > li {
        margin-right: 5px;
    }

    .nav2 li a.downarrow, .nav2 li a.downarrow:hover, .nav2 > li.active > span.downarrow, .nav2 > li.active > .downarrow {
        background-image: none;
    }

    .nav4 li {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    #extra_bar {
        display: block;
        position: absolute;
        top: 8px;
        right: 8px;
        height: 58px;
        width: 100px;
        z-index: 103;
    }

    #extra_bar a {
        text-decoration: none;
    }

    #extra_bar #mobile_subnav {
        list-style-type: none;
    }

    #extra_bar #search_button {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    #extra_bar #search_button a {
        display: block;
        height: 29px;
        width: 25px;
        padding: 5px;
        background: url('cssimg/mobile_extra.png') no-repeat -26px 0;
    }

    #extra_bar #search_button a:hover, #extra_bar #search_button a:active, #extra_bar #search_button a.hit {
        background-position: -26px -30px;
    }

    #search_box, #right_side, .nav2, .nav3 {
        z-index: 103;
    }

    #search_box {
        top: 113px;
        left: 0;
        background: #fff;
        text-align: center;
        width: 100%;
        height: 100px;
        padding-top: 30px;
        display: none;
    }

    #search_box p {
        display: none;
    }

    #search_box input {
        min-height: 30px;
        width: 220px;
    }

    #search_box input.login {
        width: auto;
        margin-left: 10px;
    }

    #mobile_subnav li {
        float: left;
        display: block;
        margin-left: 8px;
    }

    #mobile_subnav li a {
        background: url('cssimg/mobile_extra.png') no-repeat;
        display: block;
    }

    #mobile_subnav li .ctct {
        display: block;
        text-align: right;
        background-image: none;
        text-transform: uppercase;
        font-size: 11px;
        line-height: 11px;
        height: 11px;
        color: #999896;
        position: absolute;
        right: 34px;
        top: 0;
    }

    #mobile_subnav li a.ctct:hover, #mobile_subnav li a.ctct:active,  #mobile_subnav li span.ctct {
        background-image: none;
        color: #FF7E00;
    }

    #mobile_subnav li a.show_menu {
        height: 23px;
        width: 25px;
        background-position: 0 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    #mobile_subnav li a.show_menu.dead, #mobile_subnav li a.show_menu.dead:hover, #mobile_subnav li a.show_menu.dead:active {
        background-position: 0 0;
        opacity: .25;
    }

    #mobile_subnav li a.show_menu:hover, #mobile_subnav li a.show_menu:active, #mobile_subnav li a.show_menu.hit {
        background-position: 0 -25px;
    }

    #orange_bar, .scroll #orange_bar {
        display: block;
        position: absolute;
        background: #FF7E00;
        top: 75px;
        width: 100%;
        height: 38px;
        padding: 0 6px;
        z-index: 104;
        transition: box-shadow 1s, border-bottom 1s;
    }

    #orange_bar ul {
        position: relative;
        list-style-image: none;
        list-style-type: none;
        height: 38px;
        background: #FF7E00;
        padding: 10px 0;
        text-transform: uppercase;
        margin: 0 auto;
    }

    #orange_bar ul li {
        float: left;
        margin-right: 4px;
        border-right: 1px dotted #fff;
    }

    #orange_bar ul li:first-of-type {
        text-align: left;
        position: absolute;
        left: 0;
    }

    #orange_bar ul li:last-of-type {
        border-right: none;
        position: absolute;
        right: 0;
        margin-right: 0;
    }

    #orange_bar ul li:last-of-type a {
        padding-right: 0;
    }

    #orange_bar ul li a {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        font-size: 15px;
        padding-right: 8px;
    }

    #orange_bar ul li a:hover, #orange_bar ul li a:active {
        color: #282828;
    }

    ul.nav1 li {
        padding-right: 20px;
    }

    #headerMiddle {
        width: auto;
    }

    #registration {
        top: 38px;
        left: 0;
        height: auto;
        min-height: 0;
        background: #fff;
        color: #282828;
        border-radius: 0;
        display: none;
        width: 100%;
        max-width: 100%;
    }

    .hasteaser #registration, .hasteaser #bowls {
        display: none;
    }

    #registration > div {
        padding: 20px;
    }

    #registration form, #registration > p {
        width: 280px;
        margin: 0 auto;
    }

    #registration, #registration h3, #register_button {
        font-weight: bold;
    }

    #registration h3 {
        padding-top: 0;
        font-size: 24px;
    }

    #registration .claim {
        font-size: 18px;
    }

    #registration input {
        background: #ccc;
        margin: 5px 0;
        font-size: 15px;
        line-height: 15px;
        width: 100%;
        height: 35px;
        padding: 4px 4px 0;
    }


    #registration input::-webkit-input-placeholder {
        color: #fff;
        padding: 3px 4px 0;
    }

    #registration input:-moz-placeholder { /* Firefox 18- */
        color: #fff;
        padding: 4px 4px 0;
    }

    #registration input::-moz-placeholder {  /* Firefox 19+ */
        color: #fff;
        padding: 4px 4px 0;
    }

    #registration input:-ms-input-placeholder {
        color: #fff;
        padding: 4px 4px 0;
    }

    #registration label {
        display: none;
        padding-left: 0;
        width: auto;
    }

    #registration .register_layer {
        border-radius: 6px;
        margin-top: 68px;
    }

    #registration .register_layer p {
        color: #fff;
    }

    #registration input.register_button {
        padding: 10px;
        text-decoration: none;
        background-image: none;
    }

    #registration .reg_lock {
        padding: 0 0 0 20px;
        width: 280px;
        margin: 0 auto;
        background-position: 2px 0;
    }

    #right_side {
        top: 113px;
        left: 0;
        width: 100%;
        padding: 0 0 10px;
        background: #fff;
        display: none;
    }

    body.maintenance #right_side {
        display: block;
        top: 75px;
    }

    #right_side #sregister {
        display: none;
    }

    #right_side #login {
        display: block;
        width: 320px;
        margin: 0 auto;
        float: none;
        padding: 35px 40px 10px;
    }

    #right_side #login input {
        border: 1px solid #ccc;
        width: 100%;
        height: 30px;
        margin-bottom: 10px;
        font-size: 16px;
        max-height: none;
    }

    #right_side #login input::-webkit-input-placeholder {
        padding-top: 6px; padding-bottom: 0;
    }

    #right_side #login input:-moz-placeholder { /* Firefox 18- */
        padding-top: 6px; padding-bottom: 0;
    }

    #right_side #login input::-moz-placeholder {  /* Firefox 19+ */
        padding-top: 6px; padding-bottom: 0;
    }

    #right_side #login input:-ms-input-placeholder {
        padding-top: 6px; padding-bottom: 0;
    }


    #right_side #login input.login {
        margin-top: 10px;
        float: right;
        width: 70%;
        border: none;
        font-weight: bold;
        -webkit-appearance: none;
    }

    #right_side #login img {
        display: block;
    }

    .campaign_item .campaign_text {
        padding: 15px;
    }

    .campaign_item .header {
        font-size: 18px;
    }

    .campaign_item img {
        float: none;
        margin: 0 auto 12px auto;
        max-width: 100%;
    }

    .campaign_text p {
        font-size: 15px;
    }

    .onecol .campaign_item, .slider_campaign.onecol, .twothird .campaign_item, .slider_campaign.twothird, .twocol .campaign_item, .slider_campaign.twocol {
        width: 280px;
        height: 420px;
    }

    .vert_prog_slider {
        padding: 0;
    }

    .vert_prog_slider .prog_item .text_field  {
        width: auto;
        height: auto;
        padding: 12px;
    }

    .vert_prog_slider .prog_item .text_field  svg {
        display: none;
    }

    .vert_prog_slider .prog_item .text_field img {
        position: static;
    }

    .vert_prog_slider .aside_icons {
        float: none;
        clear: both;
        width: auto;
    }

    .vert_prog_slider .aside_icons .aside_item  {
        float: left;
        padding: 0;
        display: block;
        width: 122px;
        height: 62px;
        margin: 0 12px 12px 0;
    }

    .vert_prog_slider .aside_icons .aside_item a img {
        padding: 0;
    }

    .rss_news .two_items {
        width: 100%;
        padding-left: 0;
    }

    .rss_news .two_items:nth-of-type(even) {
        padding-left: 0;
    }

    .rss_news .newsfield img {
        max-width: 100%;
        height: auto;
    }

    #tabbed_content .content {
        padding: 10px;
    }

    #tabbed_content > ul {
        height: 80px;
    }

    #tabbed_content .content .box, #tabbed_content .content .extra_box {
        width: 100%;
        float: none;
    }

    #tabbed_content .content .box {
        padding: 0 0 10px 0;
    }

    #tabbed_content > ul li.active, #tabbed_content > ul li:hover {
        width: 70px;
    }

    #tabbed_content > ul li.active a, #tabbed_content > ul li:hover a {
        height: 80px;
        background-size: 60px 60px;
    }

    #tabbed_content > ul li {
        width: 70px;
    }

    #tabbed_content > ul li a {
        background-size: 50px 50px;
        height: 70px;
    }

    .promo_item.three_items, .promo_item.two_items {
        width: 100%;
        padding: 10px 0;
        min-height: 0;
    }

    .event_listing .event_item {
        padding: 10px;
    }

    .event_listing .event_item img {
        position: relative;
        float: right;
        left: 0;
        top: 0;
    }

    .bubble, .bubbleGrey {
        padding: 15px 15px 15px 30px;
    }

    .bubble .quote, .bubbleGrey .quote {
        font-size: 40px;
        left: 6px;
    }

    .arrow_one {
        margin-bottom: 30px;
    }

    .arrow_one span.arrow_end {
        display: none;
    }

    .arrow_one span.arrow_spike {
        display: block;
    }

    .comm_calculator {
        text-align: center;
        padding-bottom: 40px;
        margin-bottom: 65px;
    }

    .comm_calculator .comm_result {
        float: none;
        width: auto;
        margin: 20px 0;
        background-size: 240px;
    }


    .comm_calculator .group_fields {
        margin: 0 0 10px;
        float: none;
    }

    .comm_calculator select {
        text-align: center;
        width: 80%;
    }

    .comm_calculator #calculate {
        right: 40px;
        bottom: 40px;
    }

    .comm_calculator p.result {
        bottom: -85px;
    }

    .comm_calculator .comm_result p.input_box {
        font-size: 20px;
    }

    .comm_calculator .subtext, .comm_calculator p.subtext {
        display: block;
    }

    .award_box > img {
        display: none;
    }

    .award_box > img + #awardGal {
        margin: 0;
    }

    .twocol .module_stage {
        padding-right: 20px;
    }

    .twocol .module_stage img, .onecol .module_stage img {
        margin-left: 19px;
    }

    .onecol .module_stage img {
        margin-right: 0;
    }

    .onecol .module_stage {
        padding: 19px 0;
    }

    .vert_table th {
        display: none;
    }

    .vert_table tr {
        padding-bottom: 10px;
    }

    .vert_table td {
        display: block;
        padding: 10px 0 10px 0;
    }

    .vert_table tbody td {
        width: auto !important;
    }

    .vert_table tbody td:first-child {
        width: auto;
        float: left;
    }

    .program_list .list_header h2 {
        font-size: 18px;
    }

    .program_list .list_header p {
        width: 40%;
        padding-right: 20px;
        right: 6px;
        top: 6px;
    }

    .program_list table.rss_feed tr, .program_list table.rss_feed td {
        display: block;
        border: 0;
        padding: 8px 0;
        clear: both;
    }

    .program_list table.rss_feed tr {
        border-bottom: 1px solid #282828;
    }

    .program_list table.rss_feed tr:last-of-type {
        border-bottom: none;
    }

    .program_list table.rss_feed thead {
        display: none;
    }

    .program_list .formGroup {
        margin-right: 0;
    }

    .program_list .list_header select, .program_list .list_header input[type="text"] {
        margin-bottom: 5px;
        width: 100%;
        max-width: none;
    }

    .program_list .list_body td img.rss_img {
        padding-right: 10px;
    }

    .program_list .list_header a {
        display: block;
        width: 20px;
        height: 20px;
    }

    .program_list .list_header a span {
        display: none;
    }

    #msgbar {
        position: fixed;
        margin-top: -170px;
        background: #e9e9e9;
    }

    #msgbar #accept a {
        margin-bottom: 50px;
    }

    #msgbar .button a {
        margin-bottom: 10px;
    }

    .arrows_horz, .vertical_arrow {
        width: 280px;
    }

    .arrows_horz .arrow_one:last-of-type .arrow_spike {
        display: none;
    }

    .arrow_one, .arrows_horz .arrow_one {
        width: 265px;
    }

    .threecol .module_stage, .twocol .module_stage, .onecol .module_stage {
        padding-right: 12px;
    }

    .threecol .module_stage img, .twocol .module_stage img, .onecol .module_stage img {
        margin-left: 12px;
    }

    .tile_item {
        width: 280px;
        height: 280px;
    }

    .tile_item .tile_subline {
        border-right: none;
    }

    .servicebox h2 {
        padding-left: 0;
    }

    .servicebox.threecol h2 {
        padding: 0;
    }

    .servicebox.threecol > img {
        margin: -40px 50px 20px -5px;
    }


    .servicebox ul.normal_ul, .servicebox ul.free_ul {
        padding-left: 0;
    }

    .flag_box {
        min-height: 0;
    }

    .flag_box h2 {
        padding-left: 15px;
    }

    .flag_box.threecol h2 {
        padding: .6em 35px .6em .8em;
    }

    span.country_short {
        display: block;
    }

    span.country_long {
        display: none;
    }

    .vert_photo_slider img {
        width: 280px;
    }

    #push_message {
        width: 100%;
        padding: 0;
    }

    #push_message h1 {
        margin-bottom: 0;
        font-size: 18px;
    }

    #push_message .push_box {
        border: none;
        border-radius: 0;
        padding: 10px 0;
        width: auto;
    }

    #push_message .push_box:first-of-type {
        border-bottom: 2px dotted #282828;
    }

    #push_message .push_box h2 {
        text-align: center;
        font-size: 15px;
    }

    #push_message .arrowbutton a {
        max-width: 200px;
    }

    #awardGal, .videoGal, .flickrGal {
        padding: 12px 25px;
    }

    #awardGal #slider_prev, .videoGal #slider_prev, .flickrGal a[id^="f_slider_prev"] {
        left: 5px;
    }
    #awardGal #slider_next, .videoGal #slider_next, .flickrGal a[id^="f_slider_next"] {
        right: 5px;
    }

    .videoGal div[id^="videoStage"] a > img, .videoGal div[id^="videoStage"] a > span.vid_title {
        width: 95px;
    }
    .flickrGal div[id^="flickrStage"], .videoGal div[id^="videoStage"] {
        padding-left: 0;
    }
    .flickrGal div[id^="flickrStage"] a > img, .flickrGal div[id^="flickrStage"] a > span.flic_t_short {
        width: 95px;
    }

    #slideStage > img.year {
        padding-left: 0;
    }

    #slideStage a > img, #slideStage img {
        margin: 0 3px;
    }

    .flag_box .with_icon p, .flag_box .with_icon ul {
        padding-left: 95px;
    }

    body.iframe .contact_form.onecol {
        width: 250px;
    }
    .contact_form  {
        padding: 0;
    }
    .contact_form .check {
        width: auto;
        float: none;
    }

    .transaction_counter .digits {
        margin: 0 5.5%;
    }

    .hasteaser #social, .hasteaser #medals {
        top: 150px;
    }

    .share_button a {
        position: absolute;
        top: 120px;
        left: 6px;
        width: 35px;
        height: 35px;
        display: block;
        background: url('cssimg/zanox-mobile-sharing-icon.png') no-repeat 0 0;
        outline: 0;
    }

    .share_button a.active {
        background: url('cssimg/zanox-mobile-sharing-icon-orange.png') no-repeat 0 0;
    }

    #socialcontainer {
        display: none;
    }

    #social {
        top: 150px;
        left: 0;
        background-color: #e9e9e9;
        padding: 6px 0;
        width: 100%;
    //display: block;

    }

    #share ul {
        width: 280px;
        margin: 0 auto;
    }

    #share ul li {
        padding: 8px 0;
        border-bottom: 1px solid #fff;
        height: 60px;
    }

    #share ul li a {
        display: table;
    }

    #share ul li a img {
        padding-left: 20px;
    }

    #share ul li a span {
        display: block;
        float: right;
        height: 35px;
        padding: 8px 16px 3px 16px;
        border-bottom: none;
        margin-left: 0;
    }

    #share ul li:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

    #share ul li a:hover span {
        display: block;
        margin-left: 0;
    }

    .flickr_back {
        padding-left: 0;
    }

    .flickr_box.onecol {
        margin-bottom: 40px;
    }

    .flickr_frames, .flickr_preview, .flickr_items {
        height: 190px;
    }

    .flickr_nav a {
        top: 71px;
    }

    .flickr_preview_back {
        display: none;
    }
    .flickr_frames .flickr_title {
        top: 200px;
    }
    .arrowbox .no_arrow {
        max-width: 175px;
    }

    body.iframe .contact_form_2 .twocol, body.iframe .contact_form_2 .threecol, body.iframe .contact_form_2 .twothird {
        width: 98%;
    }

    body.iframe .contact_form_2 .field-group.twocol, body.iframe .contact_form_2 .field-group.threecol, body.iframe .contact_form_2 .field-group.twothird {
        width: 100%;
    }

    .contact_form_2 .info_text {
        min-width: 150px;
        left: -65px;
    }
    .contact_form_2 .checkbox_group.onecol .field-group,
    .contact_form_2 .checkbox_group.twothird .field-group {
        width: 100%;
    }
    .elastic-video {
        position: relative;
        padding-bottom: 55%;
        padding-top: 15px;
        height: 0;
        overflow: hidden;
    }

    .seasonal_promo .promo_item .arrowbutton {
        bottom: 0;
        position: relative;
    }
    .campaign_text .arrowbutton svg {
        display: none;
    }

    .threecol div[id^='registration_'].inside {
        width: 280px;
    }

    .threecol div[id^='registration_'].inside label {
        display: none;
    }

    .threecol div[id^='registration_'].inside form input,
    .threecol div[id^='registration_'].inside form#language_chooser select {
        height: 35px;
        margin: 5px 10px;
        width: 92%;
    }

    .threecol div[id^='registration_'].inside form .register_layer {
        padding: 10px;
        display: inline-block;
    }

    .threecol div[id^="registration_"].inside form input.register_button {
        white-space: initial;
        display: inline-block;
        height: auto;
        padding: 0;
        margin: 0;
    }

    .contact_form_2 .captcha {
        margin: 0 33% 15px;
    }
    .contact_form_2 .captcha div {
        margin-left: -33%;
    }
    .contact_form_2 .captcha div.messageHelper {
        margin-left: 0;
    }


    .navShine {
        display: none;
    }
}

/* alle Touch -------------------------------------  */

@media only screen {
    html.touch, html.touch body {
        width: 100%;
        overflow-x: hidden;
    }
    .validationMessage {
        xposition: relative;
    }

    .contact_form_2 .validationMessage span {
        position: absolute;
        display: block;
        width: 11px;
        height: 7px;
        top: -7px;
        left: 28px;
        background: url('cssimg/spike-validatemessage-touch.png')  no-repeat 0 0;

    }
}
/* ---------------------------------------------------------------- */
/* Nur Internet Explorer 10 -> http://www.css-hack.de/Internet+Explorer/IE+10/11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #awardGal,
    #awardGal #slideStage,
    .videoGal #videoStage {
        display: block;
        width: auto; zoom: 1;
    }
    #awardGal .caroufredsel_wrapper {
        width: 100%!important;
    }
}