/*
*   RESET
*
* Copyright (c) 2011, Yahoo! Inc. All rights reserved.
* Code licensed under the BSD License:
* http://developer.yahoo.com/yui/license.html
* version: 2.9.0
*
* YUI Reset
* @module reset
* @namespace
* @requires
*
*/

@font-face {
    font-family: "Nyala";
    src: url('/css/amharicFont/nyala.ttf') format("truetype");
}

html {
    color: #000;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
textarea,
th,
var {
    font: inherit;
}

ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

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

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
    color: #000;
}

/*
*   GENERAL
*/
body {
    width: 640px;

}

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

a, a:hover, a:active, a:visited {
    text-decoration: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clearfix {
    clear: both;
}

img {
    vertical-align: middle;
}

.entry img {
    display: block;
}

span.date {
    color: #888;
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    margin: 0 8px;
    vertical-align: baseline;
}

div.imgTeaser p {
    font: 400 28px/40px Georgia, Times, serif;
}

/*
*   ICONS
*/

.dw-icon-socialshare-delicious, .dw-icon-socialshare-digg, .dw-icon-socialshare-fb, .dw-icon-socialshare-google, .dw-icon-socialshare-less,
.dw-icon-socialshare-linkedin, .dw-icon-socialshare-email, .dw-icon-socialshare-more, .dw-icon-socialshare-newsvine, .dw-icon-socialshare-sms,
.dw-icon-socialshare-tumblr, .dw-icon-socialshare-twitter, .dw-icon-socialshare-vkontakte, .dw-icon-socialshare-vz, .dw-icon-socialshare-whatsapp,
.dw-icon-socialshare-xing {
    display: inline-block;
    background: url('image/mobile-dw-social-icons.png') no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}

.dw-icon-socialshare-delicious {
    background-position: -10px -0px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-digg {
    background-position: -92px -0px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-fb {
    background-position: -174px -0px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-google {
    background-position: -256px -0px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-less {
    background-position: -10px -82px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-linkedin {
    background-position: -92px -82px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-email {
    background-position: -174px -82px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-more {
    background-position: -256px -82px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-newsvine {
    background-position: -10px -164px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-sms {
    background-position: -92px -164px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-tumblr {
    background-position: -174px -164px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-twitter {
    background-position: -256px -164px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-vkontakte {
    background-position: -10px -246px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-vz {
    background-position: -92px -246px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-whatsapp {
    background-position: -174px -246px;
    width: 72px;
    height: 72px;
}

.dw-icon-socialshare-xing {
    background-position: -256px -246px;
    width: 72px;
    height: 72px;
}

.icon {
    background: url("image/i-solo-grau3e.png") no-repeat;
    width: 26px;
    height: 25px;
    display: inline-block;
    margin: 0 8px;
}

.imgTeaser .icon {
    background-position: 0 0;
}

.icon.pics {
    background: url("image/medienkennung_picture_640.png") no-repeat;
}

.icon.tv {
    background: url("image/medienkennung_video_640.png") no-repeat;
}

.icon.audio {
    background: url("image/medienkennung_audio_640.png") no-repeat;
}

p a.icon {
    padding-left: 30px;
    height: auto;
    width: auto;
    margin: 0;
    background: url("image/external_link_0087eb.png") no-repeat 0 0;
    display: inline;
}

/*
*   LINKLISTEN
*/
/* content */
.content .linkList {
    border: dotted #888;
    border-width: 1px 0 0;
    margin: 16px 0 0 0;
    padding: 16px 0 0 0;
}

.content .linkList a h2 {
    font-size: 30px;
    color: #3e3e3e;
    font-family: georgia, times, serif;
    padding: 0 0 0 40px;
}

.content .linkList.plain a h2 {
    padding: 0 0 0 0;
}

.content .linkList.external a h2 {
    background: url("image/external_link_0087eb.png") no-repeat 1px 6px;
}

.content .linkList.intern a h2 {
    background: url("image/internal_link_0087eb.png") no-repeat 1px 6px;
}

.content .linkList.download a h2 {
    background: url(image/PDF_0087eb.png) no-repeat 1px 6px;
}

.content .linkList a:hover h2 {
    color: #0087eb;
}

.content .linkList p {
    color: #3e3e3e;
    font-size: 24px;
}

/*
*   TOPMETA
*/
div#topMetaLang, div#topMetaRedirect {
    width: 100%;
    padding: 0;
    background: #3E3E3E none repeat scroll 0 0;
    position: relative;
}

div#topMetaLang a.closeLink, div#topMetaRedirect a.closeLink {
    background: transparent url("image/menu_close_640.png") no-repeat scroll 0 5px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 80px;
}

div#topMetaLangInner, div#topMetaRedirectInner {
    font: 24px/36px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 4px 10px 0;
    color: #DDD;
    width: 570px;
}

div#topMetaLangInner a, div#topMetaRedirectInner a {
    color: #999;
    text-decoration: none;
}

div#langSelectArrow {
    background: transparent url("image/sprache_dropdown_640.png") no-repeat scroll 0 0;
    bottom: -16px;
    height: 16px;
    position: absolute;
    right: 100px;
    width: 32px;
}

/*
*   LANGUAGESELECT
*/
.languageContent {
    position: relative;
    width: 640px;
}

.languageselect {
    padding: 20px;
    background-color: #3E3E3E;
}

.languageselect a {
    font-family: arial, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 58px;
}

.languageenglish {
    color: #999 !important;
}

.languagenative {
    color: #ddd;
    padding: 0 5px;
}

.languagenativeAmharic {
    color: #ddd;
    padding: 0 5px;
    font-family: 'Nyala', Verdana, Arial, Helvetica, monospace, sans-serif;
}

#langclosetop {
    background: url('image/menu_close_640.png');
    height: 70px;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    cursor: pointer;
}

#langclosetop a {
    width: 100%;
    height: 100%;
    padding: 0;
    display: inline-block;
}

/*
*   HEADER
*/
#navHead {
    height: 120px;
    width: 600px;
}

#logo {
    display: inline-block;
}

#logo a {
    display: block;
    width: 276px;
    height: 60px;
    padding: 30px 12px;
    background: transparent url("image/dwlogo-mobile.gif") no-repeat scroll 0 0;
    background-origin: content-box;
    font: 0/0 sans-serif;
    color: #fff;
    text-decoration: none;
}

#logoright {
    padding: 30px 30px 0;
    color: #bbb;
    font-family: arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

#logoright a {
    color: #bbb;
    font-family: arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;

}

/*
*   NAVIGATION
*/
.warn span,
.warn a,
#nav a,
#jsnav a,
#nav span,
.fallbacknav a {
    /*color: #fff;*/
    display: inline-block;
    font-family: Arial, "MS Trebuchet", sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    padding: 20px;
}

.maincategory a {
    text-transform: uppercase;
}

nav .m-inner-content, .m-inner-content a {
    background-color: #fff;
    color: #000 !important;
}

nav .m-item.firstitem {
    background: #009bff;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#wrap nav .m-item.firstitem a {
    max-width: 485px;
    padding: 20px 0 20px 20px;
}

nav .navigation {
    padding: 0;
}

nav li a {
    color: #fff;
}

nav li a:active {
    color: #009bff;
}

nav li li a {
    color: #000;
    display: block;
    padding: 20px;
}

nav .navigation li {
    border: solid #d3cfca;
    border-width: 2px 0 0;
}

nav .navigation li.maincategory {
    border-width: 0;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d3cfca, #fff) no-repeat 0 -50px; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d3cfca, #fff) no-repeat 0 -50px; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d3cfca, #fff) no-repeat 0 -50px; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d3cfca, #fff) no-repeat 0 -50px; /* Standard syntax */
}

nav .navigation li.maincategory ~ li.maincategory {
    background: #fff;
    border-width: 2px 0 0;
}

nav .navigation li#suche {
    border-width: 0;
}

nav #navList.navigation li.maincategory a {
    padding: 20px;
    max-width: none;
    width: 560px;
}

nav .navigation li.category {
    /*margin: 0 20px;*/
}

nav .navigation li.category:active {
    color: #009bff;
}

nav #navList.navigation li.category a {
    padding: 20px 20px 20px 40px;
    max-width: none;
    width: 540px;
}

nav .navigation li.subcategory {
    /*margin: 0 40px;*/
}

nav #navList.navigation li.subcategory a {
    padding: 20px 20px 20px 60px;
    max-width: none;
    width: 520px;
    font-weight: 400;
}

