/* darf nicht leer sein */
/*
Document   : _sass
Created on : 25.05.2012, 15:42:40
Author     : krampitz
Description:
Variables, Mixins
*/
/* startseite */
#kampage-start { height: 370px; padding: 0; margin-bottom: 20px; }

#kampage-start-link { display: block; width: 100%; height: 100%; }

.sub-img { position: relative; }

.elmcontent .onethird-left .sub-img { float: left; }

.menschen-projekte .sub-img { margin-right: 19px; }

.kampagne-start-thumb { position: absolute; border: none; width: 86px; height: 86px; }

.sub-img .current { border: 2px solid #e2001a; }

.blr { border-left: 1px solid #c0cbce; border-right: 1px solid #c0cbce; padding: 0 20px 0 20px; margin: 0 20px 0 20px; }

.bl { border-left: 1px solid #cfc8c2; padding: 0 0 0 20px; }

.nm-r { margin-right: 0 !important; }

.listnumber { width: 28px; }

.listnumber h3 { color: #e2001a; font-size: 2.3em; line-height: 1em; font-weight: bold; }

.listitem { width: 170px; margin-top: 5px; }

.listitem p.w150 { width: 150px; }

.tagcloud { position: relative; }

.tagcloud a { color: #979999; display: block; font-size: 1.8em; line-height: 1.5em; text-decoration: none; }

/* motivseite */
.kampagnenmotive .sub-img { position: relative; margin-right: 15px; width: 120px; float: left; }

.kampagne-motive-thumb { position: absolute; border: none; width: 116px; height: 116px; }

#wahlzettel { margin-top: 50px; }
#wahlzettel h2 { color: #6e5e50; font-size: 2.769em; line-height: 1em; margin-bottom: 17px; text-align: center; }
#wahlzettel .wz-big { color: #6e5e50; font-size: 1.384em; font-weight: bold; line-height: 1.4em; text-align: center; }
#wahlzettel .wz-head { background: url("/ds/img/content/aktion/soviel/wahlzettel/bg.gif") no-repeat 0 0; height: 105px; margin: 10px 0 0 19px; }
#wahlzettel .wz-head p { padding: 39px 135px 0 135px; }
#wahlzettel .wz-row { border: 1px solid #9f9185; height: 54px; line-height: 54px; margin-top: -1px; }
#wahlzettel .wz-checked { background-color: #f8f7f6; }
#wahlzettel .wz-input { border-right: 1px solid #9f9185; float: left; height: 54px; position: relative; width: 74px; }
#wahlzettel .wz-input input { margin-left: 18px; }
#wahlzettel .wz-input .ez-checkbox { margin: 8px 0 0 18px; }
#wahlzettel .wz-input .ez-checkbox input { display: block; height: 37px; margin: 0; outline: none; width: 39px; }
#wahlzettel .wz-input .ez-checkbox-hover { outline: 1px dotted #000; }
#wahlzettel .wz-label { float: left; padding-left: 25px; position: relative; }
#wahlzettel .wz-label input.text { margin: -6px 10px 0 5px; width: 310px; }
#wahlzettel .wz-label label { display: inline; float: none; margin: 0; padding: 0; text-align: left; width: auto; }
#wahlzettel .ez-hide { opacity: 0; filter: alpha(opacity=0); }
#wahlzettel .ez-checkbox { background: transparent url("/ds/img/content/aktion/soviel/wahlzettel/checkbox.png") no-repeat 0 0; display: block; height: 37px; width: 39px; }
#wahlzettel .ez-checked { background-position: 0 -37px; }
#wahlzettel .wz-unavalable-overlay { background-color: #fff; display: block; filter: alpha(opacity=60); height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; }

#parallelbericht .option-box label { width: 83% !important; padding-top: 6px; margin-left: 5px; }

#zeichensetzen-archiv .teaser-top { background: url("/ds/img/content/aktion/soviel/zeichensetzen/archiv-teaser.jpg") no-repeat 0 0; height: 285px; margin: 0; }
#zeichensetzen-archiv .teaser-top h1 { border: none; color: #e31519; font-family: "Arial W01 Rounded Bold", Arial, sans-serif; padding-top: 15px; text-align: center; }
#zeichensetzen-archiv .intro { margin-bottom: 45px; padding: 0 10px; text-align: center; }
#zeichensetzen-archiv .statement { margin-bottom: 45px; }
#zeichensetzen-archiv .statement .zitat { margin: 5px 0 10px 0; }
#zeichensetzen-archiv .statement .zitat .quotestart { background: url("/ds/img/content/aktion/soviel/zeichensetzen/archiv-quotes.png") no-repeat -96px 0; height: 19px; margin: 0; width: 24px; }
#zeichensetzen-archiv .statement .zitat blockquote { margin-left: 31px; width: auto; }
#zeichensetzen-archiv .statement .zitat blockquote p { font-style: normal; font-weight: normal; }
#zeichensetzen-archiv .statement .color-2 .quotestart { background-position: -24px 0; }
#zeichensetzen-archiv .statement .color-3 .quotestart { background-position: -72px 0; }
#zeichensetzen-archiv .statement .color-4 .quotestart { background-position: 0 0; }
#zeichensetzen-archiv .statement .color-5 .quotestart { background-position: -48px 0; }
#zeichensetzen-archiv .zs-comment { margin-bottom: 20px; }
#zeichensetzen-archiv .zs-comment .zs-comment-img { float: left; height: 51px; margin: 0 7px 7px 0; position: relative; width: 51px; }
#zeichensetzen-archiv .zs-comment .zs-comment-img .zs-img { margin: 2px; }
#zeichensetzen-archiv .zs-comment .zs-comment-img .zs-mask { left: 0; position: absolute; top: 0; }
#zeichensetzen-archiv .zs-comment .zs-comment-meta { float: left; font-size: 0.923em; height: 44px; line-height: 1.5em; margin-top: 7px; overflow: hidden; width: 285px; }
#zeichensetzen-archiv .zs-comment .zs-comment-meta strong { font-size: 1.083em; }
#zeichensetzen-archiv .zs-imgbox { height: 81px; margin-bottom: 12px; position: relative; }
#zeichensetzen-archiv .zs-imgbox .zs-img { margin: 3px; }
#zeichensetzen-archiv .zs-imgbox .zs-mask { left: 0; position: absolute; top: 0; }
#zeichensetzen-archiv .zs-imgbox .zs-name { color: #fff; font-family: "Arial W01 Rounded Bold", Arial, sans-serif; letter-spacing: 0.03em; font-size: 13px; left: 87px; overflow: hidden; position: absolute; top: 18px; white-space: nowrap; width: 245px; }
#zeichensetzen-archiv .zs-imgbox .zs-name-only { top: 30px; }
#zeichensetzen-archiv .zs-imgbox .zs-city { color: #fff; font-size: 13px; left: 87px; overflow: hidden; position: absolute; top: 37px; white-space: nowrap; width: 245px; }

.teaser-rotation-box { height: 208px; margin-bottom: 30px; position: relative; overflow: hidden; width: 710px; }
.teaser-rotation-box .dot-box { bottom: 20px; display: none; left: 50%; margin-left: -36px; position: absolute; width: 72px; z-index: 100; }
.teaser-rotation-box .dot { background: url("/ds/img/basics/icon-slidepage-inactive.png") no-repeat 50% 50% transparent; cursor: pointer; float: left; height: 10px; margin: 0 2px; padding: 5px; width: 10px; }
.teaser-rotation-box .dot.selected { background: url("/ds/img/basics/icon-slidepage-active.png") no-repeat 50% 50% transparent; cursor: default; }
.teaser-rotation-box .teaser-rotation { position: relative; width: 710px; }
.teaser-rotation-box .teaser-rotation ul, .teaser-rotation-box .teaser-rotation li { height: 208px; }
.teaser-rotation-box .teaser-rotation li { display: block; float: left; overflow: visible; position: relative; width: 710px; }
.teaser-rotation-box .teaser-rotation li img { left: 0; position: absolute; top: 0; }
.teaser-rotation-box .teaser-rotation li .btn-red-big { position: absolute; right: 20px; top: 87px; }
.teaser-rotation-box .teaser-rotation li p { color: #6e5e50; font-size: 1.846em; line-height: 1.15em; position: absolute; right: 20px; text-align: right; top: 17px; }
.teaser-rotation-box .teaser-rotation li p span { color: #e31519; }

#aktueller-termin .quotestart { background: url("/ds/img/content/aktion/soviel/bg-quotestart.png") no-repeat 0 0 transparent; width: 45px; height: 39px; }
#aktueller-termin blockquote { color: #6e5e50; font-family: "Arial W01 Rounded Bold", Arial, sans-serif; font-size: 1.308em; line-height: 1.4em; width: 280px; }
#aktueller-termin blockquote .ta-r { font-size: 0.75em; line-height: 1.4em; }

#aktionsmittel .datatable td p.unavailable, .aktionsmittel .datatable td p.unavailable { color: #e31519; border: 2px solid #e31519; padding: 5px; }