/*
 * HTML5 ✰ Boilerplate ✰
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

/* Base */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
    overflow-y: scroll;
}

body {
    margin: 0;
    font-size: 13px;
    line-height: 1.231;
}

body, button, input, select, textarea {
    font-family: sans-serif;
    color: #222;
}

.captchaImg {
    height: 60px;
}

/* Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection {
    background: #eeb600;
    color: #fff;
    text-shadow: none;
}

.hk ::-moz-selection {
    background: #a80014;
}

::selection {
    background: #eeb600;
    color: #fff;
    text-shadow: none;
}

.hk ::selection {
    background: #a80014;
}

/* Links */
a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

a:hover {
    color: #06e;
}

a:focus {
    outline: thin dotted;
}

/* color codes */
a.orange {
    color: #f90;
}

.hk a.orange {
    color: #206990;
}

.pub-color {
    background: #eeb600;
}

.hk .pub-color {
    background: #a80014;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
    outline: 0;
}

/* Typography */
abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before, q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
    overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
figure {
    margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
    cursor: pointer;
}

/* 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
}

/* 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input {
    line-height: normal;
    *overflow: visible;
}

/* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input {
    *overflow: auto;
}

/* 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/* Colors for form validity */
input:invalid, textarea:invalid {
    background-color: #f0dddd;
}