nav .category a,
nav .subcategory a {
    text-transform: capitalize !important;
}

nav ul.navclass {
    min-height: 76px;
    width: 600px;
    list-style: outside none none;
}

nav ul.navigation {
    background: #fff;
    box-shadow: 1px 5px 5px 1px #888;
}

nav #nav .sandwich,
nav #jsnav .sandwich {
    background: url('image/menu_open_640.png');
    cursor: pointer;
    float: right;
    height: 66px;
    margin: 5px 5px 0 5px;
    padding: 0 0 5px;
    overflow: hidden;
    width: 70px;
}

nav #nav .sandwich.open,
nav #jsnav .sandwich.open {
    background: #fff url('image/menu_close_640.png');
}

nav #jsnav .sandwich a {
    width: 100%;
    height: 100%;
    padding: 0;
}

/* js */
nav #jsnav .sandwich a {
    width: 100%;
    height: 100%;
    padding: 0;
}

nav #jsnav li.more,
nav #jsnav li.less {
    font: 700 32px/36px Arial, "MS Trebuchet", sans-serif;
    padding: 20px 60px 20px 40px;
    text-transform: none;
    cursor: pointer;
}

nav #jsnav .navigation li.category.more {
    background: url('image/navi_pfeil_down.png') no-repeat 96.5% 50%;
}

