/*
Document   : _sass
Created on : 25.05.2012, 15:42:40
Author     : krampitz
Description:
Variables, Mixins
*/
p.pubdate, p.topic { font-weight: 700; margin: 0 0 10px 0; }

.elementcontainer .img-261 { width: 261px; }

p.pubdate + h2, p.topic + h2 { margin-top: 0; }

/***************************** PRESSEMITTEILUNGEN ****************************/
.pressemitteilungen li { border-top: 1px solid #ddd9d4; list-style: none; margin-bottom: 20px; padding-top: 30px; }
.pressemitteilungen li.first { border-top: none; padding-top: 0; }
.pressemitteilungen li .imgcontainer { width: 200px; }
.pressemitteilungen li .contentcontainer { margin-right: 220px; padding-bottom: 10px; }
.pressemitteilungen .startseite li .contentcontainer { margin: 0; padding-bottom: 10px; overflow: hidden; }

.pressemitteilung .imgcontainer, .termin .imgcontainer { width: 345px; }
.pressemitteilung .sub-img-helper .sub-img, .termin .sub-img-helper .sub-img { display: block; margin: 0 auto; }

/***************************** TERMINE ****************************/
.termine { position: relative; }
.termine li { margin-bottom: 50px; list-style: none; }
.termine li .contentcontainer { margin: 0 0 0 220px; }
.termine li .contentcontainer h2 { color: #e31519; }
.termine li .contentcontainer img { padding-left: 10px; vertical-align: text-bottom; }
.termine li.first .contentcontainer p.topic { margin-top: 0; }
.termine .startseite li .contentcontainer { width: 250px; }

.calendarwidgetholder .termine { min-height: 260px; }

.datecontainer { float: left; margin: 0 20px 10px 0; width: 200px; }

.datecontainer-inner { border: 1px solid #ddd9d4; }
.datecontainer-inner .top { background-color: #f8f7f6; border-bottom: 1px solid #ddd9d4; font-weight: 700; padding: 3px 0; text-align: center; }
.datecontainer-inner .middle { font-family: "Arial W01 Rounded Bold", Arial, sans-serif; letter-spacing: 0; font-size: 1.846em; line-height: 1.3em; padding: 4px 4px; text-align: center; }
.datecontainer-inner .bottom { font-weight: bold; text-align: center; line-height: 1em; padding: 0 4px 10px 4px; }

/***************************** KALENDER ****************************/
.calendarcontainer-frame { position: absolute; right: 0px; top: 0px; }

.calendarcontainer { background-color: #fff; }

.sidebox #calendar .pager { border-top: none; }

#calendar .pager { margin-bottom: 20px; }
#calendar .pager .pagenum { font-weight: 700; overflow: visible; width: 110px; }
#calendar td, #calendar th { background: url("/ds/img/basics/sprite-calendar.png") no-repeat -80px 0; display: block; float: left; font-weight: bold; height: 30px; line-height: 30px; margin: 0 0 3px 3px; padding: 0; overflow: hidden; text-align: center; width: 30px; }
#calendar td:first-child, #calendar th:first-child { margin-left: 0; }
#calendar th { background-position: 0 0; color: #3e2f25; }
#calendar th.weekend { color: #e31519; }
#calendar td a { color: #e31519; display: block; height: 30px; text-decoration: none; }
#calendar td a:active, #calendar td a:focus { background-color: #e31519; color: #fff; }
#calendar td.single { background-position: -120px 0; }
#calendar td.multi { background-position: -160px 0; }
#calendar td.othermonth { color: #9f9185; }

.calendarcontainer #calendar td, .calendarcontainer #calendar th { background-image: url("/ds/img/basics/sprite-calendar-small.png"); height: 29px; line-height: 29px; width: 29px; }

.dynd #calendar { margin-top: -20px; }

/***************************** MEDIEN / SERIEN ****************************/
.medien li { display: block; list-style: none; margin: 0 0 30px 31px; }
.medien li div a { display: block; height: 154px; overflow: hidden; }
.medien li div a:active, .medien li div a:focus { border-bottom: 3px solid #e31519; margin-bottom: -3px; }
.medien li div a img { display: block; margin: 0 auto; }
.medien li div.pictures a { background: url("/ds/img/basics/bg-medien-pictures.png") no-repeat 0 0; }
.medien li div.podcasts a { background: url("/ds/img/basics/bg-medien-audio.png") no-repeat 0 0; }
.medien li div.audio a { background: url("/ds/img/basics/bg-medien-audio.png") no-repeat 0 0; }
.medien li div.video a { background: url("/ds/img/basics/bg-medien-video.png") no-repeat 0 0; }
.medien li div.quotations a { background: url("/ds/img/basics/bg-medien-quotations.png") no-repeat 0 0; }
.medien li div.audioseries a { background: url("/ds/img/basics/bg-medien-audioseries.png") no-repeat 0 0; }
.medien li div.videoseries a { background: url("/ds/img/basics/bg-medien-videoseries.png") no-repeat 0 0; }
.medien li div.quotationseries a { background: url("/ds/img/basics/bg-medien-quotationseries.png") no-repeat 0 0; }
.medien li div.pictureseries a { background: url("/ds/img/basics/bg-medien-pictureseries.png") no-repeat 0 0; height: 134px; padding-left: 20px; padding-top: 20px; width: 134px; }
.medien li div.pictureseries-small a { background-image: url("/ds/img/basics/bg-medien-small-pictureseries.png"); height: 56px; padding-left: 6px; padding-top: 6px; width: 56px; }
.medien li div.quotationseries-small a, .medien li div.videoseries-small a, .medien li div.audioseries-small a, .medien li div.quotations-small a, .medien li div.package-small a, .medien li div.pictures-small a, .medien li div.audio-small a, .medien li div.video-small a { height: 62px; width: 62px; }
.medien li.first { clear: both; margin-left: 0px; }
.medien .bilderserie { margin-bottom: -30px; }

.medien .startseite, .pressemitteilung .medien { margin-bottom: -30px; }
.medien .startseite li, .pressemitteilung .medien li { float: left; width: 154px; }
.medien .startseite p.detailslink, .medien .startseite p.topic, .pressemitteilung .medien p.detailslink, .pressemitteilung .medien p.topic { padding-top: 10px; }
.medien .startseite p.topic + p.detailslink, .pressemitteilung .medien p.topic + p.detailslink { padding-top: 0; }
.medien .startseite li.first, .pressemitteilung .medien li.first { margin-left: 0px; }

.medien .listview li { border-top: 1px solid #9f9185; clear: both; float: none; margin: 0; overflow: auto; padding: 20px 0; position: relative; width: auto; }
.medien .listview li h2, .medien .listview li h2 a { color: #e31519; }
.medien .listview li p.date { bottom: 15px; font-weight: 700; margin: 0; position: absolute; right: 0; }
.medien .listview li div { float: left; height: 80px; margin-right: 20px; }
.medien .listview li div.quotations-small a { background: url("/ds/img/basics/bg-medien-small-quotations.png") no-repeat 0 0; }
.medien .listview li div.audio-small a { background: url("/ds/img/basics/bg-medien-small-audio.png") no-repeat 0 0; }
.medien .listview li div.video-small a { background: url("/ds/img/basics/bg-medien-small-video.png") no-repeat 0 0; }
.medien .listview li div.pictures-small a { background: url("/ds/img/basics/bg-medien-small-pictures.png") no-repeat 0 0; }
.medien .listview li div.audioseries-small a { background: url("/ds/img/basics/bg-medien-small-audioseries.png") no-repeat 0 0; }
.medien .listview li div.videoseries-small a { background: url("/ds/img/basics/bg-medien-small-videoseries.png") no-repeat 0 0; }
.medien .listview li div.quotationseries-small a { background: url("/ds/img/basics/bg-medien-small-quotationseries.png") no-repeat 0 0; }
.medien .listview li div.package-small a { background: url("/ds/img/basics/bg-medien-small-package.png") no-repeat 0 0; }
.medien .listview li:first-child { border: none; }

.bilderserie { margin-top: 20px; }
.bilderserie li { float: left; list-style: none; width: 154px; }
.bilderserie li div { margin-bottom: 3px; }
.bilderserie li div a { background: transparent url("/ds/img/basics/bg-medien-pictures-download.png") no-repeat 0 0; display: block; height: 184px; }
.bilderserie li div a:active, .bilderserie li div a:focus { border-bottom: 3px solid #e31519; }

ul.mediapackages { margin-bottom: -30px; }
ul.mediapackages li { clear: none; float: left; list-style: none; }
ul.mediapackages li div a { background: url("/ds/img/basics/bg-mediapackage-all.png") no-repeat 0 0; display: block; height: 148px; }
ul.mediapackages li div a.no-video { background: url("/ds/img/basics/bg-mediapackage-no-video.png") no-repeat 0 0; }
ul.mediapackages li div a.no-audio { background: url("/ds/img/basics/bg-mediapackage-no-audio.png") no-repeat 0 0; }
ul.mediapackages li div a.no-videono-audio { background: url("/ds/img/basics/bg-mediapackage-no-video-no-audio.png") no-repeat 0 0; }
ul.mediapackages li div a img { border: 1px solid #ddd9d4; margin: 13px; }
ul.mediapackages li div a:active, ul.mediapackages li div a:focus { border-bottom: 3px solid #e31519; }
ul.mediapackages li p { padding-right: 10px; }
ul.mediapackages li.first { clear: both; }

.detailbild { margin: 20px 0 10px 0; }
.detailbild .sub-img { display: block; margin: 0 auto; }

#passwordtrigger { display: none; }

.dynd #passwordtrigger { display: block; }

.passwordcontainer td { padding-bottom: 0; padding-top: 20px; }
.passwordcontainer form { margin-bottom: 20px; }
.passwordcontainer .password { float: left; margin: 0; width: 130px; }
.passwordcontainer .btn-gray { float: left; margin: 0 0 0 20px; }

.maincontent .shadowcontent-whitetop .sub-head .zitat-head h2 { margin-bottom: 15px; }

/***************************** FIILTER ****************************/
form.filter .filter-box { padding: 0 5px; }
form.filter input.searchterm { margin-top: -3px; width: 152px; }
form.filter .small-pulldowns input.searchzip { margin-right: 20px; margin-top: -3px; width: 75px; }
form.filter .small-pulldowns input.searchterm { width: 132px; }
form.filter .small-pulldowns .jspulldown { width: 125px; }
form.filter .jspulldown { float: left; margin-right: 20px; width: 175px; }
form.filter .rounded-box { background-color: #fff; border: 1px solid #9f9185; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); margin: 0 !important; padding: 16px 19px; }
form.filter .rounded-box a.arr-r, form.filter .rounded-box a.rss { float: left; margin-right: 20px; }
form.filter .searchsummary { float: left; margin-right: 20px; }

.filter .pdflesh.combobox { max-height: none; }

.filter .jspulldown.active .datefilter { background-color: #f8f7f6; padding: 9px 0; }
.filter .jspulldown.active .datefilter input { display: block; width: 80px; margin-bottom: 7px; text-align: center; font-size: 1em; }
.filter .jspulldown.active .datefilter label { display: block; float: left; padding: 2px 10px; width: 25px; }
.filter .jspulldown.active .datefilter a.btn-gray { display: inline-block; line-height: 26px; margin: 2px 0 0 10px; padding: 0 14px; }
.filter .jspulldown.active .datefilter a.btn-gray:hover, .filter .jspulldown.active .datefilter a.btn-gray:focus { color: #6e5e50; }
.filter .jspulldown.active .datefilter p.error { font-weight: bold; margin: 0 10px 7px 10px; padding: 0; }

.small-pulldowns .jspulldown.active .datefilter input { margin-left: 10px; }

/***************************** SEITEN-CONTEXT /  VERWANDTE MEDIEN ****************************/
#sidecontent .sidebox .unstyled strong { font-size: 1.18em; margin-bottom: 0.5em; display: inline-block; }

#sidecontent .sidebox ul.unstyled > li { border-top: 1px solid #9f9185; margin-top: 20px; padding-top: 20px; }
#sidecontent .sidebox ul.unstyled > li:first-child { border: 0; margin-top: 0; padding-top: 0; }
#sidecontent .sidebox ul.medien li { float: left; margin: 0 0 22px 22px; width: 62px; }
#sidecontent .sidebox ul.medien li.first { margin-left: 0; }
#sidecontent .sidebox ul.medien li div a { background-position: 0 0; background-repeat: no-repeat; height: 62px; }
#sidecontent .sidebox ul.medien li div.pictures a { background-image: url("/ds/img/basics/bg-medien-small-pictures.png"); }
#sidecontent .sidebox ul.medien li div.audioseries a { background-image: url("/ds/img/basics/bg-medien-small-audioseries.png"); }
#sidecontent .sidebox ul.medien li div.videoseries a { background-image: url("/ds/img/basics/bg-medien-small-videoseries.png"); }
#sidecontent .sidebox ul.medien li div.quotationseries a { background-image: url("/ds/img/basics/bg-medien-small-quotationseries.png"); }
#sidecontent .sidebox ul.medien li div.quotations a { background-image: url("/ds/img/basics/bg-medien-small-quotations.png"); }
#sidecontent .sidebox ul.medien li div.podcasts a { background-image: url("/ds/img/basics/bg-medien-small-audio.png"); }
#sidecontent .sidebox ul.medien li div.audio a { background-image: url("/ds/img/basics/bg-medien-small-audio.png"); }
#sidecontent .sidebox ul.medien li div.video a { background-image: url("/ds/img/basics/bg-medien-small-video.png"); }
#sidecontent .sidebox ul.medien li div.pictureseries a { background-image: url("/ds/img/basics/bg-medien-small-pictureseries.png"); height: 57px; padding-left: 5px; padding-top: 6px; width: 57px; }
#sidecontent .seriespager ul.medien li { width: 66px; margin: 0 0 0 16px; padding-bottom: 16px; }
#sidecontent .seriespager ul.medien li div a { height: 66px; }
#sidecontent .seriespager ul.medien li div.pictures a { background-position: 2px 2px; }
#sidecontent .seriespager ul.medien li.active div.pictures a { background: url("/ds/img/basics/bg-medien-small-pictures-active.png") no-repeat 0 0; }
#sidecontent .seriespager .pager { border-top: 1px solid #9f9185; }

/***************************** PRESSEKONTAKT / PRESSEVERTEILER ****************************/
.presseverteiler a#info-email, .presseverteiler a#info-fax, .presseverteiler a#info-post { display: block; }

.presseverteiler a#info-post { margin-bottom: 20px; }

.ansprechpartner .steckbrief { float: left; margin: 0 23px 30px 0; width: 160px; }
.ansprechpartner .steckbrief.last { margin-right: 0; }

/***************************** SONDERFALL NEWS #413 /  VIDEOEINBINDUNG ****************************/
.videojump .downloadpic { margin-top: 20px; background-color: #f3f5f6; padding: 10px; }

.videojump .downloadpic .thumbnail { float: left; display: block; margin-right: 10px; }

/***************************** VIDEO ****************************/
.video-box .videoplayer { margin: 20px 0 10px 0; }
.video-box .videoplayer .mejs-container { margin: 0 auto; }

#tooltip, #event-tooltip { background-color: #fff; border: 1px solid #ddd9d4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); padding: 15px; position: absolute; width: 410px; z-index: 3000; }
#tooltip .sub-img, #event-tooltip .sub-img { margin: 10px 0 0 0; }
#tooltip ul.pictures, #event-tooltip ul.pictures { margin-top: 10px; }
#tooltip ul.pictures li, #event-tooltip ul.pictures li { display: block; float: left; list-style: none; margin-left: 7px; width: 62px; }
#tooltip ul.pictures li.first, #event-tooltip ul.pictures li.first { margin-left: 0; }
#tooltip ul.pictures a, #event-tooltip ul.pictures a { background: url("/ds/img/basics/bg-medien-small-pictures.png") no-repeat 0 0; display: block; height: 62px; padding: 0; text-align: center; width: 62px; }
#tooltip .seriespager li, #event-tooltip .seriespager li { list-style-type: none; }