/* =============================================================================
   Tables
   ========================================================================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

/* fonts */
/* This CSS resource incorporates links to font software which is
the valuable copyrighted property of WebType LLC, The Font Bureau
and/or their suppliers. You may not
attempt to copy, install, redistribute, convert, modify or reverse
engineer this font software. Please contact WebType with any
questions: http://www.webtype.com */
@font-face {
    font-family: "Antenna Cond Bold";
    src: url("fonts/antennacond/8256c9c8-c159-4734-94dd-47439fa0d09b-2.eot");
    src: url("fonts/antennacond/8256c9c8-c159-4734-94dd-47439fa0d09b-2.eot?") format("embedded-opentype"), url("fonts/antennacond/8256c9c8-c159-4734-94dd-47439fa0d09b-3.woff") format("woff"), url("fonts/antennacond/8256c9c8-c159-4734-94dd-47439fa0d09b-1.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 4, 2011 */
@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'CharisSILBoldItalic';
    src: url("fonts/charis/charissil-bi-webfont.eot");
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'CharisSILBoldItalic';
    src: url(//:) format("no404"), url("fonts/charis/charissil-bi-webfont.woff") format("woff"), url("fonts/charis/charissil-bi-webfont.ttf") format("truetype"), url("fonts/charis/charissil-bi-webfont.svg#CharisSILBoldItalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'CharisSILBold';
    src: url("fonts/charis/charissil-b-webfont.eot");
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'CharisSILBold';
    src: url(//:) format("no404"), url("fonts/charis/charissil-b-webfont.woff") format("woff"), url("fonts/charis/charissil-b-webfont.ttf") format("truetype"), url("fonts/charis/charissil-b-webfont.svg#CharisSILBold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'CharisSILRegular';
    src: url("fonts/charis/charissil-r-webfont.eot");
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'CharisSILRegular';
    src: url(//:) format("no404"), url("fonts/charis/charissil-r-webfont.woff") format("woff"), url("fonts/charis/charissil-r-webfont.ttf") format("truetype"), url("fonts/charis/charissil-r-webfont.svg#CharisSILRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/***********************************************/
/* mixins */
/***********************************************/
/* colors */
/* ==|== primary styles =====================================================
   Author: Bastian Gutschke
   ========================================================================== */
/***********************************************/
/* dev styles */
.dev {
    border: 1px solid;
    display: none;
    font-size: 10px;
}

.dev_mod {
    border: 1px solid;
    display: none;
    font-size: 11px;
}

/***********************************************/
/* html defaults */
html {
    background-color: #f5f4f3
}

body {
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
}

a {
    color: #333;
    outline: 0;
    text-decoration: none;
}

a:visited {
    color: #333;
}

a:hover {
    color: #777;
}

p {
    margin: 0;
}

.paid_content_hfs {
    display: none;
}

/***********************************************/
/* helper classes */
.no_ls {
    list-style: none;
    margin: 0;
    padding: 0;
}

.more {
    text-align: right;
}

.cp {
    cursor: pointer;
}

/***********************************************/
/* page skeleton */
.page {
    position: relative;
    width: 1028px;
    z-index: 0;
}

.main {
    margin-left: 20px;
    width: 992px;
}

.footer {
    margin-left: 20px;
    margin-top: 50px;
    width: 992px;
}

/* print skeleton */
.page_print {
    background-color: #fff;
}

.page_print .main {
    margin: 0 20px;
    width: 656px;
}

/* layer */
.layer {
    background: transparent url("../img/bg_layer.png");
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1000;
}

.layer_inner {
    left: 0;
    position: absolute;
    top: 0;
    width: 992px;
}

/***********************************************/
/* grid */
.g_dev {
    background-color: #ff0000;
    margin-bottom: 20px;
}

.grid {
    zoom: 1;
    width: 100%;
}

.grid:before, .grid:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.grid:after {
    clear: both;
}

.g_m_1of1 {
    clear: both;
    width: 992px;
}

.g_m_1of2_l {
    clear: both;
    float: left;
    width: 656px;
}

.g_m_1of2_l.separator {
    border-top: 5px solid #eeb600;
}

.g_m_2of2_l {
    float: left;
    margin-left: 16px;
    width: 320px;
}

.g_m_1of2_r {
    clear: both;
    float: left;
    width: 320px;
}

.g_m_2of2_r {
    float: left;
    margin-left: 16px;
    width: 656px;
}

.g_1of1 {
    float: left;
    width: 100%;
}

.g_1of2 {
    float: left;
    width: 320px;
}

.g_2of2 {
    float: left;
    margin-left: 16px;
    width: 320px;
}

.g_1of3 {
	clear: left;
    float: left;
    width: 320px;
}

.g_2of3 {
    float: left;
    margin-left: 16px;
    width: 320px;
}

.g_3of3 {
    float: left;
    margin-left: 16px;
    width: 320px;
}

.g_1of4 {
    float: left;
    width: 236px;
}

.g_2of4 {
    float: left;
    margin-left: 16px;
    width: 236px;
}

.g_3of4 {
    float: left;
    margin-left: 16px;
    width: 236px;
}

.g_4of4 {
    float: left;
    margin-left: 16px;
    width: 236px;
}

/***********************************************/
/* global styles */
.loc {
    background-color: #ffd500;
    color: #333;
    padding: 0 4px;
    margin-right: 4px;
}

.type {
    background-color: #eeb600;
    color: #333;
    padding: 0 4px;
}

.hk .type {
    background-color: #a80014;
}

.txt {
    font-family: "Georgia", serif;
}

.hk .loc {
    background-color: #d00018;
    color: #fff;
}

/***********************************************/
/* styles teaser */
.mod {
    margin-bottom: 20px;
}

.mod .hl {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
}

.mod .hl span.anchor, .g_1of1 .hl span.anchor {
    color: #333;
}

.mod_f1 .hl {
    font-size: 35px;
    line-height: 38px;
    margin-bottom: 6px;
}

.mod_f2 .hl {
    font-size: 26px;
    line-height: 31px;
}

.mod_f3 .hl {
    font-size: 20px;
    line-height: 24px;
}

.mod_f4 .hl {
    font-size: 18px;
    line-height: 22px;
}

.mod_f5 .hl {
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
}

.mod_f6 .hl {
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
}

.mod_f7 .hl {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 4px;
}

.mod .txt {
    font-family: "Georgia", serif;
    color: #333;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}

.mod .rights {
    font-family: "Georgia", serif;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px;
}

.mod_studi .hl {
    font-family: "Antenna Cond", sans-serif;
    font-style: normal;
    font-weight: normal;
}

/* different backgrounds */
.mod_green {
    background: #f90;
}

.hk .mod_green {
    background: #206990;
}

/***********************************************/
/* heading styles */
.mod_hd {
    border-top: 5px solid #eeb600;
    height: 41px;
    width: 100%;
}

.hk .mod_hd {
    border-top: 5px solid #a80014;
}

.mod_hd .hl {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 31px;
    padding: 2px 5px 0;
}

.mod_sorted_list_boxengasse .hl {
    margin-bottom: 8px;
    margin-left: -8px;
}

.mod_hd_s .hl {
    font-size: 18px;
}

.mod_hd .hl a:hover {
    color: inherit;
}

.mod_hd .tag {
    color: #999;
    font-family: Arial, sans-serif;
    font-size: 12px;
    float: right;
    line-height: 22px;
}

.mod_hd_blue {
    border-color: #336699;
}

.mod_hd_green {
    border-color: #f90;
}

.hk .mod_hd_green {
    border-top-color: #206990;
}

.mod_hd_noborder {
    border-top: 0px;
}

.hk .mod_hd_noborder {
    border-top: 0px;
}

.mod_hd_transparent {
    border-color: transparent;
}

.hk .mod_hd_transparent {
    border-top-color: transparent;
}

.mod_hd_purple {
    border-color: #969;
}

.mod_hd_purple .hl {
    padding: 0 10px 0 9px;
}

.mod_hd_pink {
    border-color: #E3004A;
}

.mod_hd_pink .hl {
    padding: 0 10px 0 9px;
}

.mod_hd_purple .hl, .mod_hd_purple .hl .network {
    font-size: 26px;
    line-height: 31px;
}

.mod_hd_pink .hl, .mod_hd_pink .hl .network {
    font-size: 26px;
    line-height: 31px;
}

.mod_hd_purple .hl .small {
    font-size: 16px;
}

.mod_hd_pink .hl .small {
    font-size: 16px;
}

.mod_hd_red {
    border-color: #FF0033;
}

.mod_hd_yellow {
    border-color: #eeb600;
}

.hk .mod_hd_yellow {
    border-color: #a80014;
}

.mod_hd_yellow .hl {
    padding: 0 10px 0 9px;
}

.mod_hd_yellow .hl, .mod_hd_yellow .hl .network {
    font-size: 26px;
    line-height: 31px;
}

.mod_hd_yellow .hl .small {
    font-size: 16px;
}

.mod_hd_orange {
    border-color: #dc7738;
}

.mod_hd_orange .hl {
    padding: 0 10px 0 9px;
}

.mod_hd_orange .hl, .mod_hd_orange .hl .network {
    font-size: 26px;
    line-height: 31px;
}

.mod_hd_orange .hl .small {
    font-size: 16px;
}

.mod_hd_sep {
    border-left: 1px solid #ccc;
}

.mod_hd.no-separator {
    border-top: none;
}

/***********************************************/
/* images */
.img img {
    display: block;
}

/***********************************************/
/* icon styles */
.icns {
    zoom: 1;
}

.icns:before, .icns:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.icns:after {
    clear: both;
}

.icns {
    margin-left: -9px;
}

.icns li {
    float: left;
    margin-left: 9px;
}

.icns .icn {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    background: transparent url("../img/icons.png") no-repeat 0 -50px;
    height: 22px;
    width: 22px;
}

.hk .icns .icn {
    background-image: url("../img/icons-hk.png");
}

.icns .icn_chart {
    background-position: 0 -50px;
}

.icns .icn_chart:hover {
    background-position: 0 -72px;
}

.icns .icn_video {
    background-position: -22px -50px;
}

.icns .icn_video:hover {
    background-position: -22px -72px;
}

.icns .icn_foto {
    background-position: -44px -50px;
}

.icns .icn_foto:hover {
    background-position: -44px -72px;
}

.icns .icn_download {
    background-position: -66px -50px;
}

.icns .icn_download:hover {
    background-position: -66px -72px;
}

.icns .icn_audio {
    background-position: -88px -50px;
}

.icns .icn_audio:hover {
    background-position: -88px -72px;
}

.icns .icn_poll {
    background-position: -110px -50px;
}

.icns .icn_poll:hover {
    background-position: -110px -72px;
}

.icns .icn_comment {
    background-position: -132px -50px;
}

.icns .icn_comment:hover {
    background-position: -132px -72px;
}

.icns .icn_twitter {
    background-position: -154px -50px;
}

.icns .icn_twitter:hover {
    background-position: -154px -72px;
}

.icns .icn_twitter_1 {
    background-position: -154px -51px !important;
}

.icns .icn_twitter_1:hover {
    background-position: -154px -73px !important;
}

.icns .icn_twitter_dark {
    background-position: -154px -100px;
}

.icns .icn_facebook {
    background-position: -176px -50px;
}

.icns .icn_facebook:hover {
    background-position: -176px -72px;
}

.icns .icn_facebook_1 {
    background-position: -176px -51px !important;
}

.icns .icn_facebook_1:hover {
    background-position: -176px -73px !important;
}

.icns .icn_facebook_dark {
    background-position: -176px -100px;
}

.icns .icn_mail {
    background-position: -84px -100px;
    height: 21px;
    margin-top: 1px;
    width: 21px;
}

.icns .icn_mail:hover {
    background-position: -84px -121px;
}

.icn {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    background: transparent url("../img/icons.png") no-repeat;
    height: 21px;
    width: 21px;
}

.hk .icn {
    background-image: url(../img/icons-hk.png);
}

.icn_cal {
    background-position: 0 -100px;
}

.icn_facebook_logo {
    background: transparent url("../img/f_logo_22.png") no-repeat !important;
}

.icn_inline_audio {
    background: transparent url("../img/audio.png") no-repeat !important;
    display: block;
    height: 49px;
    line-height: 49px;
    margin: 15px 0 5px;
}

.icn_inline_audio_with_image {
    z-index: 2;
    top: 25px;
    left: 10px;
    position: relative;
}

.inline_audio_image {
    z-index: 1;
    top: -35px;
    position: relative;
}

.icn_twitter_logo {
    background: transparent url("../img/twitter_logo_22.png") no-repeat !important;
}

.icn_cancel {
    background-position: -105px -100px;
}

.icn_cancel:hover {
    background-position: -105px -121px;
}

.icn_print {
    background-position: -21px -100px;
}

.icn_print:hover {
    background-position: -21px -121px;
}

.icn_plus {
    background-position: -42px -100px;
}

.icn_plus:hover {
    background-position: -42px -121px;
}

.icn_minus {
    background-position: -63px -100px;
}

.icn_minus:hover {
    background-position: -63px -121px;
}

.icn_zoom {
    background-position: 0 -145px;
    height: 26px;
    width: 27px;
}

.icn_zoom:hover {
    background-position: 0 -171px;
}

.icn_close {
    background-position: -30px -145px;
    height: 26px;
    width: 26px;
}

.icn_close:hover {
    background-position: -30px -171px;
}

.icn_mail {
    background-position: -84px -100px;
}

.icn_mail:hover {
    background-position: -84px -121px;
}

.icn_link {
    background-position: -220px -50px;
    height: 22px;
    width: 22px;
}

.icn_link:hover {
    background-position: -220px -72px;
}

a:hover .icn_link {
    background-position: -220px -72px;
}

/***********************************************/
/* buttons */
.btn {
    font-family: arial, sans-serif;
    border: none;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 14px;
    text-transform: uppercase;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -o-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
}

.btn_arrow {
    font-family: arial, sans-serif;
    background-position: right 50%;
    background-repeat: no-repeat;
    border: none;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 26px 0 13px;
    text-transform: uppercase;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -o-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
}

.btn_back {
    background-position: left 50%;
    padding: 0 14px 0 27px;
}

.btn_grey {
    background-color: #FFCC7F;
    color: #333 !important;
}

.hk .btn_grey {
    background-color: #347da4;
    color: #fff !important;
}

.btn_grey:hover, .btn_grey:active {
    background-color: #E5B772;
    color: #333;
}

.hk .btn_grey:hover, .hk .btn_grey:active {
    background-color: #195473;
}

.btn_dgrey {
    background-color: #ddd;
    color: #333 !important;
}

.btn_dgrey:hover, .btn_dgrey:active {
    background-color: #c6c6c6;
    color: #333;
}

.btn_lgrey {
    background-color: #f5f4f3;
    border: 1px solid #ccc;
    color: #333 !important;
}

.btn_lgrey:hover, .btn_lgrey:active {
    background-color: #dcdbda;
    color: #333;
}

.btn_green {
    background-color: #f90;
    color: #333 !important;
}

.hk .btn_green {
    background-color: #206990;
    color: #fff !important;
}

.btn_my_green {
    background-color: #f90;
    color: #333 !important;
}

.hk .btn_my_green {
    background-color: #206990;
}

.btn_my_green:active,
.btn_my_green:active {
    background-color: #f90;
    color: #333;
}

.hk .btn_my_green:active,
.hk .btn_my_green:active {
    background-color: #206990;
}

.btn_green:active, .btn_green:hover {
    background-color: #E58900;
    color: #f5f4f3;
}

.hk .btn_green:active,
.hk .btn_green:hover {
    background-color: #195473;
}

.btn_dgreen {
    background-color: #F28000;
    color: #f5f4f3 !important;
}

.hk .btn_dgreen {
    background-color: #195473;
}

.btn_dgreen:active,
.btn_dgreen:hover {
    background-color: #E58900;
    color: #f5f4f3;
}

.hk .btn_dgreen:active,
.hk .btn_dgreen:hover {
    background-color: #05405f;
}

.btn_orange {
    background-color: #EEB600;
    color: #333 !important;
}

.btn_orange:active, .btn_orange:hover {
    background-color: #d4a300;
    color: #333;
}

.hk .btn_orange {
    background-color: #a80014;
    color: #fff !important;
}

.hk .btn_orange:active, .hk .btn_orange:hover {
    background-color: #910010;
}

.btn_white {
    background-color: #fff;
    color: #333 !important;
}

.btn_white:active, .btn_white:hover {
    background-color: #fff;
    color: #333;
}

.btn_mm {
    background-color: #666;
    color: #000 !important;
}

.btn_mm:active, .btn_mm:hover {
    background-color: #fff;
    color: #333;
}

.btn_arrow.btn_grey {
    background-image: url("../img/arrow_black_right.png");
}

.hk .btn_arrow.btn_grey {
    background-image: url("../img/arrow_white_right.png");
}

.hk .btn_arrow.btn_grey.btn_back {
    background-image: url("../img/arrow_white_left.png");
}

.btn_arrow.btn_dgrey {
    background-image: url("../img/arrow_black_right.png");
}

.linkback .btn_arrow.btn_dgrey.left,
.mod_gallery  .btn_arrow.btn_dgrey.left {
    background-image: url("../img/arrow_white_left.png");
    background-color: #444;
    background-position: left 50%;
    padding: 0 13px 0 26px;
    color: #FFF !important;
    margin-bottom: 2px;
}

.linkback .btn_arrow.btn_dgrey.left:hover,
.mod_gallery  .btn_arrow.btn_dgrey.left:hover {
    background-color: #999;
}

.btn_arrow.btn_lgrey {
    background-image: url("../img/arrow_black_right.png");
}

.btn_arrow.btn_green {
    background-image: url("../img/arrow_black_right.png");
}

.hk .btn_arrow.btn_green {
    background-image: url("../img/arrow_white_right.png");
}

.btn_arrow.btn_dgreen {
    background-image: url("../img/arrow_white_right.png");
}

.btn_arrow.btn_orange {
    background-image: url("../img/arrow_black_right.png");
}

.hk .btn_arrow.btn_orange {
    background-image: url("../img/arrow_white_right.png");
}

.btn_arrow.btn_mm {
    background-image: url("../img/arrow_black_right.png");
}

.btn_arrow.btn_white {
    background-image: url("../img/arrow_black_right.png");
}

.btn_back.btn_grey {
    background-image: url("../img/arrow_black_left.png");
}

.btn_back.btn_green {
    background-image: url("../img/arrow_white_left.png");
}

.btn_back.btn_dgreen {
    background-image: url("../img/arrow_white_left.png");
}

.btn_back.btn_orange {
    background-image: url("../img/arrow_black_left.png");
}

.btn_down.btn_dgrey {
    background-image: url("../img/arrow_black_down.png");
    padding-right: 29px;
}

.btn_comment.btn_green {
    background-image: none;
}

.btn_comment.btn_green .count {
    background: transparent url("../img/arrow_black_right.png") no-repeat left 50%;
    padding-left: 12px;
}

.btn_comment.btn_green .text {
    background: transparent url("../img/icon_comment.png") no-repeat left 50%;
    padding-left: 16px;
}

.btn_recommend.btn_green .count {
    background: transparent url("../img/arrow_black_right.png") no-repeat left 50%;
    padding-left: 12px;
}

.hk .btn_comment.btn_green .count,
.hk .btn_recommend.btn_green .count {
    background: transparent url("../img/arrow_white_right.png") no-repeat left 50%;
}

.btn_recommend.btn_green .text {
    background: transparent url("../img/icon_recommend.png") no-repeat -1px 50%;
    padding-left: 16px;
}

.btn_arrow_left {
    background-image: url("../img/arrow_black_left.png") !important;
    background-position: left 50% !important;
    padding: 0 13px 0 26px !important;
}

.btn_arrow_left_forgotten {
    background-image: url("../img/arrow_black_left.png") !important;
    background-position: left 50% !important;
    background-repeat: no-repeat;
    padding: 0 13px 0 26px !important;
}

.hk .btn_arrow_left_forgotten {
    background-image: url("../img/arrow_white_left.png") !important;
    background-position: left 50% !important;
    background-repeat: no-repeat;
    padding: 0 13px 0 26px !important;
}

.btn_shop {
    background-image: url("../img/paywall/button_warenkorb.png") !important;
    background-position: 5% 50% !important;
    padding-left: 36px;
}

.hk .btn_shop {
    background-image: url("../img/paywall/hk_button_warenkorb.png") !important;
    background-position: 5% 50% !important;
    padding-left: 36px;
}

.btn_info {
    background-image: url("../img/paywall/button_info.png") !important;
    background-position: 5% 50% !important;
    padding-left: 36px;
}

.hk .btn_info {
    background-image: url("../img/paywall/hk_button_info.png") !important;
    background-position: 5% 50% !important;
    padding-left: 36px;
}

.btn_all_offers {
    background-image: url("../img/paywall/BZV_Button_Alle-Angebote.png") !important;
    background-position: 5% 50% !important;
    padding-left: 36px;
    width: 185px;
}

.hk .btn_all_offers {
    background-image: url("../img/paywall/HK_Button_Alle-Angebote.png") !important;
    background-position: 5% 50% !important;
    padding-left: 36px;
    width: 185px;
}

/* buttons in headlines only in mordern browsers */
.mod_hd .btn_arrow {
    display: none;
}

.borderradius .mod_hd a:hover .btn_arrow {
    display: inline-block;
}

.borderradius .mod_hd a .btn_arrow.btn_orange {
    background-image: url("../img/arrow_black_right.png");
    background-position: 125% 50%;
    margin: 0 0 -6px 6px;
    padding: 0 13px;
}

/***********************************************/
/* button navigation for slideshows, etc. */
.btn_nav {
    height: 26px;
    width: 68px;
}

.btn_nav a {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    float: left;
    height: 26px;
    width: 34px;
}

.btn_nav a:hover {
    background-color: #fff;
}

.btn_nav .prev {
    background: url("../img/arrow_dark_left.png") no-repeat 50% 50%;
    -ms-border-radius: 13px 0 0 13px;
    -moz-border-radius: 13px 0 0 13px;
    -webkit-border-radius: 13px 0 0 13px;
    -o-border-radius: 13px 0 0 13px;
    border-radius: 13px 0 0 13px;
}

.btn_nav .next {
    background: url("../img/arrow_dark_right.png") no-repeat 50% 50% #f5f4f3;
    -ms-border-radius: 0 13px 13px 0;
    -moz-border-radius: 0 13px 13px 0;
    -webkit-border-radius: 0 13px 13px 0;
    -o-border-radius: 0 13px 13px 0;
    border-radius: 0 13px 13px 0;
}

/***********************************************/
/* bubble */
.bubble {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    background-color: #f5f4f3;
    color: #333;
    font-size: 18px;
    line-height: 22px;
    min-height: 63px;
    padding: 10px;
    position: relative;
}

.bubble:before {
    content: url("../img/bubble_corner.png");
    position: absolute;
    right: 66px;
    top: -22px;
    z-index: 10000;
}

.bubble_img {
    font-size: 16px;
    line-height: 19px;
}

/***********************************************/
/* img frames */
.img_frame {
    border: 5px solid #fff;
    position: relative;
}

.img_frame:after {
    bottom: -20px;
    content: url("../img/frame_shadow_s.png");
    left: -5px;
    position: absolute;
}

label.img_frame:after {
    bottom: -18px;
}

/***********************************************/
/* network */
.network {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}

.network .small {
    font-size: 12px;
}

.network .blue {
    color: #2b6692;
}

.network .green {
    color: #8cd246;
}

.network .red {
    color: #d22030;
}

.network .purple {
    color: #996699;
}

.network .pink {
    color: #E3004A;
}

.network .orange {
    color: #dc7738;
}

.network .turquoise, .turquoise {
    color: #82A996;
}

.network .green_2 {
    color: #99CC00;
}

.network .grey {
    color: #999;
}

.network .yellow {
    color: #edb600;
}

/* remove top border */
.nob {
    border-top: none !important;
}

/* facebook frame */
.mod_frame_green {
    border-top: 5px solid #f90;
    border-left: 1px solid #ccc;
}

.hk .mod_frame_green {
    border-top: 5px solid #206990;
    border-left: 1px solid #ccc;
}

/***********************************************/
/* header styles */
.header {
    margin-bottom: 20px;
    position: relative;
}

.header_no_teaser {
    padding-top: 0;
}

.header .wrap {
    background-color: #fafafa;
    margin-left: 20px;
    width: 992px;
}

.header .head {
    height: 131px;
    overflow: hidden;
    position: relative;
}

.header .paper {
    font-family: "CharisSILBold", serif;
    font-size: 58px;
    line-height: 45px;
    margin: 23px auto 0;
    text-align: center;
    width: 550px;
}

.header .paper .title {
    font-size: 15px;
    margin-top: -6px;
    position: relative;
    z-index: 2;
}

.ie7 .header .paper {
    line-height: 60px;
    margin-top: 10px;
}

.ie7 .header .paper .title {
    margin-top: 13px;
}

.header .paper > a > img {
    margin-top: 6px;
}

.header .bzv_logo {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    background: transparent url("../img/icons.png") no-repeat -100px 0;
    height: 43px;
    position: absolute;
    right: 11px;
    top: 18px;
    width: 80px;
}

.hk .header .bzv_logo {
    background-image: url(../img/icons-hk.png);
}

.header .service {
    left: 8px;
    position: absolute;
    top: 24px;
    margin-left: 0;
}

.header .service li {
    float: left;
    margin-left: 6px;
}

.header .service li a {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    background: transparent url("../img/icons.png") no-repeat;
    height: 20px;
    width: 22px;
}

.hk .header .service li a {
    background-image: url("../img/icons-hk.png");
}

.header .service li .info {
    background-position: 0 0;
}

.header .service li .info:hover {
    background-position: 0 -20px;
}

.header .service li .rss {
    background-position: -22px 0;
}

.header .service li .rss:hover {
    background-position: -22px -20px;
}

.header .service li .mobile {
    background-position: -44px 0;
}

.header .service li .mobile:hover {
    background-position: -44px -20px;
}

.head_nav {
    background-color: #eeb600;
    border-top: 5px solid #FFF;
}

.hk .head_nav {
    background-color: #a80014;
}

.head_nav .list {
    height: 31px;
    margin-top: -5px;
}

.head_nav .list li {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    background-color: #fafafa;
    display: block;
    float: left;
    font-size: 15px;
    padding-bottom: 5px;
    position: relative;
}

.head_nav .list li:first-child {
    border-left: none;
}

.head_nav .list li a {
    background-color: #ffdd00;
    border-left: 1px solid #fafafa;
    color: #333;
    display: block;
    height: 26px;
    padding: 0 4px;
}

.head_nav .list li a.active, .head_nav .list li a:hover {
    background-color: #f8ca00;
}

.hk .head_nav .list li a:hover {
    background-color: #c50016;
    color: #fff;
}

.head_nav .list li.last {
    background: #fafafa url("../img/backgrounds.png") no-repeat right top;
}

.hk .head_nav {
    background-color: #a80014;
}

.hk .head_nav .list li a {
    background-color: #d00018;
    border-left: 1px solid #a80014;
    color: #fff;
}

.hk .head_nav .list li a.active {
    background-color: #a80014;
}

.hk .head_nav .list li.last {
    background-image: url("../img/backgrounds_hk.png");
}

.header .teaser_top {
    margin-left: 20px;
    width: 992px;
}

.header .search {
    bottom: 26px;
    position: absolute;
    right: 14px;
}

.header .search legend {
    display: none;
}

.header .search input[type=text] {
    font-family: Georgia, serif;
    font-size: 14px;
    height: 17px;
    padding-right: 20px;
    width: 158px;
}

.header .search button[type="submit"] {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    background: transparent url("../img/icons.png") no-repeat -80px 0;
    height: 16px;
    position: absolute;
    right: 7px;
    top: 5px;
    width: 17px;
}

.hk .header .search button[type="submit"] {
    background-image: url("../img/icons-hk.png");
}

.header .search button[type="submit"]:hover {
    background-position: -80px -20px;
}

.header .outer {
    overflow: hidden;
    height: 26px;
}

.header .inner {
    width: 9999em;
}

.header .breadcrumbs {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    float: left;
    font-size: 15px;
    height: 26px;
    line-height: 26px;
    margin-left: 7px;
    position: relative;
    z-index: 0;
}

.header .breadcrumbs div {
    background: transparent url("../img/backgrounds.png") no-repeat right -95px;
    float: left;
    height: 26px;
    margin-left: -7px;
    padding: 0 9px 0 11px;
    position: relative;
}

.header .breadcrumbs div:first-child {
    padding-left: 5px;
}

.header .breadcrumbs div.last {
    background-position: right -65px;
}

.header .breadcrumbs a {
    color: #333;
}

.header .breadcrumbs a:hover {
    color: #878787;
}

.header .sec_nav {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    float: left;
    font-size: 15px;
    height: 26px;
}

.header .sec_nav li {
    border-left: 1px solid #ccc;
    float: left;
    height: 26px;
}

.header .sec_nav li:first-child {
    border-left: none;
}

.header .sec_nav a {
    padding: 0 5px;
}

.header .sec_nav a:hover {
    color: #878787;
}

.header .weather {
    bottom: 30px;
    left: 0;
    position: absolute;
}

.head .login {
    color: #999;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 20px;
    position: absolute;
    right: 88px;
    text-transform: uppercase;
    top: 27px;
}

.head .login li {
    border-left: 1px solid #ccc;
    float: left;
    padding: 0 8px;
}

.head .login li:first-child {
    border-left: none;
}

.head .login a {
    color: #999;
}

/* footer */
.footer {
    font-family: "Georgia", serif;
    margin-bottom: 27px;
}

.footer .pub {
    zoom: 1;
    background: transparent url("../img/backgrounds.png") no-repeat 0 -460px;
    border-bottom: 4px solid #ccc;
    margin-bottom: 27px;
    padding: 42px 0 30px;
}

.footer .pub:before, .footer .pub:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.footer .pub:after {
    clear: both;
}

.footer .pub li {
    float: left;
    font-size: 12px;
    line-height: 17px;
    padding-top: 12px;
    text-align: center;
    text-transform: uppercase;
    width: 130px;
}

.footer .pub li:first-child {
    font-size: 20px;
    line-height: 24px;
    padding-top: 0;
    width: 212px;
}

.hk .footer .pub {
    background-image: url("../img/backgrounds_hk.png");
}

.footer .bottom {
    zoom: 1;
}

.footer .bottom:before, .footer .bottom:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.footer .bottom:after {
    clear: both;
}

.footer .sitemap {
    float: left;
    /*   background:url(../img/bg_sitemap.png) repeat right 0; siehe footer_default.jsp*/
}

.footer .sitemap .column .list {
    border-bottom: 0;
}

.footer .sitemap .column li {
    margin-bottom: 0;
}

.footer .info {
    float: left;
}

.footer .column {
    float: left;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    padding: 0 10px;
    width: 144px;
}

.footer .column .category a {
    color: #ca9900;
}

.footer .column .list {
    margin-bottom: 16px;
}

.footer .column .list a {
    color: #999;
}

.footer .column .list a:hover {
    color: #333;
}

.hk .footer .column .category a {
    color: #d00018;
}

.footer .info {
    margin-left: 17px;
    width: 312px;
}

.footer .list {
    zoom: 1;
    border-bottom: 1px solid #ccc;
}

.footer .list:before, .footer .list:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.footer .list:after {
    clear: both;
}

.footer .list li {
    float: left;
    margin-bottom: 24px;
    width: 156px;
}

.footer .partner {
    margin-bottom: 25px;
}

.footer .partner li {
    border-bottom: 1px solid #ccc;
    padding: 25px 0;
}

.footer .legal {
    font-size: 12px;
    line-height: 17px;
}

.footer .legal .copyright {
    color: #ccc;
}

/* forms */
.form {
    margin: 0 -16px 30px;
}

.form .block {
    border-top: 1px solid #ccc;
    padding: 10px 16px;
}

.form .legend + .block {
    border-top: none;
}

.form fieldset {
    border-top: 5px solid #eeb600;
}

.hk .form fieldset {
    border-top: 5px solid #a80014;
}

.form .legend {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 10px;
    padding: 5px 16px;
}

.form .txt {
    margin-bottom: 10px;
}

.form label {
    font-family: "Georgia", serif;
    display: block;
    font-size: 12px;
    line-height: 15px;
}

.form label input {
    float: left;
}

.form label span {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-left: 10px;
    width: 425px;
}

.form select {
    font-family: "Georgia", serif;
    font-size: 12px;
    width: 458px;
}

.form input[type=text], .form textarea {
    font-family: "Georgia", serif;
    font-size: 12px;
    width: 452px;
}

.form .left select,
.form .right select {
    width: 221px;
}

.form .left input[type=text],
.form .right input[type=text],
.form .left input[type=email],
.form .right input[type=email] {
    width: 215px;
}

.form input[type=text].small {
    width: 62px;
}

.form .line {
    zoom: 1;
    margin-bottom: 10px;
    width: 458px;
}

.form .line:before, .form .line:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.form .line:after {
    clear: both;
}

.form .left {
    float: left;
    width: 221px;
}

.form .left .left,
.form .right .left {
    float: left;
    width: auto;
}

.form .left .right,
.form .right .right {
    float: right;
    width: auto;
}

.form .right {
    float: left;
    margin-left: 16px;
    width: 221px;
}

.form .submit {
    padding: 20px 16px;
}

/* article */
.article {
    margin: 24px 16px 0;
}

.article  .hl {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 43px;
    margin: 0 0 10px;
}

.article  .publication_date {
    display: none;
}

.article  .abstract {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 36px;
}

.article .abstract > .loc {
    background: transparent url(../img/bg_article_location.gif) repeat-x scroll 0 9px;
}

.hk .article .abstract > .loc {
    background: transparent url("../img/bg-article-location-hk.png") repeat-x scroll 0 9px;
}

.article  h1,
.article  h2,
.article  h3,
.article  h4,
.article  h5,
.article  h6 {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
}

.article  h1,
.article  h3,
.article  h4,
.article  h5,
.article  h6 {
    margin-bottom: 0;
}

.article  h2 {
    margin-bottom: 10px;
}

.article  p {
    font-family: "Georgia", serif;
    margin: 0 0 24px;
}

.article  p.author {
    font-size: 18px;
    font-style: italic;
}

.article  p > a {
    text-decoration: underline;
}

.article  p > a:hover {
    color: #777;
}

.article  .inline {
    background: transparent url("../img/bg_checkers.png");
    width: 252px;
}

.article  .inline-faktenbox {
    background: transparent url("../img/bg_checkers.png");
    margin-bottom: 10px;
    padding-top: 5px;
    margin-left: -16px;
    width: 656px;
}

.article  .left {
    float: left;
    margin: 0 16px 10px -16px;
}

.article  .right {
    float: right;
    margin: 0 -16px 10px 16px;
}

.article  .inline_wide {
    clear: both;
    margin: 0 -16px;
    width: 656px;
}

.article a[href^="mailto"] {
    color: #f90;
    position: relative;
    text-decoration: none;
}

.article a[href^="mailto"]:hover {
    color: #f90;
}

a[href^="mailto"] {
    color: #f90;
    position: relative;
    text-decoration: none;
}

a[href^="mailto"]:hover {
    color: #f90;
}

.hk a[href^="mailto"],
.hk a[href^="mailto"]:hover,
.hk .article a[href^="mailto"],
.hk .article a[href^="mailto"]:hover {
    color: #206990;
}

.article a[href^="mailto"] .icn_mail {
    left: 0;
    position: absolute;
    top: 0;
}

.article a[href^="mailto"]:hover .icn_mail {
    background-position: -84px -121px;
}

.article .fileSaveForm fieldset {
    margin: -20px 0 0;
}

/* inline elements */
.inline > .mod_img, .inline-faktenbox > .mod_img {
    padding: 0 16px;
    padding-bottom: 14px;
}

.inline > .mod_img .hl, .inline-faktenbox > .mod_img .hl {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    margin-top: 7px;
}

.inline > .mod_img .hl a, .inline-faktenbox > .mod_img .hl a {
    color: #333;
}

.inline > .mod_img .hl a:hover, .inline-faktenbox > .mod_img .hl a:hover {
    color: #777;
}

.inline > .mod_img .txt, .inline-faktenbox > .mod_img .txt {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    margin-top: 9px;
}

.inline > .mod_img .rights, .inline-faktenbox > .mod_img .rights {
    font-family: "Georgia", serif;
    color: #666;
    font-size: 12px;
    line-height: 14px;
    margin-top: 13px;
}

.inline > .mod_img .zoom, .inline-faktenbox > .mod_img .zoom {
    text-align: right;
}

.inline > .mod_img .icn_zoom, .inline-faktenbox > .mod_img .icn_zoom {
    display: inline-block;
}

/* main image and slideshows */
.mod_images {
    zoom: 1;
    background: url("../img/bg_checkers.png");
    margin: 0 0 37px;
    padding: 0 16px;
    position: relative;
}

.mod_images:before, .mod_images:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_images:after {
    clear: both;
}

.mod_images .img {
    float: left;
    position: relative;
    width: 472px;
}

/* BZV-996 */
.mod_images a.icn_photo {
    position: absolute;
    right: 95px;
    top: 150px;
    width: 50px;
    height: 50px;
    background: transparent url(../img/icon_photo.png) scroll no-repeat 0 0;
    text-indent: -99999em;
}

.hk .mod_images a.icn_photo {
    background-image: url("../img/icon_photo-hk.png");
}

a.icn_photo,
a.icn_photo:hover {
    background: transparent url(../img/icon_photo_hover.png) scroll no-repeat 0 0;
}

.hk a.icn_photo,
.hk a.icn_photo:hover {
    background-image: url("../img/icon_photo_hover-hk.png");
}

.mod_images .txt {
    float: right;
    width: 140px;
}

.mod_images .txt .caption {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    margin: 12px 0 12px;
}

.mod_images .txt .rights {
    font-family: "Georgia", serif;
    color: #666;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 30px;
}

.mod_images .icn_zoom {
    bottom: 14px;
    display: block;
    position: absolute;
    right: 15px;
    z-index: 10;
}

.mod_images .hl {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    clear: both;
    font-size: 20px;
    line-height: 24px;
}

/* slideshow specific */
.mod_images .nav {
    color: #999;
    height: 26px;
    margin: 15px 0 17px;
    width: 140px;
}

.mod_images .nav .counter {
    float: left;
    margin-right: 15px;
}

.mod_images .nav .counter .index {
    color: #1f1f1f;
}

.mod_images .nav .btn_nav {
    float: right;
}

.mod_images .nav .btn_nav a {
    background-color: #ccc;
    cursor: pointer;
}

.mod_images .nav .btn_nav a:hover {
    background-color: #fff;
}

/* BZV-996 */
.mod_images .counter.bottom {
    color: #666;
    position: absolute;
    top: 60px;
    font-size: 14px;
    right: 15px;
}

.counter  .images_info {
    position: relative;
    top: 170px;
    left: 120px;
    width: 200px;
}

.mod_images .title {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: bold;
    clear: both;
    font-size: 26px;
    line-height: 24px;
    padding: 13px 0 10px;
    color: #fff;
}

.layer_inner .mod_images .unit .txt .caption {
    margin: 10px 0 0 0;
}

.layer_inner .mod_images .unit .txt.extra {
    height: 70px;
}

.layer_inner .mod_images .unit .txt.extra .stars {
    width: 240px;
    float: left;
    padding-top: 42px;
}

.layer_inner .mod_images .unit .txt.extra .social {
    width: 280px;
    float: left;
    margin-left: 10px;
}

body.layer_inner.iframe {
    background-color: #222;
    color: #ccc;
}

body.layer_inner.iframe form {
    background-color: transparent;
}

body.layer_inner.iframe fieldset {
    padding: 13px 0 22px;
}

body.layer_inner.iframe legend {
    border-bottom: 3px solid #aaa9a5;
    padding-bottom: 4px;
    width: 100%;
}

body.layer_inner.iframe input[type=submit] {
    float: right;
    margin-bottom: 3px;
}

body.layer_inner.iframe p.error,
body.layer_inner.iframe p.success {
    width: auto;
    font-weight: bold;
}

body.layer_inner.iframe p.error {
    color: #f61212;
}

body.layer_inner.iframe p.success {
    color: #1cab00;
}

.mod_images .iframe {
    display: none;
    left: 0;
    min-height: 1px;
    min-width: 1px;
    position: absolute;
    top: 0;
}

.mod_images .iframe iframe {
    overflow: hidden;
}

/* Video */
.mod_video {
    zoom: 1;
    background-color: #333;
    margin: 0 0 37px;
    padding: 0 16px;
    position: relative;
}

.mod_video:before, .mod_images:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_video:after {
    clear: both;
}

.mod_video .video {
    float: left;
    position: relative;
    width: 472px;
}

.mod_images .top {
    min-height: 60px;
    height: auto;
    border-bottom: 1px solid #333;
    margin: 15px 15px 10px 15px;
}

.mod_images .top .title {
    float: left;
    width: 80%;
    text-align: left;
}

.mod_images .top .linkback {
    text-align: left;
    background: transparent url("../img/arrow_white_left.png") scroll no-repeat -10px 6px;
}

.mod_images .top .control {
    float: right;
    width: 160px;
    padding: 0;
    margin-top: 15px;
}

.mod_video .txt {
    float: right;
    width: 140px;
}

.mod_video .txt .caption {
    color: #ccc;
    font-size: 14px;
    line-height: 18px;
    margin: 12px 0 12px;
}

/* text slideshow */
.mod_text {
    zoom: 1;
    background: url("../img/bg_checkers.png");
    margin: 0 0 37px;
    padding: 11px 16px 16px;
    position: relative;
}

.mod_text:before, .mod_text:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_text:after {
    clear: both;
}

.mod_text .nav {
    color: #999;
    height: 26px;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 140px;
}

.mod_text .nav .counter {
    float: left;
}

.mod_text .nav .counter .index {
    color: #1f1f1f;
}

.mod_text .nav .btn_nav {
    float: right;
}

.mod_text .nav .btn_nav a {
    background-color: #ccc;
    cursor: pointer;
}

.mod_text .nav .btn_nav a:hover {
    background-color: #fff;
}

.mod_text .unit {
    width: 472px;
}

.mod_text .hd {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px;
}

.mod_text .hl {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 7px;
}

.mod_text .txt {
    font-size: 14px;
    line-height: 18px;
}

/*mod infobox*/
.mod_infobox {
    font-family: georgia, serif;
    overflow: hidden;
    padding: 12px 9px 17px;
}

.mod_infobox.orange {
    background: #eeb600;
    color: #fff;
    color: #000;
}

.hk .mod_infobox.orange {
    background: #a80014;
}

.mod_infobox.green {
    background: #f90;
    color: #f5f4f3;
}

.hk .mod_infobox.green {
    background: #206990;
}

.mod_infobox.white {
    background: #fff;
    color: #555;
}

.mod_infobox .hl {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 27px;
    margin-bottom: 18px;
}

.mod_infobox a.icon {
    float: left;
    margin: 10px 0 0;
    padding-left: 31px;
    background: url(../img/icon_arrowHV.png) no-repeat;
    font-size: 15px;
    line-height: 21px;
    font-weight: bold;
}

/* layer */

/* tests aya for userprofile upload*/

.layer .layer_profile_image_reset_upload {
    background-color: #e6e3dc;
    color: #6f6f6f;
    padding: 28px 20px 30px;
    width: 400px;
}

.layer .layer_profile_image_reset_upload p {
    margin: 0 0 2em 0;
}

.layer .layer_profile_image_reset_upload .submit {
    float: left;
    margin-bottom: 3px;
}

.layer .layer_profile_image_reset_upload form {
    background-color: transparent;
}

.layer .layer_profile_image_reset_upload fieldset {
    padding: 13px 0 22px;
}

.layer .layer_profile_image_reset_upload legend {
    border-bottom: 3px solid #aaa9a5;
    padding-bottom: 4px;
    width: 100%;
}

.layer .layer_profile_image_reset_upload input[type=submit] {
    margin-right: 118px;
}

.layer .layer_profile_image_reset_upload p.error, .layer .layer_profile_image_upload p.success {
    display: inline-block;
    width: auto;
    font-weight: bold;
}

.layer .layer_profile_image_reset_upload p.error {
    color: #f61212;
}

.layer .layer_profile_image_reset_upload p.success {
    color: #1cab00;
}

.layer .layer_profile_image_upload {
    background-color: #e6e3dc;
    color: #6f6f6f;
    padding: 28px 20px 30px;
    width: 600px;
}

.layer .layer_profile_image_upload form {
    background-color: transparent;
}

.layer .layer_profile_image_upload fieldset {
    padding: 13px 0 22px;
}

.layer .layer_profile_image_upload legend {
    border-bottom: 3px solid #aaa9a5;
    padding-bottom: 4px;
    width: 100%;
}

.layer .layer_profile_image_upload input[type=submit] {
    float: right;
    margin-bottom: 3px;
}

.layer .layer_profile_image_upload p.error, .layer .layer_profile_image_upload p.success {
    width: auto;
    font-weight: bold;
}

.layer .layer_profile_image_upload p.error {
    color: #f61212;
}

.layer .layer_profile_image_upload p.success {
    color: #1cab00;
}

.layer_inner .mod_images .nav {
    border-left: none;
    margin: 0;
}

.layer_inner .mod_images .nav .control {
    background-color: #222;
    color: #666;
    margin: 0;
    padding: 0;
}

.layer_inner .mod_images .nav .control .btn_nav {
    margin-left: 0;
}

.layer_inner .mod_images .nav .control .btn_nav a:hover {
    background-color: #fff;
}

.layer_inner .mod_images .nav .control .index {
    color: #fff;
}

.layer_inner .mod_images {
    background-image: none;
    margin-bottom: 0;
    text-align: center;
    padding: 0;
}

.layer_inner .mod_images .unit {
    zoom: 1;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.layer_inner .mod_images .unit:before, .layer_inner .mod_images .unit:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.layer_inner .mod_images .unit:after {
    clear: both;
}

.layer_inner .mod_images .unit .nav {
    bottom: 433px;
    right: 48px;
    position: absolute;
    width: 252px;
}

.layer_inner .mod_images .unit .nav .control .counter {
    float: right;
    margin-right: 0;
    width: 172px;
}

.mod_media .slider .control .counter {
    width: 100px;
}

.layer_inner .mod_images .unit .icn_close {
    bottom: 433px;
    position: absolute;
    right: 0;
}

.layer_inner .mod_images .unit .img {
    background: none;
    width: 100%;
    height: auto;
}

.layer_inner .mod_images .unit .img img {
    margin: auto;
}

.layer_inner .mod_images .unit .txt {
    position: static;
    width: 810px;
    float: none;
    text-align: left;
    margin-left: 90px;
}

.layer_inner .mod_images .unit .txt .caption {
    color: #ccc;
    margin-bottom: 10px;
}

.layer_inner .mod_images .unit .txt .rights {
    margin-bottom: 15px;
}

.layer_inner .mod_images .unit .txt .purchase {
    border: none;
    color: #999;
    font-size: 14px;
    padding-bottom: 15px;
}

.layer_inner .mod_images .unit .txt .purchase {
    margin-bottom: 15px;
}

.layer_inner .mod_images .unit .txt .purchase .btn_arrow {
    margin-right: 10px;
}

.layer_inner .mod_images .unit .txt .share,
.layer_inner .mod_images .unit .txt .rate {
    border: none;
    color: #666;
    font-size: 20px;
    line-height: 24px;
    padding: 0;
}

.layer_inner .mod_images .unit .title {
    color: #fff;
    font-size: 26px;
    line-height: 31px;
}

.layer_inner .mod_images .unit .mod_ads {
    background-color: transparent;
    border: none;
    margin: 5px 0 0;
    width: 300px;
}

.layer_inner .mod_images .unit .mod_ads .box {
    padding: 0;
}

/* gallery */
.layer_inner .mod_gallery {
    margin-bottom: 15px;
    width: 990px;
}

.layer_inner .mod_gallery .share {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    color: #666;
    font-size: 20px;
    line-height: 24px;
}

.layer_inner .mod_gallery .slider {
    margin: 0 0 0 5px;
    position: relative;
}

.layer_inner .mod_gallery .list {
    zoom: 1;
}

.layer_inner .mod_gallery .list:before, .layer_inner .mod_gallery .list:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.layer_inner .mod_gallery .list:after {
    clear: both;
}

.layer_inner .mod_gallery .img, .layer_inner .mod_gallery .img img {
    width: 159px;
}

.layer_inner .mod_gallery li {
    background: #333;
    border: 2px solid #222;
    cursor: pointer;
    display: block;
    float: left;
    height: 119px;
    margin: 0;
    width: 159px;
}

.mod_gallery .slider li.active {
    border: 2px solid #F8CA00;
}

.hk .mod_gallery .slider li.active {
    border: 2px solid #c50016;
}

.mod_gallery .slider li:hover {
    background: #444;
}

.mod_gallery .slider li.active:hover {
    background: #333;
    cursor: default;
}

.layer_inner .mod_gallery li.toggle {
    background-color: #555;
    position: relative;
}

.mod_gallery .slider li.toggle, .mod_gallery .slider li.toggle:hover {
    background: #555 url("../img/arrow_down.png") scroll no-repeat 70px 95px;
}

.layer_inner .mod_gallery li.toggle.toggleopen, .layer_inner .mod_gallery li.toggle.toggleopen:hover {
    background: #555 url("../img/arrow_up.png") scroll no-repeat 70px 25px;
}

.layer_inner .mod_gallery li.toggle .txt {
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    bottom: 0;
    left: 0;
    padding: 14px;
    position: absolute;
    text-transform: uppercase;
    width: 131px;
}

.layer_inner .mod_gallery li.toggle.toggleopen .txt {
    bottom: 0;
    top: auto;
}

.layer_inner .mod_gallery li.toggle .txt {
    top: 0;
    text-align: left;
    font-weight: bold;
}

.mod_gallery .btn_dgrey.btn_arrow {
    float: left;
    margin-bottom: 15px;
    margin-left: 10px;
}

.mod_gallery .share {
    clear: left;
}

.layer_inner .mod_gallery .nav {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    position: absolute;
    right: 0;
    top: -30px;
    width: auto;
}

.layer_inner .mod_images .nav .control {
    text-align: right;
}

.layer_inner .mod_gallery .nav a {
    background-color: #555;
}

.layer_inner .mod_images hr {
    display: block;
    margin-bottom: 50px;
    width: 963px;
    margin-left: 15px;
    background: #333;
    border-color: #333;
    background-color: #333;
    color: #333;
}

/* add Layer */
.layer_inner .unit .addLayer {
    height: 100%;
    width: 100%;
    z-index: 998;
    background: black;
    position: absolute;
    top: 0;
    left: 0;
}

.layer_inner .unit .addContent {
    position: absolute;
    z-index: 999;
}


/* zoom img */
.layer_inner .mod_img_zoom {
    margin: 0 auto;
}

/* recommend layer */
.layer_inner .layer_recommend {
    background-color: #f5f4f3;
    color: #222;
    font-family: "Georgia", serif;
    font-size: 14px;
    line-height: 18px;
    padding: 15px 20px;
    position: relative;
    width: 672px;
}

.layer_inner .layer_recommend .btn_arrow.btn_green {
    background-image: url("../img/arrow_black_right.png");
}

.hk .layer_inner .layer_recommend .btn_arrow.btn_green {
    background-image: url("../img/arrow_white_right.png");
}

.layer_inner .layer_recommend label {
    display: block;
}

.layer_inner .layer_recommend input,
.layer_inner .layer_recommend textarea {
    display: block;
    margin-bottom: 20px;
    width: 480px;
}

.layer_inner .layer_recommend .hl {
    font-size: 24px;
    margin-bottom: 40px;
}

.layer_inner .layer_recommend .icn_close {
    position: absolute;
    right: 20px;
    top: 15px;
}

.layer_inner .layer_recommend .small {
    color: #666;
    font-size: 12px;
}

.layer_inner .layer_recommend .wrap {
    margin-bottom: 24px;
    padding-right: 186px;
    text-align: right;
}

.layer_inner .layer_recommend .captcha .left {
    float: left;
    width: 110px;
}

.layer_inner .layer_recommend .captcha .right label {
    font-size: 12px;
}

.layer_inner .layer_recommend .captcha .right input {
    margin: 0;
    width: 100px;
}

.layer_inner .layer_recommend .captcha .right p {
    clear: both;
    font-size: 12px;
}

.layer_inner .layer_recommend .disclaimer {
    color: #999;
    font-size: 12px;
    line-height: 16px;
    padding-right: 182px;
}

.layer_inner .layer_recommend .disclaimer strong {
    color: #333;
    font-weight: normal;
}

/* aside */
.aside {
    font-family: "Georgia", serif;
    border-left: 1px solid #ccc;
    margin: 24px 0 30px;
    padding-left: 9px;
}

.aside .hl {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
}

.aside .cell {
    border-top: 1px solid #ccc;
}

.aside .cell:first-child {
    border-top: none;
}

.aside .cell .btn_comment {
    margin-top: 10px;
}

.aside .cell .btn_comment,
.aside .cell .btn_recommend {
    margin-bottom: 10px;
}

.aside > .hl {
    font-size: 26px;
    line-height: 31px;
}

.aside .datetime .icn,
.aside .printSize .icn,
.aside .label {
    display: block;
    float: left;
    margin-right: 5px;
}

.aside .datetime {
    font-size: 14px;
    line-height: 21px;
    padding: 9px 0 10px;
}

.aside .printSize {
    zoom: 1;
    font-size: 14px;
    line-height: 21px;
    padding: 9px 0 10px;
}

.aside .printSize:before, .aside .printSize:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.aside .printSize:after {
    clear: both;
}

.aside .printSize .icn_print {
    margin-left: 20px;
}

.aside .author {
    zoom: 1;
    padding: 20px 16px 20px 0;
}

.aside .author:before, .aside .author:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.aside .author:after {
    clear: both;
}

.aside .author .img {
    float: right;
}

.aside .author .hl {
    margin-bottom: 8px;
}

.aside .author .name {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}

.aside .author .txt {
    color: #666;
    font-size: 12px;
    line-height: 15px;
    width: 50%;
}

.aside .author .bottom {
    clear: both;
    margin-top: 32px;
}

.aside .author .btn {
    float: right;
}

.aside .author .social {
    float: left;
    margin-left: 0;
}

.aside .author .social .icn {
    float: left;
    margin-right: 6px;
}

.aside .more {
    font-family: arial, sans-serif;
}

.aside .more .mod {
    border-top: 1px solid #ccc;
    margin: 0;
    padding: 10px 0;
}

.aside .more .mod:first-child {
    border-top: none;
}

.aside .more a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 5px;
}

/* comments */
.article_comments:before {
    clear: both;
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.article_comments {
    font-size: 14px;
    line-height: 18px;
}

.article_comments.one-column {
    background-color: red;
}

.article_comments form.show {
    display: block;
}

.article_comments .btn_green {
    background-image: url("../img/arrow_black_right.png");
    background-position: right 50%;
}

.hk .article_comments .btn_green {
    background-image: url("../img/arrow_white_right.png");
}

.article_comments form {
    background: transparent url("../img/bg_checkers.png");
    display: none;
    margin: 0 0 50px;
    padding: 9px 16px 16px;
    position: relative;
}

.article_comments form.show {
    display: block;
}

.article_comments form:after {
    bottom: -36px;
    content: url("../img/bubble_comment.png");
    left: 168px;
    position: absolute;
}

.article_comments form .hd {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    color: #999;
    float: left;
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 12px;
}
.article_comments.one-column form .hd {
    font-size: 14px;
    line-height: 27px;
}
.article_comments.one-column form .error {
    font-size: 12px;
}

.article_comments form .btn_login {
    float: right;
    /*margin-top: 8px;*/
}

.ie7 .article_comments form .btn_login {
    margin-top: 0;
}

.article_comments form .btn_logout {
    float: right;
    margin-top: 8px;
}

.ie7 .article_comments form .btn_logout {
    margin-top: 0;
}

.article_comments form .line {
    zoom: 1;
}

.article_comments form .line:before, .article_comments form .line:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.article_comments form .line:after {
    clear: both;
}

.article_comments form .left {
    float: left;
    width: 473px;
}

.article_comments form .right {
    float: right;
    width: 137px;
}

.article_comments form .cell {
    float: left;
    margin: 0 0 0 16px;
    padding-bottom: 14px;
    text-align: left;
    width: 147px;
}
.article_comments.one-column .line .label {
    padding-bottom: 6px;
}
.article_comments.one-column .cell #captchaImg {
    width: 100px;
    height: 52px;
}
.article_comments.one-column .cell.field {
    float: right;
}
.article_comments.one-column .cell.field.captcha {
    line-height: 52px;
}

.article_comments form .cell:first-child {
    margin-left: 0;
}

.article_comments form .cell label {
    display: block;
    line-height: 22px;
}

.article_comments form .cell label {
    margin-bottom: 14px;
}

.article_comments form .cell label:last-child {
    margin-bottom: 0;
}

.article_comments form .cell input[type=text] {
    font-family: "Georgia", serif;
    width: 141px;
}

.ie7 .article_comments form .cell input {
    margin-left: -14px;
}

.article_comments form .cell input {
    margin-bottom: 14px;
}

.article_comments form .cell input:last-child {
    margin-bottom: 0;
}

.article_comments form .left .cell:first-child {
    margin-left: 0;
}

.article_comments form textarea {
    font-family: "Georgia", serif;
    margin-bottom: 17px;
    width: 618px;
}
.article_comments.one-column form textarea {
    width: 279px;
}

.article_comments form .cell_label {
    width: auto;
}

.article_comments form .cell_comment {
    float: right;
    padding-bottom: 0;
    text-align: right;
    width: auto;
}

.article_comments form .register,
.article_comments form .reminder {
    font-family: "Georgia", serif;
    background: transparent url("../img/arrow_black_right.png") no-repeat right 50%;
    padding-right: 26px;
    white-space: nowrap;
}

.article_comments .toggle {
    background: transparent url("../img/bg_checkers.png");
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 12px;
    line-height: 24px;
    position: relative;
    text-transform: uppercase;
}

.article_comments .toggle:after {
    content: url("../img/arrow_black_down.png");
    position: absolute;
    right: 0;
    top: 0;
}

.article_comments .toggle_active:after {
    content: url("../img/arrow_black_up.png");
}

.article_comments .toggle a {
    color: #333;
    cursor: pointer;
    display: block;
    padding: 0 8px;
}

.article_comments.one-column .toggle a,
.article_comments .toggle_reply a {
    background: transparent url("../img/icon_comment_green.png") no-repeat 7px 7px;
    padding-left: 27px;
}
.article_comments.one-column .toggle a {
    cursor: default;
}
.article_comments.one-column .toggle:after {
    content: '';
}

.hk .article_comments .toggle_reply a {
    background-image: url("../img/icon_comment_green-hk.png");
}

.article_comments .comment {
    zoom: 1;
    border-top: 1px solid #ccc;
    margin: 10px 0;
}

.article_comments .comment:before,
.article_comments .comment:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.article_comments .comment:after {
    clear: both;
}

.article_comments .comment:first-child {
    border-top: none;
}

.article_comments .info {
    zoom: 1;
    margin: 16px 0;
    padding: 0 16px;
}

.article_comments .info:before, .article_comments .info:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.article_comments .info:after {
    clear: both;
}

.article_comments .user {
    font-family: "Georgia", serif;
    float: left;
}

.article_comments .date {
    color: #999;
    float: right;
    font-size: 12px;
}

.article_comments .img {
    float: left;
    margin: 0 0 10px 16px;
}

.article_comments .img + .body {
    margin-left: 17px;
    width: 572px;
}

.article_comments .body {
    float: left;
    margin-left: 83px;
}

.article_comments .body .txt {
    color: #666;
    margin-bottom: 14px;
    padding-right: 17px;
}

.article_comments .body .replies {
    display: none;
}

.article_comments .body .show {
    display: block;
}

.article_comments .actions {
    zoom: 1;
    clear: both;
    margin-bottom: 16px;
}

.article_comments .actions:before, .article_comments .actions:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.article_comments .actions:after {
    clear: both;
}

.article_comments .actions .report {
    float: left;
}

.article_comments .actions .reply {
    float: right;
}

/* 2nd level replies */
.article_comments .comment .toggle:after {
    content: url("../img/arrow_black_down.png");
}

.article_comments .comment .toggle_active:after {
    content: url("../img/arrow_black_up.png");
}

.article_comments .comment .comment {
    margin: 0;
}

.article_comments .comment .comment .info {
    padding: 0 16px 0 0;
}

.article_comments .comment .comment .img {
    margin-left: 0;
}

.article_comments .comment .comment .body {
    margin-left: 0;
    width: auto;
}

.article_comments .comment .comment .img + .body {
    margin-left: 17px;
    width: 505px;
}

.article_comments .comment form {
    border-top: 1px solid #ccc;
    display: none;
    margin-bottom: 10px;
}

.article_comments .comment form:after {
    content: "";
}

.article_comments .comment form .left {
    width: 389px;
}

.article_comments .comment form textarea {
    width: 534px;
}

.article_comments .comment form .cell {
    width: 147px;
}

.article_comments .comment form .cell_comment {
    width: auto;
}

.article_comments .comment form .login,
.article_comments .comment form .guest {
    width: 270px;
}

/* article print */
.page_print .print {
    zoom: 1;
    font-family: "Georgia", serif;
    background: transparent url("../img/bg_checkers.png");
    font-size: 14px;
    height: 21px;
    line-height: 21px;
    margin: 0 -20px;
    padding: 9px 36px 10px;
}

.page_print .print:before, .page_print .print:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.page_print .print:after {
    clear: both;
}

.page_print .print a {
    cursor: pointer;
    float: left;
    margin-left: 20px;
}

.page_print .print .toggle {
    float: left;
}

.page_print .print .print_cancel {
    float: right;
}

.page_print .print .icn {
    float: left;
    margin-right: 5px;
}

.page_print .logo {
    border-bottom: 1px solid #ccc;
    margin-bottom: 27px;
    padding: 37px 0 20px;
    text-align: center;
}

.page_print .datetime {
    font-family: "Georgia", serif;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 24px;
}

.page_print .datetime .icn_cal {
    font-family: "Georgia", serif;
    float: left;
    margin-right: 5px;
}

.page_print .link {
    font-family: "Georgia", serif;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 134px;
}

.page_print .article {
    font-family: "Georgia", serif;
}

.page_print .article .abstract {
    font-family: "Georgia", serif;
}

.page_print .article .hl {
    font-family: arial, sans-serif;
    font-weight: bold;
}

.page_print .article > h1,
.page_print .article > h2,
.page_print .article > h3,
.page_print .article > h4,
.page_print .article > h5,
.page_print .article > h6 {
    font-family: arial, sans-serif;
    font-weight: bold;
}

@media print {
    .page_print .print {
        display: none;
    }
}

/* weather widget */
.weather {
    font-family: "Antenna Cond", sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #999;
    font-size: 11px;
    line-height: 20px;
}

.weather .cell {
    border-left: 1px solid #ccc;
    float: left;
    padding: 0 40px 0 10px;
    position: relative;
}

.weather .cell:first-child {
    border-left: none;
}

.weather .img {
    position: absolute;
    right: 10px;
    top: -2px;
}

/* videoTeaserImg */
.videoTeaserImg {
	display: block;
	position: relative;
}

.videoTeaserImg .videoTeaserImg__overlay {
	background: transparent url(../js/brightcove/bcw_single/bcw_single/bc_playOverlay_Off.png) no-repeat center center;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 900;
}
.videoTeaserImg .videoTeaserImg__overlay:hover {
	background: transparent url(../js/brightcove/bcw_single/bcw_single/bc_playOverlay_On.png) no-repeat center center;
}

.videoTeaserImg .videoTeaserImg__headline-overlay {
	background: transparent url(../js/brightcove/bcw_single/bcw_single/bc_metaOverlay.png) repeat 0 0;
	display: block;
	font-size: 14px;
    font-weight: normal;
	height: auto;
	left: 0;
	line-height: 1;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 901;
}

.videoTeaserImg .videoTeaserImg__headline {
	color: #FFFFFF;
	display: block;
	overflow: hidden;
	margin: 5px;
}

/* teaser */
.mod_teaser .mod {
    border-top: 1px solid #ccc;
    margin: 0 0 14px;
    padding: 5px 5px 0;
}

.mod_teaser .mod:first-child {
    padding-top: 0;
}

.mod_teaser .mod_nob {
    border-top: none;
}

.mod_teaser .img {
    margin: -1px 0 9px -5px;
}

.mod_teaser .mod:first-child .img {
    margin-top: 0;
}

.mod_teaser .mod:first-child .img_right {
    margin-top: 11px;
}

.mod_teaser .img_right {
    float: right;
    margin: 11px 0 0 10px;
}

.mod_teaser + .hl {
    margin-top: 11px;
}

.mod_teaser .date {
    color: #666;
    display: block;
    font-size: 13px;
    line-height: 18px;
    margin-top: 14px;
}

.mod_teaser .mod_f1 .hl {
    margin-top: 5px;
}

.mod_teaser .mod_f1:first-child .hl {
    margin-top: 0;
}

.mod_teaser .mod_f2 .hl {
    margin-bottom: 7px;
    margin-top: 13px;
}

.mod_teaser .mod_f2:first-child .hl {
    margin-top: 0;
}

.mod_teaser .mod_f3 .hl {
    margin-bottom: 7px;
}

.mod_teaser .mod_f4 .hl {
    margin-bottom: 7px;
    margin-top: 9px;
}

/* teaser no text-wrap */
.mod_teaser_nw {
    zoom: 1;
}

.mod_teaser_nw:before, .mod_teaser_nw:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_teaser_nw:after {
    clear: both;
}

.mod_teaser_nw .mod {
    zoom: 1;
    padding-bottom: 17px;
}

.mod_teaser_nw .mod:before, .mod_teaser_nw .mod:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_teaser_nw .mod:after {
    clear: both;
}

.mod_teaser_nw .mod .img,
.mod_teaser_nw .mod:first-child .img {
    float: left;
    margin-top: 16px;
}

.mod_teaser_nw .img + .bd {
    float: right;
    width: 402px;
}
.mod_teaser_nw.view-normal .img + .bd {
    width: 315px;
}
.mod_teaser_nw.view-normal.mod,
.mod_teaser_nw.view-normal .mod {
    margin-bottom: 0;
}
.mod_teaser_nw.view-normal.mod .mod {
    padding-bottom: 10px;
}
.debates--article-width-comments .mod_teaser_nw.view-normal.mod .mod {
    border-top: 5px solid #ccc;
}

.mod_teaser_nw .hl {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 5px;
}

.mod_teaser_nw .bd .hl:first-child {
    margin-top: 15px;
}

.mod_teaser_nw .more {
    border-bottom: 1px solid #ccc;
    height: 13px;
    margin-bottom: 113px;
    text-align: center;
}

.mod_teaser_nw .more .btn_arrow {
    margin-top: -13px;
}

/* teaser dt */
.mod_teaser_time .mod {
    padding-top: 9px;
}

.mod_teaser_time .dt {
    color: #999;
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 86px;
    text-align: center;
}

.mod_teaser_time .hl,
.mod_teaser_time .txt {
    float: right;
    width: 550px;
}

.mod_teaser_time .pager .btn {
    background: #ccc;
    color: #444;
    display: inline-block;
    font-family: "CharisSILRegular", serif;
    font-size: 17px;
    height: 26px;
    line-height: 26px;
    margin-left: 2px;
    min-width: 26px;
    padding: 0;
    text-align: center;
}

.mod_teaser_time .pager .active {
    background: #ddd;
}

.pager {
    margin-bottom: 30px;
}

.pager .btn {
    background: #ccc;
    color: #444;
    display: inline-block;
    font-family: "CharisSILRegular", serif;
    font-size: 17px;
    height: 26px;
    line-height: 26px;
    margin-left: 2px;
    min-width: 26px;
    padding: 0;
    text-align: center;
}

.pager .active {
    background: #e8e8e8;
}

/* lead story box */
.mod_leadstory {
    position: relative;
    width: 656px;
}

.mod_leadstory .list {
    height: 369px;
}

.mod_leadstory .list > li {
    display: block;
    height: 370px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    width: 656px;
}

.no-csstransitions .mod_leadstory .list > li {
    display: none;
}

.mod_leadstory .list > li.active {
    opacity: 1;
    z-index: 5;
}

.no-csstransitions .mod_leadstory .list > li.active {
    display: block;
}

.mod_leadstory .list .grad {
    background: transparent url("../img/gradient_lead.png") repeat-y;
    display: block;
    height: 369px;
    left: 0;
    position: absolute;
    top: 0;
    width: 656px;
    z-index: -1;
}

.mod_leadstory .list .img {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}

.mod_leadstory .list .hl {
    color: #fff;
    font-size: 35px;
    line-height: 38px;
    margin-bottom: 14px;
    padding: 18px 18px 0;
    width: 340px;
}

.mod_leadstory .list .txt {
    color: #ccc;
    margin-bottom: 5px;
    padding: 0 18px;
    width: 245px;
}

.mod_leadstory .list .icns {
    padding: 0 18px;
}

.mod_leadstory .list .icns li {
    float: left;
}

/* animation navigation */
.mod_leadstory .nav {
    zoom: 1;
    background-color: #222;
    margin-top: -47px;
    position: relative;
    width: 656px;
    z-index: 10;
}

.mod_leadstory .nav:before, .mod_leadstory .nav:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_leadstory .nav:after {
    clear: both;
}

.mod_leadstory .nav li {
    border-left: 1px solid #333;
    display: block;
    float: left;
    height: 57px;
    width: 163px;
}

.mod_leadstory .nav li:first-child {
    border-color: #222;
}

.mod_leadstory .nav a {
    color: #ccc;
    display: block;
    font-size: 12px;
    height: 40px;
    line-height: 15px;
    outline: none;
    padding: 7px 15px 0;
}

.mod_leadstory .nav a.active {
    color: #666;
}

/* voting */
.mod_leadstory .vote {
    margin-top: -47px;
    position: relative;
    z-index: 10;
}

.mod_suggest {
    height: 738px;
    overflow: hidden;
    position: relative;
}

.mod_suggest_shrink {
    height: 369px;
    -webkit-transition: height ease-in-out 200ms;
    -moz-transition: height ease-in-out 200ms;
    -o-transition: height ease-in-out 200ms;
    -ms-transition: height ease-in-out 200ms;
    transition: height ease-in-out 200ms;
}

.mod_suggest .grid {
    height: 369px;
    left: 0;
    position: absolute;
    -webkit-transition: top ease-in-out 1200ms;
    -moz-transition: top ease-in-out 1200ms;
    -o-transition: top ease-in-out 1200ms;
    -ms-transition: top ease-in-out 1200ms;
    transition: top ease-in-out 1200ms;
}

.mod_suggest .bottom {
    background: transparent url("../img/bg_checkers.png");
}

.mod_suggest .mod_hd {
    padding-top: 4px;
    margin-bottom: 13px;
}

.mod_suggest .ctrl {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    width: 320px;
    border-radius: 14px;
}

.mod_suggest .up, .mod_suggest .down {
    background: transparent url("../img/bg_checkers.png");
    right: 0;
    top: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.up a {
    background: transparent url("../img/arrow_black_up.png") no-repeat right 50%;
}

.down a {
    background: transparent url("../img/arrow_black_down.png") no-repeat right 50%;
}

.mod_suggest .ctrl a {
    display: block;
    font-size: 18px;
    line-height: 33px;
    padding: 0 20px;
}

.mod_suggest .grid:hover .ctrl {
    padding: 2px 0;
}

.mod_suggest .top {
    top: -369px;
}

.mod_suggest .top_active {
    top: 0;
}

.mod_suggest .top .mod {
    padding: 0 10px;
}

.mod_suggest .top .mod .hl {
    margin-bottom: 5px;
}

.mod_suggest .top .mod .flag {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    background: transparent url("../img/backgrounds.png") no-repeat 0 -31px;
    font-size: 18px;
    height: 31px;
    line-height: 26px;
    margin: 0 -10px;
    padding: 0 7px;
}

.mod_suggest .top .mod .img_container {
    border: 11px solid #fff;
    margin: 0 -10px 10px;
    position: relative;
}

.mod_suggest .top .mod .img_container:after {
    bottom: -26px;
    content: url("../img/frame_shadow.png");
    left: -9px;
    position: absolute;
}

.hk .mod_suggest .top .mod .flag {
    background-image: url("../img/backgrounds_hk.png");
    color: #fff;
}

.mod_suggest .bottom {
    top: 369px;
}

.mod_suggest .bottom_active {
    top: 0;
}

.mod_suggest .bottom .kckr {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 7px;
}

.mod_suggest .bottom .mod {
    position: relative;
}

.mod_suggest .bottom .mod_vid {
    height: 241px;
}

.mod_suggest .bottom .mod .icon {
    position: absolute;
    right: 0;
    top: 0;
}

.mod_suggest .bottom .mod .hl {
    background-color: #f5f4f3;
    bottom: 0;
    color: #999;
    font-size: 23px;
    left: 0;
    line-height: 26px;
    min-height: 53px;
    opacity: 0.9;
    padding: 4px 7px;
    position: absolute;
    width: 306px;
}

.mod_suggest .bottom .suggest_bubble {
    background-color: #fff;
    height: 241px;
    position: relative;
    width: 320px;
}

.mod_suggest .bottom .suggest_bubble .corner {
    border-top: 22px solid #fff;
    border-left: 22px solid transparent;
    bottom: -22px;
    display: block;
    height: 0;
    position: absolute;
    right: 38px;
    width: 0;
}

.mod_suggest .bottom .mod_sorted_list .nav li {
    padding-bottom: 7px;
}

.mod_suggest .bottom .mod_sorted_list .nav li a {
    color: #222;
}

.mod_suggest .bottom .mod_sorted_list .nav li a.active {
    color: #f90;
}

.hk .mod_suggest .bottom .mod_sorted_list .nav li a.active {
    color: #206990;
}

/* caroussel box */
.mod_caroussel {
    margin-bottom: 0;
    position: relative;
}

.mod_caroussel .nav {
    position: absolute;
    right: 0;
    top: 0;
    width: 168px;
    z-index: 10;
}

.mod_caroussel .nav li {
    position: relative;
}

.ie7 .mod_caroussel .nav li {
    display: inline;
}

.mod_caroussel .nav li a {
    background: transparent url("../img/bg_checkers.png");
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 13px;
    line-height: 14px;
    height: 73px;
    overflow: hidden;
    padding: 9px 13px;
    font-weight: bold;
}

.mod_caroussel .nav li .arrow {
    background: transparent url("../img/caroussel_active.png") no-repeat;
    display: none;
    left: -16px;
    height: 91px;
    position: absolute;
    top: 0;
    width: 16px;
}

.mod_caroussel .nav li:first-child a {
    border-top: 1px solid #ccc;
}

.mod_caroussel .nav li .active {
    background-image: none;
}

.mod_caroussel .nav li .active .arrow {
    display: block;
}

.mod_caroussel > .list {
    position: relative;
    z-index: 0;
}

.mod_caroussel > .list > li {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    padding-bottom: 20px;
}

.mod_caroussel > .list > li.active {
    opacity: 1;
    position: relative;
    z-index: 5;
}

.no-csstransitions .mod_caroussel > .list > li {
    display: none;
    position: relative;
}

.no-csstransitions .mod_caroussel > .list > li.active {
    display: block;
}

.mod_caroussel > .list img {
    margin: 0 169px 9px 0;
}

.mod_caroussel > .list .hl {
    margin: 0 0 7px 5px;
    padding-right: 10px;
    position: relative;
    width: 473px;
}

.mod_caroussel > .list .icns {
    margin: 0 0 0 -5px;
}

.mod_caroussel > .list .txt {
    margin: 0 0 16px 5px;
}

/* ressort teaser */
.mod_ressorts {
    zoom: 1;
    margin-bottom: 20px;
}

.mod_ressorts:before, .mod_ressorts:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_ressorts:after {
    clear: both;
}

.mod_ressorts .left {
    float: left;
    margin-left: 10px;
    width: 310px;
}

.mod_ressorts .right {
    border-left: 1px solid #ccc;
    float: right;
    padding-left: 9px;
    width: 310px;
}

.mod_ressorts .grid .mod {
    border-top: 1px solid #ccc;
    margin: 0;
    padding: 15px 0;
    min-height: 79px;
}

.mod_ressorts .grid .mod:first-child {
    border-top: none;
    padding-top: 0;
}

.mod_ressorts .grid .mod .btn {
    font-weight: bold;
    margin-bottom: 4px;
}

.mod_ressorts .hl {
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

/* media teaser */
.mod_media {
    float: left;
    zoom: 1;
    background-color: #222;
    color: #ccc;
    margin-bottom: 30px;
}

.mod_media:before, .mod_media:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_media:after {
    clear: both;
}

.mod_media .img {
    position: relative;
}

.mod_media .img .icon {
    position: absolute;
    right: 7px;
    top: 8px;
}

.mod_media .hl {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    background-color: #333;
}

.mod_media .hl a {
    color: #bbb;
}

.mod_media .hl a:hover {
    color: #fff;
}

.mod_media .txt {
    color: #ccc;
}

.mod_media .line {
    zoom: 1;
}

.mod_media .line:before, .mod_media .line:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_media .line:after {
    clear: both;
}

.mod_media .line_spacer {
    margin-bottom: 60px;
}

.mod_media .nav {
    zoom: 1;
    background-color: #f5f4f3;
    border-left: 1px solid #ccc;
}

.mod_media .nav:before, .mod_media .nav:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_media .nav:after {
    clear: both;
}

.mod_media .nav li {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    border-left: 1px solid #ccc;
    display: block;
    float: left;
    font-size: 18px;
    line-height: 27px;
    padding: 0 10px;
}

.mod_media .nav li:first-child {
    border-left: none;
}

.mod_media .nav li a {
    color: #999;
}

.mod_media .nav li a.active {
    color: #333;
}

.mod_media .mod {
    display: none;
}

.mod_media .mod_active {
    display: block;
}

.mod_media .btn_mm {
    margin: 20px 10px 15px;
}

.mod_media .control {
    color: #212121;
    height: 26px;
    line-height: 26px;
    padding: 20px 10px 15px;
}

.mod_media .control--top {
    padding-bottom: 30px;
}

.mod_media .control .counter {
    font-family: "CharisSILBold", serif;
    width: 70px;
    float: left;
    color: #444;
    font-size: 17px;
}

.mod_media .control .counter .index {
    color: #fff;
    font-weight: bold;
}

.mod_media .control .wrap {
    float: left;
}

.mod_media .control .paging {
    float: left;
    height: 26px;
}

.mod_media .control .btn {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    background-color: #444;
    display: block;
    float: left;
    font-size: 17px;
    line-height: 26px;
    margin-left: 9px;
    min-width: 26px;
    padding: 0;
    text-align: center;
}

.mod_media .control .btn:hover, .mod_media .control .btn.active {
    background-color: #999;
    color: #212121;
}

.mod_media .control .btn_nav {
    float: left;
    margin-left: 9px;
}

.mod_media .control .btn_nav a {
    background-color: #444;
}

.mod_media .control .btn_nav a.disabled {
    visibility: hidden;
}

.mod_media .control .btn_nav a:hover {
    background-color: #999;
}

.mod_media .control .btn_nav .prev {
    background-image: url("../img/arrow_ddark_left.png");
}

.mod_media .control .btn_nav .next {
    background-image: url("../img/arrow_ddark_right.png");
}

.mod_media .control .btn_nav {
    width: 80px;
    float: right;
}

.mod_media .control .btn_nav a {
    cursor: pointer;
}

.mod_media .control .btn_nav .prev:hover,
.mod_media .mod_images .control .btn_nav .prev:hover {
    background-color: #999;
}

.mod_media .control .btn_nav .next:hover,
.mod_media .mod_images .control .btn_nav .next:hover {
    background-color: #999;
}

.layer_inner.mod_media .mod_images .nav .control .btn_nav a:hover {
    background-color: #999;
}

.mod_media .mod_xl,
.mod_media .mod_l,
.mod_media .mod_m,
.mod_media .mod_s {
    float: left;
}

.mod_media .mod_s {
    margin: 0 0 2px 2px;
    width: 159px;
}

.mod_media .mod_s .hl {
    font-size: 11px;
    line-height: 12px;
    height: 23px;
    overflow: hidden;
    padding: 3px 5px;
}

.no_ls .mod_s .hl {
    height: 23px;
    width: 145px;
    background: none;
}

.mod_media .mod_s:first-child {
    margin-left: 0;
}

.mod_media .mod_m {
    margin: 0 0 2px 2px;
    width: 212px;
}

.mod_media .mod_m .hl {
    font-size: 15px;
    line-height: 16px;
    min-height: 32px;
    padding: 5px 6px;
}

.mod_media .mod_m:first-child {
    margin-left: 0;
}

.mod_media .mod_l {
    margin: 0 0 2px 16px;
    width: 320px;
}

.mod_media .mod_l .hl {
    font-size: 23px;
    line-height: 26px;
    min-height: 52px;
    padding: 4px 7px;
}

.mod_media .mod_l:first-child {
    margin-left: 0;
}

.mod_media .mod_xxl .hl {
    font-size: 34px;
    line-height: 37px;
    min-height: 94px;
    padding: 10px;
}

.mod_media .container .line {
    position: relative;
}

.mod_media .container .line .control {
    position: absolute;
    right: 0;
    top: 0;
}

.mod_media_paging .container .line .control {
    position: relative;
    right: auto;
    top: auto;
    float: right;
}

/* user foto teaser */
.mod_media .mod_teaser_user {
    color: #fff;
    height: 122px;
    padding: 14px 10px 0;
}

.mod_media .mod_teaser_user .hl {
    background-color: transparent;
    font-size: 26px;
    line-height: 31px;
}

.mod_media .mod_teaser_user .txt {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    padding-right: 35px;
}

.mod_media .mod_teaser_user .txt a {
    color: #fff;
}

/* accordion */
.mod_event {
    border-left: 1px solid #ccc;
    margin-bottom: 30px;
}

.mod_event .nav {
    background: transparent url("../img/bg_checkers.png");
    border-top: 1px solid #ccc;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 0 6px;
    position: relative;
    text-transform: uppercase;
}

.mod_event .nav:hover {
    background-image: url("../img/bg_checkers_dark.png");
}

.mod_event .nav_arrow:after {
    content: url("../img/arrow_black_up.png");
    position: absolute;
    right: -3px;
    top: 0;
}

.mod_event .hide .nav_arrow:after {
    content: url("../img/arrow_black_down.png");
}

.mod_event li {
    zoom: 1;
}

.mod_event li:before, .mod_event li:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_event li:after {
    clear: both;
}

.ie7 .mod_event li {
    display: inline;
}

.mod_event .bd {
    border-top: 1px solid #ccc;
    float: left;
    height: auto;
    overflow: hidden;
    padding: 0 7px 0 23px;
    width: 305px;
    -webkit-transition: height ease-in-out 1000ms;
    -moz-transition: height ease-in-out 1000ms;
    -o-transition: height ease-in-out 1000ms;
    -ms-transition: height ease-in-out 1000ms;
    transition: height ease-in-out 1000ms;
}

.mod_event li .first {
    padding-left: 7px;
}

.mod_event .hide .bd {
    height: 0;
}

.no-csstransitions .hide .bd {
    display: none;
}

.mod_event .img {
    float: right;
    margin-right: -7px;
}

.mod_event .datetime {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 5px;
}

.mod_event .datetime span {
    display: block;
}

.mod_event .day {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 50px;
    line-height: 60px;
}

.mod_event .icns {
    margin-bottom: 5px;
}

.mod_event .hl {
    color: #333;
    margin-bottom: 5px;
}

.mod_event .type {
    background-color: transparent;
    color: #999;
    padding: 0;
}

/* top themen teaser */
.mod_top {
    border-left: 1px solid #ccc;
    padding-left: 10px;
}

.mod_top .list {
    zoom: 1;
    margin-bottom: 10px;
}

.mod_top .list:before, .mod_top .list:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_top .list:after {
    clear: both;
}

.mod_top .list li {
    display: block;
    float: left;
    margin: 0 8px 8px 0;
}

.mod_top .btn_arrow {
    margin-bottom: 12px;
}

/* sorted lists */
.mod_sorted_list {
    margin-bottom: 30px;
}

.mod_sorted_list .nav {
    border-bottom: 1px solid #ccc;
}

.mod_sorted_list .nav li {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    border-left: 1px solid #ccc;
    float: left;
    font-size: 18px;
    line-height: 20px;
    padding: 0 5px;
}

.mod_sorted_list_boxengasse .nav li {
    line-height: 30px;
}

.mod_sorted_list .nav li:first-child {
    border-left: none;
}

.mod_sorted_list .nav li a {
    color: #999;
}

.mod_sorted_list .nav li .active {
    color: #f90;
}

.hk .mod_sorted_list .nav li .active {
    color: #206990;
}

.mod_sorted_list .list {
    clear: both;
    display: none;
}

.mod_sorted_list .list li {
    zoom: 1;
    border-top: 1px solid #ccc;
    padding: 10px 0;
}

.mod_sorted_list .list li:first-child {
    border-top: none;
}

.mod_sorted_list .list li:before, .mod_sorted_list .list li:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_sorted_list .list li:after {
    clear: both;
}

.mod_sorted_list .list .nr {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    color: #f90;
    float: left;
    font-size: 50px;
    line-height: 50px;
    margin-top: -10px;
    width: 45px;
}

.hk .mod_sorted_list .list .nr {
    color: #206990;
}

.mod_sorted_list .list .bd {
    float: left;
    width: 275px;
}

.mod_sorted_list .list .bd .hl {
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

.mod_sorted_list .active {
    display: block;
}

.mod_sorted_list_b {
    border-left: 1px solid #ccc;
    padding-left: 8px;
}

.mod_sorted_list_b .list .bd {
    width: 266px;
}

.mod_sorted_list_boxengasse {
    padding-top: 0;
    margin-top: 0;
    border-top: 5px solid #f90;
}

.hk .mod_sorted_list_boxengasse {
    border-top: 5px solid #206990;
}

/* polls */
.mod_poll {
    color: #f5f4f3;
    margin-bottom: 20px;
    padding: 10px 15px;
}

.mod_poll legend {
    display: none;
}

.mod_poll .line input[type=radio],
.mod_poll .line input[type=checkbox] {
    left: 0;
    position: absolute;
    top: 2px;
}

.mod_poll .hl {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 5px;
}

.mod_poll .line {
    margin-bottom: 15px;
    position: relative;
}

.mod_poll .line_img {
    zoom: 1;
}

.mod_poll .line_img:before, .mod_poll .line_img:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_poll .line_img:after {
    clear: both;
}

.mod_poll .line_img .img {
    float: left;
    height: 59px;
}

.mod_poll .line_img label {
    margin-left: 143px;
}

.mod_poll .line_img label.img {
    display: block;
    margin-left: 0;
}

.mod_poll .line_img input[type=radio],
.mod_poll .line_img input[type=checkbox] {
    left: 123px;
}

.mod_poll .bubble {
    margin-bottom: 10px;
}

.mod_poll .bubble_img .img {
    bottom: 10px;
    height: 59px;
    position: absolute;
    right: 10px;
}

.mod_poll .bubble_img .img_frame:after {
    bottom: -18px;
}

.mod_poll .bubble_img .bubble_txt {
    margin-bottom: 20px;
    width: 150px;
}

.mod_poll_img {
    background-position: 0 180px;
}

.mod_poll_img > .img {
    margin: -10px -15px 0;
}

/* ie 7 fix */
.ie7 .mod_poll input[type=radio],
.ie7 .mod_poll input[type=checkbox] {
    top: -2px;
}

.mod_poll label {
    font-family: "Georgia", serif;
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-left: 20px;
}

.hk .mod_poll label {
    color: #1c5e81;
}

.hk .mod_poll.mod_green label {
    color: #fff;
}

/* poll result */
.mod_poll .bar_vert {
    background-color: #F29000;
    width: 10px;
}

.hk .mod_poll .bar_vert {
    background-color: #1c5e81;
}

.mod_poll .bar_horiz {
    background-color: #F29000;
    bottom: 0;
    float: left;
    height: 10px;
    margin-top: 13px;
    width: 70%;
}

.hk .mod_poll .bar_horiz {
    background-color: #1c5e81;
}

.mod_poll .question {
    font-family: "Georgia", serif;
    color: #f5f4f3;
    font-size: 14px;
    line-height: 18px;
}

.mod_poll .result {
    zoom: 1;
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    color: #f5f4f3;
    font-size: 24px;
    line-height: 28px;
}

.mod_poll .result:before, .mod_poll .result:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_poll .result:after {
    clear: both;
}

.mod_poll .result .perc {
    float: right;
}

.mod_poll .txt {
    font-family: "Georgia", serif;
    color: #333;
    font-size: 14px;
    line-height: 18px;
}

.mod_poll .line_img .result {
    margin-left: 123px;
}

.mod_poll .line_img .txt {
    margin-left: 123px;
}

.mod_poll .line_img .bar_horiz {
    width: 55%;
}

.mod_poll .bar {
    background-color: #fff;
    height: 100%;
    width: 100%;
}

/* polls wide */
.mod_poll_wide {
    background: transparent url("../img/bg_checkers.png");
    position: relative;
    top: -20px;
}

.mod_poll_wide form {
    zoom: 1;
}

.mod_poll_wide form:before, .mod_poll_wide form:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_poll_wide form:after {
    clear: both;
}

.mod_poll_wide:before {
    content: url("../img/bubble_corner_left_checked.png");
    left: 84px;
    position: absolute;
    top: -22px;
    z-index: 6;
}

.mod_poll_wide .hl {
    color: #333;
    font-size: 20px;
    line-height: 24px;
}

.mod_poll_wide .question {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #F29000;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 15px;
}

.hk .mod_poll_wide .question {
    color: #1c5e81;
}

.mod_poll_wide .left {
    float: left;
    margin-left: 0;
    width: 310px;
}

.mod_poll_wide .right {
    float: right;
    width: 310px;
}

.mod_poll_wide .line_img .cell {
    float: left;
    padding-right: 10px;
    position: relative;
    width: 303px;
}

.mod_poll_wide .result {
    zoom: 1;
}

.mod_poll_wide .result:before, .mod_poll_wide .result:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_poll_wide .result:after {
    clear: both;
}

.mod_poll_wide .result .question {
    font-family: "Georgia", serif;
    color: #333;
    font-size: 14px;
    line-height: 18px;
}

.mod_poll_wide .result .left {
    width: 158px;
}

.mod_poll_wide .result .right {
    width: auto;
}

.mod_poll_wide .result .cell {
    float: left;
    height: 120px;
    width: 150px;
}

.mod_poll_wide .result .bar_vert {
    background-color: #F29000;
    float: left;
    height: 100%;
}

.hk .mod_poll_wide .result .bar_vert {
    background-color: #1c5e81;
}

.mod_poll_wide .result .bar_vert .bar {
    background-color: #ccc;
}

.mod_poll_wide .result .bar_horiz {
    background-color: #ccc;
}

.mod_poll_wide .result .bar_horiz .bar {
    background-color: #F29000;
}

.hk .mod_poll_wide .result .bar_horiz .bar {
    background-color: #1c5e81;
}

.mod_poll_wide .result .perc {
    color: #F29000;
    float: none;
    padding: 0 10px 0 20px;
}

.hk .mod_poll_wide .result .perc {
    color: #1c5e81;
}

.mod_poll_wide .result .txt {
    padding: 0 10px 0 20px;
}

.mod_poll_wide_img .result .question {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #F29000;
    font-size: 20px;
    line-height: 24px;
}

.hk .mod_poll_wide_img .result .question {
    color: #1c5e81;
}

.mod_poll_wide_img .result .line_img .cell {
    height: auto;
    width: 303px;
}

.mod_poll_wide_img .result .line_img .txt {
    padding-left: 0;
}

.mod_poll_wide_img .result .result {
    margin-left: 123px;
}

.mod_poll_wide_img .result .bar_horiz {
    background-color: #ccc;
}

.mod_poll_wide_img .result .bar_horiz .bar {
    background-color: #F29000;
}

.hk .mod_poll_wide_img .result .bar_horiz .bar {
    background-color: #1c5e81;
}

.mod_poll_wide_img .result .result .perc {
    float: right;
    padding: 0 10px 0 0;
}

/* newsticker */
.mod_nticker {
    border-left: 1px solid #ccc;
    padding-left: 10px;
}

.mod_nticker .nav {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    zoom: 1;
    font-size: 18px;
    line-height: 22px;
}

.mod_nticker .nav:before, .mod_nticker .nav:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_nticker .nav:after {
    clear: both;
}

.mod_nticker .nav li {
    border-left: 1px solid #ccc;
    float: left;
    padding: 0 12px 8px;
}

.mod_nticker .nav li:first-child {
    border-left: none;
    padding-left: 0;
}

.mod_nticker .nav a {
    color: #999;
}

.mod_nticker .nav .active {
    color: #d4a300;
}

.hk .mod_nticker .nav .active {
    color: #910010;
}

.mod_nticker .mod li {
    zoom: 1;
    border-top: 1px solid #ccc;
    clear: both;
    padding: 13px 0 10px;
}

.mod_nticker .mod li:before, .mod_nticker .mod li:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_nticker .mod li:after {
    clear: both;
}

.mod_nticker .mod .time {
    color: #999;
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 43px;
    line-height: 18px;
}

.mod_nticker .mod a {
    color: #333;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    width: 265px;
}

.mod_nticker .mod a:hover {
    color: #777;
}

.mod_nticker .mod .more a.btn_arrow.btn_orange {
    float: none;
    font-size: 12px;
    font-weight: normal;
    line-height: 26px;
    width: auto;
}

.mod_nticker .more {
    text-align: left;
}

/* dialog modules */
.mod_quote {
    zoom: 1;
    margin-bottom: 30px;
    padding: 10px 15px;
    position: relative;
}

.mod_quote:before, .mod_quote:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_quote:after {
    clear: both;
}

.mod_quote .hl {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    color: #f5f4f3;
    float: left;
    font-size: 26px;
    line-height: 31px;
    width: 160px;
}

.mod_quote .who {
    font-family: "Georgia", serif;
    color: #f5f4f3;
    float: left;
    font-size: 14px;
    line-height: 18px;
    width: 160px;
    margin-bottom: 8px;
}

.mod_quote .img {
    float: right;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.mod_quote .bubble {
    clear: both;
    margin-bottom: 10px;
}

.mod_quote .txt {
    color: #f5f4f3;
    font-size: 14px;
    line-height: 18px;
}

.mod_quote .txt a {
    color: #333;
}

.mod_interview {
    zoom: 1;
    margin-bottom: 30px;
    padding: 10px 15px;
    position: relative;
}

.mod_interview:before, .mod_interview:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_interview:after {
    clear: both;
}

.mod_interview .hl {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    color: #f5f4f3;
    float: left;
    font-size: 26px;
    line-height: 31px;
    width: 160px;
}

.mod_interview .who {
    font-family: "Georgia", serif;
    color: #f5f4f3;
    float: left;
    font-size: 14px;
    line-height: 18px;
    width: 160px;
}

.mod_interview .img {
    float: right;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.mod_interview .bubble {
    clear: both;
    margin-bottom: 10px;
}

.mod_interview .txt {
    color: #f5f4f3;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 40px;
}

.mod_interview .txt a {
    color: #333;
}

.mod_interview .fb {
    background-color: #fff;
    clear: both;
    margin-bottom: 40px;
}

.mod_ombuds {
    zoom: 1;
    margin-bottom: 30px;
    padding: 10px 15px;
    position: relative;
}

.mod_ombuds:before, .mod_ombuds:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_ombuds:after {
    clear: both;
}

.mod_ombuds .hl {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    color: #f5f4f3;
    float: left;
    font-size: 26px;
    line-height: 31px;
    position: relative;
    width: 160px;
    z-index: 1;
}

.mod_ombuds .who {
    font-family: "Georgia", serif;
    color: #f5f4f3;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
    position: relative;
    width: 160px;
    z-index: 1;
}

.mod_ombuds .bubble {
    clear: both;
    margin-bottom: 10px;
    position: relative;
}

.mod_ombuds .bubble:before {
    z-index: 1;
}

.mod_ombuds .img {
    position: absolute;
    right: 0;
    top: -90px;
}

.mod_ombuds .txt {
    color: #f5f4f3;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
}

.mod_debate {
    zoom: 1;
    margin-bottom: 30px;
    padding: 10px 15px;
    position: relative;
}

.mod_debate:before, .mod_debate:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_debate:after {
    clear: both;
}

.mod_debate .hl {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    color: #f5f4f3;
    float: left;
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 40px;
    width: 160px;
}

.mod_debate .sub {
    font-family: "Georgia", serif;
    display: block;
    font-size: 14px;
    line-height: 18px;
}

.mod_debate .bubble {
    clear: both;
    margin-bottom: 2px;
    position: relative;
}

.mod_debate .img {
    position: absolute;
    right: 0;
    top: -90px;
    z-index: 0;
}

.mod_debate .fb {
    background-color: #fff;
    margin-bottom: 40px;
}

.mod_debate .list {
    background-color: #f5f4f3;
    margin-bottom: 20px;
    padding: 5px 10px 20px;
}

.mod_debate .list ul {
    margin-bottom: 15px;
}

.mod_debate .list li {
    border-bottom: 1px solid #ccc;
    font-family: "Georgia", serif;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 0 15px;
}

.mod_debate .list .user {
    color: #333;
    margin-bottom: 4px;
}

.mod_debate .list .user .guest {
    color: #666;
    font-size: 12px;
}

.mod_debate .list .img {
    float: left;
    margin: 2px 10px 0 0;
    position: relative;
    right: auto;
    top: auto;
}

.mod_debate .list .txt,
.mod_debate .list .txt a {
    color: #666;
    font-size: 13px;
    line-height: 17px;
}

.mod_debate .list .txt .date {
    color: #999;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 2px;
}

.mod_discussion {
    zoom: 1;
    margin-bottom: 30px;
    padding: 10px 15px;
    position: relative;
}

.mod_discussion:before, .mod_discussion:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_discussion:after {
    clear: both;
}

.mod_discussion .hl {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    color: #f5f4f3;
    float: left;
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 5px;
    width: 160px;
}

.mod_discussion .sub {
    font-family: "Georgia", serif;
    display: block;
    font-size: 14px;
    line-height: 18px;
}

.mod_discussion .bubble {
    clear: both;
    margin-bottom: 2px;
}

.mod_discussion .btn_arrow {
    position: absolute;
    right: 15px;
    top: 10px;
}

.mod_table table {
    width: 100%;
}

.mod_football {
    margin-bottom: 24px;
}

.mod_football table {
    border-top: 5px solid #eeb600;
}

.hk .mod_football table {
    border-top: 5px solid #a80014;
}

.mod_football td {
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    line-height: 27px;
}

.mod_football .home {
    padding-left: 16px;
}

.mod_football .result {
    color: #d4a300;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}

.hk .mod_football .result {
    color: #910010;
}

.mod_football .halftime {
    color: #999;
    text-align: left;
}

.mod_football .guest {
    padding-right: 16px;
    text-align: right;
}

.mod_stock_exchange {
    margin-bottom: 24px;
}

.mod_stock_exchange .hl {
    border-top: 1px solid #ccc;
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    padding: 12px 16px 18px;
}

.mod_stock_exchange table {
    margin-bottom: 20px;
}

.mod_stock_exchange caption {
    font-size: 15px;
    font-weight: bold;
    line-height: 27px;
    padding: 0 16px;
    text-align: left;
}

.mod_stock_exchange th {
    color: #999;
    font-size: 12px;
    line-height: 22px;
    text-align: right;
    text-transform: uppercase;
}

.mod_stock_exchange td {
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    line-height: 27px;
    text-align: right;
}

.mod_stock_exchange .name {
    padding-left: 16px;
    text-align: left;
}

.mod_stock_exchange .percent {
    padding-right: 16px;
}

.mod_stock_exchange .pos {
    color: #F29000;
}

.hk .mod_stock_exchange .pos {
    color: #1c5e81;
}

.mod_stock_exchange .neg {
    color: red;
}

.mod_stock_exchange .more {
    padding-right: 16px;
    text-align: right;
}

/* portrait teaser */
.mod_portrait {
    margin-bottom: 20px;
}
.debates--article-width-comments .mod_portrait {
    margin-bottom: 10px;
}

.mod_portrait .box {
    background: transparent url("../img/bg_checkers.png");
    padding: 10px;
    position: relative;
}

.mod_portrait.img-small .box {
    min-height: 130px;
}

.mod_portrait.img-big .box {
    min-height: 155px;
}

.mod_portrait .txt {
    font-family: "Georgia", serif;
    font-size: 14px;
    line-height: 18px;
    padding: 10px;
}

.mod_portrait .box .img {
    bottom: 0;
    position: absolute;
    right: 0;
}

.mod_portrait .box .hd {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.mod_portrait .box .hl {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

.mod_portrait .box .txt {
    margin-bottom: 5px;
    padding: 0;
    position: relative;
    z-index: 1;
}

.mod_portrait.img-big .box .hd,
.mod_portrait.img-big .box .hl,
.mod_portrait.img-big .box .txt {
    width: 55%;
}

.mod_portrait.img-small .box .hd,
.mod_portrait.img-small .box .hl,
.mod_portrait.img-small .box .txt {
    width: 60%;
}

/* article recommendation */
.mod_recommend {
    margin-bottom: 18px;
}

/*comments of the day */
.mod_comments {
    margin-bottom: 10px;
}

.mod_comments .hd {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    font-size: 20px;
    line-height: 24px;
}

.mod_comments .hd .btn_green {
    position: relative;
    top: -2px;
    margin-left: 15px;
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: bold;
}

.mod_comments .list {
    margin-bottom: 10px;
}

.mod_comments .list li {
    zoom: 1;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}

.mod_comments .list li:before,
.mod_comments .list li:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_comments .list li:after {
    clear: both;
}

.mod_comments .user {
    margin-bottom: 5px;
    width: 200px;
}

.mod_comments .img {
    float: left;
    margin-right: 10px;
    width: 30px;
}

.mod_comments .name_loc {
    font-family: "Georgia", serif;
    float: left;
    font-size: 14px;
    line-height: 18px;
    width: 177px;
}

.mod_comments .name_loc .name {
    display: block;
}

.mod_comments .name_loc .loc {
    background-color: transparent;
    display: block;
    padding: 0;
}

.hk .mod_comments .name_loc .loc {
    color: #000;
}

.mod_comments .datetime {
    color: #999;
    float: right;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    width: 103px;
}

.mod_comments .txt {
    clear: both;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.mod_comments .btn_lgrey {
    clear: both;
}

.mod_comments .more {
    margin-bottom: 10px;
}

.mod_comments_wide .list li {
    padding: 20px 20px 20px 10px;
}

.mod_comments_wide .txt {
    clear: right;
    float: left;
    width: 480px;
}

.mod_comments_wide .btn_lgrey {
    clear: none;
    float: right;
}

.debates--article-width-comments {
    margin-bottom: 10px;
}

.debates--article-width-comments .list li {
    /*border-bottom: 1px solid #ccc;*/
    padding: 20px 0 10px 0;
    min-height: 118px;
    margin-bottom: 0;
}
.debates--article-width-comments .list li:first-child {
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
}

.debates--article-width-comments .mod_comments_buttons {
    text-align: right;
}
.debates--article-width-comments .mod_comments_buttons .more {
    display: inline;
}



/* ad boxes */
.mod_ads {
    background-color: #ddd;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}

.mod_ads .tag {
    color: #999;
    font-family: Arial, sans-serif;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
}

.mod_ads .box {
    padding: 0 9px 9px;
}
.mod_iframe .mod_ads .box {
    height: 338px;
}
.mod_iframe .mod_ads .box div.adContent {
    margin: 7% auto auto auto;
}
.g_1of1 .mod_iframe .mod_ads .box {
    height: auto;
}


.mod_ads .double {
    zoom: 1;
    padding-bottom: 8px;
}

.mod_ads .double:before, .mod_ads .double:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_ads .double:after {
    clear: both;
}

.mod_ads .double .box {
    border-left: 1px solid #ccc;
    float: left;
    padding: 0 9px 0;
    width: 140px;
}

.mod_ads .double .box:first-child,
.mod_ads .double .box.no-border {
    border-left: none;
}

/* ad network */
.mod_network {
    border-left: 1px solid #ccc;
    padding-left: 9px;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.mod_network .link {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
}

.mod_network .small {
    font-size: 12px;
}

.mod_network .line {
    zoom: 1;
}

.mod_network .line:before, .mod_network .line:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_network .line:after {
    clear: both;
}

.mod_network .left {
    float: left;
    width: 142px;
}

.mod_network .right {
    float: right;
    width: 142px;
}

.mod_network .center,
.mod_network .left,
.mod_network .right {
    border-bottom: 1px solid #ccc;
    padding: 6px 0 3px;
}

.mod_network .more {
    margin-top: 15px;
    text-align: left;
}

.mod_network .link_img {
    zoom: 1;
    font-family: "Georgia", serif;
    display: block;
    font-size: 13px;
    line-height: 16px;
    margin: 4px 0 2px;
}

.mod_network .link_img:before, .mod_network .link_img:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_network .link_img:after {
    clear: both;
}

.mod_network .link_img .img {
    float: left;
    margin-right: 17px;
}

.mod_network .link_img .item,
.mod_network .link_img .info {
    display: block;
}

.mod_network .link_img .loc {
    display: block;
    background-color: transparent;
    color: #666;
    padding: 0;
}

.mod_network .link_img .price {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
}

/* service teaser */
.mod_service {
    zoom: 1;
    margin-bottom: 30px;
}

.mod_service:before, .mod_service:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_service:after {
    clear: both;
}

.mod_service .left {
    border-left: 1px solid #ccc;
    border-top: 5px solid #eeb600;
    float: left;
    height: 264px;
    padding-left: 9px;
    width: 142px;
}

.hk .mod_service .left {
    border-top: 5px solid #a80014;
}

.mod_service .left .hd {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 31px;
    padding: 2px 0 5px;
}

.mod_service .left li {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    border-top: 1px solid #ccc;
    font-size: 16px;
    line-height: 32px;
}

.mod_service .right {
    border-left: 1px solid #ccc;
    border-top: 5px solid #eeb600;
    float: right;
    height: 264px;
    padding-left: 9px;
    width: 142px;
}

.hk .mod_service .right {
    border-top: 5px solid #a80014;
}

.mod_service .right .hd {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 31px;
    padding: 2px 0 15px;
}

.mod_service .right .img {
    margin-bottom: 10px;
}

.mod_service .right .txt {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 18px;
    padding-right: 15px;
}

.mod_service .right .more {
    text-align: left;
}

/* deal 38 */
.mod_deal {
    border-left: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 0 10px 9px;
}

.mod_deal .hl {
    font-family: "Antenna Cond", sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #333;
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 10px;
}

.mod_deal .line {
    zoom: 1;
    margin-bottom: 20px;
}

.mod_deal .line:before, .mod_deal .line:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_deal .line:after {
    clear: both;
}

.mod_deal .price,
.mod_deal .value {
    float: left;
    width: 140px;
}

.mod_deal .value {
    margin-left: 19px;
}

.mod_deal .price .nr,
.mod_deal .value .nr {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    background: transparent url("../img/backgrounds.png") no-repeat;
    color: #f5f4f3;
    display: block;
    font-size: 26px;
    line-height: 34px;
    padding: 0 8px;
    text-align: right;
    width: 124px;
}

.mod_deal .price .nr {
    background-position: 0 -170px;
}

.mod_deal .value .nr {
    background-position: 0 -210px;
}

.mod_deal .note {
    font-family: "Georgia", serif;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.mod_deal .txt {
    color: #666;
    float: left;
    font-size: 14px;
    line-height: 18px;
    width: 170px;
}

.mod_deal .txt a {
    color: #333;
}

.mod_deal .img {
    float: right;
}

/* foto 38 */
.mod_foto {
    border-left: 1px solid #ccc;
    color: #edb600;
    margin-bottom: 30px;
    padding: 0 10px;
}

.mod_foto .hl {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
}

.mod_foto .txt {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 29px;
}

/* follow box */
.mod_follow {
    background: transparent url("../img/bg_checkers.png");
    height: 83px;
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
}

.mod_follow * {
    position: relative;
    z-index: 1;
}

.mod_follow .bg {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 0;
}

.mod_follow .hl {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #999;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 13px;
    width: 350px;
}

.mod_follow select {
    float: left;
}

.mod_follow .icns {
    float: left;
    margin-left: 10px;
}

.mod_follow .icns .icn {
    display: inline-block;
}

.mod_follow .follow {
    font-family: "Georgia", serif;
    color: #666;
    float: left;
    font-size: 11px;
    line-height: 12px;
    margin-left: 10px;
}

/* mod more */
.mod_more {
    height: 26px;
    line-height: 26px;
    margin-bottom: 27px;
}

.mod_more .category {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    background: transparent url("../img/backgrounds.png") no-repeat scroll right -65px;
    float: left;
    padding: 0 10px 0 5px;
}

.mod_more .list {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    float: left;
}

.mod_more .list li {
    border-right: 1px solid #ccc;
    float: left;
    padding: 0 6px;
}

/* most active */
.mod_most_active {
    border-left: 1px solid #ccc;
    margin-bottom: 20px;
}

.mod_most_active .nr {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    color: #f90;
    float: left;
    font-size: 50px;
    line-height: 50px;
    margin-top: -10px;
    width: 46px;
}

.hk .mod_most_active .nr {
    color: #206990;
}

.mod_most_active .bd {
    float: left;
}

.mod_most_active .list {
    margin: 0 0 10px 7px;
}

.mod_most_active .list li {
    zoom: 1;
    border-top: 1px solid #ccc;
    padding: 15px 0 20px;
}

.mod_most_active .list li:before, .mod_most_active .list li:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_most_active .list li:after {
    clear: both;
}

.mod_most_active .list li:first-child {
    border-top: none;
}

.mod_most_active .user {
    margin-bottom: 5px;
    width: 200px;
}

.mod_most_active .img {
    float: left;
    margin-right: 10px;
    width: 30px;
}

.mod_most_active .name_loc {
    font-family: "Georgia", serif;
    float: left;
    font-size: 14px;
    line-height: 18px;
    width: 180px;
}

.mod_most_active .name_loc .name {
    display: block;
}

.mod_most_active .name_loc .loc {
    background-color: transparent;
    display: block;
    padding: 0;
}

.hk .mod_most_active .name_loc .loc {
    color: #000;
}

/* linktipps */
.mod_links {
    margin-bottom: 30px;
    padding-left: 7px;
}

.mod_links .list li {
    font-family: "Georgia", serif;
    font-size: 13px;
    line-height: 17px;
    padding: 10px 0 15px 8px;
}

.mod_links .list li:first-child {
    border-top: none;
}

.mod_links .list li a {
    display: block;
    padding-right: 26px;
    position: relative;
    font-weight: bold;
}

.mod_links .list li a.icn {
    bottom: 0;
    padding-right: 0;
    right: 0;
}

/* follow me */
.mod_follow_me {
    border-left: 1px solid #ccc;
    margin-bottom: 30px;
}

.mod_follow_me .container {
    background-color: #fff;
    margin: 0 13px 22px 17px;
}

.mod_follow_me .icns {
    margin-left: 15px;
}

.mod_follow_me .icns .icn {
    display: block;
    float: left;
    margin-right: 6px;
}

.mod_follow_me .icns .txt {
    color: #666;
    float: left;
    font-size: 12px;
    line-height: 21px;
}

/* Paid Content - Before Paywall */
.mod_before_paywall {
    border-bottom: 5px solid #EEB600;
    padding: 10px 0;
}

.mod_before_paywall .paywallimage {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.mod_before_paywall .container {
    margin-left: 330px;
}

.mod_before_paywall .hl {
    font-family: "Antenna Cond Bold";
    font-size: 24px;
    margin-bottom: 10px;
}

.mod_before_paywall .h2 {
    clear: right;
    font: bold 18px/18px georgia, serif;
}

.mod_before_paywall p {
    font: normal 14px/16px georgia, serif;
    margin: 0 0 10px 0;
}

.mod_before_paywall .btn {
    margin: 0 0 15px 0;
}

.mod_before_paywall .btn_hide {
    float: right;
    margin: 15px 0 0 0;
}


/* editor list */
.editor_list {
    margin-bottom: 85px;
}

.editor_list .img {
    margin-bottom: 22px;
}

.editor_list .hd {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 43px;
    margin: 0 0 8px;
}

.editor_list .sub {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    margin: 0 0 30px;
}

.editor_list .txt {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 13px;
}

.editor_list .txt p {
    zoom: 1;
    margin-bottom: 24px;
}

.editor_list .txt p:before, .editor_list .txt p:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.editor_list .txt p:after {
    clear: both;
}

.editor_list .txt a[href^="mailto:"] {
    color: #f90;
}

.editor_list .txt a[href^="mailto:"] {
    color: #206990;
}

.editor_list .txt a[href^="mailto:"] .icn_mail {
    float: left;
}

.editor_list .txt a[href^="mailto:"] .txt {
    float: left;
    margin-left: 6px;
}

.editor_list .mod_hd {
    border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
    padding-bottom: 25px;
}

.editor_list .list {
    zoom: 1;
    margin-bottom: 27px;
}

.editor_list .list:before, .editor_list .list:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.editor_list .list:after {
    clear: both;
}

.editor_list .list li {
    font-family: "Georgia", serif;
    border-left: 1px solid #ccc;
    float: left;
    font-weight: bold;
    text-align: center;
    width: 22px;
}

.editor_list .list li:first-child {
    border-left: none;
}

.editor_list .list li.all {
    border-left: none;
    float: right;
    width: auto;
}

.editor_list form {
    margin-bottom: 16px;
}

.editor_list form input {
    font-family: "Georgia", serif;
    font-size: 12px;
    width: 216px;
}

.editor_list form select {
    font-family: "Georgia", serif;
    font-size: 12px;
    margin-left: 16px;
    width: 201px;
}

.editor_list .result .hl {
    margin-bottom: 15px;
}

.editor_list .result .guest {
    background-color: #fd0;
    padding: 0 4px;
}

.editor_list .result .txt {
    margin-bottom: 5px;
}

.editor_list .control {
    background: transparent url("../img/bg_checkers.png");
    height: 26px;
    line-height: 26px;
    padding: 10px;
}

.editor_list .control .wrap {
    float: right;
}

.editor_list .control .sort {
    float: left;
    height: 26px;
}

.editor_list .control .paging {
    float: left;
    height: 26px;
}

.editor_list .control .btn {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    background-color: #ccc;
    display: block;
    float: left;
    font-size: 17px;
    line-height: 26px;
    margin-left: 9px;
    min-width: 26px;
    padding: 0;
    text-align: center;
}

.editor_list .control .btn:hover {
    background-color: #fff;
}

.editor_list .control .btn_nav {
    float: left;
    margin-left: 9px;
}

.editor_list .control .btn_nav a {
    background-color: #ccc;
}

.editor_list .control .btn_nav a:hover {
    background-color: #fff;
}

/* teaser top */
/* large */
.g_m_1of1 .mod_teaser_top {
    width: 992px;
}

.g_m_1of1 .mod_teaser_top .txt {
    right: 35px;
    width: 420px;
}

/* medium */
.g_m_1of2_l .mod_teaser_top,
.g_m_2of2_r .mod_teaser_top {
    width: 656px;
}

.g_m_1of2_l .mod_teaser_top .txt,
.g_m_1of2_r .mod_teaser_top .txt {
    right: 20px;
    width: 340px;
}

.g_m_1of2_l .mod_teaser_top .txt .hl,
.g_m_2of2_r .mod_teaser_top .txt .hl {
    font-size: 26px;
    line-height: 31px;
}

/* small */
.g_m_1of2_r .mod_teaser_top,
.g_m_2of2_l .mod_teaser_top,
.g_m_1of3 .mod_teaser_top,
.g_m_2of3 .mod_teaser_top,
.g_m_3of3 .mod_teaser_top {
    width: 320px;
}

.g_m_1of2_r .mod_teaser_top .txt,
.g_m_2of2_l .mod_teaser_top .txt,
.g_m_1of3 .mod_teaser_top .txt,
.g_m_2of3 .mod_teaser_top .txt,
.g_m_3of3 .mod_teaser_top .txt {
    right: 20px;
    width: 160px;
}

.g_m_1of2_r .mod_teaser_top .txt .hl,
.g_m_2of2_l .mod_teaser_top .txt .hl,
.g_m_1of3 .mod_teaser_top .txt .hl,
.g_m_2of3 .mod_teaser_top .txt .hl,
.g_m_3of3 .mod_teaser_top .txt .hl {
    font-size: 20px;
    line-height: 24px;
}

/* global */
.mod_teaser_top {
    position: relative;
}

.mod_teaser_top .txt {
    position: absolute;
    text-align: right;
    top: 16px;
}

.mod_teaser_top .txt .kckr {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
    color: #333;
    display: block;
    font-size: 18px;
    line-height: 22px;
}

.mod_teaser_top .txt .hl {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    display: block;
    font-size: 30px;
    line-height: 33px;
    margin-top: 2px;
}

.mod_teaser_top_green .txt .hl {
    color: #f90;
}

.hk .mod_teaser_top_green .txt .hl {
    color: #206990;
}

.mod_teaser_top_orange .txt .hl {
    color: #d4a300;
}

.hk .mod_teaser_top_orange .txt .hl {
    color: #910010;
}

.mod_teaser_top_yellow .txt .hl {
    color: #edb600;
}

/* about us */
.mod_about {
    zoom: 1;
    margin-bottom: 36px;
}

.mod_about:before, .mod_about:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.mod_about:after {
    clear: both;
}

.mod_about .img {
    background: transparent url("../img/bg_checkers.png");
    margin-bottom: 20px;
    padding: 0 16px;
}

.mod_about .left {
    float: left;
    width: 346px;
}

.mod_about .right {
    float: right;
    width: 646px;
}

.mod_about .hl {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 43px;
    margin: 12px 0 4px;
    padding-left: 16px;
}

.mod_about .abstract {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    padding-left: 16px;
}

.mod_about .txt {
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    padding: 0 16px;
}

.mod_about_teaser {
    margin-bottom: 83px;
}

.mod_about_teaser .hl {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 6px;
}

.mod_about_teaser .txt {
    margin-bottom: 7px;
}

.register legend {
    display: none;
}

.register .note a {
    text-decoration: underline;
}

.register .captcha span {
    display: inline;
    float: none;
    font-family: Helvetica, sans-serif;
    font-size: 7pt;
    line-height: 1em;
    margin: 0;
    width: auto;
}

.mod_address {
    border-left: 1px solid #ccc;
    padding-left: 9px;
}

.mod_address .hl {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: 18px;
    line-height: 32px;
}

.mod_address .address {
    font-family: "Georgia", serif;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    line-height: 16px;
    padding: 8px 0 10px;
}

.mod_address .address a[href^="mailto:"] {
    color: #f90;
}

.mod_address .address .phone {
    color: #666;
}

/* search */
.search .panel {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 31px;
}

.search .panel .search {
    font-family: "CharisSILBold", serif;
    font-style: normal;
    font-weight: normal;
}

.search .panel .pages {
    color: #666;
    font-size: 18px;
    line-height: 25px;
}

.search .control {
    background: transparent url("../img/bg_checkers.png");
    height: 26px;
    line-height: 26px;
    padding: 10px;
}

.search .control .wrap {
    float: left;
}

.search .control .wrap_right {
    float: right;
}

.search .control .wrap fieldset {
    width: 275px;
}

.search .control .wrap input[type=text] {
    margin-right: 10px;
    width: 175px;
}

.search .control .wrap button[type=submit] {
    width: auto;
}

.search .control .sort {
    float: left;
    height: 26px;
}

.search .control .paging {
    float: left;
    height: 26px;
}

.search .control .btn {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    background-color: #ccc;
    display: block;
    float: left;
    font-size: 17px;
    line-height: 26px;
    margin-left: 9px;
    min-width: 26px;
    padding: 0;
    text-align: center;
}

.search .control .btn:hover,
.search .control .btn.active,
.search .control .btn.active:hover {
    background-color: #fff;
}

.search .control .btn_prolog,
.search .control .btn_epilog {
    font-family: "CharisSILRegular", serif;
    font-style: normal;
    font-weight: normal;
    display: block;
    float: left;
    font-size: 17px;
    line-height: 26px;
    padding: 0;
    text-align: center;
}

.search .control .btn_epilog {
    margin-left: 9px;
}

.search .control .btn_nav {
    float: left;
    margin-left: 9px;
}

.search .control .btn_nav a {
    background-color: #ccc;
}

.search .control .btn_nav a:hover {
    background-color: #fff;
}

.search .mod_teaser .mod:first-child {
    border-top: none;
}

.search .mod_teaser .hl {
    margin-top: 0;
}

.search .mod_teaser .term {
    background-color: #ffd500;
    padding: 0 1px;
}

.hk .search .mod_teaser .term {
    background-color: #d00018;
}

/* account */
.account {
    margin: 0 -16px 30px;
}

.account label a {
    color: #666;
    font-size: 12px;
    line-height: 15px;
}

.account > .hl {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 13px;
    padding: 0 16px;
}

.account > .txt {
    margin-bottom: 32px;
    padding: 0 16px;
}

.account .block {
    border-top: 1px solid #ccc;
    padding: 8px 16px 40px;
}

.account .block_last {
    border-bottom: 5px solid #f90;
    margin-bottom: 30px;
}

.hk .account .block_last {
    border-bottom: 5px solid #206990;
}

.account .block .hl {
    font-family: "Georgia", serif;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 25px;
}

.account .block .img {
    background: transparent url("../img/bg_checkers.png");
    height: 50px;
    margin: 0 20px 20px 0;
    width: 50px;
}

.account .block .wrap .img {
    float: left;
    margin-bottom: 10px;
}

.account .block .upload {
    font-family: "Georgia", serif;
    margin-left: 10px;
}

.account .block .upload .note {
    color: #666;
    font-size: 12px;
    line-height: 15px;
    padding-top: 5px;
}

.account .btn {
    clear: both;
}

.account_edit .btn {
    margin-top: 10px;
}

.account .block .txt, .account .block .info {
    font-family: "Georgia", serif;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 14px;
}

.account .block .info {
    color: #666;
}

.account .form {
    margin: 0;
}

.account .edit {
    padding: 0 16px;
}

.account .captcha input {
    left: 0;
}

.account .captcha label span {
    font-size: 11px;
    line-height: 12px;
    margin: 0;
    width: 150px;
}

/* login layer */
.layer_inner .layer_login {
    position: relative;
    width: 859px;
    padding: 0 20px 0 0;
    background: #fafafa;
    border-top: 5px solid #eeb600;
    color: #222;
    font-family: 400 14px/18px "Georgia", serif;
}

.hk .layer_inner .layer_login {
    border-top-color: #a80014;
}

.layer_inner .layer_login .container {
    float: right;
    width: 420px;
    padding-top: 31px;
}

.layer_inner .layer_login .container .logo {
    margin-bottom: 20px;
    text-align: center;
}

.layer_inner .layer_login .hl {
    margin-bottom: 33px;
    font-size: 24px;
    font-family: "Antenna Cond Bold";
}

.layer_inner .layer_login .h2 {
    font: 700 18px/18px georgia, serif;
}

.layer_inner .layer_login p {
    margin: 0 0 10px;
    font: 400 14px/16px georgia, serif;
}

.layer_inner .layer_login .icn_close {
    position: absolute;
    top: -28px;
    right: -17px;
    width: 23px;
    height: 23px;
    background: url(../img/login/close.png);
    cursor: pointer;
}

.hk .layer_inner .layer_login .icn_close {
    background-image: url(../img/login/close-hk.png);
}

.layer_inner .layer_login .btn_arrow.btn_green {
    background-image: url("../img/arrow_black_right.png");
}

.layer_inner .layer_login label {
    display: block;
    font-size: 12px;
}

.layer_inner .layer_login .line {
    margin: 0 0 15px;
}

.layer_inner .layer_login .line input[type=password],
.layer_inner .layer_login .line input[type=text] {
    width: 249px;
}

.layer_inner .layer_login .links a {
    clear: left;
    float: left;
    margin-bottom: 7px;
    padding-left: 25px;
    font-size: 12px;
    line-height: 19px;
    background: url(../img/login/link_icon.png) no-repeat;
    color: #000;
}

.hk .layer_inner .layer_login .links a {
    background-image: url(../img/login/link_icon-hk.png);
}

.layer_inner .layer_login .btn {
    float: right;
}

.layer_inner .layer_login .offer, .layer_inner .layer_login .login {
    float: left;
    margin-bottom: 20px;
}

.layer_inner .layer_login .saveLogin input {
    margin-left: 3px;
    vertical-align: middle;
}

.layer_inner .layer_login .saveLogin label {
    display: inline;
    margin-left: 8px;
    vertical-align: middle;
}

.layer_inner .layer_login .question {
    font: 700 17px/36px arial, helvetica, sans-serif;
    background: url(../img/icon_question.png) no-repeat;
    cursor: pointer;
}

.hk .layer_inner .layer_login .question {
    background-image: url("../img/icon_question-hk.png");
}

.layer_inner .layer_login .question span {
    float: left;
    display: block;
    width: 51px;
    height: 36px;
}

.layer_inner .layer_login .answerBubble {
    display: none;
    position: absolute;
    left: 90px;
    padding: 0 41px 0 0;
    background: url(../img/bubble_arrow.png) no-repeat right 50%;
}

.hk .layer_inner .layer_login .answerBubble {
    background-image: url("../img/bubble_arrow-hk.png");
}

.layer_inner .layer_login .answerBubble.whatIsCookieBubble {
    bottom: 190px;
}

.layer_inner .layer_login .answerBubble.activateCookieBubble {
    bottom: 125px;
}

.layer_inner .layer_login .answerBubble .content {
    width: 292px;
    padding: 28px 10px 38px;
    background: url(../img/bg-bubblePx.png);
}

.hk .layer_inner .layer_login .answerBubble .content {
    background-image: url(../img/bg-bubblePx-hk.png);
    color: #fff;
}

.layer_inner .layer_login .whatIsCookie {
    position: absolute;
    bottom: 245px;
    left: 435px;
    width: 420px;
    height: 36px;
}

.layer_inner .layer_login .activateCookie {
    position: absolute;
    bottom: 194px;
    left: 435px;
    width: 420px;
    height: 36px;
}

.layer_inner .layer_login .bottom {
    position: absolute;
    bottom: 65px;
    left: 435px;
    width: 420px;
}

/* Video Lightbox */
.layer .layer_video {
	background: #fafafa;
	border-top: 5px solid #eeb600;
	color: #222;
	font-family: 400 14px/18px "Georgia", serif;
	padding: 16px 13px 11px 14px;
	position: relative;
	width: 496px;
}
.hk .layer .layer_video {
	border-top-color: #a80014;
}

.layer .layer_video .icn_close {
	background: url(../img/login/close.png);
	cursor: pointer;
	height: 23px;
	position: absolute;
	right: -17px;
	top: -28px;
	width: 23px;
}
.hk .layer .layer_video .icn_close {
	background-image: url(../img/login/close-hk.png);
}

.layer .layer_video .hl {
	font-family: "Antenna Cond Bold";
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 11px;
}

.layer .layer_video .video {
	height: 275px;
	margin-bottom: 11px;
	width: 491px;
}

.layer .layer_video .txt {
	font: 14px/16px georgia,serif;
}

/* ----- */

.error {
    color: red;
}

.error .forgot {
    color: black;
}

.newsticker_page {
    display: none;
}

.newsticker_page.active {
    display: block;
}

/* /// AddOn for BrightCove-VideoCenter: */
div.brightcovePlayerContainer {
    line-height: 1.215em;
}

/* lottery */
.article .lottery .form {
    margin: 0 0 30px 0;
}

.article .lottery .form fieldset {
    border-top: none;
}

.article .lottery .form fieldset.formCaptcha {
    margin-top: 15px;
}

/* form fields */
.article .lottery .form fieldset input.street {
    width: 340px;
}

.article .lottery .form fieldset input.nr {
    float: right;
    width: 100px;
}

.article .lottery .form fieldset input.date[name=day] {
    width: 50px;
}

.article .lottery .form fieldset input.date[name=month] {
    width: 50px;
}

.article .lottery .form fieldset input.date[name=year] {
    width: 94px;
}

.article .lottery .form fieldset input[type=checkbox] {
    float: left;
    margin-right: 5px;
}

.article .lottery .form label.checkbox {
    float: left;
    width: 85%;
}

.article .lottery .form .tr {
    font-family: "Georgia", serif;
    font-size: 12px;
    line-height: 15px;
}

.article .lottery p {
    font-family: "Georgia", serif;
    margin: 0 0 24px;
}

.article .lottery h1, .article .lottery h3,
.article .lottery h4, .article .lottery h5,
.article .lottery h6 {
    margin-bottom: 0;
}

.article .lottery h1, .article .lottery h2,
.article .lottery h3, .article .lottery h4,
.article .lottery h5, .article .lottery h6 {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
}

.article .lottery .questions ul {
    list-style: none;
}

.article .lottery .questions ul li.line {
    margin: 3px 0;
}

.article .lottery .questions ul li.line input, .article .lottery .questions ul li.line label {
    float: left;
    margin-left: 5px;
}

.article .lottery .contact legend {
    padding: 5px 0;
    font-weight: bold;
}

/** GALLERY NEW  Rest Merge **/

/* paidContent Registrierungsformular */
.paidContent .line {
    width: 100%;
    margin-bottom: 7px;
}

.paidContent .line .leadLine {
    display: block;
    margin-bottom: 5px;
    font: 700 12px georgia, serif;
}

.paidContent .line.payWay {
    margin-top: 15px;
}

.paidContent label, .paidContent .label {
    float: left;
    width: 171px;
    margin: 4px 40px 0 0;
    text-align: right;
}

.paidContent label.long {
    width: 500px;
    padding-left: 40px;
    text-align: left;
}

.paidContent .finish label {
    width: auto;
    text-align: left;
    margin-left: 10px;
}

.paidContent .smallTexts {
    margin-bottom: 10px;
}

.paidContent p {
    font-family: georgia, serif;
}

.paidContent p.small {
    float: left;
    width: 100%;
    font: 400 12px/15px georgia, serif;
}

.paidContent span.small {
    float: left;
    width: 398px;
    font: 400 12px/15px georgia, serif;
}

.paidContent .small label {
    margin: 0 0 7px 3px;
    text-align: left;
    width: 267px;
}

.paidContent .smallTexts label {
    width: 630px;
    text-align: left;
    margin: 0 0 0 5px;
}

.paidContent .smallTexts a.icon, .paidContent .smallTexts .icon {
    float: left;
    margin: 8px 0 0 13px;
    padding-left: 31px;
    background: url(../img/icon_arrow.png) no-repeat 0 0;
    font-size: 12px;
    line-height: 21px;
}

.hk .paidContent .smallTexts a.icon,
.hk .paidContent .smallTexts .icon {
    background-image: url("../img/icon_arrow-hk.png");
}

.paidContent .smallTexts span.icon {
    margin: 8px 0 0;
}

.paidContent .label {
    font: 400 12px/15px Georgia, serif;
}

.paidContent input, .paidContent select {
    float: left;
    border: 1px solid #bababa;
}

.paidContent #title, .paidContent #academicTitle,
.paidContent #firstname, .paidContent #lastname,
.paidContent #postbox {
    width: 130px;
}

.paidContent #street {
    width: 236px;
    margin-right: 5px;
}

.paidContent #housenumber {
    width: 24px;
}

.paidContent #postcode, .paidContent #areacode {
    width: 50px;
    margin-right: 5px;
}

.paidContent #town, .paidContent #phonenumber {
    width: 209px;
}

.paidContent #specifies, .paidContent #mobil,
.paidContent #email, .paidContent #bankcode,
.paidContent #accountnr, .paidContent #iban, .paidContent #aboStart,
.paidContent #username, .paidContent #password,
.paidContent #password2, .paidContent #product,
.paidContent #publication, .paidCOntent #time {
    width: 267px;
}

.paidContent input[type=radio] {
    margin: 8px 5px 0 0;
    outline: none;
    border: 0 none;
}

.paidContent label.forRadio {
    width: auto !important;
}

.paidContent input[type=text]:disabled {
    background: #ebebe4;
}

.paidContent .toolTipInfo {
    float: right;
    width: 25px;
    height: 25px;
    margin-right: 105px;
    background: url(../img/icon_info.png) no-repeat 50% 50%;
    cursor: pointer;
}

.hk .paidContent .toolTipInfo {
    background-image: url(../img/icon_info-hk.png);
}

.paidContent .bubble:before {
    content: '';
}

.paidContent .bubble {
    display: none;
    position: absolute;
    width: 361px;
    height: 111px;
    padding: 0 0 0 24px;
    background: url(../img/bubble_arrow02.png) no-repeat 0 31px;
}

.hk .paidContent .bubble {
    background-image: url("../img/bubble_arrow02-hk.png");
}

.paidContent .bubble .content {
    padding: 12px;
    background: #f0b700;
    color: #000;
}

.hk .paidContent .bubble .content {
    background: #c50016;
    color: #fff;
}

.paidContent .bubble .content p {
    font-size: 12px;
    font-weight: 400;
}

/*paidContent Nutzerführung Styles*/
div.aboOverview {
    clear: left;
    padding: 21px 0 40px 24px;
    overflow: hidden;
    background: #fff;
}

.aboOverview .abo {
    float: left;
    width: 174px;
    height: 250px;
    margin-right: 19px;
    padding: 15px 20px;
    border: 1px solid #e2e2e2;
    background: url(../img/bg-abo.png) repeat-x 0 top;
}

.aboOverview .abo:nth-of-type(1) {
    margin-right: 15px;
}

.aboOverview .abo:last-child {
    margin-right: 0;
}

.aboOverview .abo .title {
    float: left;
    margin-bottom: 18px;
    line-height: 18px;
    font-family: "Antenna Cond Bold", Arial, sans-serif;
}

.aboOverview .abo .details {
    float: left;
    margin-top: 10px;
    font: 400 12px/14px "Antenna Cond Bold", Arial, sans-serif;
}

form#aboPayForTime {
    width: 100%;
    margin: 0;
}

#aboPayForTime .hl, h1.aboOverview {
    font: bold 36px/43px "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    margin: 0 0 10px;
}

#aboPayForTime .line {
    clear: both;
    padding: 6px 0 10px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

#aboPayForTime .article .line {
    padding: 0;
    border: 0 none;
}

#aboPayForTime .line.product select {
    width: 350px;
}

#aboPayForTime .label {
    float: left;
    font-size: 12px;
    line-height: 15px;
}

#aboPayForTime .label.hl {
    text-align: left;
    font-weight: 400;
    font-family: georgia, serif;
}

#aboPayForTime .price {
    float: right;
    font: 700 12px/15px georgia, serif;
}

#aboPayForTime input[type=radio] {
    float: left;
    margin-right: 5px;
}

/*helper*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.underline_dot {
    border-bottom: 1px dotted #ccc;
}

.noborder {
    border: 0 none !important;
}

/*margins*/
.mb_15 {
    margin-bottom: 15px;
}


/* slideshow */
.mod_slideshow {
    background-color: #222;
    padding: 15px 14px;
}

.mod_slideshow .container {
    margin-bottom: 14px;
    /*overflow: hidden;*/
    position: relative;
}

.mod_slideshow .adLayer {
    background: black;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 639px;
    z-index: 998;
}

.mod_slideshow .adLayer iframe {
    margin: auto;
}

.mod_slideshow .headline {
    color: #fff;
    font-family: "CharisSILBold", serif;
    font-size: 26px;
    font-style: normal;
    font-weight: bold;
    line-height: 30px;
    margin: 0 0 18px;
}

.mod_slideshow .img {
    background: #000;
    float: left;
    height: 359px;
    position: relative;
    width: 639px;
}

.mod_slideshow .img a {
    display: block;
}

.mod_slideshow .img img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.mod_slideshow .img .zoom {
    bottom: 10px;
    position: absolute;
    right: 10px;
}

.mod_slideshow .sidebar {
    float: left;
    height: 359px;
    margin-left: 15px;
    /*padding-bottom: 65px;*/
    position: relative;
    width: 310px;
}
.hk .mod_slideshow .sidebar .btn_back.btn_grey {
    background-color: #666;
    background-image: url("../img/arrow_black_left.png");
    color: #000 !important;
}

.mod_slideshow .sidebar .socialMediaButtons {
    bottom: 25px;
    position: absolute;
    left: 0;
}
.mod_slideshow .sidebar .socialMediaButtons .button {
    float: left;
    margin-right: 5px;
}
.mod_slideshow .sidebar .stars {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #666
}

.mod_slideshow .sidebar .socialMediaButtons .fb_iframe_widget {
    top: -4px;
}


.mod_slideshow .controls {
    margin: 17px 0 40px;
    overflow: hidden;
}

.mod_slideshow .controls .btn_nav,
.mod_slideshow .controls .counter {
    float: right;
}

.mod_slideshow .controls .btn_nav .btn {
    border: none;
    margin: 0;
    padding: 0;
}

.mod_slideshow .controls .btn_back {
    float: left;
}

.mod_slideshow .controls .btn_nav .btn {
    background-color: #666;
    float: left;
    text-indent: -999em;
    width: 34px;
}

.mod_slideshow .controls .btn_nav .btn:hover {
    background-color: #fff;
}

.mod_slideshow .controls .btn_nav .btn.disabled {
    background-color: transparent;
}

.mod_slideshow .controls .btn_nav .btn.disabled:hover {
    background-color: transparent;
    cursor: default;
}

.mod_slideshow .controls .btn_nav .btn:focus {
    outline: none;
}

.mod_slideshow .controls .btn_nav .prev {
    background-image: url("../img/arrow_ddark_left.png");
}

.mod_slideshow .controls .btn_nav .next {
    background-image: url("../img/arrow_ddark_right.png");
}
.mod_slideshow .controls .btn_nav .btn.disabled.prev,
.mod_slideshow .controls .btn_nav .btn.disabled.next {
    background-image: none;
}

.mod_slideshow .controls .counter {
    color: #666;
    font-family: Georgia, serif;
    font-size: 20px;
    line-height: 26px;
    margin: 0 10px 0 10px;
}

.mod_slideshow .controls .index {
    color: #fff;
}

.mod_slideshow .caption {
    color: #ccc;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.mod_slideshow .rights {
    color: #666;
    font-size: 12px;
}

.mod_slideshow .thumbnails {
    overflow: hidden;
}

.mod_slideshow .thumbnails ul {
    float: left;
}

.mod_slideshow .thumbnails li {
    float: left;
    margin-left: 1px;
}

.mod_slideshow .thumbnails li:first-child {
    margin-left: 0;
}

.mod_slideshow .thumbnails a {
    display: block;
    position: relative;
}

.mod_slideshow .thumbnails .frame {
    border: 3px solid #ffdd00;
    display: block;
    height: 113px;
    left: 0;
    position: absolute;
    top: 0;
    width: 153px;
}
.hk .mod_slideshow .thumbnails .frame {
    border-color: #d00018;
}

.mod_slideshow .thumbnails .controls {
    display: none;
    float: right;
    margin-top: 10px;
}

.js .mod_slideshow .thumbnails .controls {
    display: block;
}

.mod_slideshow .thumbnails .controls .btn_nav,
.mod_slideshow .thumbnails .controls .counter {
    clear: both;
}

.mod_slideshow .thumbnails .controls .counter {
    margin: 10px 0 0;
}

.mod_slideshow .thumbnails .controls .btn_nav {
    margin-right: 0;
}


.mod_slideshow--zoom {
    padding: 0;
}

.mod_slideshow--zoom .img {
    float: none;
    width: auto;
    height: auto;
}

.mod_slideshow--zoom .img img {
    bottom: auto;
    left: auto;
    margin: 0 auto;
    position: relative;
    right: auto;
    top: auto;
}

.mod_slideshow--zoom .img .zoom {
    bottom: auto;
    top: 10px;
}


/*
 * paywall wall
 */
 .paywall-section {
 	margin: 0 16px;
 }

.paywall-wall {
    background: url( "../img/bg_checkers.png" );
    margin: 0 -16px;
    padding: 17px;
}

.paywall-wall .paywall--h1 {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 37px;
    margin: 0 0 10px;
}

.paywall-wall .sub {
    font-family: arial, sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
}

.paywall-wall  {
    margin-bottom: 0;
}

.paywall-wall .row {
    margin-bottom: 17px;
}

.paywall-wall .row:last-child {
    margin-bottom: 0;
}

.paywall-wall .box {
    margin-bottom: 17px;
    text-align: center;
}

.paywall-wall .box--small {
    float: left;
    margin-bottom: 0;
    margin-left: 18px;
    width: 302px;
}

.paywall-wall .row .box--small.alpha,
.paywall-wall .row .box--small:first-child {
    margin-left: 0;
}

.paywall-wall .img {
    position: relative;
}

.paywall-wall .img .expanded {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
}

.paywall-wall .img a:hover .expanded {
    display: block;
}


/*
 * paywall
 */
.paywall {
    background: #fff;
    overflow: hidden;
}

/* grid */
.paywall .grid-space {
    padding: 0 10px;
}

.paywall .grid-space--narrow {
    padding-left: 75px;
}

/* header */
.paywall .header {
    min-height: 131px;
    text-align: center;
}


/* steps */
.paywall .step {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 10px;
    opacity: .3;
}

.oldie .paywall .step {
    -ms-filter: "alpha(opacity=30)";
}

.paywall .step .nr {
    background: #ff9900;
    border-radius: 18px;
    color: #fff;
    display: inline-block;
    height: 36px;
    margin-right: 10px;
    text-align: center;
    width: 36px;
}

.hk .paywall .step .nr {
    background: #206990;
}

.paywall .step--is-active {
    opacity: 1;
}

.oldie .paywall .step--is-active {
    -ms-filter: "alpha(opacity=100)";
}


/* bottom nav */
.paywall .bottom-nav {
    overflow: hidden;
    margin-bottom: 20px;
}

.paywall .submit {
    float: right;
    margin-top: 10px;
    min-width: 145px;
}

.paywall .g_3of3 .submit {
    margin-top: 0;
}

.paywall .back {
    background-repeat: no-repeat;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-top: 10px;
    text-align: center;
    min-width: 145px;
}

.paywall .back_back {
    background-repeat: no-repeat;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-top: 10px;
    margin-left: 20px;
    text-align: center;
    min-width: 145px;
}


/* form elements */
.paywall .label-wrapper {
    color: #303030;
    font-family: Georgia, serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
}

.paywall label {
    display: inline-block;
    line-height: 18px;
}

.paywall .label-wrapper .note {
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: normal;
}

.paywall .text-input {
    background-color: #f4f3f1;
    border-radius: 2px;
    border: 1px solid #b7b5b5;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    width: 100%;
}

.paywall .text-input,
.paywall select {
    background-color: #f4f3f1;
    margin: 0 0 10px;
}

.paywall select {
    border: 1px solid #b7b5b5;
    background-color: #f4f3f1;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 26px;
    line-height: 20px;
}

.paywall select[disabled],
.paywall input[disabled] {
    background-color: #f4f3f1;
    opacity: .35;
}

.paywall .input-error {
    border-color: #e4000d;
}

.paywall .input-wrapper {
    font-size: 14px;
    line-height: 20px;
}

.paywall .input-wrapper-clear {
    overflow: hidden;
}

.paywall .input-wrapper--float {
    float: left;
    margin-left: 29px;
}

.paywall .input-wrapper--hasOtherAbo {
    margin: 15px 0 20px 0;
}

.paywall .input-wrapper--gutschein {
    margin: 20px 0 30px 0;
}

.paywall .input-wrapper--float:first-child {
    margin-left: 0;
}

.paywall .error-messages {
    width: 636px;
}

.paywall .error-messages .head--alert {
    background: #e4000d;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding: 0 8px;
}

.paywall .error-messages .inner {
    border: 3px solid #e4000d;
    border-top: none;
    font-size: 11px;
    line-height: 13px;
    padding: 6px;
}

.paywall .info-messages {
	margin: 0 0 20px 0;
}

.paywall .info-messages .head {
    background: #eeb600;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding: 0 8px;
}

.paywall .info-messages .inner {
    border: 3px solid #eeb600;
    border-top: none;
    font-size: 11px;
    line-height: 13px;
    padding: 6px;
}


/* overview */
.paywall--overview .btn {
    min-width: 105px;
    text-align: center;
}

.paywall--overview .overview-inner {
    margin: 0 auto;
    width: 806px;
}

.paywall--overview .block {
    margin-bottom: 30px;
}

.paywall--overview .headline {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px 62px;
}

.paywall--overview .accordion {
    margin: 0 0 2px;
    overflow: hidden;
}

.paywall--overview .accordion .head {
    background: transparent url("../img/paywall/accordion-gradient.png") repeat-x;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
}

.paywall--overview .accordion .head--double {
    background: transparent url("../img/paywall/accordion-gradient-double.png") repeat;
    font-size: 14px;
    height: 50px;
    line-height: 25px;
}

.js .paywall--overview .accordion .head {
    cursor: pointer;
}

.paywall--overview .accordion .body {
    max-height: 500px;
    overflow: hidden;
    padding: 15px 0 30px;
    transition: all .4s;
}

.paywall--overview .accordion .icon,
.paywall--overview .accordion .icon--double,
.paywall--overview .accordion .name,
.paywall--overview .accordion .price {
    float: left;
}

.paywall--overview .accordion .icon {
    background: transparent url("../img/paywall/accordion-icon.png") no-repeat;
    height: 35px;
    width: 47px;
}

.hk .paywall--overview .accordion .icon {
    background: transparent url("../img/paywall/accordion-icon_hk.png") no-repeat;
    height: 35px;
    width: 47px;
}

.paywall--overview .accordion .icon--double {
    background: transparent url("../img/paywall/accordion-icon--double.png") no-repeat;
    height: 50px;
    width: 47px;
}

.hk .paywall--overview .accordion .icon--double {
    background: transparent url("../img/paywall/accordion-icon_hk--double.png") no-repeat;
    height: 50px;
    width: 47px;
}

.js .paywall--overview .accordion--is-closed .icon {
    background-position: 0 -35px;
}

.js .paywall--overview .accordion--is-closed .icon--double {
    background-position: 0 -50px;
}

.js .paywall--overview .accordion--is-closed .body {
    padding: 0;
    max-height: 0;
}

.paywall--overview .accordion .name {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    margin-left: 15px;
    width: 190px;
}

.paywall--overview .accordion .price {
    font-size: 13px;
    width: 554px;
}


.paywall--overview .table-info {
    float: left;
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 18px;
    margin: 0 40px;
    width: 500px;
}

.paywall--overview .table-info th,
.paywall--overview .table-info td {
    border-bottom: 1px solid #a7a7a7;
    padding: 8px 5px;
}

.paywall--overview .table-info th {
    text-align: left;
}

.paywall--overview .table-info td {
    vertical-align: top;
}

.paywall--overview .table-info .medium {
    width: 92px;
}

.paywall--overview .table-info .time {
    width: 92px;
}

.paywall--overview .table-info .update {
    width: 142px;
}

.paywall--overview .table-info .special {
    text-align: right;
    vertical-align: top;
}

.paywall--overview .table-info .special-icon {
    background: transparent url("../img/paywall/special-icon.png") no-repeat;
    display: inline-block;
    height: 16px;
    margin: 1px 0 0 5px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999em;
    width: 19px;
}

.paywall--overview .table-info .special-slideshow {
    background-position: 0 0;
}

.paywall--overview .table-info .special-video {
    background-position: 0 -16px;
}

.paywall--overview .table-info .special-comment {
    background-position: 0 -32px;
}

.paywall--overview .table-info .special-news {
    background-position: 0 -48px;
}

.paywall--overview .table-info .special-mobil {
    background-position: 0 -64px;
}


.paywall--overview .text-info {
    float: left;
    font-size: 13px;
    line-height: 18px;
    margin: 8px 10px 0;
    width: 206px;
}

.paywall--overview .text-info .text {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
}

.paywall--overview .text-info .list {
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0 20px;
    padding: 0 0 0 15px;
}

.paywall--overview .more {
    text-align: center;
}


/* order */
.paywall--order .text {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin: 20px 0 10px;
}

.paywall--order .street,
.paywall--order .street-number,
.paywall--order .zip,
.paywall--order .city {
    float: left;
}

.paywall--order .street {
    margin-right: 10px;
    width: 225px;
}

.paywall--order .street-number {
    width: 65px;
}

.paywall--order .zip {
    margin-right: 10px;
    width: 65px;
}

.paywall--order .city {
    width: 225px;
}

.paywall--order .required {
    color: #919191;
    font-family: Georgia, serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
}


/* order login */
.paywall--order .login {
    margin-bottom: 20px;
    overflow: hidden;
}

.paywall--order .login-wrapper {
    background: #f4f2f1;
    overflow: hidden;
    position: relative;
}

.paywall--order .login-wrapper .head {
    background: #ff9900;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding: 1px 5px;
}

.hk .paywall--order .login-wrapper .head {
    background: #206990;
}

.paywall--order .login-wrapper .head--alert,
.hk .paywall--order .login-wrapper .head--alert {
    background: #e4000d;
}

.paywall--order .login-wrapper .head.error {
    display: none;
}
.paywall--order .login-wrapper .head.error div {
    display: none;
}

.paywall--order .login-wrapper .inner {
    overflow: hidden;
    padding: 7px 0;
}

.paywall--order .login-wrapper .inner .text {
    font-family: Georgia, serif;
    font-size: 12px;
    line-height: 16px;
    margin: 0 10px 10px;
}

.paywall--order .login-wrapper .input-wrapper {
    float: left;
    overflow: hidden;
    padding: 0 10px;
    width: auto;
}

.paywall--order .login-wrapper .label-wrapper {
    display: inline-block;
}

.paywall--order .login-wrapper .text-input {
    display: inline-block;
    margin: 0;
    width: 160px;
}

.paywall--order .login-wrapper .center-wrapper {
    text-align: center;
    width: 258px;
}

.paywall--order .login-wrapper .lost {
    cursor: pointer;
    font-size: 10px;
    line-height: 14px;
    text-decoration: underline;
}

.paywall--order .login-wrapper .back {
    background-repeat: no-repeat;
    float: right;
    margin-right: 10px;
    margin-top: 0;
    min-width: 95px
}

.paywall--order .login-wrapper input[type=checkbox] + .label-wrapper {
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
}

.paywall--order .login-wrapper .submit {
    margin: 0 10px 10px 0;
    min-width: 95px;
}

.paywall--order .checkbox {
    display: block;
    float: left;
    margin-top: 3px;
    width: 25px;
}

.paywall--order .checkbox + .label-wrapper {
    display: block;
    overflow: hidden;
}



/* paywall payment */
.paywall--payment .payment-inner {
    min-height: 400px;
    overflow: hidden;
    padding-top: 20px;
    position: relative;
}

.paywall--payment .calendar-input50 {
    background-image: url("../img/paywall/icon-calendar.png");
    background-repeat: no-repeat;
    padding-left: 44px;
    width: 50%;
    float:left;
}

.paywall--payment .calendar-input100 {
    background-image: url("../img/paywall/icon-calendar.png");
    background-repeat: no-repeat;
    padding-left: 44px;
    width: 100%;
    float:left;
}

.paywall--payment .paywall-time {
    float:left;
    width:49%;
    margin-bottom:17px;
    margin-left:3px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.paywall--payment input[type=radio] {
    margin: 25px 2px 2px 10px;
}

.paywall--payment input[type=radio] + .label-wrapper {
    display: inline-block;
}

.paywall--payment input[type=radio][disabled] + .label-wrapper {
    color: #acacac;
}

.paywall--payment .label-wrapper .label-text {
    display: inline-block;
    min-width: 100px;
}

.paywall--payment .label-wrapper img {
    margin-left: 5px;
}


/* payment layer */
.paywall--payment .payment-layer {
    background: #fff;
    border: 1px solid #cecece;
    border-right: none;
    box-shadow: 0 0 5px 2px #cecece;
    min-height: 285px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 14px;
    width: 636px;
}

.paywall--payment .payment-layer .title {
    font-family: Georgia, serif;
    font-size: 12px;
    font-weight: bold;
}

.paywall--payment .payment-layer .title--disabled {
    color: #cecece;
}

.paywall--payment .payment-layer .title--gutschein {
    margin-bottom: 15px;
}

.paywall--payment .payment-layer .inner {
    overflow: hidden;
}

.paywall--payment .payment-layer .left,
.paywall--payment .payment-layer .right {
    float: left;
    width: 310px;
}

.paywall--payment .payment-layer .right {
    margin-left: 16px;
}

.paywall--payment .payment-layer input[type="text"] {
    margin-top: 2px;
}

.paywall--payment .payment-layer input[type=radio] {
    margin: 10px 0 20px 2px;
}

.paywall--payment .payment-layer .small input[type=checkbox] {
    display: block;
    float: left;
    margin: 0;
    width: 20px;
}

.paywall--payment .payment-layer select {
    display: inline-block;
    width: auto;
}

.paywall--payment .payment-layer .valid-time {
    width: 80px;
}

.paywall--payment .payment-layer .check-digit {
    display: block;
    width: 116px;
}

.paywall--payment .payment-layer .small label {
    color: #303030;
    display: block;
    font-size: 11px;
    line-height: 13px;
    overflow: hidden;
}

.paywall--payment .payment-layer .small label em {
    font-style: normal;
    text-decoration: underline;
}

.paywall--payment .payment-layer .help {
    background: #f4f2f1;
    padding: 7px 34px 20px;
    text-align: center;
}

.paywall--payment .payment-layer p {
    font-family: Georgia, serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 7px;
}

.paywall--payment .payment-layer .info {
    font-family: Georgia, serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
}

.paywall--payment .payment-layer .error-messages {
    margin-top: 20px;
}

/* paywall confirm */
.paywall--confirm {
    font-family: Georgia, serif;
}

.paywall--confirm h2,
.paywall--confirm p {
    font-size: 12px;
    line-height: 14px;
    margin: 0;
}

.paywall--confirm .inner p {
    margin: 0;
}

.paywall--confirm h2 {
    margin-bottom: 4px;
}

.paywall--confirm p {
    margin: 0 0 14px;
}

.paywall--confirm p a {
    color: #f69c00;
    font-weight: bold;
}

.hk .paywall--confirm p a {
    color: #206990;
}

.paywall--confirm input[type=checkbox] {
    margin-left: 25px;
}

.paywall--confirm .indent {
    position: relative;
}

.paywall--confirm .indent input[type=checkbox] {
    left: -45px;
    position: absolute;
    top: 2px;
}

.paywall--confirm .required {
    color: #919191;
    font-family: Georgia, serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
}


/* paywall-success */
.paywall--success .text h2,
.paywall--success .text p {
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 22px;
}

.paywall--success .text p {
    margin-bottom: 22px;
}


/* footer */
.paywall-footer {
    background: transparent url("../img/paywall/footer.png") no-repeat 50% top;
    color: #303030;
    font-size: 12px;
    font-family: Georgia, serif;
    line-height: 16px;
    margin: 20px 0;
    padding: 10px 0;
    text-align: center;
}

.paywall-footer a {
    font-weight: bold;
}



/* ~~~~~~~~~~ LOGIN_LOGOUT_ASIDE ~~~~~~~~~~ */

.paywall--login-logout {
    font-family: "CharisSILBold", serif;
    margin-bottom: 18px;
    /*min-height: 238px;*/
}

.paywall--login-logout .hl {
    background-color: #eeb600;
    color: #333;
    font-size: 19px;
    font-weight: bold;
    padding: 8px 6px;
    text-transform: uppercase;
}

.hk .paywall--login-logout .hl {
    background-color: #D00018;
    color: #ffffff;
}

.paywall--login-logout .content {
    background-color: #ffdd00;
    min-height: 70px;
    padding: 9px;
}

.hk .paywall--login-logout .content {
    background-color: #CCE0E8;
}

.paywall--login-logout .content .line {
    margin-bottom: 5px;
}
.paywall--login-logout .content h4 {
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    margin: 0;
}
.paywall--login-logout .content p {
    font-size: 12px;
    line-height: 16px;
}

.paywall--login-logout .content label {
    float: left;
    width: 100px;
    font-size: 14px;
}
.paywall--login-logout .content input {
    float: right;
    width: 195px;
    font-size: 12px;
}
.paywall--login-logout .content input[type=checkbox] {
    float: left;
    width: auto;
    margin: 4px 4px 0 0;
}
.paywall--login-logout .content .checkbox-label {
    font-size: 12px;
}
.paywall--login-logout .content .saveLogin .col {
    float: left;
    line-height: 14px;
    /*margin-top: 11px;*/
    width: 100px;
}
.paywall--login-logout .content .saveLogin .col.scnd {
    width: 90px;
}
.paywall--login-logout .content .saveLogin .col.thrd {
    width: 112px;
}
.paywall--login-logout .content .saveLogin a.link,
.paywall--login-logout .content .saveLogin label {
    float: none;
    font-family: arial, sans-serif;
    font-size: 11px;
}
.paywall--login-logout .content .saveLogin a.link {
    cursor: pointer;
    float: left;
    text-decoration: underline;
}
.paywall--login-logout .content .saveLogin label {
    float: left;
    margin-left: 4px;
    width: 78px;
    padding-top: 3px;
}
.paywall--login-logout .content .saveLogin .btn {
    margin-top: 5px;
}
.paywall--login-logout .content .saveLogin button[type=submit] {
    float: right;
}

.paywall--login-logout .box-footer {
    background-color: #ff9900;
    border-color: #fff;
    border-style: solid;
    border-width: 5px 0 0 0;
    color: #fff;
    font-size: 12px;
    padding: 3px 6px;
}

.hk .paywall--login-logout .box-footer {
    background-color: #D00018;
}

.paywall--login-logout .box-footer a,
.paywall--login-logout .box-footer button {
    color: #fff;
}
.paywall--login-logout .box-footer.error {
    background-color: #ee0f0f;
    display: none;
}
.paywall--login-logout .box-footer.error div {
    display: none;
}


/* debate */
.debate--teaser {
    background: #f90;
    height: 440px;
    margin-bottom: 30px;
    position: relative;
}

.hk .debate--teaser {
    background: #206990;
}

.debate--teaser:after {
    bottom: -24px;
    border-bottom: 12px solid transparent;
    border-left: 20px solid transparent;
    border-right: 20px solid #f90;
    border-top: 12px solid #f90;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 80px;
    width: 0;
}

.hk .debate--teaser:after {
    border-right-color: #206990;
    border-top-color: #206990;
}

.debate--teaser > .hl,
.debate--teaser > .all {
    color: #fff;
    display: block;
    font-family: "CharisSILBold", serif;
    margin: 0;
    padding: 0;
    position: absolute;
}

.debate--teaser .hl {
    left: 10px;
    line-height: 66px;
    top: 5px;
}

.debate--teaser .hl .first {
    font-size: 50px;
}

.debate--teaser .hl .second {
    font-size: 32px;
}

.debate--teaser .all {
    border-bottom: 1px solid #fff;
    bottom: 10px;
    color: #fff;
    line-height: 32px;
    right: 10px;
}

.debate--teaser .all .first {
    font-size: 30px;
}

.debate--teaser .all .second {
    font-size: 24px;
}

.debate--teaser .balloon {
    background: #ffeccc;
    border-radius: 10px;
    color: #171716;
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    overflow: hidden;
    padding: 10px 10px;
    position: absolute;
}

.hk .debate--teaser .balloon {
    background: #fff;
}

.debate--teaser .balloon .hl {
    color: #fa9a00;
    font-family: "antenna cond bold", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    margin: 3px 0;
    padding: 0;
}

.hk .debate--teaser .balloon .hl {
    color: #1c5e81;
}

.debate--teaser .balloon .more {
    bottom: 5px;
    color: #555453;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    right: 10px;
}

.debate--teaser .balloon--0 {
    left: 8px;
    height: 107px;
    top: 79px;
    width: 134px;
}

.debate--teaser .balloon--1 {
    left: 16px;
    height: 106px;
    top: 280px;
    width: 171px;
}

.debate--teaser .balloon--2 {
    left: 174px;
    height: 108px;
    top: 128px;
    width: 164px;
}

.debate--teaser .balloon--3 {
    left: 297px;
    height: 72px;
    top: 275px;
    width: 232px;
}

.debate--teaser .balloon--4 {
    background: #fff;
    font-size: 28px;
    left: 371px;
    height: 190px;
    top: 32px;
    width: 256px;
}


.debate--accordion {
    margin-bottom: 30px;
}

.debate--accordion .block {
    background: #f90;
    margin-bottom: 10px;
    padding: 10px;
}

.hk .debate--accordion .block {
    background: #206990;
}

.debate--accordion .category {
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-size: 15px;
    line-height: 25px;
}

.debate--accordion .toggle {
    cursor: pointer;
    padding: 0 0 15px;
    position: relative;
}

.debate--accordion .hl {
    color: #fff;
    font-family: "Antenna Cond Bold", Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
}

.debate--accordion .arrow {
    background: transparent url(../img/accordion/debate-accordion-toggle.png) no-repeat;
    bottom: 5px;
    height: 12px;
    position: absolute;
    right: 0;
    width: 24px;
}

.debate--accordion .arrow--down {
    background-position: 0 0;
}

.debate--accordion .arrow--up {
    background-position: 0 -12px;
}

.debate--accordion .list {
    background-color: #f5f4f3;
    margin: 0 0 10px;
    padding: 0 10px;
}

.debate--accordion .container--visible {
    display: block;
}

.debate--accordion .container--hidden {
    display: none;
}

.debate--accordion .list li {
    border-top: 1px solid #ccc;
    font-family: "Georgia", serif;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 0 15px;
}

.debate--accordion .list li:first-child {
    border: none;
}

.debate--accordion .list .user {
    color: #333;
    margin-bottom: 4px;
}

.debate--accordion .list .user .guest {
    color: #666;
    font-size: 12px;
}

.debate--accordion .list .img {
    float: left;
    margin: 2px 10px 0 0;
    position: relative;
    right: auto;
    top: auto;
}

.debate--accordion .list .txt,
.debate--accordion .list .txt a {
    color: #666;
    font-size: 13px;
    line-height: 17px;
}

.debate--accordion .list .txt .date {
    color: #999;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 2px;
}

.debate--accordion .more {
    text-align: right;
}



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 480px) {
    /* Style adjustments for viewports 480px and over go here */
}

@media only screen and (min-width: 768px) {
    /* Style adjustments for viewports 768px and over go here */
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

.ir br {
    display: none
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* DEBATE: more articles */

.mod--more-articles .hl {
    padding-top: 5px;
}
.mod--more-articles .mod_teaser  {
    border-bottom: 1px solid #ccc;
}
.mod--more-articles .mod_teaser .mod {
    height: 75px;
    overflow: hidden;
}
.mod--more-articles .mod_teaser_nw {
    margin-top: 5px;
}
.mod--more-articles .mod_teaser_nw .hl {
    padding-top: 5px;
    font-size: 20px;
}