nav #jsnav .navigation li.category.less {
    background: url('image/navi_pfeil_up.png') no-repeat 96.5% 50%;
    color: #009bff;
}

nav #jsnav .navigation li.subcategory {
    display: none;
    border: none;
}

nav #jsnav .navigation li.subcategory.open {
    display: list-item;
}

/* nonjs */
nav #nav .sandwich a.jsFallback {
    width: 100%;
    height: 100%;
    padding: 0;
}

nav#navnonjs,
nav#languagenonjs {
    margin-top: 30px;
}

/*
*   CONTENT / TEASER
*/
/* fonts */
.content h2 {
    font: 400 36px/40px Georgia, Times, serif;
    color: #3E3E3E;
    margin: 0 0 12px 0;
}

div.imgTeaser div.teaserContentWrap h2 {
    color: #fff;
    margin: 0 0 12px;
    padding: 0;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.content h4 {
    font: 400 20px/21px Arial, Helvetica, sans-serif;
    color: #00468F;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.content .imgTeaser .teaserContentWrap h4 {
    font: 20px/24px Arial, Helvetica, sans-serif bold;
    color: #fff;
}

.content p {
    font: 400 28px/36px Georgia, Times, serif;
    color: #3E3E3E;
}

/* fonts.article */
.content .longtextMobile p,
.content .longtextMobile h3 {
    margin: 12px 0 20px;
    background-color: #FFF;
}

.content .article h1 {
    font: 400 36px/40px Georgia, Times, serif;
    color: #3E3E3E;
    margin: 12px 0;
}

.content .article h3 {
    font: 400 34px/36px Georgia, Times, serif;
    color: #000;
    margin: 12px 0 20px;
}

.content .article p {
    color: #3E3E3E;
}

.content .article p strong {
    font: 400 34px/36px Georgia, Times, serif;
    color: #000;
}

.content .article p b {
    font: 400 34px/36px Georgia, Times, serif;
    color: #000;
}

/* Listen im Artikel-Langtext */
.longtextMobile ul:not(.owl-carousel) {
    padding: 0;
    margin: 0 0 0 26px;
    list-style: none inside;
    overflow: hidden;
}

.longtextMobile ol {
    padding: 0;
    margin: 0 0 0 60px;
    list-style: decimal inside;
    font: 400 28px/36px Georgia, Times, serif;
}

.longtextMobile ul:not(.owl-carousel), .longtextMobile ol {
    -webkit-font-smoothing: antialiased;
    color: #3e3e3e;
}

.longtextMobile ul:not(.owl-carousel) li {
    background: url("../../cssi/list-blip.png") 6px 20px no-repeat;
    margin: 0 0 15px 0;
    padding: 0 0 0 24px;
    font: 400 28px/36px Georgia, Times, serif;
}

.longtextMobile ol li {
    margin: 0 0 15px 0;
    padding: 0;
    list-style-type: decimal;
}

.longtextMobile ul:not(.owl-carousel) li strong, .longtextMobile ul:not(.owl-carousel) li b, .longtextMobile ol li strong, .longtextMobile ol li b {
    font: bold 14px/22px Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #000;
}

/* caption */
.content .picBox p {
    font: 400 24px/30px Georgia, Times, serif;
    color: #888;
}

.content .picBox img {
    width: 100%;
}

/* specials */
.content .group {
    border-bottom: 1px solid #D9D6D2;
    margin-bottom: 30px;
    padding-bottom: 14px;
    overflow: hidden;
}

.content .news,
.content .imgTeaser,
.content .teaserContentWrap {
    margin-bottom: 30px;
}

.content .news h2 {
    margin: 0 0 6px 0;
}

.content .group > .news:last-child,
.content .group > .imgTeaser:last-child,
.content .group > .teaserContentWrap:last-child {
    margin-bottom: 0;
}

.content .news > .linkList {
    border-bottom: none;
}

/* no top border/margin/padding when there is no headline before 1st list item */
.content .linkList:first-child {
    clear: both;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

div.teaserImgSmall {
    float: left;
    margin-top: 10px;
}

div.teaserImgSmall img {
    width: 184px;
    height: 104px;
    margin-right: 24px;
}

div.teaserImg,
div.teaserImg img {
    width: 600px;
    height: 338px;
}

div.freeFormat img {
    max-width: 600px;
    height: auto;
}

div.teaserImgSmall img,
div.teaserImg img {
    display: inline-block;
}

div.teaserImgSmall img.gallery,
div.teaserImg img.gallery {
    background: transparent url('../../cssi/220-dummy-pic.gif') no-repeat 0 0 / 100% auto;
}

div.imgTeaser {
    position: relative;
}

div.imgTeaser h4,
div.imgTeaser h2 span.date {
    margin: 0 0 11px;
}

div.imgTeaser h4 {
}

div.teaserContentWrap {
    padding: 20px;
    background-color: #F4F4F4;
}

div.imgTeaser div.teaserContentWrap {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    width: 560px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    z-index: 11;
}

/* GALLERY IN OVERVIEW NONJS */
body.nojs .featureGallery {
    display: none;
}

.featureGallery div.imgTeaser div.teaserContentWrap {
    background-color: #000;
}

.featureGallery div.imgTeaser div.teaserContentWrap p {
    color: #fff;
}

.featureGallery div.imgTeaser.slideshow div.slideshowNav {
    display: none;
}

/* GALLERY IN ARTICLE NONJS */
body.nojs .article .featureGallery {
    display: block;
}

.article .featureGallery div.imgTeaser.slideshow div.teaserImg {
    clear: both;
}

/* GALLERY JS */
.gallery div.imgTeaser div.owl-wrapper div.teaserContentWrap {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    position: relative;
}

.gallery div.imgTeaser div.owl-wrapper div.teaserContentWrap p {
    color: #fff;
}

div.imgTeaser.slideshow {
    height: auto;
}

div.imgTeaser.slideshow ul.slides {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    position: relative;
    clear: both;
    height: auto;
}

div.imgTeaser.slideshow .owl-theme + div.slideshowNav {
    display: block;
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    text-align: center;
}

div.imgTeaser.slideshow div.slideshowNav a,
div.imgTeaser.slideshow div.slideshowNav span {
    color: #fff;
    padding: 0;
    text-decoration: none;
    display: block;
    font-size: 35px;
}

div.imgTeaser.slideshow.white div.slideshowNav a,
div.imgTeaser.slideshow.white div.slideshowNav span {
    color: #3E3E3E;
}

div.imgTeaser.slideshow.black div.slideshowNav a,
div.imgTeaser.slideshow.black div.slideshowNav span {
    color: #fff;
}

div.imgTeaser.slideshow div.slideshowNav span {
    float: left;
    width: 100%;
}

div.imgTeaser.slideshow div.slideshowNav a {
    width: 100px;
    position: absolute;
    -webkit-backface-visibility: hidden;
}

div.imgTeaser.slideshow div.slideshowNav a.rwd {
    text-align: left;
    left: 0;
    padding-left: 25px;

}

div.imgTeaser.slideshow div.slideshowNav a.fwd {
    text-align: right;
    right: 0;
    padding-right: 25px;

}

/* TEASER WHITE */
div.white h4 {
    color: #3e3e3e;
}

/* IMGTEASER BELOW & WHITE & BLACK */

div.imgTeaser.below div.teaserContentWrap {
    display: block;
    float: left;
    position: static;
}

/* white */
div.imgTeaser.white div.teaserContentWrap {
    background-color: #f4f4f4;
}

div.imgTeaser.white div.teaserContentWrap h2,
div.imgTeaser.white a:hover h2 {
    /*font: 400 36px/40px Georgia,Times,serif;*/
    color: #3e3e3e;
    background-color: #f4f4f4;
}

div.imgTeaser.white div.teaserContentWrap h4 {
    /*font: 400 20px/21px Arial, Helvetica, sans-serif;*/
    color: #3e3e3e;
    background-color: #f4f4f4;
}

div.imgTeaser.white h2 span.date {
    color: #888;
}

div.imgTeaser.white p {
    font: 400 28px/40px Georgia, Times, serif;
    color: #3e3e3e;
    background-color: #f4f4f4;
}

/* black */
div.imgTeaser.black div.teaserContentWrap {
    background-color: #000;
}

div.imgTeaser.black div.teaserContentWrap h2,
div.imgTeaser.black a:hover h2 {
    color: #fff;
    background-color: #000;
}

div.imgTeaser.black div.teaserContentWrap h4 {
    color: #fff;
    background-color: #000;
}

div.imgTeaser.black h2 span.date {
    color: #ccc;
}

div.imgTeaser.black p {
    font: 400 28px/40px Georgia, Times, serif;
    color: #fff;
    background-color: #000;
}

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    /*	display: none; */ /* MODIFIED */
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;

}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
    /*    cursor:url(grabbing.png) 8 8, move; */ /* MODIFIED */
    cursor: move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

/* AV-KTEASER KARUSSEL */
div.imgTeaser.av .articleimage {
    height: 338px;
    position: relative;
}

div.imgTeaser.av li {
    padding: 8px;
    width: 584px;
    background-color: #000;
}

div.imgTeaser.av .articleimage .img {
    width: 584px;
    height: 338px;
}

div.imgTeaser.av div.teaserContentWrap {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    position: absolute;
    padding: 20px 30px;
    width: 540px;
}

div.imgTeaser.white.av div.teaserContentWrap h2 {
    color: #fff;
    background-color: transparent;
}

div.imgTeaser.white.av div.teaserContentWrap h4 {
    color: #fff;
    background-color: transparent;
}

div.imgTeaser.av .slideshowNav {
    position: absolute;
    top: 0;
}

div.imgTeaser.av .slideshowNav a {
    height: 356px;
}

div.imgTeaser.av .slideshowNav .rwd {
    background: url('image/flip_prev_640.png') no-repeat top left;
}

div.imgTeaser.av .slideshowNav .fwd {
    background: url('image/flip_next_640.png') no-repeat top right;
}

div.imgTeaser.slideshow.av div.slideshowNav {
    background-color: transparent;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 100;
}

/* LIVE BLOG TEASER */
div.content div.teaserContentWrap.liveblog h2 {
    color: #3E3E3E;
    margin: 0 0 12px;
}

div.content div.teaserContentWrap.liveblog .linkList.intern h2 {
    font: 400 20px/24px Georgia, Times, serif;
    background-position: 1px -2px;
}

div.content div.teaserContentWrap.liveblog h4 {
    font: 400 20px/21px Arial, Helvetica, sans-serif;
    color: #00468F;
    margin: 0 0 11px;
}

div.content div.teaserContentWrap.liveblog p {
    font: 400 28px/40px Georgia, Times, serif;
    color: #3E3E3E;
}

/* EILMELDUNGS TEASER */
div.eilmeldung {
    background: #be232d;
    padding: 12px 20px;
    margin: 0 0 30px;
}

.eilmeldung h4 {
    font: bold 28px/36px Arial, Helvetica, sans-serif;
    color: #fff;
    display: inline;
}

.eilmeldung p {
    font: normal 28px/36px Arial, Helvetica, sans-serif;
    color: #edcfd0;
    display: inline;
}

/* BULLETIN NEWS-TEASER */
.group.accordion {
    border-bottom-width: 0;
}

.accordion .news {
    border-bottom: 1px solid #D9D6D2;
    padding: 0 0 17px;
    margin: 0 0 22px;
    cursor: pointer;
}

.accordion .news h2 {
    cursor: pointer;
}

.accordion .news .newsWrapper {
    padding: 0 0 14px;
    display: none;
}

.accordion .news .newsWrapper:first-child {
    display: block;
}

/* UNTERBEREICHS TEASER */
.content .subHeader {
    background: #fff none repeat scroll 0 0;
    border-bottom: 2px solid #d3cfca;
    color: #aaa;
    font: 700 30px/36px Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
    padding: 12px 0 2px;
}

/* LOADMORE TEASER */
.content .subHeader.more {
    background: #C6C3C1 none repeat scroll 0 0;
    padding: 0;
    width: 100%;
}

.content .group > .subHeader.more {
    margin: 0;
}

.content .subHeader.more a {
    color: #FFF;
    width: 560px;
    padding: 20px;
    display: inline-block;
}

/* LIVESTREAM TEASER */
.imgTeaser.livestreamplayer .teaserImg .label {
    background-color: rgba(0, 0, 0, 0.6);
    left: 10px;
    top: 10px;
    position: absolute;
    padding: 10px 10px 8px;
    font: 20px/15px Arial, Helvetica, sans-serif;
    color: #FFF;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    z-index: 1;
}

/* UMFRAGE TEASER */
#pageOverlay {
    margin: 0 20px;
}

