/****************************************************//* 1. CSS-Modul: COLORS *//****************************************************/.neutralColorTrans {background-color: transparent;}.neutralColorWhite {background-color: #FFFFFF;}.neutralColorBlack {background-color: #000000;}.neutralColorStrong {background-color: #999999;}.neutralColorMedium {background-color: #DDDDDD;}.neutralColorLight {background-color: #E8E8E8;} /* -- HG Light Grey -- */.teaserColor {background-color: #BA010B;} /* -- Text Red -- */.secondColorStrong {background-color: #666666;} /* -- -- */.secondColorMedium {background-color: #E0E0E0;} /* -- -- */.secondColorLight {background-color: #F7F7F6;} /* -- Content Box HG Grey -- */.primColorStrong {background-color: #BA010B;} /* -- -- */.primColorMedium {background-color: #333333;} /* -- Text Dark Grey -- */.primColorLight {background-color: #666666;} /* -- Text Medium Grey -- *//****************************************************//* 2. CSS-Modul: LAYOUT (PAGE REGIONS) *//****************************************************//* -- BODY ----------------------------------------------*/* {margin:0; border:0; padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}html { background:#F4F4F4;}body#web, body#webS { width:100%; height:100%; background:#ffffff; font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,Geneva,sans-serif; font-size:0.85em; line-height:1.35em; color:#333333;}body#web.hidden, body#web.showForm,body#webS.hidden, body#webS.showForm { overflow: hidden;}/* -- MIDDLE --------------------------------------------*/#middle { position:relative; width:100%; padding:0 0 50px; background:transparent url(content_HG.gif) top center repeat-x; clear:both;}#middle.col1Full { padding:0;}#page { position:relative; width:94%; max-width:1100px; margin:0 auto;}.no-mediaqueries #page { width:960px;}.col1Full #page { width:100%; max-width:100%; padding:0;}#content { position:relative; float:left; width:100%; min-height:100px; margin:0 -326px 0 0; padding:0 326px 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}.no-mediaqueries #content { width:634px; padding:0 16px 0 0;}.col1 #content { padding:0;}.no-mediaqueries .col1 #content { width:960px; padding:0;}.col1Full #content { margin:0; padding:0;}.no-mediaqueries .col1Full #content { width:100%; margin:0; padding:0;}#right { position:relative; float:right; width:300px; margin-right:10px;}#toTop { position:absolute; right:25%; bottom:0; border-radius: 2px 2px 0 0; padding:8px; background:#f7f7f6; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3); color:#999999; -webkit-transition:color 0.3s; transition:color 0.3s; font-size:0.9em; line-height:1.25em; text-decoration:none;}.col1Full #toTop { display:none;}#toTop span { display:inline-block; width:13px; height:9px; margin:0 5px 0 0; background:transparent url(sprite-icons.png) -60px -630px no-repeat; opacity:0.5; -webkit-transition:opacity 0.3s; transition:opacity 0.3s;}#toTop:hover { color:#ba010b;}#toTop:hover span { background-position:-120px -630px; opacity:1;}/* -- MEDIA ---------------------------------------------*/#media { position:relative; display:block; width:100%; background:transparent url(bc_btm.png) bottom center repeat-x; clear:both; overflow:hidden;}#mediaContent { position:relative; width:94%; max-width:1100px; margin:0 auto; padding:0; background:transparent;}.no-mediaqueries #mediaContent { width:960px;}#mediaContent.wide { width:100%; max-width:100%;}#mediaBox { position:relative; display:inline-block; width:920px; margin:40px 0 40px 10px; border:1px solid #e8e8e8; border-radius: 2px; padding:9px; background:#FFFFFF; overflow:hidden;}/* -- TOP -----------------------------------------------*/#top { background:#F5F5F5 url(top-HG.gif) top center repeat-x; z-index:10; }header { position: relative; width: 92%; margin:0 auto; text-align: right;}#logoGrad { position:absolute; display:block; top:86px; right:0; width:963px; height:4px; padding:0; background:transparent url(body_verlauf.png) top right no-repeat;}.logoHUM { position:relative; display:inline-block; width:250px; height:88px; padding:26px 31px 0 0; background:transparent; z-index:1;}.logoHUM a { position:relative; display:block; width:100%; height:100%; background-size:contain; background-position:top left; background-repeat:no-repeat;}.logoHUM a.ger { background-image:url(humedica-logo-ger.png);}.logoHUM a.eng { background-image:url(humedica-logo-eng.png);}.translate { position:absolute; top:0; left:50px; width:71px; height:14px; padding:10px 0 5px 6px; background: transparent url(sprite-icons.png) -280px -300px no-repeat; color:#666666; text-align:left;}.translate a, .translate span { position:relative; display:inline-block; width:22px; height:14px; background-image:url(sprite-icons.png); background-repeat:no-repeat;}.translate a.ger {margin-left:7px; background-position:-400px -335px;}.translate a.gerActive, .translate a.ger:hover, .translate a.ger:active {margin-left:7px; background-position:-400px -335px;}.translate span.gerInactive {margin-left:7px; background-position:-400px -300px;}.translate a.eng {margin-left:4px; background-position:-400px -400px;}.translate a.engActive, .translate a.eng:hover, .translate a.eng:active {margin-left:4px; background-position:-400px -400px;}.translate span.engInactive {margin-left:4px; background-position:-400px -370px;}.translate a span,.translate span span { width:22px; height:14px; overflow:hidden; visibility:hidden;}.translate a:hover { text-decoration:none;}/* --- Slide Navigation button --- */.sTrigger { position:absolute; display:none; top:0; left:0; width: 30px; height: 19px; padding: 18px 15px; cursor: pointer; vertical-align: middle;}.sTrigger span { position:absolute; top: 20px; left: 15px; width: 30px; height: 3px; border-radius: 2px; background: #666666; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform-origin: left center; transform-origin: left center;}.csstransforms3d .sTrigger.open span { -webkit-transform: rotate(45deg); transform: rotate(45deg);}.sTrigger span:before { content: ""; position: absolute; top: 7px; left: 0; width: 30px; height: 3px; border-radius: 2px; background: #666666; opacity: 1; -webkit-transition: all 0.1s 0.2s ease-in-out; transition: all 0.1s 0.2s ease-in-out;}.csstransforms3d .sTrigger.open span:before { opacity: 0; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}.sTrigger span:after { content: ""; position: absolute; top: 14px; left: 0; width: 30px; height: 3px; border-radius: 2px; background: #666666; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform-origin: left center; transform-origin: left center;}.csstransforms3d .sTrigger.open span:after { -webkit-transform: rotate(-90deg) translate3d(-1px, 15px, 0px); transform: rotate(-90deg) translate3d(-1px, 15px, 0px);}/* -- BOTTOM --------------------------------------------*/#bottom { position:relative; width:100%; background:#F4F4F4 url(footer_HG.gif) top center repeat-x; clear:both;}footer { position:relative; width:94%; max-width:1100px; margin:0 auto; padding:0 0 30px 0; overflow:auto;}.no-mediaqueries footer { width:960px; overflow:visible;}footer .qLinks { position:relative; display:block; margin:0 0 0 200px; padding:0 0 30px;}footer .qLinks nav { padding:0 315px 0 0;}footer .copyright { position:relative; float:left; width:170px; padding:0 0 30px 0;}footer .donate { position:absolute; right:40px; top:50px; width:180px; padding:0 80px 0 0; z-index:1;}footer .metanav { display:block; padding:10px 315px 10px 0;}footer .social { display:block; margin:10px 0;}footer hr { margin:0;}footer .qInfo { display:inline-block; width:35%; padding:0 3%; vertical-align:top;}.no-mediaqueries footer .qInfo { display:block; float:left;}footer section h1 { margin:15px 0 5px; font-size:0.85em; line-height:1.25em; font-weight:bold; color:#666666;}footer section.copyright h1 { margin-bottom:0;}footer section.copyright h1 a { display:block; width:150px; height:48px; background:transparent url(sprite-logos.png) -208px -100px no-repeat;}footer section.copyright h1 a img { display:none;}footer section.coop h1 { margin-bottom:20px;}footer section h2 { margin:0; padding:5px 0 0; font-size:0.85em; line-height:1.25em; text-decoration:underline; color:#666666;}footer section p { font-size:0.85em; line-height:1.25em; margin:0; padding:5px 0; color:#666666;}footer section a { position:relative; display:block; width:100%; font-size:0.85em; line-height:1.25em; padding:2px 0; color:#AB4149;}footer section a:hover, footer section a:active { color:#FC1924;}footer section.copyright a { display:inline; width:auto; font-size:1em; line-height:1.25em; color:#666666;}footer section.metanav a { display:inline-block; width:auto; padding:5px 3%;}footer section.coop a { margin:0 0 25px 0; padding:0; background-image:url(sprite-logos.png); background-repeat:no-repeat; background-color:transparent;}footer section.coop a.logoSS { width:85px; height:68px; background-position:-96px -100px;}footer section.coop a.logoBR { width:85px; height:51px; background-position:10px -100px;}footer section.coop a span { position: absolute; top: 0; left: 0; background-image:url(sprite-logos.png); background-repeat:no-repeat; background-color:transparent; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; cursor:pointer;}.no-opacity footer section.coop a span { visibility:hidden;}footer section.coop a.logoSS span { width:85px; height:68px; background-position:-96px 0;}footer section.coop a.logoBR span { width:85px; height:51px; background-position:10px 0;}footer section.coop a:hover span, footer section.coop a:active span { opacity:1;}.no-opacity footer section.coop a:hover span, .no-opacity footer section.coop a:active span { visibility:visible;}footer .donate p a { display:inline; padding:0; font-size:1em; line-height:1.25em; color:#666666;}footer section.donate a.dzi { position:absolute; bottom:0; right:0; width:65px; height:80px; padding:0; background:transparent url(sprite-logos.png) -385px -100px no-repeat;}footer section.donate a.dzi span { position: absolute; top: 0; left: 0; width:65px; height:80px; background:transparent url(sprite-logos.png) -385px 0; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; cursor:pointer;}.no-opacity footer section.donate a.dzi span { visibility:hidden;}footer section.donate a.dzi:hover span, footer section.donate a.dzi:active span { opacity:1;}.no-opacity footer section.donate a.dzi:hover span, .no-opacity footer section.donate a.dzi:active span { visibility:visible;}footer section.social a { display: inline-block; width: auto; margin: 0 10px 5px 0; font-size: 1.8em; line-height: 1.25em; color: #999999; vertical-align: middle;}footer section.social a:hover, footer section.social a:active { color: #FC1924;}footer section.social a.fb:hover, footer section.social a.fb:active { color: #3B5B99;}footer section.social a.tw:hover, footer section.social a.tw:active { color: #1FC7FF;}footer section.social a.yt:hover, footer section.social a.yt:active { color: #CC181E;}/* --- project buttons --- */.projButtons { position:relative; width:100%; border-bottom:1px solid #dddddd; background:#f7f7f6; box-shadow:0 8px 5px -6px rgba(0, 0, 0, 0.1) inset; clear:both; overflow:hidden;}.projButtons ul { position:relative; width:94%; max-width:1100px; margin:0 auto; padding:0; list-style-type:none; overflow: visible; overflow: initial;}.projButtons li { display:block; float:left; width:29.333%; padding:0 2%;}.projButtons a { position:relative; display:block; width:100%; padding:0;}.projButtons a span { position:relative; display:block; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; cursor:pointer;}.projButtons a .over { position:absolute; top:0; left:0; width:100%; opacity:0;}.no-opacity .projButtons a .over { visibility:hidden;}.projButtons a:hover .over, .projButtons a:active .over { opacity:1;}.no-opacity .projButtons a:hover .over, .no-opacity .projButtons a:active .over { visibility:visible;}.projButtons a img { position:relative; display:block; width:100%; height:auto;}/****************************************************//* 3. CSS-Modul: LAYOUT (PAGE ELEMENTS) *//****************************************************//* -- FORM -----------------------------------------*//* -- FORM -----------------------------------------*/form input, form select, form textarea { position: relative; max-width: 100%; margin:0; border: 1px solid #dddddd; border-radius: 2px; padding: 7px 10px; background: #F9F9F9; box-shadow: 0 0 3px rgba(0,0,0,0.05) inset, 0 1px 1px rgba(255,255,255,0.4); font-family: 'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,Geneva,sans-serif; font-size: 1em; line-height: 1.25; color: #333333; -webkit-box-sizing: border-box; box-sizing: border-box;}form input[type=radio], form input[type=checkbox] { width:16px; height:16px; margin:0 5px; border:0; background:transparent; box-shadow:none;}form .errField input, form .errField select, form .errField textarea { border:1px solid #CC0033; background:#EFD5DB;}form .errField input.radio, form .errField input.checkbox, form input.radio.error, form input.checkbox.error { border:2px solid #CC0033; outline:2px solid #CC0033; -webkit-appearance:none; -moz-appearance:none;}form .invalid input:invalid, form .invalid select:invalid, form input.invalid:invalid { border-color: #ba010b; background: #eee; background: rgba(200,200,200,0.15);}form .invalid input.radio, form .invalid input.checkbox { border: 2px solid #ba010b; outline: 2px solid #ba010b; -webkit-appearance: none; -moz-appearance: none;}form .invalid input + label { color: #ba010b;}::-webkit-input-placeholder { opacity: 0;}:-moz-placeholder { /* Firefox 18- */ opacity: 0;}::-moz-placeholder { /* Firefox 19+ */ opacity: 0;}:-ms-input-placeholder { opacity: 0;}/* --- CONTAINERS --- */.conForm { display:block; margin:15px 0; border:1px solid #dddddd; border-radius: 2px; padding:10px; background:#ffffff url(verlauf_right.gif) bottom left repeat-x; clear:both; overflow:auto;}#searchForm { display:none;}/* --- INTERNAL LOGIN --- */.FormLayout { width:350px; margin:50px auto; padding:10px 20px; background:#FFFFFF url(/common/humedica-logo-ger.png) center 30px no-repeat; box-shadow:0 1px 3px #AAAAAA; text-align:center;}.no-opacity .FormLayout { border:1px solid #CCCCCC}.FormLayout h1 { margin:120px auto 20px; font-size:1.2em; line-height:1.25em; text-transform:uppercase;}.FormLayout input { width: 80%; margin: 0 0 10px; padding: 10px;}.FormLayout .btn { margin: 10px 0;}.logout { position: absolute; top: 15px; right: 10px;}/* --- MODAL --- */.form-modal { position: fixed; display: none; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden;}.form-modal.showForm { display:block; opacity: 1; z-index: 15;}.form-modal .modal-holder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #f7f7f6; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}/* --- SECTIONS --- */.conForm section { float:left; width:100%; padding:0 0 10px 0; }.conForm section section { padding:0; }/* --- WRAPPERS --- */.conForm div { position:relative; display:block; float:left; width:48.5%; padding:0 0 15px 0;}.conForm.nlForm div { width:100%;}.conForm div div { width:100%;}.conForm .l { padding-right:3%;}.conForm .wide { width:100%;}.conForm #formMess div { width:100%;}.conForm #formSupply div { padding-bottom:25px;}#donAmt span { display:inline-block;}#formSupply span { display:block; margin-top:5px;}#pack_total, #el_chargesum { display:inline-block; width:145px; border-bottom: 1px solid #dddddd; padding:3px 10px; background:transparent;}#pack_total b, #el_chargesum b { color: #ba010b;}#packMe div, #chargeMe div { padding-top:10px;}.conForm.depot #formSupply img { float:left;}.conForm .link { display:block; padding:5px 0 0 0; font-size:0.85em; line-height:1.25em;}/* --- PRINT VERSION --- */.conForm .printOnly { visibility:hidden; display:none;}/* --- STANDARDS --- */.star { padding:0 0 0 2px; opacity:0; font-size:1.1em; line-height:1em; -webkit-transition:opacity 0.3s; transition:opacity 0.3s;}.no-opacity .star { visibility:hidden;}.required .star { opacity:1;}.no-opacity .required .star { visibility:visible;}.conForm .imgInfo { display:block; margin:0 0 0 100px;}.conForm section hgroup, .conForm section .hgroup { float: none; width: 100%; margin: 0 0 20px 0; padding: 0;}.conForm h1 { margin:0; font-size:1.3em; line-height:1.25em;}.conForm section h1 { margin:0; font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,Geneva,sans-serif; font-size:1.1em; line-height:1.25em; font-weight:bold; color: #333333;}.conForm section h2 { font-size:1em; line-height:1.25em; color: #333333;}.conForm section h3 { margin:0 0 10px 0; font-size:1em; line-height:1.25em; font-weight:bold;}.conForm section h4 { margin-top:5px; color:#333333; font-size:0.95em; line-height:1.25em;}h2.tabTitle { margin-bottom:0; clear:both;}.conForm .finePrint { float:none; display:inline-block; height:85px; padding:10px 110px 0 0; background:transparent url(trust_logo.gif) right 10px no-repeat;}.conForm .finePrint p { font-size:0.85em; line-height:1.25em;}.conForm .noPad, .conForm label.noPad { padding:0 !important;}.conForm .noFloat, .conForm label.noFloat { float:none !important;}.conForm small { display:inline-block;}/* --- LABELS --- */.conForm label { position:relative; display:block; padding:0 0 2px 4px; color:#333333;}.conForm .required label:first-child { font-weight:bold;}.conForm label.radio, .conForm .wide label.radio { float:left; width:auto; margin:0; padding:0 15px 10px 0; color:#333333;}.conForm .required label.radio { font-weight:normal;}.conForm.depot #formSupply label { padding-bottom:15px;}/* --- INPUTS --- */.conForm input { position:relative; float: left; width: 100%; margin: 0; z-index:1;}.conForm .required input { border-left: 3px solid #ba010b;}.conForm input.short { width: 80px; margin:-3px 10px 0 0;}.conForm #el_fillin.required, .conForm .required #el_fillin.required { border-left: 3px solid #ba010b;}.conForm .double1 { width:32%; margin-right:5%; padding:0;}.conForm .double2 { width:63%; padding:0;}.conForm input[readonly] { background:#f7f7f6; color:#666666;}.conForm input.radio, .conForm .required input.radio { width:16px; height:16px; margin:0 5px 3px 0; border-radius:0; border:none; padding:0; background:transparent;}.conForm .btn { float:right; width:auto;}#searchForm .btn { float:left;}/* --- SELECT --- */.conForm select { position:relative; float:left; width: 100%; cursor:pointer;}.conForm .wide #el_salutation { width: 48.5%;}.conForm .required select, .conForm select.required { border-left: 3px solid #ba010b;}.conForm select.short { width: 80px; margin:-3px 10px 10px 0;}.conForm option { color:#333333;}/* --- TEXTAREA --- */.conForm textarea { float:left; width:100%; height:200px; margin:0;}/* --- WALL --- */.conForm .errors { display: none; width: auto; margin: 30px 0; padding: 30px; background: #999; color: #fff; box-sizing: border-box;}.conForm .errors.show { display: block;}#errors, #errors2 { display:none; width:90%; margin:0 0 30px; border-radius: 2px; padding:16px 5% 20px; background:#FCE3A9; color:#CC0033;} /* title */#errors h2, #errors2 h2 { margin:0 0 10px 0; color:#222222; font-size:1em; line-height:1.25em;}#errors p, #errors2 p { margin:5px; color:#CC0033;}/* --- VOTING --- */.conForm .vItem { position:relative; width:100%; height:45px; padding:7px 0 5px; clear:both;}.conForm .vItem .vTitle { display:block; padding:2px 33px 0 0; font-size:1em; line-height:1.25em;}.conForm .vItem .vInput { position:absolute; top:7px; right:3px; width:27px; height:27px;}.conForm .vInput label { display:none; width:27px; height:27px; background:transparent url(sprite-icons.png) -130px -300px no-repeat; cursor:pointer;}.conForm .vItem label.hover { background-position:-130px -350px;}.conForm .vItem label.checked { background-position:-130px -400px;}.voting .conForm .vInput input { position:absolute; top:5px; left:5px;}.voting .conForm .vInput input.hideInput { left:-5000px;}/* -- SEARCH ---------------------------------------*//* -- SEARCH ---------------------------------------*/footer .search { position:absolute; top:10px; right:10px; width:300px; z-index:1;}/* -- (Input) -- */.searchLabel, .searchLabel, .searchElement, .searchText { font-size:0.8em; line-height:1.25em;}.search input#raw { float:left; width:100%; height:27px; border:1px solid #dddddd; padding-right:30px; background:#ffffff; color:#666666; font-size:0.85em; line-height:1.25em;}.search input#btnSearch { position:absolute; top:6px; right:10px; width:11px; height:15px; border:0; border-radius:0; padding:0; background:transparent; box-shadow:none;}.search input.submit { float:right; width:16px; height:18px; padding:3px 5px 0 0; background:transparent url(search_btn.gif) 0 3px no-repeat; font-size:0px; line-height:1.25em; color:#dddddd;}/* -- (Results) -- */div.navTop { border-bottom:1px solid #CCCCCC;}div.navBtm { margin-top:10px; border-top:1px solid #CCCCCC;}div.navTop a,div.navBtm a { padding:0 5px;}/****************************************************//* 4. CSS-Modul: NAVIGATION *//****************************************************//* -- CHANNEL MENU ---------------------------------*/#menu { position:relative; margin-top:-75px; padding:10px 0 0 10px; clear:both; text-align:left; overflow:hidden;}#menu ul { position:relative; width:100%; padding:0; list-style-type: none; overflow: visible; overflow: initial;}#menu ul li { position:relative; display:inline-block; width:auto; padding:0;}#menu ul li a { display:block; width:auto; height:20px; margin-bottom:9px; border-radius: 2px 2px 0 0; padding:9px 15px 5px; background:transparent; text-decoration:none; font-size:1.15em; line-height:1.25em; color:#333333; -webkit-transition:background 0.3s, box-shadow 0.3s, color 0.3s; transition:background 0.3s, box-shadow 0.3s, color 0.3s;}#menu ul li a span { display:block; cursor:pointer;}#menu ul li a:hover, #menu ul li a:active { background:#e8e8e8; background:rgba(0,0,0,0.05); color: #ba010b; text-decoration:none;}#menu ul li a.current, #menu ul li a.active { margin-bottom:0; padding-bottom:14px; background:#FBFBFB; background:-moz-linear-gradient(top, #f7f7f6, #FBFBFB) #FBFBFB; background:-webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f6), to(#FBFBFB)) #FBFBFB; background:-webkit-linear-gradient(top, #f7f7f6, #FBFBFB) #FBFBFB; background:-o-linear-gradient(top, #f7f7f6, #FBFBFB) #FBFBFB; background:linear-gradient(to bottom, #f7f7f6, #FBFBFB) #FBFBFB; box-shadow:0 0 5px rgba(0, 0, 0, 0.15); color: #ba010b; text-decoration:none;}/* -- MACRONAVIGATION ------------------------------*/.macronav { position:relative; display:block; margin:0px 0 20px; border:1px solid #dddddd; border-radius: 2px; background:#FFFFFF url(verlauf_right.gif) bottom left repeat-x; clear:both;}.macronav ul { margin:0; padding:0; list-style:none; overflow: visible; overflow: initial;}.macronav ul li { display:block; padding:0; list-style:none;}.macronav ul li a { display:block; border-top:1px solid #e8e8e8; padding:8px 10px; background:transparent; color:#666666; text-decoration:none; -webkit-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s;}.macronav ul li.navUp a { height:8px; padding:5px 0; overflow:hidden; text-align:center;}.macronav ul li.navDown a { height:8px; padding:5px 0; overflow:hidden; text-align:center;}.macronav ul li:first-child a { border-top:0;}.macronav ul li a span { display:block; text-decoration:none;}.macronav ul li.navUp a span,.macronav ul li.navDown a span { display:inline-block; width:13px; height:8px; background-image:url(sprite-icons.png); background-repeat:no-repeat; opacity:0.6; vertical-align:top; -webkit-transition:opacity 0.3s; transition:opacity 0.3s;}.macronav ul li.navUp a span { background-position:-60px -630px;}.macronav ul li.navDown a span { background-position:-60px -645px;}.macronav ul li a:hover, .macronav ul li a:active { text-decoration:none; background:#e8e8e8; background:rgba(0,0,0,0.08); color:#ba010b;}.macronav ul li.navUp a:hover, .macronav ul li.navUp a:active,.macronav ul li.navDown a:hover, .macronav ul li.navDown a:active { background:#e8e8e8; background:rgba(0,0,0,0.08);}.macronav ul li.navUp a:hover span, .macronav ul li.navUp a:active span,.macronav ul li.navDown a:hover span, .macronav ul li.navDown a:active span { opacity:1;}.macronav ul li a.active { color:#ba010b;}.macronav ul li a.current { border-left:3px solid #ba010b; padding-left:7px; background:#e8e8e8; background:rgba(0,0,0,0.1); color:#ba010b;}/* -- level 2 -- */.macronav ul li li a { padding:6px 10px 6px 25px;}.macronav ul li li:first-child a { border-top:1px solid #e8e8e8;}.macronav ul li li a.current { padding-left:22px;}/* -- level 3 -- */.macronav ul li li li a { padding:5px 10px 5px 40px; font-size:0.9em; line-height:1.25em;}.macronav ul li li li a.current { padding-left:37px;}/* -- level 4 -- *//* -- MICRONAVIGATION ------------------------------*/#micronav { display:block; float:left; width:940px; padding:5px 10px 0; color:#666666; font-size:0.85em; line-height:1.25em;}#micronav a { padding:0 8px 0 0; color:#666666;}#micronav a:hover, #micronav a:active { color:#333333;}#micronav span { padding:0 5px 0 0; color:#333333;}/* -- METANAVIGATION -------------------------------*/#metanav { position:absolute; top:0; left:50px; width:110px; height:16px; padding:7px 0 6px 14px; background: transparent url(metanav_HG.gif) top left no-repeat; color:#666666;}#metanav a { padding:0 0 0 0; color:#666666; font-weight:normal; font-size:0.85em; line-height:1.25em; text-decoration:none;}#metanav a:hover, #metanav a:active { color:#FC1924; text-decoration:none;}/* -- SLIDE NAVIGATION -----------------------------*/#bodyMask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(102,102,102,0.8); z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, z-index 0.3s; transition: opacity 0.3s, z-index 0.3s; cursor: pointer;}#bodyMask.open { opacity: 1; z-index: 7; visibility: visible;}.no-opacity #bodyMask.open { visibility: visible;}#sNav { display: block; position: fixed; top: 0; bottom: 0; left: -310px; width: 300px; background: #ffffff; overflow-y: scroll; overflow-x: hidden; z-index: 9; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch;}.csstransforms3d #sNav { left: 0; -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); -webkit-transition: -webkit-transform 0.3s ease, padding 0.3s; transition: transform 0.3s ease, padding 0.3s;}#sNav.open { left: 0;}.csstransforms3d #sNav.open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}#sNav .translate { position:relative; display:block; top:auto; left:auto; width:auto; height:auto; margin: 40px 0 50px; padding:10px; background:transparent;}.translate a, .translate span { position:relative; display:inline-block; width:22px; height:14px; background-image:url(sprite-icons.png); background-repeat:no-repeat;}#sNav .translate a.ger {margin-left:0;}#sNav .translate a.gerActive, #sNav .translate a.ger:hover, #sNav .translate a.ger:active {margin-left:0;}#sNav .translate span.gerInactive {margin-left:0;}#sNav .translate a.eng {margin-left:10px;}#sNav .translate a.engActive, #sNav .translate a.eng:hover, #sNav .translate a.eng:active {margin-left:10px;}#sNav .translate span.engInactive {margin-left:10px;}.translate a span,.translate span span { width:22px; height:14px; overflow:hidden; visibility:hidden;}.translate a:hover { text-decoration:none;}#sNav .projButtons { display:block; margin:20px 0; background:transparent; box-shadow:none;}#sNav .projButtons ul { width:100%; overflow: visible; overflow: initial;}#sNav .projButtons li { width:90%; border-top:1px solid #dddddd; padding:5%;}#sNav .projButtons .sponsor { display:none;}#sNav .projButtons a .over { opacity:1;}#sNav .projButtons a .under { opacity:0;}#sNav .search { position:relative; float:none; width:90%; margin:40px 5%; padding-right:0; overflow:hidden;}#sNav .search input#raw { border:1px solid rgba(0,0,0,0.2);}/* --- MACRONAV --- */#sNav .macronav { margin: 75px 0 10px; border: 0; border-radius: 0; background:transparent;}#sNav .macronav ul { background:rgba(0,0,0,0.04);}#sNav .macronav > ul:first-child { border-bottom:1px solid rgba(0,0,0,0.1);}#sNav .macronav ul li a { margin:0; border-top:1px solid rgba(0,0,0,0.1); padding-top:10px; padding-bottom:10px; font-size:1.1em; line-height:1.25em;}/* --- 2te Ebene --- *//* --- 3te Ebene --- */#sNav .macronav ul li li li a { padding-top:8px; padding-bottom:8px; font-size:1em; line-height:1.25em;}/* --- 4te Ebene --- */#sNav .macronav .second-pages { margin:20px 0; border: 0; background: transparent;}#sNav .macronav .second-pages li { padding:0;}#sNav .macronav .second-pages a { border: 0; padding:8px 5%; color:#666666; -webkit-transition:background 0.3s, color 0.3s; transition:background 0.3s, color 0.3s;}/****************************************************//* 5. CSS-Modul: TEXT *//****************************************************//* -- STANDARD -------------------------------------*/h1, h2, h3, h4, h5 { font-weight:normal; color:#ba010b; margin:20px 0 10px 0;}form, p, ol, ul, li, em, sup, sub, table, tr, th, td { color:#333333;}hgroup, .hgroup { margin:3% 0;}.col1Full hgroup, .col1Full .hgroup { position:absolute; top:40px; left:50px; max-width:35%; margin:0; z-index:5;}h1 { font-size:2.3em; line-height:1.25;}hgroup h1, .hgroup h1 { margin:0; font-family:'Open Sans Condensed','Open Sans','Lucida Grande',Helvetica,Verdana,Arial,Geneva,sans-serif; font-size:5.5em; line-height:1.05;}.col1Full hgroup h1, .col1Full .hgroup h1 { text-shadow: 0 0 1px #666666;}.projTabs h1, #index h1.tabTitle { display:inline-block; margin:0 0 5px 10px; font-size:1em; line-height:1.25; text-transform:uppercase; vertical-align:bottom;}.projTabs h1 { margin-top:5px;}#index.prr h1.tabTitle { margin-bottom:5px; font-size:1em; line-height:1.25;}.projTabs h1 a, #index h1.tabTitle a { overflow:visible; color:#ba010b;}.projTabs h1 a:hover, #index h1.tabTitle a:hover { background:transparent; text-decoration:underline;}h2 { font-size:1.5em; line-height:1.25;}hgroup h2, .hgroup h2 { margin:10px 0 0; font-size:1.3em; line-height:1.05; text-transform:uppercase;}.col1Full hgroup h2, .col1Full .hgroup h2 { text-shadow: 0 0 1px #666666;}h2.tabTitle { margin-bottom:0; clear:both;}h3 { font-size:1.3em; line-height:1.25;}h4 { font-size:1.1em; line-height:1.25;}p { margin:10px 0;}ol { padding:5px 0 5px 20px; list-style-type:decimal; overflow: hidden;}ul { padding:5px 0 5px 20px; list-style-type:disc; overflow: hidden;}li { padding:2px 0;}dl { display:block;}dl dt { margin:0; padding:10px 0 0 0; color:#333333; font-weight:bold;}dl dt a { color:#ba010b; font-weight:bold;}dl dd { color:#333333; margin:0; padding:0 0 5px;}dl dd a { font-weight:normal;}a { color:#ba010b; text-decoration:none; -webkit-transition: color 0.3s, text-decoration 0.3s; transition:color 0.3s, text-decoration 0.3s;}a:hover, a:active { text-decoration:underline;}hr { margin:10px 0; height:1px; background:#dddddd;}p span.bold { font-weight:bold;}/* -- ZMS FORMAT (Text Formats) --------------------*/strong, b { font-weight:bold;}i, em { font-style:italic;}p.small { font-size:0.85em; line-height:1.25;}p.caption { color:#666666;}p.emphasis { position:relative; display:block; margin:20px 0; border:1px solid #dddddd; border-radius: 2px; padding:7px 10px; background:#ffffff url(verlauf_right.gif) bottom left repeat-x; font-size:1.2em; line-height:1.25; clear:both; overflow: hidden;}blockquote { margin:30px 0; border-top:2px solid #F1CCCE; border-top:2px solid rgba(186,1,11,0.2); border-bottom:2px solid #F1CCCE; border-bottom:2px solid rgba(186,1,11,0.2); padding:10px; font-size:1.2em; line-height:1.5; color:#666666; overflow: hidden;}p.description { font-weight:bold; color:#666666;}#creator { width:100%; padding-bottom:7px; color:#666666; font-size:0.85em; line-height:1.25;}textarea.bannerLink { height: 95px; margin: 0 0 20px; overflow: auto;}/****************************************************//* 6. CSS-Modul: ZMS-DEFAULTS *//****************************************************//* -- ZMS FILE -------------------------------------*//* --- reset default --- */div.ZMSFile, div.ZMSLinkElement { background-color:transparent; margin:0;}div.ZMSFile { padding:5px 0; color:#333333;}div.ZMSFile div.title img { margin:-2px 5px 0 0;}div.ZMSFile div.description { padding-left:24px;}/* -- ZMS TABLES -----------------------------------*/table.ZMSTable { margin:0 0 13px 0; padding:0 0 5px 0;}table.ZMSTable th { background:transparent; vertical-align:bottom; color:#ba010b; border-bottom:1px solid #e8e8e8;}table.ZMSTable tr th p { margin:0; padding:5px; color:#ba010b; text-align:left;}table.ZMSTable tr td { border-bottom:1px solid #e8e8e8; vertical-align:top;}table.ZMSTable tr td p { margin:0; padding:5px; color:#333333; text-align:left;}table.ZMSTable caption { margin:0; padding:0 5px 5px; background-color:transparent; font-size:0.85em; line-height:1.25em; color:#333333; text-align:left;}/* -- ZMS GRAPHIC ----------------------------------*//* --- CONTAINER --- */.ZMSGraphic { position: relative; width: 100%; max-width: 100%; margin: 0 0 15px; border:1px solid #dddddd; border-radius: 2px; padding: 8px; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box;}.ZMSGraphic:after { content: ""; position: relative; display: block; width: 100%; clear: both;}.ZMSGraphic.none, .ZMSGraphic.center, .ZMSGraphic.noBdr { border: 0; border-radius: 0; padding: 0;}.ZMSGraphic.floatleft { float: left; margin-right: 15px;}.ZMSGraphic.floatleft.imgwidth, .ZMSGraphic.floatleft.imgwidth0 { width: 33.333%;}.ZMSGraphic.floatleft.imgwidth1 { width: 50%;}.ZMSGraphic.floatleft.imgwidth2 { float: none; width: 100%; margin-right: 0;}.ZMSGraphic.floatright { float: right; margin-left: 15px;}.ZMSGraphic.floatright.imgwidth, .ZMSGraphic.floatright.imgwidth0 { width: 33.333%;}.ZMSGraphic.floatright.imgwidth1 { width: 50%;}.ZMSGraphic.floatright.imgwidth2 { float: none; width: 100%; margin-left: 0;}/* --- GRAPHIC --- */.ZMSGraphic.imgwidth .graphic,.ZMSGraphic.imgwidth0 .graphic { width: 33.333%;}.ZMSGraphic.imgwidth1 .graphic { width: 50%;}.ZMSGraphic.imgwidth2 .graphic { width: 100%;}.ZMSGraphic.imgwidth3 .graphic { width: auto; max-width: 100%;}.ZMSGraphic.imgwidth3.center .graphic { text-align: center;}.ZMSGraphic.floatleft.imgwidth .graphic, .ZMSGraphic.floatleft.imgwidth0 .graphic, .ZMSGraphic.floatleft.imgwidth1 .graphic, .ZMSGraphic.floatleft.imgwidth2 .graphic,.ZMSGraphic.floatright.imgwidth .graphic, .ZMSGraphic.floatright.imgwidth0 .graphic, .ZMSGraphic.floatright.imgwidth1 .graphic, .ZMSGraphic.floatright.imgwidth2 .graphic { width: 100%;}.ZMSGraphic.left .graphic, .ZMSGraphic.right .graphic { float: left; margin-right: 15px;}.ZMSGraphic.center .graphic { float: none; margin: 0 auto; border:1px solid #dddddd; border-radius: 2px; padding: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;}.ZMSGraphic.none .graphic { border:1px solid #dddddd; border-radius: 2px; padding: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;}.ZMSGraphic.center.noBdr .graphic, .ZMSGraphic.none.noBdr .graphic { border: 0; border-radius: 0; padding: 0;}/* --- IMAGE --- */.ZMSGraphic .graphic img { display: block; width: 100%; max-width: 100%; height: auto;}.ZMSGraphic.imgwidth3 .graphic img { display: inline-block; width: auto;}/* --- TEXT --- */.ZMSGraphic .text { padding: 10px 0 0; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box;}.ZMSGraphic.none.top.imgwidth .text,.ZMSGraphic.center.imgwidth .text,.ZMSGraphic.none.top.imgwidth0 .text,.ZMSGraphic.center.imgwidth0 .text { width: 33.333%;}.ZMSGraphic.none.top.imgwidth1 .text,.ZMSGraphic.center.imgwidth1 .text { width: 50%;}.ZMSGraphic.none.top.imgwidth2 .text,.ZMSGraphic.center.imgwidth2 .text { width: 100%;}.ZMSGraphic.center .text { margin: 0 auto;}.ZMSGraphic .text p { margin: 0;}/* --- ZOOM/LINK --- */.graphic a.zoom, .graphic a.imgUrl { position: relative; display: block; border: 0; cursor: pointer;}.graphic a.zoom span, .graphic a.imgUrl span { position: absolute; display: block; bottom: 5px; right: 5px; width: 26px; height: 26px; border: 0; background-image: url(sprite-icons.png); background-repeat: no-repeat; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s;}.graphic a.zoom span { background-position:0 -495px;}.graphic a.zoom:hover span, .graphic a.zoom:active span { -webkit-transform:rotate(90deg); transform:rotate(90deg);}.graphic a.imgUrl span { background-position:-130px -100px;}.graphic a.imgUrl:hover span, .graphic a.imgUrl:active span { -webkit-transform:rotate(45deg); transform:rotate(45deg);}/* -- ZMS TEASER -----------------------------------*/div#teaser { position:relative;}div.ZMSTeaserContainer { display:none;}div.ZMSTeaserElement { position:relative; float:left; width:100%; margin:30px 0 20px 0px; border:1px solid #dddddd; border-radius: 2px; padding:8px; background:#ffffff url(verlauf_right.gif) bottom left repeat-x; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}div.ZMSTeaserElement div.graphic { width: 100%; height: 0; margin:0 0 8px; border: 0; border-radius: 0; padding: 0 0 50%; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden;}div.ZMSTeaserElement div.graphic a { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;}div.ZMSTeaserElement div.graphic img { display: none;}div.ZMSTeaserElement div.infoFlag { float:right; width:110px; max-width:50%; margin:10px 8px 8px 0; overflow:hidden;}div.ZMSTeaserElement img.title { border:none;}div.ZMSTeaserElement div.title { margin-top:-29px; padding:0 0 10px; background:transparent; text-transform:uppercase; color:#ba010b; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}div.ZMSTeaserElement div.txtGray { color:#333333;}div.ZMSTeaserElement div.title a { display:block; color:#ba010b; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}div.ZMSTeaserElement div.text { margin:0; padding:0 0 8px; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto;}div.ZMSTeaserElement div.text span.teaserFile { font-size:0.85em; line-height:1.25em; padding:0 0 0 5px;}div.ZMSTeaserElement div.text span.teaserFile a { font-size:0.95em; line-height:1.25em;}div.ZMSTeaserElement a.btn { float:right; margin:8px 0 0;}div.ZMSTeaserElement.navArchive { padding:8px 8px 0; background:#ffffff url(verlauf_right.gif) bottom left repeat-x; background:-moz-linear-gradient(top, rgba(0,0,0,0.01), rgba(0,0,0,0.1)) #ffffff; background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.01)), to(rgba(0,0,0,0.1))) #ffffff; background:-webkit-linear-gradient(top, rgba(0,0,0,0.01), rgba(0,0,0,0.1)) #ffffff; background:-o-linear-gradient(top, rgba(0,0,0,0.01), rgba(0,0,0,0.1)) #ffffff; background:linear-gradient(to bottom, rgba(0,0,0,0.01), rgba(0,0,0,0.1)) #ffffff;}.navArchive ul { list-style-type:none; padding:0 0 5px; overflow: visible; overflow: initial;}.navArchive li { display:inline-block; padding:2px;}.navArchive a { display:inline-block; border-radius: 2px; padding:5px 8px; background:transparent; font-size:1.1em; line-height:1.25em; color:#333333; -webkit-transition:background 0.3s, box-shadow 0.3s, color 0.3s; transition: background 0.3s, box-shadow 0.3s, color 0.3s;}.navArchive a:hover, .navArchive a:active { background:#e8e8e8; background:rgba(0,0,0,0.08); box-shadow:0 0 10px rgba(0, 0, 0, 0.05) inset; color: #ba010b; text-decoration:none;}.navArchive a.active { background:#F1E0E1; background:rgba(167, 1, 10, 0.1); box-shadow:0 0 10px rgba(0, 0, 0, 0.05) inset; color: #ba010b; text-decoration:none;}/* -- ZMS LINK -------------------------------------*/div#pageelement_Links { width:180px;}div.ZMSLinkElement { background-color: transparent; padding:2px;}div.ZMSLinkElement div.title { font-weight:bold; color:black; font-size:0.95em !important; line-height:1.25em; margin:10px 0px 0px 0px;}div.ZMSLinkElement div.text {}div.ZMSLinkElement div.text ul { margin-top:5px; margin-left:-10px !important; margin-left: 20px; overflow: visible; overflow: initial;}li.LinkElementExternal { list-style-image:url(external_link.gif);}li.LinkElementInternal, li.LinkElementInternalPortal { list-style-image:url(external_link.gif);}li.LinkElementInternalClient { list-style-image:url(external_link.gif);}li.LinkElementMailto { list-style-image:url(mail_link.gif);}/*-- FLOATING ---------------*/.clearing { clear:both; height:0; border:0; margin:0; padding:0; font-size:1px; line-height:0;}.clearLine { clear:both; border-top:1px solid #dddddd; margin:15px 0; padding:0; font-size:1px; line-height:0;}.floatRight { float:right;}.floatLeft { float:left;}img.imgNoborder { border:0px;}/* -- SITEMAP --------------------------------------*/td.sitemapTitle0 { background-color:#ddd; border-right:1px solid #444;}td.sitemapTitle1 { background-color:#ddd; border-right: solid 1px #000000;}a.sitemapTitle0:link, a.sitemapTitle0:visited ,a.sitemapTitle0:hover, a.sitemapTitle0:active { font-weight:bold; color:#444; text-decoration:none;}a.sitemapTitle1:link, a.sitemapTitle1:visited,a.sitemapTitle1:hover, a.sitemapTitle1:active { font-weight:bold; color:#000000; text-decoration:none;}a.sitemapElement0:link, a.sitemapElement0:visited,a.sitemapElement0:hover, a.sitemapElement0:active { color:#444; text-decoration:none; font-size:12px !important;font-size:small;}a.sitemapElement1:link, a.sitemapElement1:visited,a.sitemapElement1:hover, a.sitemapElement1:active { color:#000000; font-weight:bold; text-decoration:none; font-size:12px !important;font-size:small;}/* -- SUPPORT BUTTON -------------------------------*/.teaser-support { position:relative; display:block; margin:0 0 10px; padding:3px 0 10px;}.before-content .teaser-support { display: none;}.teaser-support .main { border-bottom:3px solid #BA010B;}.teaser-support .main a { position:relative; display:block; padding:0 8px 2px; font-size:1em; line-height:1.25em; text-transform:uppercase; text-decoration:none; z-index:2;}.teaser-support .sub { border:1px solid #dddddd; border-top:0; border-radius:0 0 2px 2px; background:#f7f7f6 url(verlauf_right.gif) left bottom repeat-x; background:-moz-linear-gradient(top, #f7f7f6, #e8e8e8) #f7f7f6; background:-webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f6), to(#e8e8e8)) #f7f7f6; background:-webkit-linear-gradient(top, #f7f7f6, #e8e8e8) #f7f7f6; background:-o-linear-gradient(top, #f7f7f6, #e8e8e8) #f7f7f6; background:linear-gradient(to bottom, #f7f7f6, #e8e8e8) #f7f7f6; clear:both; overflow:hidden;}.teaser-support .sub a { display:block; width:auto; padding:8px; color:#666666; font-size:0.9em; line-height:1.05em; text-transform:uppercase; -webkit-transition:color 0.3s, background 0.3s; transition:color 0.3s, background 0.3s;}.teaser-support .sub a:hover, .teaser-support .sub a:active { background:#dddddd; background:rgba(0,0,0,0.1); color:#333333; text-decoration:none;}.teaser-support .sub span { position:relative; display:inline-block; width:24px; height:20px; margin:0 8px 0 0; background-image:url(sprite-icons.png); background-repeat:no-repeat; vertical-align:middle;}.teaser-support .sub-donate span { background-position:-280px -640px;}.teaser-support .sub-sponsor span { background-position:-280px -605px;}.teaser-support .sub-volunteer span { background-position:-280px -570px;}.teaser-support .tLogo { position:absolute; bottom:15px; right:-20px; width:124px; height:99px; background:transparent url(support-img.png) 0 0 no-repeat;}/****************************************************//* 7. CSS-Modul: SPECIAL OBJECTS *//****************************************************//* --- NEW FORM --- *//* --- TIMELINE --- */#timeline { -webkit-transition: all 0.3s; transition: all 0.3s;}#timeline.hidden { opacity: 0;}#timeline ul { margin: 0 0 30px; padding: 0; list-style-type: none; text-align: center;}#timeline li { display: inline-block; width: 20%; padding: 0; vertical-align: top;}#timeline li span { display: inline-block; vertical-align: middle; -webkit-transition: all 0.3s; transition: all 0.3s; font-family: 'multicolore_regular','PT Sans','Lucida Grande',Helvetica,Verdana,Arial,sans-serif;}#timeline li .number { width: 40px; height: 40px; margin: 0 10px 0 0; border-radius: 50%; border: 3px solid #666666; padding: 6px 0 0; background: #ffffff; font-size: 1.4em; line-height: 1; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}#timeline li.active .number { border-color: #ba010b;}/* --- LOADER --- */#basket .loader { position: fixed; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; background: transparent url(loader.gif) center center no-repeat; z-index: -1;}#basket .loader.show { -webkit-animation: loaderShow .3s ease both; animation: loaderShow .3s ease both; z-index: 1;}#basket .loader.hide { -webkit-animation: loaderHide .3s ease both; animation: loaderHide .3s ease both; z-index: 1;}@-webkit-keyframes loaderShow {	0% { opacity: 0; }	100% { opacity: 1; }}@keyframes loaderShow {	0% { opacity: 0; }	100% { opacity: 1; }}@-webkit-keyframes loaderHide {	0% { opacity: 1; }	100% { opacity: 0; }}@keyframes loaderHide {	0% { opacity: 1; }	100% { opacity: 0; }}/* --- CLOSE BUTTON --- */.labeled-icon { position: absolute; display: block; top: 0; right: 0; width: 40px; height: 40px; margin: 0; border: none; padding: 0; background: transparent; z-index: 5; cursor: pointer;}.labeled-icon .icon { position: relative; display: block; width: 40px; height: 40px; background: #ffffff url(sprite-icons.png) -190px -150px no-repeat; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}.csstransforms .labeled-icon .icon { background: rgba(255,255,255,0.8);}.csstransforms .labeled-icon:hover .icon, .csstransforms .labeled-icon:active .icon { background: rgba(255,255,255,1);}.csstransforms .labeled-icon .icon:before, .csstransforms .labeled-icon .icon:after { content: ""; position: absolute; top: 15%; left: 50%; width: 2px; height: 75%; background: #666666; backface-visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}.csstransforms .labeled-icon .icon:before { -webkit-transform: rotate(45deg); transform: rotate(45deg);}.csstransforms .labeled-icon .icon:after { -webkit-transform: rotate(135deg); transform: rotate(135deg);}/* --- TABS --- */.projTabs { position:relative; float:left; width:100%;}#contentW .projTabs { margin-top:-30px; padding:0;}nav.navTabs { position:relative; float:right; margin:0 0 -1px; padding:0; z-index:5;}nav.noJS { padding-top:18px;}nav.navTabs ul { position:relative; float:right; margin:0; padding:0; list-style-type:none; overflow: visible; overflow: initial;}.no-opacity ul { margin-left:0;}nav.noJS ul { margin:0; border:0;}/* single tab */nav.navTabs ul li { float:right; display:inline; width:auto; height:28px; text-indent:0; margin:0 !important; border:0; padding:0 7px 0 0; background:transparent url(sprite-nav-tab.gif) 0 -398px repeat-x; list-style-image:none !important; }nav.navTabs ul li.current, nav.navTabs ul li.active { background:transparent url(sprite-nav-tab.gif) 0 -350px repeat-x;}nav.navTabs ul li:first-child { background:transparent url(sprite-nav-tab.gif) right -49px no-repeat;}nav.navTabs ul li.current:first-child, nav.navTabs ul li.active:first-child { background:transparent url(sprite-nav-tab.gif) right 0 no-repeat;}nav.noJS ul li, nav.noJS ul li.current, nav.noJS ul li:first-child, nav.noJS ul li.current:first-child,nav.noJS ul li, nav.noJS ul li.active, nav.noJS ul li:first-child, nav.noJS ul li.active:first-child { padding:0; background:transparent;}nav.navTabs ul li a { float:left; height:28px; margin:0; padding:0; color:#ba010b; font-size:1em; line-height:1.25em; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; overflow:visible;}nav.navTabs ul li.current a, nav.navTabs ul li.active a { margin:0 -25px 0 0; padding:0 25px 0 0; background:transparent url(sprite-nav-tab.gif) right -200px no-repeat; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; text-decoration:none;}nav.navTabs ul li a.first { padding:0 10px 0 0; background:transparent url(sprite-nav-tab.gif) 0 -398px repeat-x; outline-color:-moz-use-text-color; outline-style:none; outline-width:0;}nav.navTabs ul li.current a.first, nav.navTabs ul li.active a.first { margin:0; background:transparent url(sprite-nav-tab.gif) 0 -350px repeat-x; outline-color:-moz-use-text-color; outline-style:none; outline-width:0;}nav.noJS ul li a { background:transparent;}nav.navTabs ul li a span { float:left; height:18px; margin:0; padding:5px 0 5px 28px; background:transparent url(sprite-nav-tab.gif) left -248px no-repeat; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; font-size:1em; line-height:1.25em; color:#999999; -webkit-transition: color 0.3s; transition:color 0.3s; text-decoration:none;}nav.navTabs ul li.current a span, nav.navTabs ul li.active a span { background:transparent url(sprite-nav-tab.gif) left -299px no-repeat; color:#ba010b; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; -webkit-transition: color 0.3s; transition:color 0.3s;}nav.navTabs ul li a.last span { background:transparent url(sprite-nav-tab.gif) left -98px no-repeat; outline-color:-moz-use-text-color; outline-style:none; outline-width:0;}nav.navTabs ul li.current a.last span, nav.navTabs ul li.active a.last span { background:transparent url(sprite-nav-tab.gif) left -149px no-repeat; outline-color:-moz-use-text-color; outline-style:none; outline-width:0;}nav.noJS ul li a span { background:transparent; color:#ba010b; font-size:1.55em; line-height:1.25em;}nav.navTabs ul li a:hover span, nav.navTabs ul li a:active span { color:#ba010b; outline-color:-moz-use-text-color; outline-style:none; outline-width:0;}nav.noJS ul li a:hover span, nav.noJS ul li a:active span { color:#ba010b; cursor:default;}nav.navTabs ul li.current a:hover span, nav.navTabs ul li.current a:active span,nav.navTabs ul li.active a:hover span, nav.navTabs ul li.active a:active span { text-decoration:none; cursor:default;}/* --- PANES --- */.js-tabs-container .js-tabs-pane { display: none;}.js-tabs-container .js-tabs-pane.active { display: block;}.js-tabs-container .js-tabs-pane h2 { display: none;}/* --- NEWS TABS --- */nav.newsTabs { position:relative; display:block; float:left; width:100%;}nav.newsTabs h1 { float:left; margin:5px 0 0 10px; font-size:1.25em; line-height:1.25em;}#index nav.newsTabs ul { display:none; width:auto; padding-left:0; float:right; overflow: visible; overflow: initial;}#index nav.newsTabs ul li { display:inline; width:auto; border:0; padding:0;}#index nav.newsTabs ul li a { padding:8px; font-size:1.15em; line-height:1.25em; color:#666666;}#index nav.newsTabs ul li a.current { color:#ba010b;}#index nav.newsTabs ul li a:hover, #index nav.newsTabs ul li a:active { color:#FC1924;}/* --- --- */.before-content { position: relative;}.donation { position: relative; display: block; margin: 30px 0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding: 15px 40% 15px 0;}.donation > a { position: absolute; bottom: 15px; right: 0; max-width: 30%; margin: 0 0 10px;}.btn .icon + span { width: calc(100% - 34px); text-align: left;}.btn .icon { position: relative; display: inline-block; width: 24px; height: 19px; margin: 0 10px 0 0; background-image: url(sprite-icons2.png); background-repeat: no-repeat; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s;}.btn .icon:after { content: ""; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; background-image: url(sprite-icons2.png); background-repeat: no-repeat; opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s;}.btn:hover .icon:after, .btn:active .icon:after { opacity: 1;}.btn .icon-donate { background-position: -280px -745px;}.btn .icon-donate:after { background-position: -330px -710px;}.btn .icon-sponsor { background-position: -280px -675px;}.btn .icon-sponsor:after { background-position: -330px -640px;}.btn .icon-volunteer { background-position: -280px -605px;}.btn .icon-volunteer:after { background-position: -330px -570px;}.donation h2 { margin-top: 10px;}/* --- ACTIONS-BANNER --- */#actionBanner { position:fixed; bottom:0; left:0; width:100%; height:auto; padding:10px 0; background:transparent url(pixel-black-70.png) top left repeat; background:rgba(0,0,0,0.7); text-align:right; z-index:15;}#actionBanner a { display:block; margin:0 100px 0 0; font-size:1.4em; line-height:1.25em; color:#ffffff;}#actionBanner img { position:absolute; bottom:5px; right:15px; width:70px; height:70px;}/* --- HELPCARD IFRAME --- */iframe#hc { margin:0; border:0; overflow-x:hidden; overflow-y:auto;}/* -- LIKE BUTTONS -------------------------------- */.SB { display:block; width:100%; margin:10px 0; clear:both;}.SB.above { margin:0 0 10px; padding:0;}.SB iframe { margin:10px 10px 0 0;}.SB .socialFB { position:relative; display:inline-block; width:auto; margin:10px 10px 0 0; border:1px solid #33446F; border-radius: 2px; padding:3px 7px 3px 23px; background-color:#5973AC; background-image:-moz-linear-gradient(top, rgba(0,0,0,0.01), rgba(0,0,0,0.2)); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.01)), to(rgba(0,0,0,0.2))); background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.01), rgba(0,0,0,0.2)); background-image:-o-linear-gradient(top, rgba(0,0,0,0.01), rgba(0,0,0,0.2)); background-image:linear-gradient(to bottom, rgba(0,0,0,0.01), rgba(0,0,0,0.2)); font-size:0.8em; line-height:1.25em; text-shadow:1px 1px #2A4680; color:#ffffff; text-decoration:none; vertical-align:top;}.SB .socialFB:hover, .SB .socialFB:active { background-image:-moz-linear-gradient(top, rgba(0,0,0,0.04), rgba(0,0,0,0.25)); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.04)), to(rgba(0,0,0,0.25))); background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.04), rgba(0,0,0,0.25)); background-image:-o-linear-gradient(top, rgba(0,0,0,0.04), rgba(0,0,0,0.25)); background-image:linear-gradient(to bottom, rgba(0,0,0,0.04), rgba(0,0,0,0.25));}.SB .socialFB span { position:absolute; display:block; bottom:2px; left:7px; width:7px; height:16px; margin:0 5px 0 0; background:transparent url(sprite-icons.png) -480px -410px no-repeat; vertical-align:middle;}/*------- SPONSOR OBJECT ---------------------------*/.sponsorFamily { position:relative; margin:0 0 15px 0; border:1px solid #dddddd; border-radius: 2px; padding:10px; background:#f7f7f6; clear:both;}.sponsorFamily a { display:block; text-decoration:none; color:#333333;}.sponsorFamily .country { display:block; padding:0 0 5px 0; font-weight:bold;}.sponsorFamily .img { display:block; float:left; width:150px; max-width:40%; margin:0 10px 10px 0; border:1px solid #333333; padding:0; overflow:hidden;}.sponsorFamily .img img { display:block; width:100%; height:auto;}.sponsorFamily .desc { display:block; padding:0 0 10px 0;}.sponsorFamily .family { display:block; padding:0 145px 0 0; clear:both;}.sponsorFamily .family span { display:block;}.sponsorFamily .btn { position:relative; float:right; margin-top:-27px;}/* -- BUTTONS --------------------------------------*/.btn { display: inline-block; margin: 5px 0; border-radius: 2px; border: 1px solid #dddddd; border-color: rgba(0, 0, 0, 0.2); padding: 10px 15px; background: #e8e8e8; font-size: 1em; line-height: 1.25; color: #333333; text-align: center; vertical-align: middle; cursor: pointer; text-decoration: none; -webkit-transition: all 0.2s; transition: all 0.2s;}.btn + .btn { margin-left: 10px;}.btn:hover,.btn:focus,a:hover .btn { background: #dddddd; text-decoration: none;}.btn:focus { outline: 0;}.btn.active,.btn:active { outline: 0;}.btn.disabled,.btn[disabled] { cursor: default; opacity: 0.5; filter: alpha(opacity=50);}.btn-primary.active,.btn-warning.active,.btn-inverse.active { color:rgba(255, 255, 255, 0.75);}/* --- PRIMARY --- */.btn-primary { background: #ba010b; color: #ffffff;}.btn-primary:hover,.btn-primary:focus,a:hover .btn-primary { background: #ffffff; color: #ba010b;}.btn-primary.disabled,.btn-primary[disabled] { background: #ba010b; color: #ffffff; opacity: 0.5;}/* --- SECONDARY --- */.btn-secondary { background: #ffffff; color: #ba010b;}.btn-secondary:hover,.btn-secondary:focus,a:hover .btn-secondary { background: #ba010b; color: #ffffff;}.btn-secondary.disabled,.btn-secondary[disabled] { background: #ffffff; color: #ba010b; opacity: 0.5;}/* --- INVERSE --- */.btn-inverse { background-color: #333333; color: #ffffff;}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active { background: #ffffff; color: #333333;}.btn-inverse.disabled,.btn-inverse[disabled] { background: #333333; opacity: 0.5;}.btn .fa-color { color: #ba010b;}.btn > span { display: inline-block;}.btn > i { position: relative; vertical-align: middle;}.btn > i + span, .btn > span + i { margin-left: 10px; vertical-align: middle;}/* -- PHOTO ALBUM ----------------------------------*//* --- PHOTOALBUM & VIDEOALBUM --- */.tGrid { position: relative; display: block; width: 100%; margin: 15px 0;}.tGrid:before, .tGrid:after, .galPage .wrap:after { content: ""; position: relative; display: block; width: 100%; clear: both;}.galPage { position: relative;}.galPage.changing { overflow: hidden;}.tGrid h3 { margin-top: 0;}/* --- DEFAULTS --- */.tGrid .tImg a img { position: relative; display: block; width: 100%; height: auto; border: 0;}/* --- THUMBGRID HOVER EFFECTS --- */.gal-loader { position: absolute; display: block; top: 50%; left: 50%; width: 32px; height: 32px; margin: -25px 0 0 -25px; border-radius: 2px; padding: 8px; background: #666666; background: rgba(0,0,0,0.8) center center no-repeat; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; font-size: 2em; line-height: 1;}.gal-zoom { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 2;}.no-opacity .gal-zoom { visibility: hidden;}a:hover .gal-zoom, a:active .gal-zoom { opacity: 1;}.no-opacity a:hover .gal-zoom, .no-opacity a:active .gal-zoom { visibility: visible;}.gal-zoom span { position: absolute; top: 50%; left: 50%; width: 26px; height: 27px; margin: -20px 0 0 -20px; border-radius: 2px; padding: 8px; background: #666666; background: rgba(0,0,0,0.8); font-size: 1.8em; color: #ffffff;}.csstransforms3d .gal-zoom span { margin: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}/* --- BORDER --- */.tGrid.hover1 .tImg a:after { content: ""; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; background: #666666; background: rgba(102,102,102,0.8); -webkit-transition: all 0.3s; transition: all 0.3s;}.hover1 .tImg a:hover:after, .hover1 .tImg a:active:after { top: -3px; right: -3px; bottom: -3px; left: -3px;}/* --- ZOOM IMAGE --- */.hover2 .tImg a:hover .img, .hover2 .tImg a:active .img { -webkit-transform: scale(1.1); transform: scale(1.1);}/* --- ZOOM IMAGE & BKGD --- */.hover3 .gal-zoom { background: #ba010b; background: rgba(186,1,11,0.6);}.hover3 .gal-zoom span { background: transparent; font-size: 1.8em;}.hover3 .tImg a:hover .img, .hover3 .tImg a:active .img { -webkit-transform: scale(1.1); transform: scale(1.1);}/* --- PHOTO THUMBNAILS --- */.tGrid .wrap { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; opacity: 0;}.no-opacity .tGrid .wrap { visibility: hidden;}.tGrid .wrap.active { position: relative; top: auto; bottom: auto; left: auto; opacity: 1;}.no-opacity .tGrid .wrap.active { visibility: visible;}.tGrid.tArrows .galPage { width: 85%; margin: 0 auto;}.tGrid .tImg { position: relative; display: inline-block; width: 18.4%; margin: 1%; vertical-align: top; -webkit-transition: width 0.3s, margin 0.3s; transition: width 0.3s, margin 0.3s;}.tGrid .tImg:nth-of-type(5n + 1) { margin-left: 0; clear: left;}.tGrid .tImg:nth-of-type(5n) { margin-right: 0;}.tGrid .tImg a { position: relative; display: block; width: 100%; height: 0; padding: 0 0 100%; background: rgb(20,20,20); background: rgba(0,0,0,0.75); color: #ffffff; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s;}.tGrid.hover2 .tImg a, .tGrid.hover3 .tImg a { overflow: hidden;}.tGrid .tImg .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 1; -webkit-transition: all 0.3s; transition: all 0.3s;}.tGrid .loader { position: absolute; display: none; top: 0; right: 0; bottom: 0; left: 0; background: url(pixel-black-60.png) center center repeat; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: -1;}.tGrid .loader.view { display: block; opacity: 1; visibility: visible; z-index: 1;}.tGrid .loader span { position: absolute; display: block; top: 50%; left: 50%; width: 32px; height: 32px; margin: -26px 0 0 -26px; border-radius: 2px; padding: 10px; background: rgb(20,20,20) url(loader.gif) center center no-repeat; background: rgba(0,0,0,0.7) url(loader.gif) center center no-repeat;}/* --- PAGE NAVIGATION --- */.navPages { margin: 15px 0; text-align: center;}.navPages a { position: relative; display: inline-block; padding: 4px 10px; border: 1px solid #dddddd; border-left-width: 0; background-color: #ffffff; text-decoration: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; vertical-align: middle;}.navPages a:first-child { border-radius: 2px 0 0 2px;}.navPages a:last-child { border-radius: 0 2px 2px 0;}.navPages a:hover, .navPages a:active,.navPages .active { background-color: #f7f7f6;}.navPages .active { color: #ba010b; cursor: default;}.navPages .active span { cursor: default;}.navPages .disabled,.navPages .disabled:hover,.navPages .disabled:focus { background-color: #ffffff; color: #666666; cursor: default; opacity:0.5;}.navPages .disabled span { cursor: default;}.navPages a:first-child { border-left-width: 1px; border-radius: 2px 0 0 2px;}.navPages a:last-child { border-radius: 0 2px 2px 0;}/* --- PAGE ARROW NAVIGATION --- */.navArrows { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0;}.navArrows a { position: absolute; top: 50%; width: 60px; height: 100px; padding: 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer;}.navArrows .prev { left: 0;}.navArrows .next { right: 0;}.navArrows a span { position: relative; display: block; width: 80%; height: 80%; margin: 10% 0 0 10%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size: 4em; line-height: 1;}.navArrows .next span { -webkit-transform: rotate(180deg); transform: rotate(180deg);}.navArrows span:before, .navArrows span:after { content: ""; position: absolute; left: 25%; width: 4px; height: 50%; background: #666666; backface-visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}.navArrows span:before { -webkit-transform: translate(-50%,0) rotate(40deg); transform: translate(-50%,0) rotate(40deg); -webkit-transform-origin: 0 100% 0; transform-origin: 0 100% 0;}.navArrows span:after { top: 50%; -webkit-transform: translate(-50%,0) rotate(-40deg); transform: translate(-50%,0) rotate(-40deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0;}.no-touch .navArrows a:hover span:before, .no-touch .navArrows a:hover span:after { background: #ba010b;}.navArrows span i { display: none;}/* --- PHOTOALBUM - SLIDESHOW --- */.thumbTab { position: relative; width: 49%;}.thumbTab.left { float: left; margin: 0 15px 15px 0;}.thumbTab.right { float: right; margin: 0 0 15px 15px;}.thumbTab.center { width: 100%; margin: 15px 0;}/* container for slides */.thumbImg { position: relative; width: 100%; padding: 0 0 65%; background: #e0e0e0;}/* single slide */.thumbImg .slideImg { position: absolute; display: block; top: 8px; right: 8px; bottom: 8px; left: 8px; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s;}.thumbImg .slideImg.active { opacity: 1;}.thumbImg .slideImg.fadeOut { opacity: 0;}.thumbImg .slideImg.fadeIn { opacity: 1;}.thumbImg .slideImg img { display: none;}/* tabs (those little circles below slides) */.slidetabs { margin: 5px 0 0; text-align: center;}/* single tab */.slidetabs a { display: inline-block; width: 8px; height: 8px; padding: 6px; outline: none;}.slidetabs a span { display: block; width: 8px; height: 8px; border-radius: 50%; background: #e8e8e8; background: rgba(0,0,0,0.3); -webkit-transition: background 0.3s; transition: background 0.3s; outline: none;}.slidetabs a:hover span, .slidetabs a:active span { background: #dddddd; background: rgba(0,0,0,0.7);}.slidetabs a.active span { background: #666666;}/* --- SINGLE VIDEO --- *//* --- SINGLE VIDEO --- */.cVideo, .cAudio { display: block; margin: 15px 0; clear: both; overflow: hidden;}.ZMSTeaserElement .cVideo, .ZMSTeaserElement .cAudio { margin: 0;}.cVideo:after, .cAudio:after { content: ""; position: relative; display: block; width: 100%; clear: both;}.videoMod { position: relative; float: left; width: 33%; height: 0; margin: 0 15px 15px 0; padding: 0 0 19%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}.ZMSTeaserElement .videoMod { float: none; width: 100%; margin: 0; padding: 0 0 56.25%; overflow: hidden;}.videoMod iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.cVideo .vidWrap { position: relative; display: block; float: left; width: 33%; height: 0; padding: 0 0 19%;}.ZMSTeaserElement .cVideo .vidWrap { float: none; width: 100%; margin: 0; padding: 0 0 56.25%; overflow: hidden;}.cVideo a, .cAudio a { display: block; overflow: auto; text-decoration: none;}.cVideo span, .cAudio span { position: relative; display: block; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;}.cVideo .vImg, .cAudio .aImg { float: left; width: 33%; margin: 0 2% 0 0;}.ZMSTeaserElement .cVideo .vImg, .ZMSTeaserElement .cAudio .aImg { float: none; width: 100%; margin: 0;}.cVideo img, .cAudio img { display: block; width: 100%; height: auto;}.cVideo .vText, .cAudio .aText { margin-left: 35%; color: #333333;}.ZMSTeaserElement .cVideo .vText, .ZMSTeaserElement .cAudio .aText { margin: 0;}.cVideo .vTitle, .cAudio .aTitle { font-size: 1.2em; line-height: 1.25;}.ZMSTeaserElement .cVideo .vTitle, .ZMSTeaserElement .cAudio .aTitle { margin: 15px; color: #ba010b;}.cVideo .vDesc, .cAudio .aDesc { padding: 6px 0 0;}.ZMSTeaserElement .cVideo .vDesc, .ZMSTeaserElement .cAudio .aDesc { margin: 15px; padding: 0; font-size: 0.9em;}.cVideo .btn, .cAudio .btn { display: inline-block; margin: 6px 0 0;}.cVideo .btn span, .cAudio .btn span { display: inline-block;}.cVideo .gal-play, .cAudio .gal-play { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -25px 0 0 -25px; border-radius: 2px; border: 1px solid rgb(50,50,50); border: 1px solid rgba(50,50,50,0.8); padding: 8px; background: #666666; background: rgba(0,0,0,0.8); opacity: 0.7; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 1; text-align: center; color: #ffffff; font-size: 2em; line-height: 1;}.cVideo:hover .gal-play, .cVideo:active .gal-play,.cAudio:hover .gal-play, .cAudio:active .gal-play { opacity: 1;}.cVideo:hover .vText, .cVideo:active .vText,.cAudio:hover .aText, .cAudio:active .aText { opacity: 1;}/* --- VIDEO ALBUM --- */.vGrid { display: block; margin: 15px 0;}.galVideo:before, .galVideo:after { content: ""; position: relative; display: block; width: 100%; clear: both;}.galVid { display: inline-block; width: 18.4%; margin: 1%; vertical-align: top;}.vGrid .galVid:nth-of-type(5n + 1) { margin-left: 0; clear: left;}.vGrid .galVid:nth-of-type(5n) { margin-right: 0;}.galVid span { position: relative; display: block; color: #333333; text-decoration: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}.galVid .vImg img { display: block; width: 100%; height: auto;}.galVid .vText { margin: 5px 0 0;}.galVid .vTitle { color: #ba010b;}.galVid .gal-play { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -25px 0 0 -25px; border-radius: 2px; border: 1px solid rgb(50,50,50); border: 1px solid rgba(50,50,50,0.8); padding: 8px; background: #666666; background: rgba(0,0,0,0.8); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 1; text-align: center; color: #ffffff; font-size: 2em; line-height: 1;}.galVid a:hover .gal-play, .galVid a:active .gal-play { opacity: 1;}.galVid a:hover .vText, .galVid a:active .vText { opacity: 1;}/* --- AUDIO ALBUM --- */.media-gallery { display: block; margin: 15px 0;}.gallery-item { display: inline-block; width: 32%; margin: 1%; vertical-align: top;}.media-gallery .gallery-item:nth-of-type(3n + 1) { margin-left: 0; clear: left;}.media-gallery .gallery-item:nth-of-type(3n) { margin-right: 0;}.gallery-item span { position: relative; display: block; color: #333333; text-decoration: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}.gallery-item .gal-img img { display: block; width: 100%; height: auto;}.gallery-item .gal-text { margin: 5px 0 0;}.gallery-item .gal-title { color: #ba010b;}.gallery-item .gal-play { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -25px 0 0 -25px; border-radius: 2px; border: 1px solid rgb(50,50,50); border: 1px solid rgba(50,50,50,0.8); padding: 8px; background: #666666; background: rgba(0,0,0,0.8); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 1; text-align: center; color: #ffffff; font-size: 2em; line-height: 1;}.gallery-item a:hover .gal-play, .gallery-item a:active .gal-play { opacity: 1;}.gallery-item a:hover .vText, .gallery-item a:active .vText { opacity: 1;}/* --- NEW OVERLAY GALLERY --- */#galOverlay { position: fixed; display: none; top: 0; right: 0; bottom: 0; left: 0; background: #000000; text-align: center; opacity: 0; z-index: -1; -webkit-backface-visibility: hidden;}#galOverlay.open { display:block; opacity: 1; z-index: 500;}#galOverlay.changing { display:block; opacity: 1; z-index: 500;}.contentGallery { position: relative; width: 100%; text-align: center;}#galOverlay #vidImg { padding: 15px 10%;}#galOverlay .galImg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 15px 10% 85px; text-align: center; -webkit-transition: all 0.6s; transition: all 0.6s; z-index: 1; opacity: 0; visibility: hidden;}.contentGallery .galImg { display: inline-block; width: auto; max-width: 100%; height: auto;}.contentGallery #vidImg { display: inline-block; width: 100%; height: auto;}#galOverlay .galImg.view { opacity: 1; visibility: visible;}#galOverlay .galImg.active { opacity: 1; visibility: visible;}#galOverlay .galImg.moveToLeft, .tGrid .moveToLeft { -webkit-animation: moveToLeft .6s ease both; animation: moveToLeft .6s ease both; opacity: 1; visibility: visible;}#galOverlay .galImg.moveFromRight, .tGrid .moveFromRight { -webkit-animation: moveFromRight .6s ease both; animation: moveFromRight .6s ease both; opacity: 1; visibility: visible;}#galOverlay .galImg.moveToRight, .tGrid .moveToRight { -webkit-animation: moveToRight .6s ease both; animation: moveToRight .6s ease both; opacity: 1; visibility: visible;}#galOverlay .galImg.moveFromLeft, .tGrid .moveFromLeft { -webkit-animation: moveFromLeft .6s ease both; animation: moveFromLeft .6s ease both; opacity: 1; visibility: visible;}#galOverlay .galImg .mid, .contentGallery .galImg .mid { display: inline-block; width: 1px; height: 100%; margin-left: -1px; vertical-align: middle;}#galOverlay .media-wrapper { display: inline-block; width: 99%; max-width: 99%; vertical-align: middle;}#galOverlay .galImg img, .contentGallery .galImg img { display: inline-block; width: auto; max-width: 90%; height: auto; max-height: 90%; box-shadow: 0 0 150px rgba(255, 255, 255, 0.2); vertical-align: middle;}#galOverlay .galImg .media-wrapper img, .contentGallery .galImg .media-wrapper img { display: block; margin: 0 auto;}#galOverlay .galImg .media-wrapper audio, .contentGallery .galImg .media-wrapper audio { display: block; margin: 0 auto;}#galOverlay #vidImg img { opacity: 0; visibility: hidden;}#galOverlay #vidImg #player { position: relative; display: inline-block; width: 90%; height: 0; padding: 0 0 50.7%; vertical-align: middle;}.contentGallery #vidImg #player { position: relative; display: inline-block; width: 100%; height: 0; padding: 0 0 50%; vertical-align: middle;}#galOverlay #vidImg .video-container { position: relative; display: inline-block; width: 90%; height: 0; padding: 0 0 56.25%; background: #111111 url(loader.gif) center center no-repeat; vertical-align: middle; z-index: 5;}#galOverlay #vidImg .video-container iframe, .contentGallery #vidImg .video-container iframe,#galOverlay #vidImg .video-container video, .contentGallery #vidImg .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}#galOverlay #vidImg #player object, .contentGallery #vidImg #player object { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}#galOverlay .galImg .text { position: absolute; right: 15%; bottom: -200%; left: 15%; padding: 0 0 15px; color: #ffffff; color: rgba(255,255,255,0.7); -webkit-transition: all 0.6s; transition: all 0.6s;}.csstransforms3d #galOverlay .galImg .text { bottom: 0; -webkit-transform: translateY(200%); transform: translateY(200%);}.contentGallery .text { position: relative; width: 100%; text-align: center; padding: 15px 0; color: #ffffff; color: rgba(255,255,255,0.7);}#galOverlay .galImg .text.view { bottom: 0;}.csstransforms3d #galOverlay .galImg .text.view { -webkit-transform: translateY(0); transform: translateY(0);}#galOverlay .loader { position: absolute; display: block; top: 50%; left: 50%; width: 32px; height: 32px; margin: -26px 0 0 -26px; border-radius: 2px; padding: 10px; background: rgb(20,20,20) url(loader.gif) center center no-repeat; background: rgba(0,0,0,0.7) url(loader.gif) center center no-repeat; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 10;}#galOverlay .loader.hide { opacity: 0; z-index: -1;}.no-opacity #galOverlay .loader.hide { visibility: hidden;}/* --- OVERLAY NAV --- */#galOverlay nav { position: absolute; top: 50%; width: 60px; height: 100px; padding: 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer; z-index: 2;}#galOverlay nav.prev { left: 0;}#galOverlay nav.next { right: 0;}#galOverlay nav.disabled { opacity: 0.3; cursor: default;}#galOverlay nav.hide { opacity: 0;}.no-opacity #galOverlay nav.hide { visibility: hidden;}#galOverlay nav span { position: relative; display: block; width: 80%; height: 80%; margin: 10% 0 0 10%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size: 4em; line-height: 1;}#galOverlay .next span { -webkit-transform: rotate(180deg); transform: rotate(180deg);}#galOverlay nav span:before, #galOverlay nav span:after { content: ""; position: absolute; left: 25%; width: 4px; height: 50%; background: #ffffff; backface-visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}#galOverlay nav span:before { -webkit-transform: translate(-50%,0) rotate(40deg); transform: translate(-50%,0) rotate(45deg); -webkit-transform-origin: 0 100% 0; transform-origin: 0 100% 0;}#galOverlay nav span:after { top: 50%; -webkit-transform: translate(-50%,0) rotate(-40deg); transform: translate(-50%,0) rotate(-40deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0;}.no-touch #galOverlay nav:hover span:before, .no-touch #galOverlay nav:hover span:after { background: #ba010b;}/* --- CONTENT GALLERY NAV --- */.contentGallery .galNav { position: relative; width: 100%; margin: 20px 0; padding: 0; list-style-type: none; text-align: center;}.contentGallery .galNav li { position: relative; display: inline-block; margin: 0; padding: 0;}.contentGallery .galNav a { position: relative; display: block; width: 45px; height: 45px; margin: 0 10px; padding: 10px; background-color: rgb(20,20,20); background-color: rgba(20,20,20,0.5);}.contentGallery .galNav span { position: relative; display: block; width: 80%; height: 80%; margin: 10% 0 0 10%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size: 2em; line-height: 1; color: #ffffff;}.csstransforms .contentGallery .galNav span i { display: none;}.csstransforms .contentGallery .galNav .next span { -webkit-transform: rotate(180deg); transform: rotate(180deg);}.csstransforms .contentGallery .galNav span:before, .csstransforms .contentGallery .galNav span:after { content: ""; position: absolute; left: 25%; width: 4px; height: 50%; background: #ffffff; backface-visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}.csstransforms .contentGallery .galNav span:before { -webkit-transform: translate(-50%,0) rotate(40deg); transform: translate(-50%,0) rotate(45deg); -webkit-transform-origin: 0 100% 0; transform-origin: 0 100% 0;}.csstransforms .contentGallery .galNav span:after { top: 50%; -webkit-transform: translate(-50%,0) rotate(-40deg); transform: translate(-50%,0) rotate(-40deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0;}.contentGallery .galNav a:hover span, .contentGallery .galNav a:hover span { color: #ba010b;}.csstransforms.no-touch .contentGallery .galNav a:hover span:before, .csstransforms.no-touch .contentGallery .galNav a:hover span:after { background: #ba010b;}.video-overlay { position:fixed; top:0; right:0; bottom:0; left:0; background:#000000; z-index:1; overflow: hidden; visibility: hidden;}.video-overlay.show { visibility: visible; z-index: 500;}.video-overlay.scaleUp { z-index: 500; visibility: visible; -webkit-animation: scaleUp .6s ease both; animation: scaleUp 0.6s ease both;}.video-overlay.scaleDown { -webkit-animation: scaleDown .6s ease both; animation: scaleDown .6s ease both;}.video-overlay.drop { -webkit-animation:drop 0.7s 0s ease-in-out; animation:drop 0.7s 0s ease-in-out;}.video-overlay.hide { -webkit-animation: scaleDown .6s ease both; animation: scaleDown .6s ease both;}.video-overlay > div { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; z-index:1;}.video-overlay #yt-player { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0;}.video-overlay video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition:opacity 0.3s; transition:opacity 0.3s;}.video-overlay.show video { opacity: 1;}.video-overlay .close { position: absolute; right: 15px; top: 15px; width: 26px; height: 26px; background: transparent url(sprite-icons.png) 0 -440px no-repeat; cursor: pointer; z-index: 505; -webkit-transition: all 0.3s; transition: all 0.3s;}.video-overlay .close:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}.video-overlay .close span { position:absolute; top:8px; right:45px; border-radius:30px; padding:7px 10px 6px; background:#ECECEC; background:rgba(255,255,255,0.9); opacity:0; font-size:1em; line-height:1.25em; -webkit-transition:opacity 0.3s; transition:opacity 0.3s;}.video-overlay .close:hover span { opacity:1;}.video-overlay .loader { position:absolute; display:block; top:50%; left:50%; width:32px; height:32px; margin:-26px 0 0 -26px; border-radius: 2px; padding:10px; background:rgb(255,255,255) url(loader.gif) center center no-repeat; background:rgba(255,255,255,0.9) url(loader.gif) center center no-repeat;}@-webkit-keyframes scaleUp {	0% { opacity: 0; -webkit-transform: scale(.8); }	100% { opacity: 1; -webkit-transform: scale(1); }}@keyframes scaleUp {	0% { opacity: 0; transform: scale(.8); }	100% { opacity: 1; transform: scale(1); }}@-webkit-keyframes scaleDown {	0% { opacity: 1; -webkit-transform: scale(1); }	100% { opacity: 0; -webkit-transform: scale(.8); }}@keyframes scaleDown {	0% { opacity: 1; transform: scale(1) translate3d(0,0,0); }	100% { opacity: 0; transform: scale(.8) translate3d(0,20%,0); }}@-webkit-keyframes drop { 0% { -webkit-transform: translate3d(0,-100%,0); } 20% { -webkit-transform: translate3d(0,0,0); } 40% { -webkit-transform: translate3d(0,-7%,0); } 60% { -webkit-transform: translate3d(0,0,0); } 80% { -webkit-transform: translate3d(0,-2%,0); } 100% { -webkit-transform: translate3d(0,0,0); }}@keyframes drop { 0% { transform: translate3d(0,-100%,0); } 20% { transform: translate3d(0,0,0); } 40% { transform: translate3d(0,-7%,0); } 60% { transform: translate3d(0,0,0); } 80% { transform: translate3d(0,-2%,0); } 100% { transform: translate3d(0,0,0); }}/* -- JQUERY TOOLS ---------------------------------*//* --- NEWS TABS --- */nav.newsTabs { position:relative; display:block; float:left; width:100%;}nav.newsTabs h1 { float:left; margin:5px 0 0 10px; font-size:1.25em; line-height:1.25em;}#index nav.newsTabs ul { display:none; width:auto; padding-left:0; float:right; overflow: visible; overflow: initial;}#index nav.newsTabs ul li { display:inline; width:auto; border:0; padding:0;}#index nav.newsTabs ul li a { padding:8px; font-size:1.15em; line-height:1.25em; color:#666666;}#index nav.newsTabs ul li a.current { color:#ba010b;}#index nav.newsTabs ul li a:hover, #index nav.newsTabs ul li a:active { color:#FC1924;}/* -- SPLASH HEADER --------------------------------*//* --- TIMELINE NAVIGATION --- */#tSlider { position:relative; width:100%; padding:15px 0 20px; clear:both;}#tSlider nav { position:relative; width:92%; margin:0 auto; overflow:hidden;}#tSlider .items { position:relative; width:300%; clear:both;}/* --- SLIDE --- */.sItem { position:relative; display:block; float:left; width:7.8333%; height:0; margin:0 0.25%; border:1px solid #dddddd; border-radius: 2px; padding:0 0 5.5%; background:#ffffff url(verlauf_right_265.gif) bottom left repeat-x; overflow:hidden; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}.sItem .sImg { position:absolute; display:block; top:8px; right:8px; bottom:33px; left:8px; overflow:hidden;}.sItem .sImg img { position:relative; display:block; width:100%; height:auto;}.sItem .sPlay { position:absolute; top:0; right:0; bottom:26%; left:0; background:transparent url(vidPlay-100.png) center no-repeat; opacity:0.5; -webkit-transition:opacity 0.3s, bottom 0.3s; transition:opacity 0.3s, bottom 0.3s;}.sItem .sText { position:absolute; display:block; top:64%; right:8px; bottom:33px; left:8px; padding:8px 0 0; background:#f7f7f6; background:rgba(249,249,249,1); color:#333333; -webkit-transition:top 0.3s; transition:top 0.3s; overflow:hidden;}.no-opacity .sItem .sText { top:61%;}.sItem .sTitle { display:block; padding:0 5px 0 0; font-size:1em; line-height:1.25em; color:#ba010b; overflow:hidden; vertical-align:text-bottom;}.sItem .sDate { display:inline-block; width:auto; font-size:0.85em; line-height:1.25em; cursor:pointer; vertical-align:text-bottom;}.sItem .sDesc { position:relative; display:block; padding:2px 0 0; opacity:0; font-size:0.95em; line-height:1.25em; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto;}.no-opacity .sItem .sDesc { visibility:hidden;}.sItem .sMedia { position:absolute; display:block; right:8px; bottom:8px; height:20px; text-align:right;}.sItem .sMedia span { position:relative; display:inline-block; height:20px; margin:0 5px; background-image:url(sprite-icons.png); background-repeat:no-repeat;}.sItem .sMedia .imgY { width:24px; background-position:-330px -439px;}.sItem .sMedia .imgN { width:24px; background-position:-280px -439px;}.sItem .sMedia .audY { width:20px; background-position:-330px -483px;}.sItem .sMedia .audN { width:20px; background-position:-280px -483px;}.sItem .sMedia .vidY { width:18px; background-position:-330px -525px;}.sItem .sMedia .vidN { width:18px; background-position:-280px -525px;}.sItem:hover { text-decoration:none;}.sItem:hover .sText, .sItem:active .sText { top:44%;}.sItem:hover .sDesc, .sItem:active .sDesc { opacity:1;}.no-opacity .sItem:hover .sDesc .no-opacity .sItem:active .sDesc { visibility:visible;}.sItem:hover .sPlay, .sItem:active .sPlay { bottom:45%; opacity:0.9;}/* --- NAV BUTTONS --- */#tSlider .custom { position:absolute; display:block; top:50%; left:0; width:14px; height:22px; margin-top:-27px; border-radius:0 40px 40px 0; padding:20px 20px 20px 10px; background:#EEEEEE; -webkit-transition:background 0.3s; transition:background 0.3s; cursor:pointer; z-index:1;}#tSlider .next { right:0; left:auto; border-radius:40px 0 0 40px; padding:20px 10px 20px 20px;}#tSlider .custom.disabled { background:#F7F7F7; cursor:default;}#tSlider .custom:hover { background:#dddddd;}#tSlider .custom.disabled:hover { background:#F7F7F7; cursor:default;}#tSlider .custom span { position:relative; display:block; width:14px; height:22px; background-color:transparent; background-image:url(sprite-icons.png); background-position:-280px -160px; background-repeat:no-repeat; opacity:0.7; -webkit-transition:opacity 0.3s; transition:opacity 0.3s;}#tSlider .next span { background-position:-300px -160px;}#tSlider .custom:hover span { opacity:1; background-position:-280px -100px;}#tSlider .next:hover span { background-position:-300px -100px;}#tSlider .custom.disabled span { opacity:0.3; cursor:default;}#tSlider .custom.disabled:hover span { background-position:-280px -160px; opacity:0.3;}#tSlider .next.disabled:hover span { background-position:-300px -160px; opacity:0.3;}/* -- INDEX ----------------------------------------*//* --- STANDARDS --- */#index { position:relative; float:left; width:100%; margin:10px 0;}#index .loader { position:absolute; display:none; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,0.6);}#index ul, .mapIndex { position:relative; display:block; margin:0; padding:0; list-style-type:none;}#index li, .mapIndex li { position:relative; display:block; padding:0;}#index a, .mapIndex a { position:relative; display:block; color:#333333; text-decoration:none; font-weight:normal;}.no-opacity #index a:after, .no-opacity .mapIndex a:after { content: ""; position: relative; display: block; width: 100%; clear: both;}#index a:after, .mapIndex a:after { content: ""; position: relative; display: block; width: 100%; clear: both;}#index span, .mapIndex span { position:relative; display:block; cursor:pointer; text-decoration:none;}#index .infiscroll a { text-align:center; padding:15px 0; -webkit-transition:color 0.3s; transition:color 0.3s;}#index .infiscroll span { display:inline-block; width:16px; height:16px; margin-right:5px; background:transparent url(sprite-icons.png) -59px -642px no-repeat; vertical-align:middle;}#index .infiscroll a:hover, #index .infiscroll a:active { color:#ba010b;}#index .infiscroll a:hover span, #index .infiscroll a:active span { background-position:-119px -642px;}#index .infiscroll.changing span { background:transparent url(loader-small.gif) 0 0 no-repeat;}/* -- Einspaltig mit Bild -- */#ixNews { position:relative; border:1px solid #dddddd; border-radius: 2px; padding:0; background:#ffffff url(verlauf_right.gif) bottom left repeat-x; clear:both; overflow:hidden;}#ixNews.padTop { margin-top:5px;}#ixNews p { margin:10px;}#ixNews li { width:100%; border-top:1px solid #dddddd;}.no-opacity #ixNews li:after { content: ""; position: relative; display: block; width: 100%; clear: both;}#ixNews li:after { content: ""; position: relative; display: block; width: 100%; clear: both;}#ixNews li:first-child { border:0;}#ixNews a { padding:8px; background:transparent; color:#333333; text-decoration:none; font-weight:normal; -webkit-transition:background 0.3s; transition:background 0.3s;}#ixNews .news-top { background: #ba010b; color:#ffffff;}#ixNews .news-cat, #ixNews .news-type { position: absolute; display: none; top: 0; left: 0; max-width: 292px; padding: 8px; background: #ba010b; color:#ffffff; z-index: 1;}#ixNews .news-top .news-cat { display: block;}#ixNews .ixImg { float:left; width:200px; height:133px; margin:0 16px 0 0; text-align:center; overflow:hidden;}#ixNews .ixImg img { display:block; width:100%; height:auto;}#ixNews .col2 { margin-left:216px;}#index .ixTitle, .mapIndex .ixTitle { padding:0 0 5px; color:#ba010b; font-size:1.3em; line-height:1.25em;}#ixNews .news-top .ixTitle { color:#ffffff;}#index.prr .ixTitle, .mapIndex .ixTitle { font-size:1.1em; line-height:1.25em;}#index .ixDate, .mapIndex .ixDate { width:auto; padding:0 0 5px; font-size:0.85em; line-height:1.25em;}#index .ixDesc, .mapIndex .ixDesc { color:#333333;}#ixNews .news-top .ixDesc { color:#ffffff;}#index.prr .ixDesc { font-size:0.95em; line-height:1.25em;}#index .ixMore, .mapIndex .ixMore { display:block; padding:5px 0 0; color:#ba010b; -webkit-transition: color 0.3s; transition: color 0.3s; font-size:0.95em; line-height:1.25em;}#ixNews .news-top .ixMore { color:#ffffff;}#index a:hover, #index a:active { background:#e8e8e8; color:#333333; text-decoration:none;}#ixNews .news-top:hover, #ixNews .news-top:active { background: #8F0009; color:#ffffff;}/* --- Dreispaltig mit Bild ohne Desc --- */#index .index3 li { float:left; width:31.866667%; margin:1.1%; border:1px solid #dddddd; border-radius: 2px; padding:8px; background:#ffffff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}#index .index3 .small1 { margin-left:0;}#index .index3 .small3 { margin-right:0;}#index .index3 a { overflow:hidden;}#index .index3 .ixImg { width:100%; height:0; margin:0; padding:0 0 67%; overflow:hidden;}#index .index3 .ixImg img { position:absolute; display:block; top:0; left:0; width:100%; height:auto;}#index .index3 .ixTitle { position:absolute; right:0; bottom:0; left:0; padding:5px 30px 5px 5px; background:transparent url(pixel-white-80.png) top left repeat; background:rgba(255,255,255,0.8); font-size:1.1em; line-height:1.25em; color:#333333;}#index .index3 .ixMore { position:absolute; bottom:-30px; right:6px; width:auto; font-size:2.5em; line-height:1em; -webkit-transition: bottom 0.3s; transition: bottom 0.3s;}#index .index3 a:hover, .index3 a:active { background:#ffffff; text-decoration:none;}#index .index3 a:hover .ixTitle, #index .index3 a:active .ixTitle { text-decoration:none;}#index .index3 a:hover .ixMore, #index .index3 a:active .ixMore { bottom:0; text-decoration:none;}/* --- DOTS --- */#index .navDots { margin:5px 5px 0 0; text-align:center;}#index .navDots a { display:inline-block; width:8px; height:8px; margin-left:5px; padding:8px; background:transparent; outline:none;}#index .navDots a:hover, #index .navDots a:active { background:transparent;}#index .navDots a span { width:8px; height:8px; border-radius: 50%; background:#e8e8e8; -webkit-transition: background 0.3s; transition: background 0.3s; outline:none;}#index .navDots a:hover span, #index .navDots a:active span { background:#dddddd; background:rgba(0,0,0,0.7);}#index .navDots a.active span { background:#ba010b;}/* --- MAP INDEX --- */#map-wrapper .mapIndex { padding:0 0 60px;}#map-wrapper .mapIndex li { margin:5px 0; border-left:3px solid transparent; padding:5px; -webkit-transition:background 1.0s, border 0.5s; transition:background 1.0s, border 0.5s;}#map-wrapper .mapIndex li.active { border-left:3px solid #BA010B;}#map-wrapper .mapIndex li:hover { background:#E8E8E8; cursor:pointer;}#map-wrapper .mapIndex li.active:hover { background:transparent;}/* --- PROJECT TABS? --- */.startTabPanes { position:relative; float:left; width:100%; overflow:visible;}.no-opacity .startTabPanes { border:1px solid #e8e8e8;}.startTabPanes .panes { position:relative; display:block; border:1px solid #dddddd; border-radius: 2px 0 2px 2px; padding:8px; background:#ffffff url(verlauf_right.gif) bottom left repeat-x;}.no-opacity #ixMedia:after { content: ""; position: relative; display: block; width: 100%; clear: both;}#ixMedia:after { content: ""; position: relative; display: block; width: 100%; clear: both;}.startTabPanes #ixProjects { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}.startTabPanes h2 { margin: 25px 0 5px 10px; font-size:1.25em; line-height:1.25em; clear:both;}#ixMedia div { position:relative; display:block; float:left; width:100%; padding:10px 0;}#ixMedia div span { position:relative; display:block; float:left; width:185px; max-width:30%; margin:0 10px 0 0; border:1px solid #dddddd; border-radius: 2px; padding:2px; background:#ffffff;}#ixMedia div span img { display:block; width:100%; height:auto;}#ixMedia div .last { margin:0;}#ixMedia a { position:relative; float:right; width:auto; height:18px; margin:10px 0 0 0; border:1px solid #D9D9D9; border-radius: 2px; padding:0 6px 1px 7px; background:#EFEFEF; cursor:pointer; color:#ba010b;}#ixMedia a:hover, #ixMedia a:active { background:#F1E0E1; background:rgba(167, 1, 10, 0.1);}/* -- GOOGLE MAP -----------------------------------*//* --- FIND DEPOT --- */#middle { overflow:hidden;}.plcs { min-width:250px; padding:0 0 10px 0;}#map-wrapper { position:relative; width:100%; overflow:hidden; background:url(projects-default.jpg) center center no-repeat;}.mapBlocker { position:absolute; top:0; right:0; bottom:0; left:0; padding:200px 0 0 0; background-color:rgb(255,255,255); background-color:rgba(255,255,255,0.6); background-image:url(loader.gif); background-position:center; background-repeat:no-repeat; font-weight:bold; font-size:1.1em; line-height:1.25em; text-align:center; z-index:11;}#map_canvas { height:650px; width:100%; line-height:normal;}#map_canvas.low { height:350px;}.startTabPanes #map_canvas { height:450px;}#map_info { position:absolute; top:0; bottom:0; right:-15%; width:15%; padding:0; background:#FFFFFF; -webkit-transition:right 0.3s, box-shadow 0.3s; transition:right 0.3s, box-shadow 0.3s; z-index:10;}#map-wrapper .iWrap { position:absolute; top:0; right:0; bottom:0; left:0; padding:10px 10px 15px 10px; overflow-y:auto; -webkit-transition:opacity 0.3s; transition:opacity 0.3s;}#map-wrapper .changing .iWrap { opacity:0.5;}#map_article .iWrap > *:last-child { margin-bottom:60px;}.iWrap hgroup, .iWrap .hgroup { position:relative; top:auto; left:auto; max-width:100%; margin:0 0 10px;}.iWrap hgroup h1, .iWrap .hgroup h1 { font-size:4em; line-height:1.05em; text-shadow:none;}.iWrap hgroup h2, .iWrap .hgroup h2 { text-shadow:none;}.iWrap .SBwrap { display:none;}.iWrap div.ZMSGraphic { max-width:40%;}.iWrap div.ZMSGraphic.right { margin-left:16px;}.iWrap div.ZMSGraphic.left { margin-right:16px;}.iWrap div.ZMSGraphic div.text p { -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto;}.iWrap #pjList { border:0; border-radius:0; background:transparent; padding:0;}.iWrap #pjList .listWrap { border:0;}.iWrap #pjList .left, .iWrap #pjList .right { width:100%; border-top:1px solid #dddddd; padding-right:0;}.iWrap #pjList .noBdr .left { border-top:0;}#map-wrapper .mapBtn { position:absolute; top:20px; right:-100px; width:46px; height:46px; border:1px solid #999999; border-right:0; border-radius:2px 0 0 2px; background-color:#ffffff; background-image:-moz-linear-gradient(top, #ffffff, #EEEEEE); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#EEEEEE)); background-image:-webkit-linear-gradient(top, #ffffff, #EEEEEE); background-image:-o-linear-gradient(top, #ffffff, #EEEEEE); background-image:linear-gradient(to bottom, #ffffff, #EEEEEE); box-shadow:0 1px 4px -1px rgba(0, 0, 0, 0.3); font-size:1.8em; line-height:1.25em; text-align:center; cursor:pointer;}#map-wrapper .mapBtn span { display:block; width:26px; height:26px; padding:10px; background:transparent url(sprite-icons.png) -350px -150px no-repeat; cursor:pointer;}#map-wrapper .mapBtn span:hover { background-position:-350px -90px;}#map-wrapper .mapOverlay { position:absolute; display:block; top:20px; right:0; width:250px; border:1px solid #BBBBBB; border-right:0; border-radius:2px 0 0 2px; padding:10px 10px 0 10px; background:#FFFFFF; box-shadow:0 1px 4px -1px rgba(0, 0, 0, 0.3);}#map-wrapper #ovMsg { top:290px; right:-400px; border-color:#920109; padding-top:15px; background-color:#ba010b; background-image:-moz-linear-gradient(top, #ba010b, #A9010A); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ba010b), to(#A9010A)); background-image:-webkit-linear-gradient(top, #ba010b, #A9010A); background-image:-o-linear-gradient(top, #ba010b, #A9010A); background-image:linear-gradient(to bottom, #ba010b, #A9010A); color:#ffffff;}#map-wrapper .mapOverlay p:first-child { margin-top:0;}#map-wrapper .mapOverlay .close { position:absolute; top:-10px; left:-10px; width:28px; height:28px; background:transparent url(sprite-icons.png) 0 -440px no-repeat; cursor:pointer;}#map-wrapper .mapOverlay .close:hover { background-position:-50px -440px;}.mapOverlay h2 { margin-top:5px;}.zipSearch { display:block; float:left; width:100px; height:36px; margin-bottom:10px; border-right:0; border-radius:2px 0 0 2px; padding:1px 3px; color:#666666; font-size:2em; line-height:1.25em;}#btnZip { float:left; width:26px; height:26px; margin-bottom:10px; border:1px solid #920109; border-radius:0 2px 2px 0; padding:4px 6px; background-color:#ba010b; background-image:-moz-linear-gradient(top, #ba010b, #A9010A); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ba010b), to(#A9010A)); background-image:-webkit-linear-gradient(top, #ba010b, #A9010A); background-image:-o-linear-gradient(top, #ba010b, #A9010A); background-image:linear-gradient(to bottom, #ba010b, #A9010A); cursor:pointer; overflow:hidden;}#btnZip span { display:block; width:22px; height:22px; padding:2px; background:transparent url(sprite-icons.png) -358px -218px no-repeat; cursor:pointer;}#btnZip input { position:relative; visibility:hidden;}#map-wrapper #sNote { clear:both; color:#ffffff;}/* --- COUNTRY INFO --- */#map_country, #map_project, #map_article { position:absolute; top:0; bottom:0; right:-35%; width:35%; padding:0; background:#FFFFFF; -webkit-transition:right 0.3s, box-shadow 0.3s; transition:right 0.3s, box-shadow 0.3s; z-index:10;}#map-wrapper .close { position:absolute; top:10px; right:10px; font-family:'Lucida Console', Arial, sans-serif; font-size:1.7em; line-height:1.2em; font-weight:bold; color:#CCCCCC; text-align:center; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.4); -webkit-transition:color 0.3s, text-shadow 0.3s; transition:color 0.3s, text-shadow 0.3s; cursor:pointer;}#map-wrapper .close:hover { color:#C42126; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(193, 149, 150, 0.6);}#map_project { width:42%; right:-42%; z-index:9;}#map_article { width:50%; right:-50%; z-index:8;}#map_country.active, #content > #map-wrapper #map_country.active { right:0; box-shadow:0 0 5px #999999;}#map_country.hiding, #content > #map-wrapper #map_country.hiding { right:-30%; box-shadow:0 0 5px #999999;}#map_country.hiding.hover, #content > #map-wrapper #map_country.hiding.hover { right:-15%;}#map_project.active, #content > #map-wrapper #map_project.active { right:5%; box-shadow:0 0 5px #999999;}#map_project.hiding, #content > #map-wrapper #map_project.hiding { right:-30%; box-shadow:0 0 5px #999999;}#map_project.hiding.hover, #content > #map-wrapper #map_project.hiding.hover { right:-20%;}#map_article.active, #content > #map-wrapper #map_article.active { right:12%; box-shadow:0 0 5px #999999;}#map_article.hiding, #content > #map-wrapper #map_article.hiding { right:-50%; box-shadow:0 0 5px #999999;}#map_article.changing, #content > #map-wrapper #map_article.changing { right:-25%; box-shadow:0 0 5px #999999;}#map-wrapper .activity { position:absolute; display:none; top:9px; left:-43px; width:22px; height:22px; border-radius:2px 0 0 2px; padding:11px; background-color:#ffffff; box-shadow:-3px 0 3px -1px rgba(0, 0, 0, 0.3); cursor:pointer; z-index:10;}#map-wrapper .changing .activity { background:#ffffff url(loader.gif) center center no-repeat;}#map-wrapper .activity span { position:relative; display:inline-block; left:0; width:22px; height:22px; background:transparent url(sprite-icons.png) -278px -160px no-repeat; -webkit-transition:left 0.3s; transition:left 0.3s;}#map-wrapper .active .activity span { background-position:-200px -160px; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s;}#map-wrapper .activity:hover span { left:-5px; background-position:-278px -100px;}#map-wrapper .active .activity:hover span { left:0; background-position:-200px -100px; -webkit-transform:rotate(90deg); transform:rotate(90deg);}#map-wrapper .changing .activity span { background:transparent;}/* --- PROJECT DESC --- */#map_project .projDesc { position:relative; height:auto; margin:0 0 15px; padding:0; overflow:hidden;}#map_project .projDesc.hide { height:300px; padding:0 0 31px;}.projDesc .readMore { position:absolute; display:none; bottom:0; left:0; width:100%; height:25px; border-top:1px solid #dddddd; background:#ffffff; cursor:pointer;}.projDesc .readMore span { position:absolute; top:0; right:20px; width:auto; height:15px; padding:5px; background:#dddddd; color:#333333; font-size:11px; line-height:1.25em; -webkit-transition:background 1.0s, color 1.0s; transition:background 1.0s, color 1.0s;}.projDesc .readMore span:hover { background:#AAAAAA; color:#333333;}.projDesc p:first-child { margin-top:0;}.iWrap div.graphic a.zoom span { display:none;}/* --- STANDARDS --- */#map { position:relative; margin:0;}#RP { display:inline; width:100%;}#directionsPanel { clear:both;}#RP span.input { float:left; width:69%; padding:0 1% 0 0; background:transparent;}#RP span.submit { float:left; width:30%; padding:0; background:transparent;}#RP input { float:left; width:100%;}	#RP input.btn { float:right; width:100%; margin:0;}#RP #directionsPanel table.adp-placemark { border:1px solid #666666; background:#e8e8e8;}#RP .adp-step, #RP .adp-stepicon, #RP .adp-substep { border-top:1px solid #666666;}/* -- PROJECT PAGE ---------------------------------*//* --- PROJECT LIST (GMH) --- */#pjList { margin-bottom:20px; border:1px solid #dddddd; border-radius: 2px; padding:0 10px; background:#ffffff url(verlauf_right.gif) bottom left repeat-x; clear:both;}#pjList .listWrap { border-top:1px solid #dddddd; overflow:auto;}#pjList .noBdr { border:0;}#pjList .left, #pjList .right { position:relative; display:inline-block; width:46.5%; padding:10px 0; vertical-align:top;}#pjList .left { padding-right:5%;}#pjList div span { display:block; padding:0 0 1px;}#pjList div span.pjTitle { padding:0 0 10px; font-weight:bold;}/* --- PROJECT INDEX (BESIDE MAP IN HEADER) --- */#pjIndex { position:relative; float:left; width:280px; padding:0 0 0 10px;}#pjIndex h1 { margin:0; color:#333333; font-size:1.5em; line-height:1.25em;}#pjIndex ul { padding-left:0; list-style-type:none; overflow: visible; overflow: initial;}/* --- SELECT COUNTRY TEASER --- */#pjSelCountry { position:relative; height:150px; margin:0 0 20px; border:1px solid #dddddd; border-radius: 2px; background:#ffffff url(map-small.jpg) center no-repeat; clear:both;}#pjSelCountry nav { position:relative; width:206px; height:30px; margin:18px auto 0; border:1px solid #dddddd; border-radius: 2px; padding:0; background:#ffffff url(sprite-icons.png) 172px -694px no-repeat; color:#333333;}#pjSelCountry nav h1 { position:absolute; top:3px; left:12px; margin:0; padding:0; color:#333333; font-size:1.3em; line-height:1.25em; text-align:left;}#pjSelCountry ul { position:absolute; opacity:0; top:-5px; left:-1px; width:206px; height:120px; border:1px solid #dddddd; border-radius: 2px 0px 0px 2px; padding:0; background:#ffffff; color:#333333; overflow-y:scroll; list-style-type:none; -webkit-transition:opacity 0.3s; transition:opacity 0.3s;}.no-opacity #pjSelCountry ul { visibility:hidden;}#pjSelCountry li { padding:0; color:#333333;}#pjSelCountry nav:hover ul { opacity:1;}.no-opacity #pjSelCountry nav:hover ul { visibility:visible;}#pjSelCountry li a { display:block; padding:3px 0 3px 7px; background:transparent; -webkit-transition:background 0.3s; transition:background 0.3s;}#pjSelCountry li a:hover, #pjSelCountry li a:active { background:#DDDDDD; text-decoration:none;}.pjNav h1 { margin:0; padding:5px 10px; font-size:1.1em; line-height:1.25em; text-align:left; color:#333333;}.pjNav ul li { padding:3px 0;}.pjNav ul li a.active span { font-weight:bold;}/* -- SPONSORS -------------------------------------*/.sponsors { margin:10px 0; padding:0; list-style-type:none;}.sponsors li { display:block; float:left; width:23.35%; margin:2.2% 1.1%; padding:0;}.sponsors li.med1 { margin-left:0; clear:both;}.sponsors li.med4 { margin-right:0;}.sponsors span { display:block; padding:0 0 3px; font-size:0.9em; line-height:1.25em; color:#999999; -webkit-transition:color 0.3s; transition:color 0.3s;}.sponsors li:hover span { color:#333333;}.sponsors .img { padding-bottom:5px;}.sponsors img { display:block; width:100%; height:auto;}.sponsors .title { font-weight:bold;}/* --- PARTNER SLIDER --- */.sSponsors { position:relative; width:100%; background:#f7f7f6; clear:both; overflow:hidden;}.sSponsors h1 { display:inline-block; width:20%; margin:0; padding:0 0 0 2%; vertical-align:middle; font-size:1.8em; line-height:1.25em; color:#999999;}.sSponsors h1 a { color:#999999; text-shadow:1px 1px #ffffff; -webkit-transition:color 0.3s; transition:color 0.3s; text-decoration:none;}.sSponsors h1 a:hover, .sSponsors h1 a:active { color:#ba010b;}.sSponsors nav { position:relative; display:inline-block; width:75%; vertical-align:middle; overflow:hidden;}.sSponsors nav.noJS .items { width:100%;}.sSponsors nav a { position:relative; display:block; float:left; width:12%; margin:20px 2%;}.sSponsors nav a img { display:block; width:100%; height:auto;}/* -- CATEGORY LISTING -----------------------------*//* --- CATEGORY INDEX - SINGLE --- */#ixCategory { position:relative; width:100%; -webkit-columns:286px 3; /* Safari and Chrome */ -moz-columns:286px 3; /* Firefox */ columns:286px 3; -webkit-column-gap:40px; /* Safari and Chrome */ -moz-column-gap:40px; /* Firefox */ column-gap:40px; margin-top:30px;}.catCtry { position:relative; display:inline-block; -webkit-box-sizing:border-box; /* Safari */ -moz-box-sizing:border-box; /* Firefox */ box-sizing:border-box; width:100%; margin:0 0 20px;}#contentW .boxFull.catCtry { float:none; width:100%; padding:5px;}.catCtry a.ixTitle { font-size:1.05em; line-height:1.25em; font-weight:bold;}.no-opacity .catCtry ul { overflow:auto; overflow: visible; overflow: initial;}.no-opacity .catCtry li { float:left; width:272px; padding-right:30px;}.catCtry .catCtry li a { color:#333333;}.catCtry li a:hover, .catCtry li a:active { color:#ba010b;}/* --- CATEGORY INDEX - ALL --- */#tabCat ul { position:relative; max-width:800px; margin:0 auto; padding:20px 0; list-style-type:none; text-align:center; overflow: visible; overflow: initial;}#tabCat li { display:inline-block; width:auto; padding:10px; vertical-align:middle;}#tabCat li.size1 { vertical-align:super;}#tabCat li.size2 { vertical-align:bottom;}#tabCat a { display:block; width:auto; line-height:1.25em;}#tabCat li.size0 a { font-size:1.2em; line-height:1.25em;}#tabCat li.size1 a { font-size:1.4em; line-height:1.25em;}#tabCat li.size2 a { font-size:1.6em; line-height:1.25em;}#tabCat li.size3 a { font-size:1.8em; line-height:1.25em;}#tabCat li.size4 a { width:260px; font-size:2.0em; line-height:1.25em;}#tabCat li.size5 a { font-size:2.2em; line-height:1.25em;}#tabCat li.size6 a { font-size:2.4em; line-height:1.25em;}#tabCat li.size7 a { font-size:2.6em; line-height:1.25em;}#tabCat li.size8 a { font-size:2.8em; line-height:1.25em;}#tabCat li.size9 a { font-size:3.0em; line-height:1.25em;}#tabCat span { display:inline-block; padding:0 5px 5px;}/* -- NEWSLETTER -----------------------------------*//* --- Newsletter CSS --- */.nl_subForm {border:solid 1px #888888; padding:10px; background:#FDF6F6;}.nl_subForm form {margin:0;}.nl_subForm label {float:left; width:110px; font-size:12px; padding:3px 0 0 0;}.nl_subForm select {float:left; margin:0;}.nl_subForm input {float:left; width:300px; margin:0;}.nl_subForm input.inBtn {float:left; width:100px; height:24px; margin:0 0 0 110px;}table#bodyTable tr td {font-family:'Lucida Grande', Helvetica, Tahoma, Verdana, Arial, sans-serif; font-size:13px; line-height:1.25em; color:#666666; letter-spacing:0px;}h1.nl {margin:0; padding:0; color:#DA251C; font-size:16px; line-height:20px;}h2.nl, h2.nl a {color:#666666; font-size: 12px; font-weight:bold;}#bodyTable a {color: #666666; font-weight:bold; text-decoration: none; letter-spacing:0px;}#bodyTable .greeting a {color: #DA251C;}#bodyTable td.copyright a.two {font-weight:normal; color:#DA251C;}#bodyTable a:hover, #bodyTable a:active {text-decoration: underline;}td.nlContainer {padding:3px 10px 10px 10px;}td.nlContent {border:2px solid #CCCCCC; padding:4px 10px 10px 10px;}td.seeEmailLink {padding:20px 0 0 110px;}td.headerImage {padding:5px 0 10px 0;}td.indexLinks {padding:0 0 12px 0;}td.indexLinks span {color:#DA251C; font-weight:bold;}td.indexLinks a {font-size:12px; color: #FFFFFF; font-weight:bold;}td.greeting {padding:10px 0;}td.greeting p {}td.teaserLine {padding:10px 0;}td.teaserLine hr {margin:0; border:0; border-bottom:1px solid #E9E9E9;}td.teaserTwo {padding:10px; background:#FBE9E8;}td.teaserBlack {border:3px solid #000000; padding:7px;}td.teaserImage {padding:0 10px 0 0;}td.category {padding:0 0 10px 0; color:#999999;}td.teaserTop {padding:0 0 3px 0;}td.teaserLineTwo {padding:5px 0 0 0;}td.teaserText {vertical-align:top;}td.teaserText h2, td.teaserTextBlue h2 {margin:0;}td.teaserText p, td.teaserTextBlue p {margin:11px 0;}td.donLine {border-right:1px solid #CCCCCC; padding:0 10px 0 0;}td.donLinks {padding:5px 0 0 7px; vertical-align:middle; text-align:center;}td.copyright {padding:5px 110px 5px 100px; font-size:9px;}td.copyright table tr td {padding:0 0 10px 10px; vertical-align:top;}td.copyright table tr td p {margin:0; padding:0 0 0 0; font-size:9px; line-height:11px;}td.copyright table tr td.addMargin p {margin:5px 0;}td.copyright table tr td.teaserLine {padding:0 0 10px 0;}td.copyright table tr td.teaserLine hr {margin:0 3px 0 8px; border:0; border-bottom:1px solid #CCCCCC;}.scaleDown { -webkit-animation: scaleDown .7s ease both; animation: scaleDown .7s ease both;}.scaleUp { -webkit-animation: scaleUp .6s ease both; animation: scaleUp .6s ease both;}.moveToLeft { -webkit-animation: moveToLeft 0.6s ease both; animation: moveToLeft 0.6s ease both;}.moveFromRight { -webkit-animation: moveFromRight 0.6s ease both; animation: moveFromRight 0.6s ease both;}.moveToRight { -webkit-animation: moveToRight 0.6s ease both; animation: moveToRight 0.6s ease both;}.moveFromLeft { -webkit-animation: moveFromLeft 0.6s ease both; animation: moveFromLeft 0.6s ease both;}.fadeIn { -webkit-animation: fadeIn 0.2s ease both; animation: fadeIn 0.2s ease both;}/* --- ANIMATIONS --- */@-webkit-keyframes moveToLeft { 0% { -webkit-transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); }}@keyframes moveToLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); }}@-webkit-keyframes moveFromLeft { 0% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); }}@keyframes moveFromLeft { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); }}@-webkit-keyframes moveToRight { 0% { -webkit-transform: translateX(0); } 100% { -webkit-transform: translateX(100%); }}@keyframes moveToRight { 0% { transform: translateX(0); } 100% { transform: translateX(100%); }}@-webkit-keyframes moveFromRight { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0); }}@keyframes moveFromRight { 0% { transform: translateX(100%); } 100% { transform: translateX(0); }}@-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; }}@keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; }}@-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; }}@keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; }}@-webkit-keyframes fadeInText { 0% { -webkit-transform: translate3D(0,50px,0); opacity:0; } 100% { -webkit-transform: translate3D(0,0,0); opacity:1; }}@keyframes fadeInText { 0% { transform: translate3D(0,50px,0); opacity:0; } 100% { transform: translate3D(0,0,0); opacity:1; }}@-webkit-keyframes fadeOutText { 0% { opacity: 1; } 100% { opacity: 0; }}@keyframes fadeOutText { 0% { opacity: 1; } 100% { opacity: 0; }}@-webkit-keyframes scaleDown { 0% { opacity: 1; -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(.8); }}@keyframes scaleDown { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.8); }}@-webkit-keyframes scaleUp { 0% { opacity: 0; -webkit-transform: scale(.8); } 100% { opacity: 1; -webkit-transform: scale(1); }}@keyframes scaleUp { 0% { opacity: 0; transform: scale(.8); } 100% { opacity: 1; transform: scale(1); }}/* -- SCREEN SIZES ---------------------------------*//* --- 50% HOMEPAGE --- */@media (min-width:1200px) { #webS #page { width:90%; max-width:100%; } #webS #content { margin:0; padding:0; } #webS #right { width:100%; margin:20px 0; } #webS #toTop { display:none; } div#teaser { margin:0; } #webS div.ZMSTeaserElement { float:left; width:24.25%; min-height:190px; margin-right:1%; } #webS div.ZMSTeaserElement:last-child { margin-right:0; } #webS #index { float:left; width:49.5%; margin-right:0.5%; } #webS .projTabs { width:49.5%; margin:5px 0 10px 0.5%; } #webS .before-content { padding-right: 50%; } #webS .hgroup { margin: 7% 0; } #webS .teaser-support { display: none; margin:20px 0 40px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:40px 0 40px 135px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } #webS .before-content .teaser-support { position: absolute; display: block; right: 0; bottom: 0; width: 50%; margin: 0; border-top: 0; border-bottom: 0; padding: 0; } #webS .teaser-support .main { display:inline-block; width:45%; border:0; text-align:center; } #webS .before-content .teaser-support .main { display: block; width: 100%; text-align: right; } #webS .teaser-support .main a { padding: 0; font-family: 'Open Sans Condensed'; font-size: 4em; line-height: 1.05; text-transform: none; } #webS .before-content .teaser-support .main a { padding: 0; font-size: 2.4em; } #webS .teaser-support .sub { width:55%; display:inline-block; border:0; background:transparent; text-align:center; } #webS .before-content .teaser-support .sub { display: block; width: auto; text-align: right; } #webS .teaser-support .sub a { display:inline-block; width:27%; margin:0 2%; border:1px solid #dddddd; border-radius: 2px; padding:12px 0; background:rgba(0,0,0,0.05); color:#ba010b; font-size:1em; line-height:1.25em; text-align:center; vertical-align:middle; } #webS .before-content .teaser-support .sub a { width: auto; margin: 2% 0 0 3%; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; padding: 10px 15px; background: #ba010b; color: #ffffff; } #webS .teaser-support .sub a:hover, #webS .teaser-support .sub a:active { background: rgba(0,0,0,0.1); } #webS .before-content .teaser-support .sub a:hover, #webS .before-content .teaser-support .sub a:active { background: #ffffff; color: #ba010b; } #webS .before-content .teaser-support .sub .icon { background-image: url(sprite-icons2.png); -webkit-transition: all 0.2s; transition: all 0.2s; } #webS .before-content .teaser-support .sub .icon:after { content: ""; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; background-image: url(sprite-icons2.png); background-repeat: no-repeat; opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s; } #webS .before-content .teaser-support .sub a:hover .icon:after, #webS .before-content .teaser-support .sub a:active .icon:after { opacity: 1; } #webS .before-content .teaser-support .sub .icon-donate { background-position: -280px -745px; } #webS .before-content .teaser-support .sub .icon-donate:after { background-position: -330px -710px; } #webS .before-content .teaser-support .sub .icon-sponsor { background-position: -280px -675px; } #webS .before-content .teaser-support .sub .icon-sponsor:after { background-position: -330px -640px; } #webS .before-content .teaser-support .sub .icon-volunteer { background-position: -280px -605px; } #webS .before-content .teaser-support .sub .icon-volunteer:after { background-position: -330px -570px; } #webS .teaser-support .tLogo { right:auto; left:1%; bottom:20px; -webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -ms-transform:rotate(-15deg); -o-transform:rotate(-15deg); transform:rotate(-15deg); } #webS .before-content .teaser-support .tLogo { display: none; }}/* --- NORMAL SCREEN SIZES --- */@media (max-width:1440px) { .sItem { padding:0 0 6%; } .sItem:hover .sText, .sItem:active .sText { top: 38%; } .sItem:hover .sPlay, .sItem:active .sPlay { bottom:60%; }}@media (max-width:1300px) { .sItem .sText { top:60%; } .sItem .sTitle { display:inline; }}@media (max-width:1240px) { header { width:94%; }}@media (max-width:1200px) { #tSlider .items { width:400%; } .sItem .sTitle { display:block; }}@media (max-width:1025px) { /* --- Gallery - resize --- */ .tGrid .tImg, .galVid { width: 23.5%; } .tGrid .tImg:nth-of-type(5n + 1), .vGrid .galVid:nth-of-type(5n + 1) { margin-left: 1%; clear: none; } .tGrid .tImg:nth-of-type(5n), .vGrid .galVid:nth-of-type(5n) { margin-right: 1%; } .tGrid .tImg:nth-of-type(4n + 1), .vGrid .galVid:nth-of-type(4n + 1) { margin-left: 0; clear: left; } .tGrid .tImg:nth-of-type(4n), .vGrid .galVid:nth-of-type(4n) { margin-right: 0; } header { width:100%; } #page { width:98%; } #content { margin:0 -270px 0 0; padding:0 270px 0 10px; } hgroup, .hgroup { margin-left:10px; margin-right:10px; } #logoGrad { right:16px; width:686px; background-image:url(logo-gradient-left.png); } .logoHUM { padding-right:0; } #menu { padding-left:1%; } #right { width:240px; } footer { width:96%; } .sSponsors nav a { width:15%; margin:20px 2.5%; } footer .search { width:220px; } footer .donate { width:145px; right:0; } footer .qLinks nav { padding-right:235px; } footer .metanav { padding-right:235px; } div.ZMSTeaserElement div.text { clear:both; } #ixNews .ixImg { width:35%; height:auto; margin:0 8px 5px 0; } #ixNews .col2 { margin-left:0; } #content > #map-wrapper #map_country { right:-40%; width:40%; } #content > #map-wrapper #map_country.hiding { right:-35%; } #content > #map-wrapper #map_project { right:-55%; width:55%; } #content > #map-wrapper #map_project.hiding { right:-43%; } #content > #map-wrapper #map_article { right:-65%; width:65%; } #content > #map-wrapper #map_article.hiding { right:-65%; } .sItem .sTitle { display:inline; } .col1Full .iWrap hgroup h1, .col1Full .iWrap .hgroup h1 { font-size:3em; line-height:1.05em; }}@media (max-width: 900px) { footer hr { display:none; } footer .qInfo { width:40%; } footer .coop { width:90%; } footer section.coop h1 { margin-bottom:10px; } footer section.coop a { float:left; margin-bottom:10px; } footer section.coop a.logoBR { margin-top:10px; margin-left:20px; } #tSlider nav { width:100%; } #tSlider .items { width:600%; } .sItem .sText { top:66%; } .sItem .sTitle { display:block; } #index .index3 li { width:48.9%; } #index .index3 .small1 { margin-left:1.1%; clear:none; } #index .index3 .small3 { margin-right:1.1%; } #index .index3 .odd { margin-left:0; clear:both; } #index .index3 .even { margin-right:0; } .sponsors li { width:31.83333%; } .sponsors li.med1 { margin-left:1.1%; clear:none; } .sponsors li.med4 { margin-right:1.1%; } .sponsors li.small1 { margin-left:0; clear:both; } .sponsors li.small3 { margin-right:0; }}@media (max-width: 850px) { #menu { margin-top:-70px; } #menu ul li a { height:18px; padding:9px 12px 2px; font-size:1.05em; line-height:1.25em; }}@media (max-width: 800px) { #top { position: fixed; top: 0; right: 0; left: 0; border-bottom: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255,0.95); } header { height: 55px; margin: 0; } #page, footer { width: auto; margin: 0; padding: 0 10px; } #mediaContent { width:auto; margin:0; padding:0; } footer { padding-bottom:30px; } #media { margin-top:55px; } #content, .col1 #content { margin:0; padding:0 0 20px; } #toTop { display:none; } #right { width:100%; margin:0; } #translate { right:0; left:auto; background:transparent; } .sTrigger { display:inline-block; vertical-align:top; } #logoGrad { display:none; } header .logoHUM { display: inline-block; width: 128px; height: 45px; padding: 5px 2% 5px 0; } #menu, #right .macronav, footer section.metanav, .navArchive, header .translate { display:none; } #middle { margin-top:55px; } #webS #middle { margin-top:0; } .projButtons { display:none; } .sSponsors h1 { display:block; width:auto; padding:10px 0 5px 10px; } .sSponsors nav { display:block; width:auto; padding:0 10px 10px; } .sSponsors nav a { width:21%; margin:10px 2%; } hgroup, .hgroup { margin-left:0; margin-right:0; } .col1Full hgroup, .col1Full .hgroup { top:50px; max-width:30%; } .col1Full .iWrap hgroup, .col1Full .iWrap .hgroup { top:auto; max-width:100%; } hgroup h1, .hgroup h1 { -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto; } .col1Full hgroup h1, .col1Full .hgroup h1 { font-size:2.7em; line-height:1.05em; } .col1Full .iWrap hgroup h1, .col1Full .iWrap .hgroup h1 { font-size:2em; line-height:1.05em; } footer .search { display:none; } footer .qLinks nav { padding-right:0; } footer .qInfo { width:90%; padding-right:0; padding-left:15px; } footer .qInfo h1 { margin-top:25px; } footer .qInfo a { display:inline-block; width:auto; padding:5px 10px 5px 0; } footer .donate { position:relative; top:auto; right:auto; width:auto; padding-left:15px; } footer section.coop a { margin-left:5px; } .teaser-support { margin:30px 0 20px; } .teaser-support .main a { padding-right:22%; text-align:center; } .teaser-support .sub { border:1px solid #dddddd; border-top:0; border-radius:0 0 2px 2px; } .teaser-support .sub a { display:inline-block; width:26%; height:20px; border-right:1px solid #dddddd; padding:14px 0; font-size:1em; line-height:1.25em; text-align:center; } .teaser-support .tLogo { right:-10px; bottom:-10px; } #teaser { padding-top:20px; overflow:auto; -webkit-columns:2 230px; -moz-columns:2 230px; -ms-columns:2 230px; -o-columns:2 230px; columns:2 230px; -webkit-column-gap:10px; -moz-column-gap:10px; -ms-column-gap:10px; -o-column-gap:10px; column-gap:10px; } #teaser div.ZMSTeaserElement { float: none; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -ms-column-break-inside:avoid; -o-column-break-inside:avoid; column-break-inside:avoid; display:inline-block; width:100%; margin:0 0 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } div.ZMSTeaserElement div.title { margin-top:0; padding:0 0 8px; text-transform:none; overflow:visible; white-space:normal; text-overflow:inherit; } div.ZMSTeaserElement div.text { clear:none; } #index { margin:20px 0; } #index .index3 li { width:32%; margin:1%; } #index .index3 .odd { margin-left:1%; clear:none; } #index .index3 .even { margin-right:1%; } #index .index3 .small1 { margin-left:0; clear:both; } #index .index3 .small3 { margin-right:0; } .sponsors li { width:32%; margin:1%; } .sponsors li.med1 { margin-left:1%; clear:none; } .sponsors li.med4 { margin-right:1%; } .sponsors li.odd { margin-left:1%; clear:none; } .sponsors li.even { margin-right:1%; } .sponsors li.small1 { margin-left:0; clear:both; } .sponsors li.small3 { margin-right:0; } #searchForm { display:block; } #index nav.navTabs { display:none !important; } .js-tabs-container .js-tabs-nav { display: none; } .js-tabs-container .js-tabs-pane { display: block; } .js-tabs-container .js-tabs-pane h2 { display: block; } .projTabs h1, #index h1.tabTitle { margin-left:0; } #ixNews { margin:0; border:0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; border-radius:0; padding:0; background:transparent; } #ixNews a { padding:10px 0; } #ixNews .ixImg { width:30%; } .ZMSGraphic .graphic a.zoom span { display: none; } #content > #map-wrapper #map_country { right:-60%; width:60%; } #content > #map-wrapper #map_country.hiding { right:-55%; } #content > #map-wrapper #map_project { right:-75%; width:75%; } #content > #map-wrapper #map_project.hiding { right:-63%; } #content > #map-wrapper #map_article { right:-80%; width:80%; } #content > #map-wrapper #map_article.hiding { right:-80%; } .donation { padding: 15px 0 75px; } /* --- GALLERY NAV ARROWS --- */ .tGrid.tArrows .galPage { width: 100%; } .navArrows { position: relative; top: auto; right: auto; bottom: auto; left: auto; height: 100px; text-align: right; } .navArrows a { position: relative; display: inline-block; top: auto; -webkit-transform: translate(0,0); transform: translate(0,0); vertical-align: middle; } .navArrows .prev { left: auto; } .navArrows .next { right: auto; }}/* --- GALLERY --- */@media (max-width:800px) and (orientation:portrait) { #galOverlay nav { top:auto; bottom:10px; width:45px; height:45px; padding:10px; background:rgba(20,20,20,0.5); opacity:1; } #galOverlay nav.next { right:50%; margin-right:-65px; } #galOverlay nav.prev { left:50%; margin-left:-65px; } #galOverlay nav span { position:relative; top:auto; width:25px; height:25px; margin:0; background-color:rgba(255,255,255,0.2); } #galOverlay .next span { right:auto; background-position:-223px -68px; } #galOverlay .prev span { left:auto; background-position:-143px -68px; } a:hover span.galZoom, a:active span.galZoom { opacity:0; } .no-opacity a:hover span.galZoom, .no-opacity a:active span.galZoom { visibility:hidden; }}@media (max-width:800px) and (orientation:landscape) {}@media (max-width: 650px) { .col1Full hgroup, .col1Full .hgroup { position:relative; top:auto; left:auto; max-width:100%; margin:10px; } .col1Full .iWrap hgroup, .col1Full .iWrap .hgroup { margin:0 0 10px; } .col1Full hgroup h1, .col1Full .hgroup h1 { font-size:2.3em; line-height:1.05em; text-shadow:none; } .col1Full hgroup h2, .col1Full .hgroup h2 { text-shadow:none; } #map-wrapper { border-top:1px solid #dddddd; } #map_canvas { height:500px; }}@media (max-width: 600px) { hgroup h1, .hgroup h1 { font-size:4.5em; line-height:1.05em; } #ixNews .ixImg { width:40%; } #index .index3 li { width:49%; margin:1%; } #index .index3 .small1 { margin-left:1%; clear:none; } #index .index3 .small3 { margin-right:1%; } #index .index3 .odd { margin-left:0; clear:both; } #index .index3 .even { margin-right:0; } .sponsors li { width:49%; margin:1%; } .sponsors li.small1 { margin-left:1%; clear:none; } .sponsors li.small3 { margin-right:1%; } .sponsors li.odd { margin-left:0; clear:both; } .sponsors li.even { margin-right:0; } /* --- Gallery - resize --- */ .tGrid .tImg, .galVid { width: 32%; } .tGrid .tImg:nth-of-type(4n + 1), .vGrid .galVid:nth-of-type(4n + 1) { margin-left: 1%; clear: none; } .tGrid .tImg:nth-of-type(4n), .vGrid .galVid:nth-of-type(4n) { margin-right: 1%; } .tGrid .tImg:nth-of-type(3n + 1), .vGrid .galVid:nth-of-type(3n + 1) { margin-left: 0; clear: left; } .tGrid .tImg:nth-of-type(3n), .vGrid .galVid:nth-of-type(3n) { margin-right: 0; } .gallery-item { width: 49%; } .media-gallery .gallery-item:nth-of-type(3n + 1) { margin-left: 1%; clear: none; } .media-gallery .gallery-item:nth-of-type(3n) { margin-right: 1%; } .media-gallery .gallery-item:nth-of-type(2n + 1) { margin-left: 0; clear: left; } .media-gallery .gallery-item:nth-of-type(2n) { margin-right: 0; } #tSlider { padding:0; } #tSlider .items { width:1200%; } .sItem { width:8.333%; height:auto; margin:0; border:0; border-radius:0; padding:8px; background:transparent; } .sItem .sImg { position:relative; float:left; top:auto; right:auto; bottom:auto; left:auto; width:40%; margin:0 8px 8px 0; } .sItem .sPlay { bottom:0; } .sItem:hover .sPlay, .sItem:active .sPlay { bottom:0; } .sItem .sText { position:relative; top:auto; right:auto; bottom:auto; left:auto; padding:0 0 33px; background:transparent; overflow:visible; } .sItem:hover .sText, .sItem:active .sText { top:auto; } .sItem .sTitle { padding:0; font-size:1.1em; line-height:1.25em; } .sItem .sDate { display:block; padding:2px 0 0; } .sItem .sDesc { opacity:1; } #tSlider .custom { display:none; } .teaser-support .tLogo { bottom:0; }}/* --- SMARTPHONES QUERFORMAT --- */@media (max-width: 500px) { header .logo { width:100px; } #sTrigger { top:0; left:0; margin:0; } header .logoHUM { width:100px; height:34px; } #middle, #media { margin-top:51px; } #webS #middle { margin-top:0; } .sSponsors nav a { width:29%; } .conForm div { width:100%; } .conForm .l { padding-right:0; } .conForm .double1 { padding-bottom:15px; } .conForm .double1, .conForm .double2 { width:100%; margin:0; } .teaser-support .main a { padding:0 8px 2px 8px; text-align:left; } .teaser-support .sub a { display:block; width:auto; height:auto; padding:8px 10px; text-align:left; }}@media (max-width: 450px) { footer .copyright { width:auto; } footer .qLinks { margin:0; } footer .qInfo { padding-left:0; } footer .donate { padding-left:0; } #ixNews .ixDesc { clear:both; } .ZMSGraphic.floatleft.imgwidth, .ZMSGraphic.floatleft.imgwidth0, .ZMSGraphic.floatleft.imgwidth1, .ZMSGraphic.floatleft.imgwidth2, .ZMSGraphic.floatright.imgwidth, .ZMSGraphic.floatright.imgwidth0, .ZMSGraphic.floatright.imgwidth1 { float: none; width:100%; margin:15px 0; } .ZMSGraphic.imgwidth .graphic, .ZMSGraphic.imgwidth0 .graphic, .ZMSGraphic.imgwidth1 .graphic { width: 100%; } .ZMSGraphic.left .graphic, .ZMSGraphic.right .graphic { float: none; margin-right: 0; } .ZMSGraphic.none.top.imgwidth .text, .ZMSGraphic.none.top.imgwidth0 .text, .ZMSGraphic.none.top.imgwidth1 .text, .ZMSGraphic.center.imgwidth .text, .ZMSGraphic.center.imgwidth0 .text, .ZMSGraphic.center.imgwidth1 .text { width: 100%; } .thumbTab.left, .thumbTab.right { width:100%; margin:15px 0; } .gallery-item { width: 100%; margin: 1% 0; } .media-gallery .gallery-item:nth-of-type(3n + 1) { margin-left: 0; clear: none; } .media-gallery .gallery-item:nth-of-type(3n) { margin-right: 0; }}@media (max-width: 400px) { .sponsorFamily .btn { float:none; margin:20px 0 0 0; } #map_country, #content > #map-wrapper #map_country { right:-98%; width:98%; } #map_country.hiding, #content > #map-wrapper #map_country.hiding { right:-93%; } #map_project, #content > #map-wrapper #map_project { right:-93%; width:93%; } #map_project.hiding, #content > #map-wrapper #map_project.hiding { right:-81%; } #map_article, #content > #map-wrapper #map_article { right:-86%; width:86%; } #map_article.hiding { right:-86%; } #map-wrapper .active .activity { top:0; right:0; left:0; width:auto; height:14px; border-bottom:1px solid #e8e8e8; padding:10px; background:#f7f7f6; border-radius:0; box-shadow:none; text-align:center; } #map-wrapper .active .activity span { width:12px; height:14px; } #map-wrapper .active .activity span { background-position:-240px -160px; } #map-wrapper .active .activity:hover span { background-position:-240px -100px; } .col1Full .iWrap hgroup, .col1Full .iWrap .hgroup { margin-top:30px; } .iWrap hgroup h1, .col1Full .iWrap hgroup h1, .iWrap .hgroup h1, .col1Full .iWrap .hgroup h1 { font-size:1.7em; line-height:1.05em; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto; } .iWrap hgroup p, .iWrap .hgroup p { -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto; }}@media (max-width: 375px) { #index .index3 li { width:100%; margin:10px 0; } #index .index3 .small1, #index .index3 .small3, #index .index3 .even, #index .index3 .odd { margin-right:0; margin-left:0; } .sponsors li { width:100%; margin:10px 0; } .sponsors li.med1, .sponsors li.med4, .sponsors li.small1, .sponsors li.small3, .sponsors li.even, .sponsors li.odd { margin-right:0; margin-left:0; } /* --- Gallery - resize --- */ .tGrid .tImg, .galVid { width: 49%; } .tGrid .tImg:nth-of-type(3n + 1), .vGrid .galVid:nth-of-type(3n + 1) { margin-left: 1%; clear: none; } .tGrid .tImg:nth-of-type(3n), .vGrid .galVid:nth-of-type(3n) { margin-right: 1%; } .tGrid .tImg:nth-of-type(2n + 1), .vGrid .galVid:nth-of-type(2n + 1) { margin-left: 0; clear: left; } .tGrid .tImg:nth-of-type(2n), .vGrid .galVid:nth-of-type(2n) { margin-right: 0; }}/* --- SMARTPHONES PORTRAIT --- */@media (max-width: 325px) {}/* -- OUTDATED BROWSER -----------------------------*//*!--------------------------------------------------------------------STYLES "Outdated Browser"Version: 1.0.1 - 2014author: Burocratikwebsite: http://www.burocratik.com* @preserve-----------------------------------------------------------------------*/#outdated { position: fixed; display:none; top:0; left:0; width:100%; background-color:#ba010b; color:#ffffff; text-align:center; text-transform:uppercase; z-index:1500;}* html #outdated { position: absolute;}#outdated h6 { margin:30px 0 15px; font-size:1.5em; line-height:1.25em; color:#ffffff;}#outdated p { font-size:0.85em; line-height:1.25em; color:#ffffff;}#outdated #btnUpdateBrowser { position:relative; display:inline-block; width:auto; margin:0 auto 30px; border:2px solid #ffffff; padding:10px 20px; color:#ffffff; text-decoration:none; cursor:pointer;}#outdated #btnUpdateBrowser:hover { background-color:#ffffff; color:#ba010b;}#outdated #btnCloseUpdateBrowser { position:absolute; display:block; right:15px; top:15px; text-decoration:none; color:#ffffff; font-size:2em; line-height:1.25em;}/****************************************************//* 8. CSS-Modul: PRINT *//****************************************************/body.print { width:90%; padding:0 5%; font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,Geneva,sans-serif; font-size:0.9em; line-height:1.25em;}.printOnly { visibility:hidden; display:none;}body.print h2 {margin-bottom:0;}body.print h3 {margin-top:0;}body.print p.emphasis { margin:21px; border:1px solid #dddddd; background:#ffffff; box-shadow:none;}body.print div.graphic a.zoom span { display:none;}a.printLabel { display:inline-block; width:auto; margin:10px 10px 0 0; border:1px solid #CCCCCC; border-radius: 2px; padding:3px 5px 2px; background-color:#ffffff; background-image:-moz-linear-gradient(top, rgba(0,0,0,0.01), rgba(0,0,0,0.2)); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.01)), to(rgba(0,0,0,0.2))); background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.01), rgba(0,0,0,0.2)); background-image:-o-linear-gradient(top, rgba(0,0,0,0.01), rgba(0,0,0,0.2)); background-image:linear-gradient(to bottom, rgba(0,0,0,0.01), rgba(0,0,0,0.2)); font-size:0.8em; line-height:1.25em; text-shadow:1px 1px rgba(255,255,255,0.5); color:#333333; text-decoration:none; vertical-align:top;}.no-opacity a.printLabel { background-color:#e8e8e8;}a.printLabel:hover, a.printLabel:active { background-image:-moz-linear-gradient(top, rgba(0,0,0,0.04), rgba(0,0,0,0.25)); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.04)), to(rgba(0,0,0,0.25))); background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.04), rgba(0,0,0,0.25)); background-image:-o-linear-gradient(top, rgba(0,0,0,0.04), rgba(0,0,0,0.25)); background-image:linear-gradient(to bottom, rgba(0,0,0,0.04), rgba(0,0,0,0.25));}.no-opacity a.printLabel:active { background-color:#CCCCCC;}a.printLabel span { display:inline-block; width:15px; height:15px; margin:0 5px 0 0; background:transparent url(sprite-icons.png) -430px -160px no-repeat; vertical-align:middle;}a.printMe { position:relative; display:inline-block; float:right; width:auto; height:20px; border:1px solid #dddddd; border-radius: 2px; margin:20px; padding:6px 11px; background:#ffffff url(verlauf_right.gif) 0 -50px repeat-x; font-size:1.1em; line-height:1.2em; text-shadow:0 1px 2px #ffffff;}@media print { html {background:transparent;} body#web { float:none !important; display:inline; font-size:14pt;} #top, header {height:10px;} #micronav {float:none !important;width:90%;padding:0 5%;} #content {float:none !important;width:90%;padding:0 5%;} #logoGrad, .logoHUM, #metanav, #menu, #procNav, #right, #bottom, .SB, .SBwrap {display:none !important;} .printOnly { visibility:visible !important; display:block !important; float:none;} .noPrint { display: none; } .conForm .form, .conForm .depot {background:transparent;} .conForm input { width:300px; height: 23px; font-size:14pt; background:transparent !important;} .conForm textarea { width:600px !important; font-size:14pt;} a.printMe {display:none;}}/****************************************************//* 9. ZMI Management Interface *//****************************************************/.cmsTxtColorStrong0 { color: #436976; }.cmsTxtColorStrong1 { color: #666666; }.cmsBgColorStrong0 { background-color: #8CABB9; }.cmsBgColorStrong1 { background-color: #CCCCCC; }.cmsBgColorMedium0 { background-color: #DDE6EC; }.cmsBgColorLight0 { background-color: #FFFFFF; }div.ZMSTable table th { background-color:#DDEFFC; }div.ZMSTable table td { background-color:#EEEEEE; }.zmiTableRowEven {background-color:#eee;}.zmiTableRowOdd {background-color:#ccc;}.form-submit { font-size:12px; }body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, body.zmi h5, body.zmi h6 { font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,Geneva,sans-serif; font-weight:bold; font-size:15px; line-height:1.25em;} body.zmi p, body.zmi li, body.zmi blockquote { font-family:'Open Sans','Lucida Grande',Helvetica,Verdana,Arial,Geneva,sans-serif; font-size:13px; line-height:1.25em;} body.zmi form input,body.zmi form select, body.zmi form textarea { margin:1px; padding:1px; box-shadow:none; background:#ffffff;}/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- * +- Body * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */span.unicode { font-family:"Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif; }span.highlight { background-color:transparent; border:none; }body.zmi div.placement { display:inline-block; width:122px; height:82px; padding:5px 15px 5px 0; background-color:transparent; background-image:url(sprite-textPos-images.gif); background-repeat:no-repeat;}body.zmi div.pos0 { background-position:0 5px;}body.zmi div.pos1 { background-position:0 -101px;}body.zmi div.pos2 { background-position:0 -207px;}body.zmi div.pos3 { background-position:0 -313px;}