/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * 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.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea { color: #333; }

html { line-height: 22px; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img, video { vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea { resize: vertical; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

* { -moz-box-sizing: border-box; box-sizing: border-box; }

body { background: #ffffff; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; }

body.grid:after { background: url("../img/raster.png") repeat-y scroll center top rgba(0, 0, 0, 0); content: ""; display: block; height: 200%; left: 0; position: absolute; top: 0; width: 100%; }

h2 { /*font-weight: bold;*/ /*font-size: 14px;*/ /*text-transform: uppercase;*/ /*margin: 11px 10px 21px 10px;*/ /*padding: 5px;*/ /*display: inline-block;*/ /*color: #ffffff;*/ }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #e5e5e5; margin: 0; padding: 0; }
h1, h3 { font-family: 'Droid Serif', serif; font-weight: normal; font-size: 24px; color: #4a4b49b; line-height: 22px; margin: 5px 0 12px 0; }
a { text-decoration: none; /* font-weight: bold; */ color: #4A4B49; }
h1 a, h3 a { font-weight: normal; }
ul { list-style-type: none; }

.bullet-list ul,
ul.bullet-list { list-style-type: initial; padding-left: 25px; }

section.main { /*min-height: 600px;*/ }

/*
    header
*/

header { background: #f1f1f1; position: relative; /*z-index: 1;*/ min-width: 1133px; vertical-align: top; padding-bottom: 9px; }

/** Body shell sets the width in pixels, all childs should work on percentages. */
body .shell { width: 997px; padding-left: 15px; text-align: left; margin: 0 auto; position: relative; }

header .shell { /*min-height: 200px;*/ width: 1200px; padding-left:115px; /*text-align: right;*/ }
header .header-logos { width: 970px; position: relative; }
header .logo { }
header .logo img { width: 240px; height: 40px; }
header .partner-logo { position: absolute; bottom: 0; right: 0; }
header .partner-logo img { width: 66px; height: 30px; vertical-align: sub; }

nav { margin-top: 24px; }

header ul { list-style-type: none; /*position: absolute;*/ bottom: 0; margin: 0; overflow: hidden; }
header ul li { display: inline-block; border-right: 1px solid #ccc; }
header ul li a { display: inline-block; line-height: 24px; padding: 6px 15px; color: #333333; font-family: 'Open Sans'; }
header ul li:first-child { /* TODO */ /*border-left: 1px solid #ccc;*/ }
header ul li:last-child { /*border-right: 0;*/ }
header ul li.nav-HOME:hover a { color: #f1f1f1; }
header ul li:hover,
header ul li.active { z-index: 1; background-color: #3b3b3b; color: #1B1B1B; position: relative; margin-left: -1px; padding-left: 1px; border: none; padding-right: 1px; }
/** header ul li:hover { z-index: 2; } */
header ul li.active a { color: #ffffff; }


.ads-label,
.dept-label { font-family: "Open Sans"; font-weight: 600; font-size: 12px; text-transform: uppercase; margin:0 0 2px 0; /*margin: 11px 0 21px 0;*/ padding: 0 5px; display: inline-block; color: #ffffff; }
.dept-label.full-width-label { /*position: relative;*/ margin-top: 24px; margin-bottom: 24px; /* left: -20px; */ padding-left: 20px; width: 629px; }
header .dept-label { text-transform: capitalize; font-size: 16px; margin: 0; padding: 0; }
#content { /*z-index: 0;*/ background: white; border-radius: 0 0 5px 5px; position: relative; min-height: 637px; }

.top-margin-48 { margin-top: 48px; }
.top-padding-48 { padding-top: 48px; }

/**
.subnav { font-family: "open sans"; font-weight: 600; font-size: 16px; margin-bottom: 32px; }
.subnav ul { list-style-type: none; }
.subnav ul li { display: inline-block; margin-right: 20px; }
.subnav ul li a { font-weight: normal; font-size: 12px; color: #999; }
.subnav ul li a:hover { color: #052C46; }
*/

.sort { position: absolute; right: 20px; top: 64px; margin: 0 0 0 30px; font-size: 12px; vertical-align: text-bottom; }

.homepage .sort { top: 20px; }

.select { border: 1px solid #999; border-radius: 5px; padding: 0 5px; display: inline-block; margin-left: 20px; width: 200px; overflow: hidden; vertical-align: top; background: white url(../img/bg_selectbox.png) right top no-repeat; }

.select select { border: none; width: 211px; -webkit-appearance: none; background-color: transparent; }

.event-headline { background-color: #333333; color: white; font-weight: bold; text-transform: uppercase; padding: 24px 0 0 0; margin-bottom: 12px; }

.column { display: inline-block; vertical-align: top; width: 50%; }
.column hr { margin-bottom: 14px; }

.column-right { /**width: 321px;*/ width: 33%; /* 300px + padding */ margin-left: -1px; padding-left: 11px; border-width: 0 0 0 1px; margin-bottom: 2px; }
.column-right .post:last-child { border-bottom: none; }
.column-right .post { border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; padding-top: 16px; padding-left: 16px; padding-bottom: 4px; margin-bottom: 15px; }
.column-right .post h3 { font-size: 18px; }

.column-right-half { margin-left: -1px; padding: 0px; border-width: 0 0 0 1px; width: 481px; margin-right: -10px; }
.column-right-half .post { width: 220px; display: inline-block; margin: 0 10px 13px 10px; padding-bottom: 27px; }
.column-right-half h3 { font-size: 14px; font-family: Georgia; margin-bottom: 0; }

.widecolumn { /**width: 649px;*/ width:65%; margin-bottom: 7px; } 
/** .widecolumn { width: 649px; margin-bottom: 7px; } */
.widecolumn h1,
.widecolumn h3 { font-size: 24px; line-height: 125%; }
.widecolumn .post:last-child { border-bottom: none; }

.metadata-line { font-size: 12px; color: #7e7e7e; }

figure.post-image-thumbnail { float: left; display: block; margin: 0 12px 12px 0; width: 200px; height: 150px; }

.post-image { background: #f1f1f1; text-align: center; padding: 10px 10px 4px 10px; margin-top: 15px; margin-bottom: 17px }
.post-image img { background: white; }

.post-image-thumbnail>img { width: 200px; height: 150px; }
.post-image-thumbnail>figcaption { position: relative; left: 212px; bottom: 19px; color: #c4c4c4; font-size: 12px; }

/*.post-image p {*/
/*text-align: left;*/
/*margin: 16px 0 0 0;*/
/*font-size: 12px;*/
/*}*/

/*.post-image .copyright {*/
/*color: #7e7e7e;*/
/*float: right;*/
/*}*/

/*img.post-image-thumbnail {*/
/*display: block;*/
/*margin-right: 12px;*/
/*width: 80px;*/
/*height: 60px;*/
/*}*/

/*figcaption.post-image-thumbnail {*/
/*color: #c4c4c4;*/
/*font-size: 8px;*/
/*line-height: 10px;*/
/*float: right;*/
/*padding-right: 12px;*/
/*margin-bottom: 12px;*/
/*}*/

/** .column-quart .post:last-child { border-bottom: none; } // DEPRECATED NEWSD-144 */

.post .info-line-above-infoboxes { color: #777; font-size: 12px; font-weight: bold; margin-top: 21px; margin-bottom: -10px; }
.post .post-meta { width: 100%; margin: 16px 0 20px 0; text-align: right; }
.post .post-meta.left { text-align: left; }
.post .post-meta > a { color: #0F416B; margin-left: 20px; line-height: 31px; }
.post { margin-bottom: 21px; border-top: solid 1px #d2d2d2; border-left: solid 1px #d2d2d2; padding-top: 16px; padding-left: 16px; padding-bottom: 3px; }
.post.selected-message { border-top: none; border-left: none; padding: 20px 10px 0 10px; background: #f1f1f1; }
.post:last-child { border-bottom: none; }


.article-text { min-height: 82px; }

body.event .widecolumn .post,
body.homepage .widecolumn .post { border-top: none; border-left: none; padding-top: 0; padding-left: 0; }

/** .column-quart .post { border-top: none; border-left: none; padding-top: 0; padding-left: 0; } // DEPRECATED NEWSD-144 */

.paging { vertical-align: middle; margin-top: 15px; margin-bottom: 28px; padding-top: 21px; }
.paging ul { padding-left:200px; display: inline-block; } 
.paging li { display: inline-block; border: 1px solid #c9c9c9; border-radius: 3px; margin: 0px 2px 0px 3px; } 
.paging li a { padding: 0 7px; display: inline-block; line-height: 22px; text-align: center } 
.paging li.active { background-color: #0f416b; } 
.paging li.active a { color: white; }

form.jump { float: center; font-size: 14px; padding: 0; display: inline-block; padding-left: 14px; font-size: 12px; color: #747474; }
form.jump input { height: 24px; border: 1px solid #999; border-radius: 5px; padding-left: 5px; margin: 0 5px; background: #ffffff; }
form.jump input[type='number'] { width: 50px; }
form.jump input[type='submit'] { background: white url(../img/arrowRight_blue.png) center center no-repeat; font-size: 2px; color: #0d3252; width: 24px; vertical-align: top; }

.verticalDepartmentOverviews { background-color: #f3f3f3; padding: 16px 0 48px 0; }

.column-box { background-color: #ffffff; }

footer { margin-top: 72px; padding: 34px 0; min-width: 1133px; background: #2b3034; color: #d2d2d2; }
/* footer .shell { text-align: right; } */
footer img { float: right; margin-top: -11px; }
footer ul { /*text-align: right;*/ display: inline-block; } 
footer ul li { display: inline-block; color: #959595; margin-right: 35px; } 
footer ul li a { color: #d2d2d2; font-weight: normal; }
footer .copyright { margin-top: 34px; text-align: center; color: #acacac; }


/*
    column 25% width at the bottom of the homepage
*/

/** // DEPRECATED NEWSD-144 
.column-quart { width: 210px; margin-left: 20px; margin-right: 10px; padding: 0; border-width: 0; }
.column-quart.first { margin-left: 10px; margin-right: 0px; } 
.column-quart .dept-label { margin: 28px 0 14px 0; }
.column-quart .post { margin-bottom: 5px; padding: 16px 16px 5px 16px; border-bottom: 1px solid #d2d2d2; } 
.column-quart h2 { margin-right: 0; margin-left: 0; margin-bottom: 14px; }
.column-quart h3 { font-size: 14px; font-family: sans-serif; margin-bottom: 0; } 
.column-quart .top-post h3 a { margin-right: 0; margin-left: 0; margin-bottom: 14px; font-size: 18px; font-family: Georgia, serif; } 
.column-quart .post-meta { margin-bottom: 21px; }

.column-quart .post a { font-weight: normal; font-size: 12px; }
.column-quart .post h3,
.column-quart .post h3 a { font-size: 14px; }
.column-quart .top-post h3,
.column-quart .top-post h3 a { font-weight: normal; font-size: 18px; }
*/

.textpage ol { list-style-type: none; } 
.textpage ol ol ol { margin-left: 20px; } 
.textpage h1 { margin: 48px 240px 24px 10px; /*padding-bottom: 8px;*/ font-size: 24px; line-height: 125%; text-transform: none; }
.textpage h2 { /*margin-top: 21px;*/ /*border-bottom: none;*/ font-size: 18px; line-height: 125%; /*font-weight: normal;*/ text-transform: none; }
.textpage h3 { /*margin-left: 10px;*/ /*margin-bottom: 13px;*/ /*margin-top: 42px;*/ font-size: 14px; line-height: 125%; text-transform: none; }
.textpage h4 { margin: 33px 10px 17px; color: #333; font-size: 12px; line-height: 125%; text-transform: none; }

.textpage p { margin-bottom: 22px; width: 700px; margin-left: 10px; }
.textpage h2,
.textpage h3,
.textpage p { margin: 22px 0px; width:100%; }
.textpage ol ul { list-style-type: disc; margin: 21px 10px 21px 30px; }
.textpage ol ul li { display: list-item; }

.homepage .column-right .post h3 { margin-bottom: 17px; } 
.homepage .column-right { border: none; }

/*
    Ads
*/

.ads-bg-light { background-color: #999999; }

.ads { /*outline: dashed #007670 3px;*/ /*background-color: #007670;*/ }
/* .ads-superbanner { margin-top: 10px; margin-bottom: 10px; text-align: left; }*/
.ads-superbanner { margin-top: 10px; margin-bottom: 10px; text-align: center; }

#skycraper-box{ position:relative; padding:0; width: 1170px; }

.ads-skyscraper { position: absolute; right: 30px; top: 0; display: block; width: 160px; height: 600px; }
.ads-skyscraper-dep { position: relative; top: 10px; display: block; width: 160px; height: 600px; }
.ads-medium-rectangle { margin-top: 12px; }
.ads-container { width: 100%; padding: 1px 0 9px 0; margin-bottom: 22px; margin-left: 10px; }
.ads-label { padding: 0 6px; color: #ffffff; margin-left: 10px; } 
/* .ads-container .ads { width: 300px; height: 250px; margin: 5px auto; } */
.ads-container .ads { width: 300px; margin: 5px auto; }
.ads-container p { font-size: 12px; color: #888; }
.ads-footer{ margin-top: 20px; width: 970px; height: auto; }

#wallpaperClickyBgRight{ left: 997px !important; }
#wallpaperSkyscraperContainer{ left: 997px !important; } 
#wallpaperBannerContainer{ left: 269px !important; } 

#article{ position:relative; width:975px; }

/*
    Teasers
*/
#teasers { padding: 20px 0; position: relative; height: 633px; /*margin-top: 48px;*/ }
#teasers h4 { color: white; font-size: 14px; line-height: 22px; margin: 6px 10px 0 10px; text-transform: uppercase; padding-bottom: 5px; padding-right: 33px; } 
.teaser a { font-family: "droid serif"; font-size: 16px; font-weight: normal; /*color: #000000;*/ color: #ffffff; display: inline-block; margin: 1px 0px 5px 0px; overflow: hidden; /*height: 90px;*/ } 
.teaser a.small-source-link { font-size: 10px; }
/** .teaser .metadata-line { color: white; display: block; line-height: 25px; padding: 0 10px; width: inherit; position: absolute; border-radius: 3px; bottom: 0; height: 25px; */ /*overflow: hidden;*/ /** } */
.teaser .metadata-line { color: white; display: block; line-height: 15px; padding: 0 10px 30px 10px; width: inherit; position: absolute; border-radius: 3px; bottom: 0; height: 25px; /*overflow: hidden;*/ }
.teaser .metadata-line a { color: white !important; font-weight: normal !important; font-size: 12px; }
.teaser .metadata-line .time { float: left; margin-right: 6px; } 
.teaser .space { background-color: white; } 
.teaser { position: absolute; height: 196px; } 
.teaser .event-title { margin: 6px; overflow: hidden; } 
.teaser-1 { top: 0; left: 0; height: 399px; width: 347px; /*z-index: 2;*/ }
.teaser-1 a.event-link { font-size: 32px; line-height: 113%; /*44px;*/ font-weight: normal; /* margin-top: -1px; */ /* height: 265px; */ width: 327px; }
.teaser-2 { top: 0; left: 732px; height: 399px; width: 237px; /*z-index: 2;*/ } 
.teaser-2 a.event-link { font-size: 18px; width: 207px; line-height:117%; /*height: 265px;*/ } 
.teaser-3 { width: 373px; top: 203px; left: 353px; /*z-index: 2;*/ } 
.teaser-3 a.event-link { width: 353px; } 
.teaser-4 { top: 405px; left: 243px; width: 294px; /* z-index: 1; */ } 
.teaser-4 a.event-link { width: 274px; } 
.teaser-5 { top: 405px; left: 0; width: 237px; /*z-index: 1;*/ } 
.teaser-5 a.event-link { width: 207px; } 
.teaser-6 { top: 405px; left: 732px; width: 237px; /*z-index: 1;*/ } 
.teaser-6 a.event-link { width: 207px; } 
.teaser-7 { top: 0; left: 353px; width: 184px; } 
.teaser-7 a.event-link { width: 154px; } 
.teaser-8 { top: 0; left: 543px; width: 183px; } 
.teaser-8 a.event-link { width: 183px; } 
.teaser-9 { top: 405px; left: 543px; width: 183px; /*z-index: 1;*/ } 
.teaser-9 a.event-link { width: 173px; } 
.teaser .hotness { font-size: 12px; position: absolute; right: 0; top: 0; color: white; padding: 3px 3px 0 18px; background: transparent url(../img/fig-hotness-light@1x.png) left center no-repeat; }
.teaser .dept-label { margin-right: 35px; padding: 8px; line-height: 100%; }

/*
    Department coloring
*/


.dept-POLITICS .dpt-color { color: #7ABD2A; } 

.dept-POLITICS .dpt-bg-light,
.dpt-bg-light-hover:hover.dept-POLITICS,
.active.dept-POLITICS { background-color: #9BC159; } 

.dept-ECONOMY .dpt-color { color: #059CFF; } 

.dept-ECONOMY .dpt-bg-light,
.dept-ECONOMY.dpt-bg-light-hover:hover,
.dept-ECONOMY.active { background-color: #4797C9; } 

.dept-HEALTH .dpt-color { color: #4BD19A; } 

.dept-HEALTH .dpt-bg-light,
.dept-HEALTH.dpt-bg-light-hover:hover,
.dept-HEALTH.active { background-color: #4BD19A; } 

.dept-COMPUTER .dpt-color { color: #69BDC1; } 

.dept-COMPUTER .dpt-bg-light,
.dept-COMPUTER.dpt-bg-light-hover:hover,
.dept-COMPUTER.active { background-color: #69BDC1; } 

/*.dept-STARTPAGE .dpt-color,
.dept-MOTOR .dpt-color,
.dept-AREAL .dpt-color, */
.dept-PANORAMA .dpt-color { color: #E54C79; } 

/*.dept-STARTPAGE .dpt-bg-light,
.dept-STARTPAGE.dpt-bg-light-hover:hover,
.dept-STARTPAGE.active,
.dept-MOTOR .dpt-bg-light,
.dept-MOTOR.dpt-bg-light-hover:hover,
.dept-MOTOR.active,
.dept-AREAL .dpt-bg-light,
.dept-AREAL.dpt-bg-light-hover:hover,
.dept-AREAL.active, */
.dept-PANORAMA .dpt-bg-light,
.dept-PANORAMA.dpt-bg-light-hover:hover,
.dept-PANORAMA.active { background-color: #E54C79; }

/*.dept-MEDIA .dpt-color, */
.dept-CULTURE .dpt-color { color: #CE5C6C; }

/*.dept-MEDIA .dpt-bg-light,
.dpt-bg-light-hover:hover.dept-MEDIA,
.active.dept-MEDIA, */
.dept-CULTURE .dpt-bg-light,
.dpt-bg-light-hover:hover.dept-CULTURE,
.active.dept-CULTURE { background-color: #CE5C6C; }

.dept-SCIENCE .dpt-color { color: #B080C9; }

.dept-SCIENCE .dpt-bg-light,
.dept-SCIENCE.dpt-bg-light-hover:hover,
.dept-SCIENCE.active { background-color: #B080C9; }

.dept-SPORTS .dpt-color { color: #CEAA5C; }

.dept-SPORTS .dpt-bg-light,
.dept-SPORTS.dpt-bg-light-hover:hover,
.dept-SPORTS.active { background-color: #CEAA5C; }

.dept-TRAVEL .dpt-color { color: #FDB351; }

.dept-TRAVEL .dpt-bg-light,
.dept-TRAVEL.dpt-bg-light-hover:hover,
.dept-TRAVEL.active { background-color: #FDB351; }

/* ==========================================================================
   Icons
   ========================================================================== */

.icon.icon-articles:before { position: relative; top: 4px; margin-right: 5px; width: 14px; height: 16px; content: url("../img/fig-articles@1x.png"); }

.icon.icon-article:before { position: relative; top: 4px; margin-left: 10px; width: 14px; height: 16px; font-size:13px; }

.icon.icon-article { float:right; padding:4px 0 0 0; text-transform:none; }

.dept-POLITICS .icon.icon-article { color: #7ABD2A; }

.dept-ECONOMY .icon.icon-article { color: #059CFF; }

.dept-HEALTH .icon.icon-article { color: #4BD19A; }

.dept-COMPUTER .icon.icon-article { color: #69BDC1; }

/*.dept-STARTPAGE .icon.icon-article,
.dept-MOTOR .icon.icon-article,
.dept-AREAL .icon.icon-article, */
.dept-PANORAMA .icon.icon-article { color: #E54C79; }

/*.dept-MEDIA .icon.icon-article, */
.dept-CULTURE .icon.icon-article{ color: #CE5C6C; }

.dept-SCIENCE .icon.icon-article { color: #B080C9; }

.dept-SPORTS .icon.icon-article { color: #CEAA5C; }

.dept-TRAVEL .icon.icon-article { color: #FDB351; }



.dept-POLITICS .icon.icon-article:before { content: url("../img/politik.png"); }

.dept-ECONOMY .icon.icon-article:before { content: url("../img/wirtschaft.png"); }

.dept-HEALTH .icon.icon-article:before { content: url("../img/gesundheit.png"); }

.dept-COMPUTER .icon.icon-article:before { content: url("../img/computer.png"); }

/*.dept-STARTPAGE .icon.icon-article:before,
.dept-MOTOR .icon.icon-article:before,
.dept-AREAL .icon.icon-article:before, */
.dept-PANORAMA .icon.icon-article:before { content: url("../img/panorama.png"); }

/*.dept-MEDIA .icon.icon-article:before, */
.dept-CULTURE .icon.icon-article:before { content: url("../img/kultur.png"); }

.dept-SCIENCE .icon.icon-article:before { content: url("../img/wissen.png"); }

.dept-SPORTS .icon.icon-article:before { content: url("../img/sport.png"); }

.dept-TRAVEL .icon.icon-article:before { content: url("../img/reise.png"); }


.dept-label .number-of-results { color: #7e7e7e; }

/*
    Posts
*/

.post-meta li a { color: #4b4b4b; font-weight: normal; }
.post-meta li { float: left; display: inline; margin-right: 4px; border-right: 1px solid #d2d2d2; } 
.post-meta li.last { margin: 0; border-right: none; } 
.post-meta li.right { float: right; margin: 0; border-right: none; }

/**
.grey-box,
.infobox { height: 31px; line-height: 31px; padding: 0 10px; position: relative; text-align: left }

.grey-box span,
.infobox span { cursor: default color: #4b4b4b; }

.grey-box .hotness,
.infobox .hotness { background: transparent url(../img/fig-hotness@1x.png) top left no-repeat; padding-left: 15px; padding-bottom: 5px; }

.grey-box .age,
.infobox .age { background: url(../img/fig-age@1x.png) no-repeat 0 center; padding-left: 21px; padding-bottom: 3px; }

.grey-box .duplicates,
.infobox .duplicates { display: inline-block; background: url(../img/fig-duplicates@1x.png) no-repeat 0 center; padding-left: 17px; padding-bottom: 3px; }

.grey-box.details { padding: 0; }
.grey-box.details a { padding: 0 20px 0 10px; background: transparent url(../img/arrowRight_gray.png) right center no-repeat; display: inline-block; line-height: 31px; }

.infobox { background: white; line-height: 29px; }
*/

.post .lang-dd { display: none; position: absolute; top: 27px; left: 0px; width: 180px; font-weight: normal; padding: 8px; background: #ccc; border-radius: 0 5px 5px 5px; } 
.post .lang-dd li { line-height: 20px; float: none; display: block; font-size: 12px; }


/* the white tooltips with the outline */
.tooltip { background-color: #ccc; padding: 10px; position: absolute; top: 44px; left: 0; width: 150px; line-height: 20px; font-size: 12px; font-weight: normal; text-shadow: none; /*border-radius: 3px;*/ z-index: 5; color: black; } 
.tooltip:before { content: ''; display: block; background: #ccc; width: 10px; height: 10px; -webkit-transform: rotate(45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); /* Firefox 16+, IE 10+, Opera */ position: absolute; top: -6px; left: 15px; z-index: 4; }

.tooltip,
.tooltip:before { background: white; border: 1px solid #929292; } 
.tooltip:before { border-width: 1px 0 0 1px; } 

/**
.teaser .tooltip { left: 0; top: 30px; }
.teaser .tooltip.link { left: 72px; top: 201px; }
.teaser .tooltip.time { left: 4px; top: 201px; }

.teaser-1 .tooltip.time,
.teaser-1 .tooltip.link,
.teaser-2 .tooltip.time,
.teaser-2 .tooltip.link { top: 403px; }
*/

/*
.teaser .tooltip,
.teaser .tooltip:before {
    background: #e4ebf4;
    border-color: #0b2a40;
}
*/

/**
.socialmedia { float: right; }

.post-meta .tooltip ul { list-style: disc outside none; }
.post-meta .tooltip ul li { display: list-item; margin-left: 15px; float: none; } 
.post-meta .socialmedia li { margin-right: 3px; }
.post-meta .socialmedia .grey-box { display: block; height: 21px; width: 22px; margin-top: 5px; font-size: 1px; line-height: 1px; color: #ccc; background-image: url("../img/bg_socialmedia_icons.png"); }
.post-meta .socialmedia .grey-box.facebook { background-position: 0px 0px; }
.post-meta .socialmedia .grey-box.google { background-position: -48px 0px; }
.post-meta .socialmedia .grey-box.twitter { background-position: -24px 0px; } 
.post-meta .socialmedia .grey-box.rss { background-position: -72px 0px; }
*/

/**
.duplicates { height: 35px; background: #ededed; }
.duplicates .select { float: left; display: inline; width: 118px; height: 22px; position: relative; margin-top: 5px; background: #fff; border: 1px solid #b3b3b3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.duplicates .select span { float: left; display: inline; width: 76px; padding-left: 18px; line-height: 22px; color: #666; cursor: pointer; }
.duplicates .select .trigger { float: left; display: inline; width: 23px; height: 22px; border-left: 1px solid #b3b3b3; background: url(../img/bullet-1.png) no-repeat center center; }
.duplicates .select ul { display: none; position: absolute; top: 22px; left: -1px; background: #fff; border: 1px solid #b3b3b3; width: 118px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } 
.duplicates .select ul li a { display: block; height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px; color: #666; }
.duplicates .select ul li a:hover { background: #666; color: #fff; text-decoration: none; }
.duplicates .select ul li.last a { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } 
.duplicates .select-active { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.duplicates .select-active .trigger { background-image: url(../img/bullet-2.png); }
*/

.more { margin: 12px 0 40px 0; /**margin: 12px 0 12px 0;*/ border-left: solid 2px #e5e5e5; }
.more .more-header .dpt-bg-light a { color: #ffffff; }
.more .more-header .event-link { float: right; padding: 0 5px; margin-left: 5px; outline: 5px solid white; border-radius: 3px; line-height: 30px; box-shadow: 0 0 0 5px white; }
.more .more-header .event-bar { display: block; padding-left: 12px; background-color: #e5e5e5; vertical-align: top; line-height: 30px; }
.more .more-header .hotness { position: relative;    float: right; top: -1px; margin-bottom: -1px; margin-right: 13px; line-height: 30px; }

.event-bar .hotness:before,
.more .more-header .hotness:before { position: relative; margin-right: 5px; top: 6px; content: url("../img/fig-hotness@1x.png"); width: 12px; height: 20px; color: #4a4b49; }

.more .event-cluster-overview { line-height: 229%; }
.more .event-cluster-overview li { padding-left: 12px; color: #4a4b49; }

.more ul { /* overflow: hidden */ }

.post .more li { list-style-type: none; font-size: 12px; /* this is the word-wrap version */ display: table; /* here comes the fade version */ /*display: inline;*/ color: #7E7E7E; white-space: nowrap; }
.post .more li.too-much-content { display: inline-block; width: 100%; position: relative; } 
.post .more li.too-much-content .hot-article-link-div { position: absolute; top: 0; right: 0; padding-left: 45px; }

.event-cluster-overview h4,
.post .more h4 { /* this is the word-wrap version */ /* display: table-cell; */ /* padding-right: 5px; */ /* here comes the fade version */ display: inline; /* padding: 0; */ }
.post .more a { font-weight: normal; } 
.post .more h4 a { color: #7E7E7E; /* this is the word-wrap version */ display: block; height: 22px; overflow: hidden; /* here comes the fade version */ display: inline; white-space: nowrap; }

/*.post .hot-article-link-div,*/
.DONT .post .too-much-content a.source-link {
    z-index: 1;
    position: relative;
    white-space: nowrap;

    /*** this is the word-wrap version ***/
    /*display: table-cell;*/
    /*background: white;*/

    /*** here comes the fade version ***/
    display: inline;
    padding-left: 5px;
    background: transparent url(../img/bg_link_fade.png) left top repeat-y;
}

.post .hot-article-link-div a {
    /*color: #7e7e7e;*/
    padding-left: 5px;
}

/*
    Sidebar
*/
.box-title { padding: 0 0 0 10px; margin: 33px 0 0 0; font-family: "open sans"; font-weight: 600; font-size: 12px; color: #333333; text-transform: uppercase; }

.sidebar { display: inline-block; vertical-align: top; width: 50%; }
.sidebar .widget h3 { padding: 0 0 0 10px; margin: 33px 0 0 0; font-family: "open sans"; font-weight: 600; font-size: 12px; color: #333333; text-transform: uppercase; }
.sidebar .widget { margin: 0 0 22px; }
.sidebar .widget:last-child { margin-bottom: 0; }
.sidebar .widget .post { border-top: none; border-left: none; }
.sidebar > ul:first-child { margin-bottom: 44px; }
.sidebar.fr { /**width: 321px;*/ width: 34%; /* 300px + padding */ margin-left: -1px; padding-left: 11px; border-width: 0 0 0 1px; /**margin-bottom: 2px;*/ margin-bottom: 4px; }
/** .sidebar.fr { margin-bottom: 4px; } */
.sidebar .post-meta { margin-top: 13px; }


#article { padding: 32px 43px 22px 43px; background-color: #4b4b4b; color: #ffffff; }
#article h1 { color: #ffffff; }
#article .event-bar { margin-bottom: 13px; font-weight: 600; text-transform: uppercase; }

#article .event-bar .date-time,
#article .event-bar .hotness { font-weight: 400; text-transform: none; margin-left: 19px; }

.sidebar-article.fr { display: inline-block; vertical-align: top; width: 34%; margin-left: -1px; padding-left: 11px; border-width: 0 0 0 1px; margin-bottom: 4px; }

.article-image { float: right; display: block; margin: 0 42px 0 0; width: 200px; height: 150px; } 
.article-image img { width: 200px; height: 150px; }
.article-image figcaption { position: relative; left: 212px; bottom: 19px; color: #a3a1a1; font-size: 14px; }

/** dpa images with text beneath the image
.article-image { float: right; display: block;  width: 200px; height: 150px; } 
.article-image img { width: 200px; height: 150px; }
.article-image figcaption { float:right; bottom: 19px; color: #a3a1a1; font-size: 14px; }
*/

.widget .box { background-color: #f1f1f1; border-radius: 5px; margin-top: 11px; }

.keywords { margin-top: -1px; padding: 12px 10px 0px 10px; }
.keywords .keyword-row { background-color: #cccccc; height: 27px; margin-bottom: 4px; }
.keywords .keyword-row .keyword-data { position: relative; min-width: 0; width: 0; display: inline-block; height: 27px; line-height: 22px; background: url(../img/bg_keyword.png) no-repeat right 0; }
.keywords .keyword-row .keyword-keyword { position: absolute; min-width: 0; padding: 0 0 0 10px; width: 300px; height: 20px; overflow: hidden; color: #ffffff; font-weight: bold; top: 3px; }

/*.keywords li {*/
/*margin-bottom: 12px;*/
/*}*/

/*.keywords span {*/
/*width: 0;*/
/*display: inline-block;*/
/*height: 32px;*/
/*line-height: 22px;*/
/*background: url(../img/bg_keyword.png) no-repeat right 0;*/
/*-moz-border-radius: 5px 0 0 5px;*/
/*-webkit-border-radius: 5px 0 0 5px;*/
/*border-radius: 5px 0 0 5px;*/
/*}*/

/*.keywords span strong {*/
/*display: inline-block;*/
/*min-width: 132px;*/
/*padding: 0 20px 0 10px;*/
/*font-weight: normal;*/
/*color: #fff;*/
/*font-size: 14px;*/
/*}*/


#clusterChart { width: 634px; height: 257px; /*left: 20px;*/ top: 5px; position: relative; }



/* ==========================================================================
    Topics and Region
   ========================================================================== */
body.cluster li.spacerTab{ width:600px; }

div.content{ padding:20px 20px 20px 20px; margin:0; border:1px solid #d8d8d8; overflow:hidden; position:relative; }

div.topicHeader h1 { padding: 0 0 25px 0; }

div.boxTabs{ margin:0;padding:25px 0 0 25px; height:20px; background-color:#efefef; border-bottom:1px solid #bfbfbf; position:relative; }
div.boxTabs ul{ width:1300px; height:20px; font-size:12px; z-index:100; position:absolute;      top:1px; left:0; }
div.boxTabs ul li{ float:left; font-size:12px; height:19px; line-height:19px; margin-right:1px; padding:1px 1px 0 1px; }
div.boxTabs a{ font-weight:bold; font-size:12px; display:inline-block; text-decoration:none; padding:0 10px 0 10px; height:19px; color:#00297a; }
div.boxTabs ul li a:hover,div.boxTabs ul li a.active{ background-image:none; background-color:#fff; }

div.topicsNav { background-color:#fff; }
div.topicsNav p { border-bottom:1px dotted #CDCDCD; line-height:18px; }
div.topicsNav a:first-child { font-weight:bold; margin:0 5px 0 0; }
div.topicsNav a { font-weight:bold; margin:0 5px 0 5px; }

div.topicsAlphabet p { border-bottom:1px dotted #CDCDCD; padding-bottom: 5px; letter-spacing: 3px; text-align:center; }
div.topicsAlphabet a { font-weight:bold; }
 
div.topicsList{ width:100%; padding:5px 5px 5px 5px; background-color:#fff; }
div.topicsList ul {float:left; width: 25%; }
div.topicsList ul li { width:100%%; /*width:242px;*/ font-size:12px; padding-bottom:3px; padding-right:5px;}

/* ul.alphabet li {display:inline-block; width:15px; font-size:11px; line-height:19px; font-weight:bold;} */
div.regionOverview {background-color:#fff;}
div.regionsList {width: 100%; /*width:905px;*/ padding:0px 0px 0px 0px; background-color:#fff;}
div.regionsList ul {float:left; width: 25%; }
div.regionsList ul li {width: 100%; /*width:225px;*/ font-size:12px; padding-bottom:3px;}


.clear{ clear:both; }


/* ==========================================================================
   Helper classes
   ========================================================================== */
 
/*
 * Image replacement
 */

.ir { background-color: transparent; border: 0; overflow: hidden; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

/*
 * 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; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.post-meta:before,
.post-meta:after,
.clearfix:before,
.clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.post-meta:after,
.clearfix:after { clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.post-meta,
.clearfix { *zoom: 1; }

/** Cookieconsent */
.cc_banner-wrapper { z-index: 1000000 !important; }
.cc_container .cc_btn { font-size: 0.9em !important; }

@media screen and (max-width: 500px) { .cc_container .cc_btn { font-size: 0.6em !important; } }
@media screen and (min-width: 500px) { .cc_container .cc_btn { font-size: 0.7em !important; } }
@media screen and (min-width: 768px) { .cc_container .cc_btn { font-size: 0.9em !important; } }



/** ################################################################################ */
/**                             Mobile configuration                                 */
/** ################################################################################ */

/** Mobile navigation switched off. */
.mobile-navigation {  display: none; visibility: hidden; }
.mobile {  display: none; visibility: hidden; }

@media
only screen and (max-width:920px) 
{
	/** Mobile navigation switched on. */
	.navigation { display: none; visibility: hidden; }

	/* Classes used as switch for visibility in displays. */
	.mobile { display: inline; visibility: visible; }  /* Visibility     in mobiles and not in displays. */
	.non-mobile { display: none; visibility: hidden; } /* Visibility not in mobiles but     in displays. */

	.mobile-navigation {  display: inline; visibility: visible; }

	#timechart { display: none; visibility: hidden; }
	#keywords { display: none; visibility: hidden; }
	#teasers { display: none; visibility: hidden; }
	.ads { display: none; visibility: hidden; }

	.mobile-navigation ul { list-style-type:none; list-style-image: none; margin: 0px; padding: 20px; /* padding: 5px;*/ }
	/** Some boxes switched off. */
	.sidebar-article.fr { width: 100%; }
	#article{ margin-left: 0px; width: 100%; }

	html { line-height: 18px; width:100%; /* overflow: hidden;*/ }
	body, html {width: 100%; /* overflow: hidden; */ }
	body .shell { width: 100%; overflow: hidden; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; }
	.shell { width: 100%; overflow: hidden; }
	nav { margin-top: 0px; }
	.top-padding-48 { padding-top: 0px; }
	.top-margin-48 { margin-top: 0px; }

	#skycraper-box{ position:relative; padding:0; width: 100%; }

	/* Hamburger Navigation */
 	.nav-burger { list-style: none; width: 145px; height: 100%; position: fixed; top: 70px; right: 0; bottom: 0; left: 0; z-index: 0; }
	.mobile-content { top: 0px; bottom: 100%; left: 0; z-index: 1; padding: 2em; min-height: 90%; }
	.nav-burger-trigger { position: absolute; visibility: hidden; clip: rect(0, 0, 0, 0); }
	label[for="nav-burger-trigger"] { position: fixed; top: 15px; left: 15px; z-index: 2; width: 30px; height: 30px; text-align:center; cursor: pointer; background:#f1f1f1; background-size: contain; }
	.nav-burger-trigger:checked ~ .mobile-content { left: 150px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.5); }
	.mobile-content { transition: left 0.2s; }

	.nav-burger ul li a { font-size: 16px; max-width: 14px; white-space: pre-line; }
	/* .hamburger { font-family: "Open Sans"; font-weight: 800; font-size: 24px; padding: 6px 0 0 0; text-transform: uppercase; color: #000000; border-collapse:collapse; } */
        .hamburger { font-family: "Open Sans"; font-weight: 400; font-size: 36px; padding: 6px 0 0 0; text-transform: uppercase; color: #000000; border-collapse:collapse; }
	/* End of Hamburger */

	.ads-label, 
	.dept-label { font-family: "Open Sans"; font-weight: 600; font-size: 12px; color: #000000; float: left; }
	.dept-label.full-width-label { margin-top: 24px; margin-bottom: 24px; padding-left: 0px; width: 100%; float: left; border-collapse:collapse; font-size: 16px;}

	#content { margin: 0; width:100%; }
	div.content { padding:0px 0px 0px 0px; margin:0; border:1px solid #d8d8d8; position:relative; width:100%; white-space: pre-line; }
	#content p { position:relative; width:100%; white-space: pre-line; }

	/* header */
	#focus-header-logo { left: 90px; top: 5px;  width:100%; }
	header .header-logos { width: 80%; margin: 0 auto; position: relative; }
	header .logo { width:50%; padding-top:5px; }
	header .logo img { width:100%; height: auto;}
	header .partner-logo { display: none; visibility: hidden; }


	header { min-width: 100%; overflow: hidden; } 
	header ul li:hover, 
	header ul li.active { margin-left: -1px; }
	header ul li { display: inline-block; border-right: 0px solid #fff; }
	header ul li a { display: inline-block; line-height: 24px; padding: 6px 15px; color: #333333; font-family: 'Open Sans'; }
	header ul li.nav-HOME:hover a { color: #f1f1f1; }

	.header-back { position:fixed; z-index:0; margin: 0 0 0 -15px; padding 0; height:50px; width:100%; background:#f1f1f1; }

	/* footer */
	footer { overflow: hidden; padding: 10px; margin-top: 0px; width:100%; min-width:100%; min-height: 10%; background: #2b3034; color: #d2d2d2; } 
	footer .shell { }
	footer img { float: right; padding-top: 25px; }
	footer ul li { margin-right: 10px; }

	.teaser .dept-label { padding:0px; }

	.widecolumn { width:100%; }
	.widecolumn h1,
	.widecolumn h3 { font-size: 18px; line-height: 158%; }

	.column-right { width:100%; margin-left: -1px; }
	.column-right-half .post { width:100%; display: inline-block; margin: 0 10px 13px 10px; padding-bottom: 27px; }


	.paging { width:100%; }
	.paging ul { padding-left: 0px; padding-bottom: 10px; margin-left:5%; margin-right:5%; }
        .paging form { margin-left:15%; margin-right:15%; }

	div.boxTabs{ padding:0; }
	div.boxTabs ul{ width:100%; }
	div.boxTabs a { padding: 0 5px 0 5px; }
	div.topicsList ul li { padding-bottom:3px; padding-right:0; }

	div.topicsAlphabet {  }
	div.topicsAlphabet div { width:100%; display: inline-block; word-wrap: break-word; }

	div.regionsList {  }
	div.regionsList ul li { width:50%; padding-bottom:3px;}

	.more .event-cluster-overview { line-height: 190%; }
	section { padding-bottom: 5%; }
}

@media
only screen and (min-width:921px) and (max-width:1024px)
{
	header { width:100%; min-width:100%; overflow: hidden; }
	header .shell { padding-left:33px; }
	/*header .logo { padding-left:15px; } */
	html { width:100%; /* overflow: hidden; */ }
    	body, html { width:100%; }
    	body .shell { overflow: hidden; }
	footer { min-width:initial; width:100%; overflow: hidden; }
	.department { width:100%; /* overflow: hidden; */ }
}

@media
only screen and (min-width:541px) and (max-width:920px)
{

	.mobile-content { top: 0px; }
	/*.hamburger { font-size: 30px; }*/
	.hamburger { font-size: 44px; }
	.nav-burger { top: 80px; }
	label[for="nav-burger-trigger"] { top: 30px; }
	div.topicsList ul {width: 50%; }
	div.regionsList ul {width: 50%; }
	.more { margin: 12px 0 12px 0; }
}

@media
only screen and (min-width:361px) and (max-width:540px)
{

	.mobile-content { top: 0px; }
	/* .hamburger { font-size: 30px; } */
	.hamburger { font-size: 40px; }
	label[for="nav-burger-trigger"] { top: 22px; }
	div.topicsList ul {width: 50%; }
	div.regionsList ul {width: 50%; }
	.more { margin: 12px 0 12px 0; }
}

@media 
only screen and (min-width:321px) and (max-width:360px)
{

	body { font-size:12px; }
	.mobile-navigation ul { padding: 0 0 0 0; }
	.mobile-content { top: 3px; }
	.nav-burger { line-height: 18px; }
	label[for="nav-burger-trigger"] { top: 12px; }
        div.topicsList ul {width: 100%; }
        div.regionsList ul {width: 100%; }
	.more { margin: 12px 0 12px 0; }
}

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

	body { font-size:12px; }
	.mobile-navigation ul { padding: 0 0 0 0; }
	.mobregionontent { top: 3px; }
	.nav-burger { line-height: 14px; top: 50px; }
	header .dept-label { font-size: 15px; }
	header ul li a { line-height: 14px; }
	label[for="nav-burger-trigger"] { top: 10px; }
	div.topicsList ul {width: 100%; }
        div.regionsList ul {width: 100%; }
	.more { margin: 12px 0 12px 0; }
}

@media
only screen and (min-height:641px)
{
	#content { min-height: 787px;}
}

/* ==========================================================================
   Higher resolution images
   ========================================================================== */

/* above 1 dpr */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 120dpi){
    .teaser .hotness { background: transparent url(../img/fig-hotness-light@2x.png) left center no-repeat; background-size: 12px 20px; }
    .grey-box .hotness,
    .infobox .hotness { background: transparent url(../img/fig-hotness@2x.png) top left no-repeat; background-size: 12px 20px; }
    .grey-box .duplicates,
    .infobox .duplicates { background: url(../img/fig-duplicates@2x.png) no-repeat 0 center; background-size: 14px 16px; }
    .infobox .age { background: url(../img/fig-age@2x.png) no-repeat 0 center; background-size: 18px 18px; }
}

/* above 2 dpr */
@media
(-webkit-min-device-pixel-ratio: 3),
(min-resolution: 124.8dpi){
    .teaser .hotness { background: transparent url(../img/fig-hotness-light@3x.png) left center no-repeat; background-size: 12px 20px; }
    .grey-box .hotness,
    .infobox .hotness { background: transparent url(../img/fig-hotness@3x.png) top left no-repeat; background-size: 12px 20px; }
    .grey-box .duplicates,
    .infobox .duplicates { background: url(../img/fig-duplicates@3x.png) no-repeat 0 center; background-size: 14px 16px; }
    .infobox .age { background: url(../img/fig-age@3x.png) no-repeat 0 center; background-size: 18px 18px; }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * { color: #000 !important; /* Black prints faster: h5bp.com/s */ text-shadow: none !important; }

    pre,
    blockquote { border: 1px solid #999; page-break-inside: avoid; }

    thead { display: table-header-group; /* h5bp.com/t */ }

    tr,
    img { page-break-inside: avoid; }

    img { max-width: 100% !important; }

    @page { margin: 0.5cm; }

    p,
    h2,
    h3 { orphans: 3; widows: 3; }

    h2,
    h3 { page-break-after: avoid; }

    .teaser.dept-POLITICS { background-color: #ffffff; border: 1px solid #9BC159; }
    .teaser.dept-ECONOMY { background-color:  #ffffff; border: 1px solid #4797C9; }
    .teaser.dept-SPORTS { background-color:  #ffffff; border: 1px solid #CEAA5C; }
    .teaser.dept-STARTPAGE,
    .teaser.dept-MOTOR,
    .teaser.dept-AREAL,
    .teaser.dept-PANORAMA { background-color:  #ffffff; border: 1px solid #E54C79; }
    .teaser.dept-SCIENCE { background-color:  #ffffff; border: 1px solid #B080C0; }
    .teaser.dept-HEALTH {background-color:  #ffffff; border: 1px solid #4BD19A; }
    .teaser.dept-MEDIA,
    .teaser.dept-CULTURE { background-color:  #ffffff; border: 1px solid #CE5C6C;}
    .teaser.dept-COMPUTER { background-color:  #ffffff; border: 1px solid #69BDC1; }
    .teaser.dept-TRAVEL { background-color:  #ffffff; border: 1px solid #FDB351; }


/**
    .teaser.dept-CONFLICTS_WAR_AND_PEACE,
    .teaser.dept-LABOUR { background-color: #ffffff; border: 1px solid #9BC159; }

    .teaser.dept-SOCIETY,
    .teaser.dept-RELIGION_AND_BELIEF,
    .teaser.dept-CRIME_LAW_AND_JUSTICE { background-color:  #ffffff; border: 1px solid #CE5C6C; }

    .teaser.dept-ARTS_CULTURE_AND_ENTERTAINMENT,
    .teaser.dept-LIFESTYLE_AND_LEISURE,
    .teaser.dept-EDUCATION { background-color:  #ffffff; border: 1px solid #69BDC1; }

    .teaser.dept-SCIENCE_AND_TECH { background-color:  #ffffff; border: 1px solid #CEAA5C; }

    .teaser.dept-HUMAN_AND_NATURE,
    .teaser.dept-DISASTER_AND_ACCIDENT,
    .teaser.dept-ENVIRONMENT,
    .teaser.dept-HEALTH,
    .teaser.dept-WEATHER { background-color:  #ffffff; border: 1px solid #B080C9; }
*/

    header ul li.active { background-color: #ffffff; border: none; }

}