#pageOverlay .floatingBox {
    text-align: left;
}

#pageOverlay .floatingBox h1 {
    font: 400 36px/40px Georgia, Times, serif;
    color: #3E3E3E;
    margin: 0 0 12px;
}

#pageOverlay .floatingBox h2 {
    font: 400 20px/21px Georgia, Times, serif;
    color: #3E3E3E;
}

#pageOverlay .floatingBox h4 {
    font: 700 20px/21px Arial, Helvetica, sans-serif;
    color: #3E3E3E;
    margin: 0 0 8px;
}

#pageOverlay .floatingBox p {
    font: 400 20px/21px Arial, Helvetica, sans-serif;
    color: #3E3E3E;
    margin: 0 0 10px;
}

#pageOverlay .floatingBox p.error {
    color: #f00;
}

#pageOverlay .floatingBox .poll {
    background: #F4F3F1;
    padding: 20px;
}

#pageOverlay .floatingBox .poll .surveyResult {
    background-color: #E3E1DD;
    height: 20px;
    margin: 8px 0 8px 80px;
    position: relative;
    width: 400px;
}

#pageOverlay .floatingBox .poll .linkList {
    border-top: 2px solid #D3CFCA;
    padding: 16px 0;
}

#pageOverlay .floatingBox .poll .result {
    position: relative;
    left: -80px;
}

#pageOverlay .floatingBox .poll .displayResult {
    background: #0098FF none repeat scroll 0 0;
    height: 100%;
    top: 0;
    position: absolute;
}

#pageOverlay .floatingBox .submitElement {
    float: right;
    margin: 0 20px 0 0;
    padding: 40px 0 140px;
    width: 320px;
}

#pageOverlay .floatingBox .submitElement input {
    font: 400 30px/30px Arial, Helvetica, sans-serif;
    background-color: #0098FF;
    border: 0 none;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 60px;
    margin: 0;
    padding: 9px 4px;
    text-align: center;
    width: 320px;
    text-transform: uppercase;
}

/* TWITTER-SINGLE */
.content .article iframe.twitter-tweet {
    margin: 31px auto 30px !important;
}

/* nonjs styles */
.content blockquote.twitter-tweet {
    display: inline-block;
    font: 700 20px/24px Arial, Helvetica, sans-serif;
    color: #3E3E3E;
    border-color: #eee #ddd #bbb;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    padding: 0 20px 20px 30px;
    width: 546px;
    background: url("image/social_twitter_dwblue.png") no-repeat;
}

.content blockquote.twitter-tweet p {
    font: 400 20px/24px Arial, Helvetica, sans-serif;
    background: transparent;
}

.content blockquote.twitter-tweet a {
    color: #0087EB;
    font-weight: normal;
    text-decoration: none;
}

/* YOUTUBE VIDEO IFRAME */
.content iframe.yt-video {
    margin: 20px 0 25px;
}

/*
 * MEDIA CENTER
 */
#searchFilterPanel {
    background: #C6C3C1;
    padding: 10px 20px;
    margin: 0 0 20px;
    width: 560px;
}

#searchType {
    font-size: 0;
}

#searchType a {
    background: #fff;
    display: inline-block;
    width: 180px;
    height: 50px;
    cursor: pointer;
}

#searchType a.video {
    background: #E6E3E0 url('image/mc_filter_video_off_2x.png') no-repeat 65px 0;
}

#searchType a.video.active {
    background: #fff url('image/mc_filter_video_on_2x.png') no-repeat 64px 0;
}

#searchType a.audio {
    background: #E6E3E0 url('image/mc_filter_audio_off_2x.png') no-repeat 50% 50%;
    margin: 0 10px;
}

#searchType a.audio.active {
    background: #fff url('image/mc_filter_audio_on_2x.png') no-repeat 50% 50%;
}

#searchType a.gallery {
    background: #E6E3E0 url('image/mc_filter_pictures_off_2x.png') no-repeat 50% 50%;
}

#searchType a.gallery.active {
    background: #fff url('image/mc_filter_pictures_on_2x.png') no-repeat 50% 50%;
}

#searchResultsList {
    position: relative;
}

#searchResultsList div.group {
    padding-bottom: 0;
}

#searchResultsList .subHeader.more {
    margin-bottom: 30px;
}

/*
 * ARTICLE / DETAILS
 */
.article a {
    color: #0087EB;
}

.article p.intro {
    font: 400 34px/44px Georgia, Times, serif;
    color: #3E3E3E;
    border-bottom: 1px solid #D9D6D2;
    padding: 0 0 20px;
    margin: 0 0 20px;
}

.article div.picBox {
    margin: 0 0 20px;
}

.article div.picBox p {
    margin: 20px 0 0;
}

/* disqus */
div#disqus_thread {
    width: 60%;
    margin: 0 auto 40px auto;
}

div#disqus_thread iframe {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

div#disqus_thread a {
    color: #0087EB !important;
}

/*
 * SMALLLIST
*/
ul.smallList {
    margin: -25px 0;
}

ul.smallList li {
    border: solid #D9D6D2;
    border-width: 0 0 1px;
    color: #888;
    font: 400 28px/80px Arial, Helvetica, sans-serif;
}

ul.smallList li div {
    float: left;
    margin: 14px 14px 0 14px;
    line-height: 1em;
}

ul.smallList li.share {
    margin-top: 30px;
    margin-bottom: 10px;
}

ul.smallList li.share strong {
    display: block;
    line-height: 28px;
    margin: 16px 0 10px;
}

ul.smallList li.share div {
    display: inline-block;
}

ul.smallList li:last-child {
    border: none;
}

ul.smallList li strong {
    color: #000;
    padding-right: 10px;
}

.smallList .icon {
    height: 72px;
    width: 72px;
}

ul.smallList li.share span {
    display: inline-block;
    margin-right: 21px;
    margin-top: 10px;
}

ul.smallList li.share span#moreSpan {
    margin: 0;
}

ul.smallList .icon#moreAnchorBig {
    margin-left: 20px;
}

#mobileSharingGroup {
    border: 0;
    margin: 0 0 5px 0;
}

/*
 * RELATED CONTENT
 */
.content .related h4 {
    border-bottom: 1px solid #D9D6D2;
    padding: 0 0 17px;
    margin: 47px 0 25px;
}

.content .related .news h2 {
    margin: 0;
}

/*
*   FOOTER
*/
/*noinspection CssOverwrittenProperties*/
#footer,
#fallbacknav {
    margin-bottom: 0 !important;
    padding: 20px 20px 26px;
    background-color: #009bff; /* Old browsers */
    background: #009bff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #009bff 0%, #005fc3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009bff), color-stop(100%, #005fc3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #009bff 0%, #005fc3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #009bff 0%, #005fc3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #009bff 0%, #005fc3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #009bff 0%, #005fc3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009bff', endColorstr='#005fc3', GradientType=0); /* IE6-8 */
}

.fallbacknav #footercontent a {
    font-weight: 400;
    padding: 0;
}

#foot {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 60px;
    overflow: hidden;
    width: 560px;
}

#foot span {
    color: #b3e1ff;
}

#footercontent {
    padding: 0 40px 20px;
}

#footercontent span {
    display: block !important;
}

#footercontent span a {
    color: #b3e1ff;
    white-space: nowrap;
}

#footercontent span:last-child {
    padding-top: 18px;
}

#footercontent > #copyright {
    margin: 0 -30px;
}

/**********************/
/* Audio/video player */
/**********************/

.imgTeaser.video .teaserImg,
.imgTeaser.audio .teaserImg {
    position: relative;
}

.group.video,
.group.audio {
    border: none;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.mediaItem .teaserContentWrap.information {
    background-color: black;
    position: relative;
}

.mediaItem .teaserContentWrap.information h2 {
    font: 40px/45px Georgia, Times, serif;
    margin-bottom: 0;
}

.mediaItem .teaserContentWrap.information h2 .icon {
    position: relative;
    top: 1px;
    margin-left: 11px;
}

/* Custom controls for video player */
.mediaItem .customPlayBtn {
    position: absolute;
    bottom: 0;
    background: none rgba(0, 0, 0, 0.6);
    height: 70px;
    width: 100%;
    z-index: 11;
    cursor: pointer;
}

.mediaItem .customPlayBtn div.playBtnImgBox {
    width: 70px;
    height: 70px;
    background: url('../../js/jwplayer6/DW-Skin-mobile/controlbar/playButton.png') no-repeat;
    float: left;
}

.mediaItem .customPlayBtn span {
    font: bold 20px/70px Arial, Helvetica, sans-serif;
    color: #bbb;
    float: left;
}

.mediaItem .customPlayBtn:hover span {
    color: #fff;
}

.mediaItem .customPlayBtn span.right {
    float: right;
    margin-right: 20px;
}

div.mediaItem div.teaserImg img.teaserPreviewImage {
    display: none;
}

@media print {
    div.mediaItem div.teaserImg div.customPlayBtn {
        display: none;
    }

    div.mediaItem div.teaserImg a.videoAnker {
        display: none;
    }

    div.mediaItem div.teaserImg img.teaserPreviewImage {
        display: inline;
    }

    div.mediaItem div.teaserContentWrap.information h2{
        color: #3e3e3e;
    }
}

/***************************************/
/* Load indicator overlay and throbber */
/***************************************/

div.loadOverlay {
    z-index: 9999;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
}

body > div.loadOverlay {
    position: fixed;
}

div.throbber {
    background: transparent url("../../cssi/throbber-80x80.png") no-repeat scroll left top;
    height: 80px;
    width: 80px;
    z-index: 9999;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
}

/***************************************/
/* Bugfixes for mobile browsers        */
/***************************************/

/* transparent background image to fix width issue on old android - see http://stackoverflow.com/questions/8100092/p-style-incorrect-unless-background-color-applied */
.content h1,
.content h2,
.content h4,
.content p,
.content ul.smallList li,
#foot span {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}