/**
 * BVMED CSS
 * 1.14.1       2022-02-10 MF
 *              Consenttool-CSS
 * 1.14.0       2022-01-20 MD
 *              - CSS-Anpassung für eassi
 * 1.9.0        2019-03-11  MF
 *              - CSS-Anpassung für Shop-online-Button #content .artikel-veranstaltung .order-event.order-event-top
 * 1.8.1        2018-08-08 JoH
 *              - Bestellprozess, Schritt 2: Felder Strasse/Hausnummer und Plz/Ort passen nun in eine Zeile
 * 1.8.0        2018-08-07 JeH
 *              Zusatzfelder im Bereich des Warenkorbs .agb-box ausgerichtet. Button #content .shoppingCart .buttons .light ebenfalls
 * 1.7.0        2017-01-26 GvG
 *              letzte Aendung Rueckgaening gemacht, dafue #content .artikel div > object ein display:block vergeben
 * 1.6.0        2017-01-26 GvG
 *              Abstand Copyright erhoeht
 * 1.5.0        2017-01.26 MD
 *              #content .artikel div > object angepasst
 * 1.4.0        2016-07-29  VZ
 *              - 'back-to-area' wurde auch bie 'MitgliederListe' verwendet
 *              - 'back-to-area' wurde bie 'Mitglied' angepasst
 *              - Styles fuer Produktsuche
 * 1.3.0        2016-02-12  HE
 *              - Ueberschrift des Teaser Block von category zu h1 geaendert und passende Anstaende ergaenzt
 * 1.2.0        2015-12-08  GvG
 *              - letztes Element der Jobboerse soll aufgrund der nun auch unten zu sehenden Pagination keinen Border haben
 * 1.1.1        2015-11-17  GvG
 *              - unnoetiges Komma entfernt
 * 1.1.0        2015-10-18  GL
 *              - Aenderungen von GvG zur JobBoerse vermerkt
 * 1.0.52       2015-07-22  CL
 *              - #search_taglist Anpassungen: Feste Hoehe der A-Tags raus, Kontrastfarbe, kleinere Schrift
 * 1.0.51       2015-03-17  HE
 *              - #content .artikel ol.contentliste,
 *                #content .liste-allgemein ol.contentliste analog zu Einrueckung 1.0.49
 * 1.0.50       2015-03-05  HE
 *              - .thesaurus-filter z-index vergeben, gegen Ueberdeckung des Filters durch TerminTeaser
 * 1.0.49       2015-02-26 MD
 *              - #content .artikel ul.contentliste,
 *                #content .liste-allgemein ul.contentliste
 *                neue Einrueckung / 1.0.49 wegen Stand im cms
 * 1.0.47       2014-07-08 GvG
 *              - #content .mediathek ul li.item .placeholder-image img breite als !important gesetzt
 * 0.0.46       2014-07-08 JH
 *              - #content .artikel, #content .teaser, #content .list mit clear both versehen
 * 0.0.45       2014-05-14 CL
 *              - Mail Link im Teaser Kontakt geaendert
 * 0.0.44       2014-05-14 CH
 *              - Change-Request - Umstellung in der Newsletter-Bestellung - Weitere Verteiler hinter Newsletter
 * 0.0.43       2014-05-07 CH
 *              - Bugfix - Mail-Alerts Buttons abbestellen sahen komisch aus
 * 0.0.42       2014-04-24 CH
 *              - Bugfix - Veranstaltung-Ansicht - Position Label Frist korrigiert
 * 0.0.41       2014-04-11 CH
 *              - Bugfix - Veranstaltung-Ansicht contentliste verhält sich wie gewohnt
 * 0.0.40       2014-04-11 CH
 *              - Bugfix - Aenderungen an site-features social-share-privacy
 * 0.0.39       2014-04-11 CH
 *              - Aenderungen an Veranstaltungen-Ansicht, gemaess Anfrage von Roman
 * 0.0.38       2014-04-10 CH
 *              - Passwort-Vergessen-Ansicht gestylt
 * 0.0.37       2014-04-10 CH
 *              - Veranstaltungen-Ansicht ist jetzt einfarbig
 *              - Flyer hat kein Margin-Bottom mehr
 * 0.0.36       2014-04-10 CH
 *              - Extranet-Rundschreiben-Suche fertig gestylt
 * 0.0.35       2014-04--- --
 *              - Nummer wurde hochgezaehlt
 * 0.0.34       2014-04-09 CH
 *              - fix Warenkorb
 * 0.0.33       2014-04-09 CH
 *              - veranstaltungs-ansicht, additionen
 * 0.0.32       2014-04-04 CH
 *              - veranstaltungs-ansicht, aenderungen 
 * 0.0.31       2014-04-04 CH
 *              - Nach struktureller Umstellung veranstaltungs-ansicht neu gestylt 
 * 0.0.30       2014-04-04 CH
 *              - Korrektur Linkunterstreichungen sowie cursor-darstellung
 * 0.0.29       2014-04-04 CH
 *              - Mail-Alerts abbestellen angepasst
 *              - Mitgliederliste Listenitems werden nun mehrzeilig eingerueckt
 * 0.0.28       2014-04-01 MD
 *              - CSS-Erweiterungen fuer Mitgliederliste
 * 0.0.27       2014-04-01 MD
 *              - qtip css-Anweisungen fuer koerpernavigation hinzugefuegt
 * 0.0.26       2014-04-01 JH
 *              - Feste Breiten fuer liste-allgemein>ul>li.item>img auskommentiert, durch 'auto' ersetzt
 *              - Margin-top fuer liste-allgemein>ul>li.item:first-child>img auskommentiert
 * 0.0.25       2014-03-29 JeH
 *              -  Layoutwechsel-Button
 * 0.0.24       2014-03-30 CH
 *              - Mitglieder-Liste-Style von Michael eingefuegt
 *              - Bugfix Extranet-Login-Button
 *              - Anpassungen Abstaende der verschiedenen Kopfelemente von Listenelementen
 *              - div category auf teaser-publikationen-kompakt padding-bottom von 18px auf 12px verringert
 *                  sowie Schriftgroessen und Abstaende angepasst
 *              - form toolbar-search feste höhe gegeben um Ueberlagerung auf iPhone zu verhindern
 *              - Fix Pagination letter
 *              - Aenderung an Pagination - faellt jetzt unter ihr Label wenn sie zu lang wird
 * 0.0.23       2014-03-29 CH
 *              - Fix Social-Media-Teaser-Mittelspalte
 *              - Korrektur Tipsy
 *              - Logo Korrektur
 *              - Fix Pagination Mitgliederliste
 *              - Fix Logo fuer Logos unterschiedlicher Hoehen - microsites - dokumentiert im Code
 *              - Fix RSS-Feed keywords div hatte kein top padding
 *              - Content-Bilder bottom margin angepasst
 *              - Liste-Allgemein-Bilder bottom margin angepasst
 *              - Fix - Extranet-Search-Button
 *              - Fix - Abstand Pagination zu dynamischem Content
 *              - Fix - Paginationsumbruch
 *              - Fix - Pagination - Verhalten verfuegbare, unverfuegbare und aktives Element
 *              - Fix - Warenkorb
 *              - Fix - Warenkorb Dateneingabeseite
 *              - Fix - Warenkorb Buttons
 *              - Fix - Galeriebild Tags
 *              - Fix - Ansicht Publikation Versatz korrigiert
 *              - Fix - Subnavi - Padding-left erhoeht
 *              - Fix - Artikelpagination hatte text-decoration underline
 *              - Fix - q-tip fuer Kalender-Flyouts
 *              - Addition - Fancybox-Style
 * 0.0.22       2014-03-28 CH
 *              - Mail-Alert - zuende gestylt
 *              - Suchleiste gefixt fuer Webkit und Chrome
 * 0.0.21       2014-03-27 JeH
 *              - Padding bei Mail-Alert Auswahlliste angepasst
 * 0.0.20       2014-03-27 JeH
 *              - Mediathek Floating akiviert und Abstand der Topnavi-Unterelemente (member) angepasst
 * 0.0.19       2014-03-27 JeH
 *              - Subteaser Padding bottom erhöht
 * 0.0.18       2014-03-27 JeH
 *              - Flyout Gruppierung
 * 0.0.17       2014-03-27 JeH
 *              - Mail Alert - Scollbar
 * 0.0.16       2014-03-21 CH
 *              - Freier Teaser subtitle nun fett
 * 0.0.15       2014-03-19 CH
 *              - Additionen Extranet
 *              - Bugfix und Erweiterung Teaser-Block
 * 0.0.14       2014-03-19 CH
 *              - verschiedene Bug-Fixes und Erweiterungen
 * 0.0.13       2014-03-18 CH
 *              - seperator um Margin erweitert
 * 0.0.12       2014-03-17 CH
 *              - Bugfix Veranstaltungen-Teaser
 *              - Bugfix Paginator nach Jahr - Anzeiger fuer das aktive Element
 *                funktioniert nun auch, wenn das aktive das erste Element ist
 *              - z-index des publikation-teaser vermindert
 *              - Erweiterung der Styles RSS-Feedlink-Generator
 * 0.0.11       2014-03-13 JH
 *              - Styles fuer SocialMediaGooglePlusTemplate
 * 0.0.10       2014-03-13 CH
 *              - Bugfixing
 *              - hinzugefuegt - Definition Extranet Dashboard-Links
 *              - hinzugefuegt - Definitionen social-media-teaser
 *              - z-index der Hauptnavigation hochgesetzt
 * 0.0.9        2014-03-12 CH
 *              - Mitgliederliste Filter gefixt
 *              - Position Bilder Liste-Allgemein gefixt
 * 0.0.8        2014-03-10 MS
 *              - CommBLUE CSS hinzugefuegt.
 * 0.0.7        2014-07-03 CH
 *              - Handling von Form-Elementen verbessert
 *              - Bild-Formatierung korrigiert
 *              - Anpassungen verschiedene Teaser
 *              - Bilderpool, Rechercheteaser
 * 0.0.6        2014-06-03 CH
 *              - Handling von Form-Elementen verbessert
 *              - Bugfix, Teaser Mittelspalte Social Media Navigation
 *              - Blockquote nachgetragen
 * 0.0.5        2013-12-04 CH
 *              - Menue geaendert, so dass einzelne Member-Item klarer von einander getrennt sind
 * 0.0.4        2013-12-04 CH
 *              - link-hover - underline eingefuegt
 * 0.0.3        2013-12-04 CH
 *              - 
 * 0.0.1        2013-11-28 MD
 *              - Implementierung, Versionierung
 */

/* CSS-definitions */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, br {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/***********Bereichdefinitionen*****************/
body {
    background: none repeat scroll 0 0 #FFFFFF;
    font-family:"Source Sans Pro", sans-serif;
    color: #383838;
    font-size: 17px;
    line-height: 25px;
    margin: 0 auto;
    padding: 0;
    vertical-align: top;
}

#container {
    background-color: #EEEEEE;
    margin: 0 auto;
    max-width: 100%;
    min-width: 1000px;
    width: 1144px;
}

#header {
    margin: 0;
    margin: 0 auto;
    max-width: 100%;
    width: 1144px;
    overflow:hidden;
    background-color:#364F81;
    max-height: 276px;
    border-bottom-width: 2px;
}

#header + .border-line{
    height: 2px;
    background: url(/static/img/header-bottom.jpg) no-repeat;
    position: relative;
    display: block;
}

#top {
    margin: 0 auto;
    width: 980px;
    height: 62px;
}

#hauptnavigation {
    //margin: 0 auto;
    //overflow: hidden;
    //width: 980px;
    float:left;
}

#breadcrump{
    clear:both;
    height: 40px;
    padding: 7px 0 0 0;
    font-size: 16px;
    margin: 0 auto;
    width:980px;
}

#outher-wrapper-content-right-left {
    margin: 0 auto;
    width: 980px;
    margin-top:25px;
}

#wrapper-content-right-left {
    margin: 0 auto;
    width: 980px;
    float: left;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: #c3c3c3;
    background-color: #fff;
}

#wrapper-content-right {
    float: right;
    margin-left: -262px;
    width: 100%;
}

#content {
    margin-left: 262px;
    margin-right: 262px;
    margin-top: 33px;
}

#shopping-cart {
    float:right;
    margin-right:27px;
    width:200px;
    margin-top:33px;
}

#content-cleaner {
    float: left;
    width: 456px;
}

#right-outer{
    margin-left:528px;
}

#right {
    float: right;
    font-size: 10.5pt;
    margin: 0 27px 50px 0;
    width: 200px;
}

#left {
    float: left;
    padding-left: 27px;
    width: 200px;
    margin-top: 33px;
}

#footer{
    background: #364f81;
    color: #fff;
}

#terminator{
    max-width:100%;
    background: #273d6a;
}


/************************************************************/

/*****************Allgemeine Definitionen********************/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

.clear {
    clear:both;
}

ol, ul {
    list-style: none outside none;
}

blockquote{
    font-style: italic;    
}

.category {
    font-weight: 500;
    letter-spacing: 1.5px;
}

.links img,
img.links {
    float: left;
    margin: 8px 15px 3px 0;
    width: 225px;
    height: auto;
}

.strong {
    font-weight: 700;
}

.kursiv{
    font-style: italic;
}

.upper {
    text-transform: uppercase;
}

.category + .upper{
    font-size: 18px;
}

.right-align{
    text-align: right;
}

.hidden{
    display: none !important;
}

.cover-line{
    border: 1px solid #a3aec6;
}

.cover-line img{
    margin:0;
}

.responsive-tablet-break{
    display: none;
}

/************************************************************/

/*******************Form-Definitions*************************/

select{
    padding-top: 2px;
    padding-bottom: 3px;
    border-color: #7b7b7b;
    border-width: 1px;
    border-style: solid;
    border-radius:5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #383838;
    margin: 0 0 10px;
    cursor: pointer;
    text-overflow: "";
    text-indent: 0.01px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: url(/static/img/dropdown-arrow.png) no-repeat 100% center;
    *background-image:none; /* turn bg image for IE7 */
    background: url(/static/img/dropdown-arrow.png) no-repeat 100% center, -webkit-linear-gradient(top, #fff, #eee);
    background: url(/static/img/dropdown-arrow.png) no-repeat 100% center, -moz-linear-gradient(top, #fff, #eee);
    background: url(/static/img/dropdown-arrow.png) no-repeat 100% center, -ms-linear-gradient(top, #fff, #eee);
    background: url(/static/img/dropdown-arrow.png) no-repeat 100% center, -o-linear-gradient(top, #fff, #eee);
    background: url(/static/img/dropdown-arrow.png) no-repeat 100% center, linear-gradient(top, #fff, #eee);
}

select::-ms-expand {
    display: none;
}

select option {
    background: #fff;
}

textarea, 
input[type=text], 
input[type=password]{
    border-color: #7b7b7b;
    border-width: 1px;
    border-style: solid;
    background: #fff;
}

input[type=text], 
input[type=password] {
    height: 24px;
    line-height: 24px;
}

input[type=submit]{
    height: 37px;
    border-width: 0px;
    border-style: none;
    color: #fff;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 18px;
    font-family:"Source Sans Pro", sans-serif;
    cursor: pointer !important;
}

/************************************************************/

/*******************Hyperlink-Definitions********************/

.topandbottomnav,
a.topandbottomnav:visited {
    text-decoration: none;
    color: #ffffff !important;
}
a.topandbottomnav:hover {
    text-decoration: underline;
}
.footer .topandbottomnav {
    font-weight: 600;
}

.footer .topandbottomnav,
.inside-sitemap .topandbottomnav {
    text-transform: uppercase;
    color: #fff;
}

a.teaser-link-button {
    color: #383838;
    text-decoration: none;
    background: #fff;
    display: inline-block;
    text-align: center;
    width: 180px;
    height: 33px;
    padding-top: 6px;
    font-size: 17px;
    font-weight: 700;
}

a.more {
    font-weight: bold;
    background-position: left center;
    background-repeat:no-repeat;
    text-decoration: none;
    padding-left: 20px;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 17px;
}

#right a.more {
    text-transform: none;
    margin-left: 0;
}

a.more:hover {
    text-decoration: none;
}

a.read-more{
    padding-right: 20px;
    background-position: right center;
    background-repeat:no-repeat;
    display: inline-block;
}

a.read-more.hidden{
    display: none;
}

#content a:link{
    font-weight: bold;
    text-decoration: none;
}

#shopping-cart .category a:link,
#shopping-cart .category a:visited,
#right .category a:link,
#right .category a:visited{
    color: #383838 !important;
    text-decoration: none;
}

a.archive{
    text-transform: none;
}

a.right-button,
a.archive,
a.left-button{
    background-repeat: no-repeat;
}

a.right-button,
a.archive{
    padding-right: 12px;
    background-position: right center;
}

a.archive{
    font-weight: 600;
    padding-left: 0px;
    margin-left: 0px;
}

a.left-button{
    padding-left: 12px;
    background-position: left center;
}

p.content + a.more,
p.video-description + a.more,
p.audio-description + a.more,
div.clear + a.more,
div.content-wrapper + a.more{
    padding-left: 33px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 0px;
    display: inline-block;
}

div.clear + a.more{
    margin-top: 9px;
}

p.content + a.more,
p.video-description + a.more,
p.audio-description + a.more,{
    margin-top: 16px;
}

#content .artikel a.back{
    background-repeat: no-repeat;
    background-position: left 7px;
    background-image: url(/static/img/back-arrow.png);
    padding-left: 16px;
    font-weight: 600;
}

#content .artikel .back-to-area a.back{
    background-image: url(/static/img/back-arrow-dark.png);
    background-position: left 9px;
}

#content div.artikel a.back:first-child{
    display: inline-block;
    margin-top: 8px;
}

#content div.artikel a.back:first-child + div.keywords{
    margin-top: 25px;
    margin-bottom: 5px;
}

a.button,
#content dl.zend_form dd input#login{
    background-repeat: no-repeat;
    height: 30px;
    width: 160px;
    display: block;
    color: #fff !important;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}

input[type="submit"].button{
    width: 240px;
    padding-left:76px;
}

a.button{
    padding-top: 7px;
}

a.button:hover{
    text-decoration:underline;
}

a.button.light,
input[type="submit"].button.light{
    background-color: #eaeaea !important;
}

input[type="submit"].button.light{
    position: relative;
    top: 1px;
}

input[type="submit"].button.with-icon,
a.button.with-icon{
    background-repeat: no-repeat;
    padding-left: 80px;
    text-align: left;
    background-position: 21px center;
}

input[type="submit"].button.back{
    background-repeat: no-repeat;
    padding-left: 40px;
    text-align: left;
    background-position: 21px center;
}

input[type="submit"].button.with-icon.download,
a.button.with-icon.download{
    background-position: 22px 7px;
}

/************************************************************/

/*******************TOP-Toolbar-Navigation*******************/

/* Toolbar Navigation */

#top ul {
    list-style-type: none;
}

#top ul li {
    float: left;
    margin-top: 23px;
    margin-right: 9px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #fff;
    line-height: 20px;
    font-size:20px;
}

#top ul li.last {                       /* additional class to surpress border/seperator for last Nav-Element in toolbar */
    border-right-style: none;
}

#top ul li a {
    margin-right: 9px;
}

#top ul li a:hover {
    text-decoration: underline;
}

#wrapper-content-right a:hover{
    text-decoration: underline;
}

#wrapper-content-right a.teaser-link-button:hover{
    text-decoration: none;
}
/************************************************************/

/*******************TOP-Toolbar-Socialmedia******************/

/* Toolbar Social-Navigation */
#top .socialmedia {
    float: right;
}

#top .socialmedia li {
    border-right-width: 0px;
    border-right-style: none;
    margin-right: 0px;
    margin-top:14px;
}

#top .socialmedia a {
    text-decoration: none;
    margin-left: 11px;
    width: 32px;
    height: 32px;
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right:0px;
    overflow: hidden;
}

/*#top .socialmedia a.rss {
    background-image: url(/static/img/button-rss-0.png);
}

#top .socialmedia a.facebook {
    background-image: url(/static/img/button-facebook-0.png);
}

#top .socialmedia a.twitter {
    background-image: url(/static/img/button-twitter-0.png);
}

#top .socialmedia a.gplus {
    background-image: url(/static/img/button-gplus-0.png);
}

#top .socialmedia a.flickr {
    background-image: url(/static/img/button-flickr-0.png);
}

#top .socialmedia a.youtube {
    background-image: url(/static/img/button-youtube-0.png);
}*/

/************************************************************/

/*******************LOGO-Logo-Keyvisual**********************/

#logo .logo {
    width: 980px;
    margin: 0 auto;
    position: relative;
    bottom: 214px; 
    height: 214px; /* Aenderung */
}

#logo .logo > a{ /* Aenderung */
    display: table-cell;
    height: 214px;
    vertical-align: middle;
}

#logo .visual {
    overflow:hidden;
}

#logo .visual img{
    float: right;
}

/************************************************************/

/*******************NAVIGATION-Navigation-Suche**************/

/* Definition of main navigation */

#topnav > li > a:link,
#topnav > li > a:visited {
    font-weight: 600;
    text-decoration: none;
}

#topnav > li:hover > a:link,
#topnav > li:hover > a:visited{
    color: #FFFFFF !important;
    margin-bottom: 0;
    padding-bottom: 11px;
    /*pointer-events: auto;             Versuch Menü Touchfähig zu machen   22 Zeilen weiter unten wieder mit einkommentieren */
}

#topnav > li.active > a:link,
#topnav > li.active > a:visited{
    color: #FFFFFF !important;
}

#topnav {
    /* no definition atm */
}

#topnav > li > a {
    border-style: solid;
    border-width: 0 0 6px;
    float: left;
    font-size: 21px;
    letter-spacing: 0.02em;
    margin: 11px 1px 4px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 7px;
    /*pointer-events: none;*/
}

/* classes defining the left and right area of Main-Nav elements */
#topnav > li.area1 > a {
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 11px;
}

#topnav > li.area2 > a {
    padding-left: 14px;
    padding-right: 13px;
}

#topnav > li.area3 > a {
    padding-left: 13px;
    padding-right: 15px;
}

#topnav > li.area4 > a {
    padding-left: 11px;
    padding-right: 14px;
}

#topnav > li.area5 > a {
    padding-left: 12px;
    padding-right: 12px;
}

/* Definitions for dynamic flyouts of mainnav */

#topnav li{
    float:left;
}
#topnav > li > div {
    position: absolute;
    display: block;
    width: 642px;
    max-width: 100%;
    z-index: 999;
    padding: 19px 19px 10px 19px;
    margin-left: -306px;
    margin-top: 63px;

    opacity: 0;
    visibility: hidden;
    overflow: hidden;

    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}

#topnav > li.area1 > div{
    margin-left: 0;
}

#topnav > li.area2 > div{
    margin-left: -112px;
}

#topnav > li.area3 > div{
    margin-left: -240px;
}

#topnav > li.area4 > div{
    margin-left: -270px;
}

#topnav > li.area5 > div{
    margin-left: -306px;
}

#topnav > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    z-index: 999;
}
#topnav .nav-column {
    float: left;
    width: 33%;
}

#topnav .nav-column ul{
    margin-right: 10px;
}

#topnav .nav-column li{
    width: 100%;
    display: block;
}

#topnav .nav-column li.head + li.head{
    margin-top: 9px;
}

#topnav .nav-column li.head + li.member{


    margin-top: 6px;
}

#topnav .nav-column li.member + li.member{
    margin-top: -5px;
}

#topnav .nav-column li.member + li.head{

    margin-top: 8px;
}

#topnav .nav-column li a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 6px;
    padding-right: 8px;
}

#topnav .nav-column li.member a {
    padding-top: 5px;
    padding-bottom: 0px;
}

#topnav .nav-column li.head a{
    font-weight: 600;
    text-transform: uppercase;
}

#topnav .nav-column li.member a{
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 8px;
}

#topnav .nav-column li.head a.active,
#topnav .nav-column li.head a:hover {
    background: #fff !important;
}

#topnav .nav-column li.member a.active,
#topnav .nav-column li.member a:hover {
    text-decoration: underline;
}

/* Definition of Searchbox in header */
#navigation-wrapper {
    width:100%;
}

#navigation {
    margin: 0 auto;
    width: 982px;
}

#toolbar_search{
    float:right;
    width:226px;
    background:#fff;
    border:1px solid #CDD1DB;
    margin-right:-1px;
    height:37px;
}

#headsearchbox {
    //clear: both;
    float: right;
    //left: 34px;
    //margin-top: -37px;
    //margin-right: 82px;
    //position: relative;
    text-align: right;
    //width: 266px;
    margin-top: 21px;
}

#headsearchbox .searchbox {
    //border-color: #CDD1DB;
    //border-style: solid;
    //border-width: 1px;
    border:none;
    float: left;
    height: 33px;
    line-height: 33px;
    margin: 0;
    width: 172px;
    padding-left:10px;
    padding-right:10px;
}

#headsearchbox .searchbutton {      /* the searchbutton is positioned relatively to be moved into the searchbox */
    background: url(/static/img/search-button-0.png) no-repeat scroll 0 5px #fff;
    //border-top: 1px solid #CDD1DB;
    //border-right: 1px solid #CDD1DB;
    //border-bottom: 1px solid #CDD1DB;
    cursor: pointer;
    height: 35px;
    //left: -35px;
    //margin: 1px 0 0;
    //position: relative;
    width: 32px;
    font-size: 0px;
    padding:0;
    //padding-left:26px;
}

#quicknaviOptions {
    background-color: rgba(0, 0, 0, 0);
    display: none;
    float: left;
    position: absolute;
    width: 228px;
    margin-left:-1px;
    z-index: 100;
    -moz-box-shadow:    0px 8px 6px -6px #bbb;
    -webkit-box-shadow: 0px 8px 6px -6px #bbb;
    box-shadow:         0px 8px 6px -6px #bbb;
}

#search_options {
    background-color: #D8DCE7;
    padding-top:5px;
    padding-bottom:5px;
    width: 228px! important;
    float:left;
    //position: relative;
    //bottom: 1px;
}

#search_options input {
    margin-top:6px;
    margin-left: 20px;
    float:left;

}

#search_options input#toolbar_tags{
    margin-left:25px;
}

#search_options label {
    float:left;

}

#search_taglist{
    height: 312px;
    background: #D8DCE7;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 228px;
    position: relative;
    //left: 4px;
    bottom: 1px;
    font-size:15px; /*1.0.52*/
}

#search_taglist ul.keywordsSelect{
    display: block;
    text-align: left;
}

#search_taglist ul.keywordsSelect li a{
    display: block;
    /*height: 30px;*/ /*1.0.52*/
    line-height: 30px;
    padding-left: 20px;
    padding-right: 2px; /*1.0.52*/
    width: 189px; /*war 100%, 1.0.52*/
    color: #000;
    text-decoration: none;
    overflow: hidden;
}

#search_taglist ul.keywordsSelect li a.color-1 {
    background-color:#c4c8e1; /*1.0.52*/
}

#search_taglist ul.keywordsSelect li a:hover{
    background: #364F81;
    color: #fff;
}

/* Definition for Breadcrump */

#breadcrump ul li a:link,
#breadcrump ul li a:visited,
#breadcrump ul li a:hover,
#breadcrump ul li span {
    font-weight: 600;
    text-decoration: none;
}

#breadcrump > span {
    float: left;
    padding-right: 5px;
}

#breadcrump ul {
    list-style-type:none;
}

#breadcrump ul li {
    float: left;
}

#breadcrump ul li + li:before {
    content: url(/static/img/breadcrump-separator.png);
    padding: 0 4px 0 4px;
}

/************************************************************/

/*******************LINKESPALTE-Subnavigation****************/

#sub-navi li ul{
    display: none;
}

#sub-navi li.active ul{
    display: block;
}

#sub-navi ul.topnav li a:link{
    font-weight: 600;
    text-transform: uppercase;
    color: #383838;
    margin-bottom: 6px;
    height: 100%;
    display: block;
    text-decoration: none;
    padding-left: 8px;
}

#sub-navi ul.topnav li ul li a:link{
    font-weight: 500;
    text-transform: none;
}

#sub-navi ul.topnav li a:visited{
    color: #383838 !important;
}

#sub-navi ul.topnav li ul li a span{
    padding-left: 8px;
    display: block;
}

#sub-navi ul.topnav li.has-children span{
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 12px;
}

#sub-navi ul.topnav li.has-children span.arrow-down,
#sub-navi ul.topnav li.has-children span.arrow-up{

}

#sub-navi li.has-children ul span{
    background-image: none !important;
    padding-right: 0 !important;
}

/************************************************************/

/*******************LINKESPALTE-Map-BodyMap-Teaser***********/

#left .teaser-map .category {
    padding-top: 20px;
    padding-bottom: 1px;
    /*line-height: 22px;*/
}

#left .teaser-bodymap ul.mapmarker {
    float:left;
    /*margin-top:-12px;*/
} 

#left .teaser-bodymap a.teaser-link-button {
    margin-left: 5px;
    margin-right:3px;
}
 
#left .teaser-bodymap a.teaser-link-button,
#left .teaser-map a.teaser-link-button {
    color: #383838;
}

.teaser-bodymap {
    height: 477px;
}

.teaser-bodymap .map-area {
    margin-top:40px;
    height:317px;
    margin-bottom:20px;
    background: url(/static/img/teaser-map-body.png) no-repeat center -10px;
}

#content .teaser-bodymap{
    width: 160px;
    float: left;
}

#content .teaser-bodymap .map-area{
    background: url(/static/img/teaser-map-body.png) no-repeat 19px -10px;
    /*width: 160px;
    background: url(/static/img/teaser-map-body-small.png) no-repeat 55px 0px;*/
    margin-top: 0px;
    /*height: 166px;*/
    width:200px;
    
}

#left .teaser-map .map-area {
    margin-top: 19px;
    height:231px;
    margin-bottom: 38px;
}

#left .teaser-map {
    height: 410px;
    //padding-top: 4px;
}

#left .teaser-map,
#left .teaser-bodymap {
    background: url(/static/img/teaser-map-bg-d2e0ed.jpg) no-repeat center center;
    text-align: center;
}

.teaser-bodymap .map-area,
.teaser-map .map-area {
    width:100%;
    text-align: left;
}

.mapmarker > li {
    height: 0px;
    width: 0px;
    position: relative;
    float: left;
}

/*#content .teaser-bodymap .mapmarker > li{
    margin-left: 43px;
    margin-top: -5px;
}*/

a.mapmarker {

    display:block;
    height: 7px;
    width: 7px;
    float:left;
    //max-height: 7px;
    //min-height: 7px;*/

    cursor: pointer;
    //color: #fff !important;
    text-decoration: none;
    //font-size: 26px;
    background: url(/static/img/button-standorte-0.png) no-repeat 0px center;
    position: relative;
    z-index: 98;
}

a.mapmarker:visited{
    color: #fff !important;
}

a.mapmarker:hover{
    text-decoration:none !important;
}
ul.mapmarker > li:hover a.mapmarker{
    //text-shadow: -2px 0 #fff, 0 2px #fff,
    //  2px 0 #fff, 0 -2px #fff;
      background: url(/static/img/button-standorte-1.png) no-repeat 0px center;
}

 .teaser-map img.background {
    position:absolute;
    margin-left:10px;
    margin-top:-2px;
}

.teaser-technologie .maparea{

}

.teaser-technologie .teaser-bodymap{
    margin-top:10px;
}

.teaser-map .mapmarker li div.more-info-flyout{
    position: absolute;
    /*display: none;*/
    width: 200px;
    padding-left:15px;
    background: url(/static/img/flyout-bg-west.png) no-repeat 2px center;
    margin-top: 4px;
    margin-left: 10px;
    z-index: 99;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-49%) !important;
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
}

.teaser-map .mapmarker li:hover div.more-info-flyout{
    display: block;
}

/****Flyout Gruppierung***/

.grouped-flyout{
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid #364F81;
    border-right: 1px solid #364F81;
    border-bottom: 1px solid #364F81;
    border-left: 1px solid #364F81;
}

.grouped-room {
    height: 30px; 
    color: #FFF; 
    background-color: #123456;
    font-weight: bold;
    padding: 3px 10px;
}

.teaser-map .mapmarker li div.more-info-flyout ul{
    display: none;
    width: 200px !important;
    padding-bottom: 6px;
}

.teaser-map .mapmarker li ul li.member{
    padding: 0 16px 11px 33px;
    background: url(/static/img/link-arrow-white.png) no-repeat 15px 3px;
    text-align: left;
}

.teaser-map .mapmarker li ul li.head{
    width: 180px;
    height: 27px;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    padding: 10px 5px 0px 15px;
    font-weight: 600;
    margin-bottom: 11px;
}

.teaser-map .mapmarker li ul li a{
    color: #fff !important;
    text-decoration: none;
    font-size: 15px;
    line-height: 15px;
    display: block;
    font-weight: 400;
}

.teaser-map .mapmarker li ul li a:hover{
    text-decoration: underline;
}

.map-wrapper{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background: #f7f7f7;
    padding-bottom: 20px;
    margin-bottom: 27px;
    padding-top: 3px;
    height: 234px;
    overflow: hidden;
}

.mitglieder-liste .map-wrapper{
    height: 170px;
}

.map-wrapper .hover-positioner,
#left .teaser .hover-positioner{
    float:left;
    position: absolute;
    margin-left: 20px;
    height:234px;
}

.map-wrapper .infotext{
    float: right;
    font-size:21px;
    font-weight: 400;
    line-height: 30px;
    width: 225px;
    margin-right: 25px;
}

.map-wrapper span.show-button{
    display: block;
    margin-top: 22px;
    width: 234px;
    height: 40px;
    text-align: center;
    padding-right: 35px;
    line-height: 39px;
    background-image: url(/static/img/teaser-arrow-down-large.png);
    background-repeat: no-repeat;
    background-position: 228px center;
    float: right;
    cursor: pointer;
    font-size:21px;
    font-weight: 700;
}

.map-wrapper span.show-button:hover{
    text-decoration: underline;
}

.map-wrapper .infotext .heading{
    margin-top: 39px;
    display: block;
    font-weight: 700;
    margin-bottom: 7px;
}

.map-wrapper .content-map-small{
    float: left;
}

.map-wrapper .content-map-small{
    height:238px;
    width:171px;
}

.map-wrapper .schablone,
#left .teaser .schablone {
    height: 234px;
    position: relative;
    left:-10px;
    top: -234px;
    width: 171px;
}

.map-wrapper .hover,
#left .teaser .hover{
    height: 234px;
    position: relative;
    width: 171px;
    //background-image: url('/static/img/map-sprite-171.png') ;
}

#left .teaser .hover{
    left: -10px;
}

.map-wrapper .teaser-map,
#left .teaser .teaser-map{
    height: 234px;
    width: 171px;
    background:none;
}

#left .teaser .teaser-map ul.mapmarker{
    /**/
}

/************************************************************/

/*******************RIGHT-Teaser-Veranstaltungen*************/

#right .teaser-veranstaltungen .category{
    padding-bottom: 3px;
}

#right .teaser-veranstaltungen .calendar-box {

    width: 200;
    max-width:100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    margin-top: 15px;
    padding-bottom: 15px;
    padding-left: 9px;
    padding-right: 9px;
    clear:both;
}

#right .teaser-veranstaltungen .calendar-box .date-box {
    float: left;
    width: 40px;
    height: 40px;
    color:white;
    text-align:center;
    margin-right: 10px;
}

#right .teaser-veranstaltungen .date-box .day {
    font-size: 20px;
    font-weight: 700;
    line-height: 21px;
}

#right .teaser-veranstaltungen .date-box .month {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

#right .teaser-veranstaltungen .calendar-box  .text-box {
    width:125px;
    float: left;
    font-size: 15px;
    line-height: 25px;
    line-height: 19px;
    font-size: 14px;
    position: relative;
    bottom: 2px;
}

#right .teaser-veranstaltungen a.subheading{
    text-decoration: none;    
}

#right .teaser-veranstaltungen a:hover{
    text-decoration: underline;
}

#right .teaser-veranstaltungen .more-box {
    padding-left:9px;
    width: 100%;
    max-width:180px;
    margin: 0;
    padding-bottom: 12px;
    clear:both;
    letter-spacing: -0.5px \9;
}

/************************************************************/

/*******************RIGHT-Teaser-Publikationen***************/

#right .teaser-publikationen {
    text-align: center;
}

#right .teaser-publikationen .shop-price-align {
    text-align:right;
    right: 12px;
    bottom: 34px;
    position: relative;
}

#right .teaser-publikationen .shop-price-align span.price {
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    border-radius: 3px;
    padding: 2px 6px 3px 9px;
    /* Safari */
    -webkit-transform: rotate(358deg);
    /* Firefox */
    -moz-transform: rotate(358deg);
    /* IE */
    -ms-transform: rotate(358deg);
    /* Opera */
    -o-transform: rotate(358deg);
    /* Standard */
    transform: rotate(358deg);
}

#right .teaser-publikationen .shop-product-image-box {
    width: 95%;
    margin-left: 10px;
    margin-bottom: 2px;
    margin-top: 6px;
}

#right .teaser-publikationen .shop-product-image-box img {
    margin: 0 auto;
    max-width: 180px;
    height: auto;
}

#right .teaser-publikationen a.teaser-link-button {
    margin-top: 20px;
    width:180px;
    margin-bottom: 15px;
}

#right .teaser-publikationen .category {
    padding-bottom: 0px;
}

#right .teaser-publikationen ul.cycle-slideshow li.no-script + li.no-script{
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 10px;
    padding-top: 10px;
    width: 200px;
    margin-left: -10px;
}

/************************************************************/

/*******************RIGHT-Teaser-Recherche*******************/

#right .teaser-recherche .category {
    padding-bottom: 17px;
}

#right .teaser-recherche ul {
    list-style-type: none;
}

#right .teaser-recherche ul li {
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left: 30px;
    margin-bottom: 10px;
}

#right .teaser-recherche ul li.download{
    background-image: url(/static/img/icon-recherche-document.png);
}

#right .teaser-recherche ul li.extern{
    background-image: url(/static/img/icon-recherche-ext-link.png);
}

#right .teaser-recherche ul li.intern{
    background-image: url(/static/img/icon-recherche-int-link.png);
}

#right .teaser-recherche ul li a{
    color: #383838;
    text-decoration: none;
}

#right .teaser-recherche ul li a:hover{
    text-decoration: underline;    
}

#right .teaser-recherche {
    font-size: 15px;
    padding-bottom:6px;
}

/************************************************************/

/*******************RIGHT-Teaser-Kontakt*********************/

#right .teaser-kontakt {
    padding-bottom: 19px;
}

#right .teaser-kontakt .item {
    line-height: 22px;
}

#right .teaser-kontakt .positionbox{
    width: 180px;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#right .teaser-kontakt .positionbox.has-next-element {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
}

#right .teaser-kontakt .item img {
    margin-bottom: 11px;
    margin-top: 3px;
}

#right .teaser-kontakt .item.name {

}

#right .teaser-kontakt .item.position {

}

#right .teaser-kontakt .item.department {

}

#right .teaser-kontakt .item.phone {

}

#right .teaser-kontakt .item.maillink {

}

.mitarbeiter-liste .item.maillink a:link,
#right .teaser-kontakt .item.maillink a:link {
    font-weight: 600;
    text-decoration: none;
}

.mitarbeiter-liste .item.maillink a,
.mitarbeiter-liste .item.maillink a span,
#right .teaser-kontakt .item.maillink a,
#right .teaser-kontakt .item.maillink a span{
    padding-left: 26px;
    background: url(/static/img/icon-mail-blue.png) no-repeat left center;
    font-weight: 600;
    color: #364f81;
}

#right .teaser-kontakt .item.maillink a,
#right .teaser-kontakt .item.maillink a span{
    display:block;
    background-position: 0px 5px;
}

/************************************************************/

/*******************RIGHT-Teaser-Bilderpool******************/

#right .teaser-bilder-pool img{
    width:58px;
    margin-right:1px;
    margin-top:5px;
    float: left;
}

#right .teaser-bilder-pool .description{
    margin-top: 1px;
    margin-bottom: 19px;
    font-size: 15px;
}

#right .teaser-bilder-pool .description a{
    color: #383838;
    text-decoration: none;
}

#right .teaser-bilder-pool .description a:hover{
    text-decoration: underline;    
}

#right .teaser.teaser-bilder-pool .positionbox{
    margin-top: -11px;
    margin-right: 10px;
    margin-bottom: -11px;
}

#right .teaser.teaser-bilder-pool .positionbox li .ppicture-4,
#right .teaser.teaser-bilder-pool .positionbox li .ppicture-5,
#right .teaser.teaser-bilder-pool .positionbox li .ppicture-6,
#right .teaser.teaser-bilder-pool .positionbox li .ppicture-7,
#right .teaser.teaser-bilder-pool .positionbox li .ppicture-8,
#right .teaser.teaser-bilder-pool .positionbox li .ppicture-9,
#right .teaser.teaser-bilder-pool .positionbox li .ppicture-10{
    display: none;    
}

/************************************************************/

/*******************RIGHT-Teaser-Publikationen***************/

#right .teaser-publikationen-kompakt .publikation{
    padding: 13px 0 15px 0;
    width: 100%;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ffffff;
    font-size: 15px;
}

#right .teaser-publikationen-kompakt img{
    float:left;
    margin-right: 8px;
    margin-top:3px;
    border: 1px solid #737475;
}

#right .teaser-publikationen-kompakt .publikation a{
    font-weight: 600;
    background: url(/static/img/teaser-small-arrow-blue-0.png) no-repeat 5px center;
    padding-left:15px;
    margin-right:5px;
    text-decoration: none;
}

#right .teaser-publikationen-kompakt .publikation a:hover{
    text-decoration: underline;
}

#right .teaser-publikationen-kompakt p{
    line-height: 17px;
    margin-bottom: 3px;
}

#right .teaser-publikationen-kompakt div.subheading {
    font-size: 16px;
    line-height: 17px;
    font-weight: 600;
    margin-bottom: 6px;
}

/************************************************************/

/*******************CONTENT-Content-Artikel******************/

#content .artikel li.item,
#content .artikel li.subitem,
#content .teaser li.item,
#content .teaser li.subitem,
#content .list li.item,
#content .list li.subitem {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#content .artikel h1{
    margin-bottom: 16px;
}

#content .artikel li.item.last,
#content .teaser li.item.last,
#content .list li.item.last,
#content .list div.pagination.last {
    border-bottom-width: 0px;
    border-bottom-style: none;
    padding-bottom: 0px;
}

#content .artikel li.item,
#content .teaser li.item {
    padding-bottom: 45px;
}

#content .list li.item{
    padding-bottom: 25px;
}

#content .teaser .item.has-sub-teaser {
    padding-bottom: 20px;
}

#content .artikel li.item + li.item,
#content .teaser li.item + li.item {
    padding-top: 25px;
}

#content .list li.item + li.item{
    padding-top: 5px;
}

#content .artikel.filled,
#content .teaser.filled,
#content .list.filled {
    margin-bottom: 40px;
    padding-bottom: 0;
    background: #eaeaea;
}

#content .artikel .day-date,
#content .list .day-date,
#content .teaser .day-date{
    clear: both;
    margin-top: 17px;
    margin-bottom: 2px;
    width: 100%;
}

#content .artikel .day-date .day,
#content .list .day-date .day,
#content .teaser .day-date .day,
#content .artikel .day-date .date,
#content .list .day-date .date,
#content .teaser .day-date .date,
#content .artikel .day-date .city,
#content .list .day-date .city,
#content .teaser .day-date .city,
#content .artikel .day-date .status,
#content .list .day-date .status,
#content .teaser .day-date .status{
    float:left;
}

#content .artikel .day-date .day + .date:before,
#content .list .day-date .day + .date:before,
#content .teaser .day-date .day + .date:before{
    content: ",";
    padding-right: 3px;
}

#content .artikel .day-date .date + .city:before,
#content .list .day-date .date + .city:before,
#content .teaser .day-date .date + .city:before,
#content .artikel .day-date .city + .status:before,
#content .list .day-date .city + .status:before,
#content .teaser .day-date .city + .status:before,
#content .liste-allgemein ul li.item .content-wrapper .article-teaser + .status:before{
    content: "|";
    padding-right: 0;
    padding-left: 4px;
    color: #383838;
    font-style: normal;
    font-weight: 600;
}

#content .list .day-date span.separator{
    padding: 0 4px;
    color: #383838;
    font-style: normal;
    font-weight: 600;
}

#content .artikel .day-date .status,
#content .list .day-date .status,
#content .teaser .day-date .status{
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
}

#content .artikel .article-teaser,
#content .list .article-teaser,
#content .teaser .article-teaser{
    font-weight: 600;
    margin-bottom: 3px;
}

#content .seperator{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 10px;
}
#content .seperator.sep010{
    margin-top: 10px;
}
#content .seperator.sep020{
    margin-top: 20px;
}
#content .seperator.sep030{
    margin-top: 30px;
}
#content .seperator.sep040{
    margin-top: 40px;
}


/************************************************************/

/*******************CONTENT-Artikel-Portrait*****************/

#content .artikel-portrait h1{
    font-size: 30px;
}

#content .artikel-portrait .portrait{
    margin-top: 23px;
}

#content .artikel-portrait .portrait .image-link-wrapper{
    float: left;
    margin-top: 5px;
    width: 180px;
    max-width: 180px;
    margin-right: 20px;
}

#content .artikel-portrait .portrait .image-link-wrapper img{
    width: 180px;
    height: auto;
}

#content .artikel-portrait .portrait .image-link-wrapper a.download{
    width: 100%;
    height: 31px;
    background: #eaeaea;
    display: block;
    text-align: center;
    margin-top: 2px;
    padding-top:9px;
}

#content .artikel-portrait .seperator{
    margin-top: 27px;
    margin-bottom: 21px;
}

#content .artikel-portrait h2{
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 18px;
}

#content .artikel-portrait ul li .year{
    font-weight: 600;
}

#content .artikel-portrait ul li p{
    margin-bottom: 16px;
}

/************************************************************/

/*******************CONTENT-Artikel-Mitglied*****************/

#content .artikel-mitglied .map-wrapper{
    margin-bottom: 0px;
}

#content .artikel-mitglied .back-to-area{
    padding-left: 10px;
    margin-bottom: 35px;
}

#content .artikel-mitglied h1{
    margin-bottom: 5px;
}

#content .artikel-mitglied div.item .location,
#content .artikel-mitglied div .other-locations,
#content .artikel-mitglied div.item a.other-companies {
    font-weight: 600;
}

#content .artikel-mitglied img.company-logo{
    margin: 20px 0;
}

#content .artikel-mitglied div.item-details{
    background: #eaeaea;
    padding: 27px 20px 31px;
}

#content .artikel-mitglied div.item-details a{
    font-weight: 500;
}

#content .artikel-mitglied div.item-details dl dt{
    float: left;
}

#content .artikel-mitglied div.item-details dl dt.head{
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
    float: none;
}

#content .artikel-mitglied div.item-details dl dl dt{
    padding-right: 4px;
}

#content .artikel-mitglied div.item-details dl dl .link-wrapper a + a:before{
    /*
    content: ',';
    margin-left: -4px;
    margin-right: 4px;
    */
}

#content .artikel-mitglied div.item-details dl .detail-bold{
    font-weight: 600;
}

#content .artikel-mitglied div.item-details dl > dd +dt.head{
    margin-top: 29px;
}

#content .artikel-mitglied div.item-details span.detail-bold,
#content .artikel-mitglied div.item-details span.detail-normal{
    display: inline-block;
    margin-top: 15px;
}

#content div.artikel-mitglied a.back:first-child{
    margin-top: 6px;
    margin-bottom: 6px;
}

/************************************************************/

/*******************CONTENT-Shoppingcart*********************/

#content .shoppingCart{
    border-top-style: solid;
    border-top-width: 10px;
    padding-top: 3px;
}

#content .shoppingCart .category{
    margin-bottom: 27px;
}

#content .shoppingCart .step-info{
    margin-bottom: 38px;
}

#content .shoppingCart .step-info .step{
    font-weight: 500;
}

#content .shoppingCart .step-info .step.active{
    font-weight: 600;
}

#content .shoppingCart .step-info .category,
#content .shoppingCart .step-info .confirm{
    color: #383838;
}

#content .shoppingCart .step-info .category{
    margin-bottom:6px;
}

#content .shoppingCart form.cart .title{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 13px;
}

#content .shoppingCart form.cart .title.step2{
    border-bottom-style: none;
    border-bottom-width: 0px;
}

#content .shoppingCart form.cart .persData{
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    padding: 25px 30px 19px;
    background: #eaeaea;
    margin-bottom: 44px;
}

#content .shoppingCart form.cart .persData .info{
    font-size: 12px;
    margin-left: 150px;
    padding-left: 2px;
    margin-top: 5px;
}

#content .shoppingCart form.cart .persData .form-element + .form-element{
    margin-top: 10px;
}

#content .shoppingCart form.cart .persData .form-element.plz.ort,
#content .shoppingCart form.cart .persData .form-element.street-number{
    clear: both;
}

#content .shoppingCart form.cart label{
    letter-spacing: -0.5px;
}

#content .shoppingCart form.cart .persData .form-element > label,
#content .shoppingCart form.cart .persData .form-element div.double-label{
    float: left;
    width: 132px;
    padding-right: 20px;
    text-align: right;
}

#content .shoppingCart form.cart .persData .form-element label + div,
#content .shoppingCart form.cart .persData .form-element > textarea,
#content .shoppingCart form.cart .persData .form-element > input[type="text"]{
    width: 234px;
}

#content .shoppingCart form.cart .persData .form-element > select#anrede,
#content .shoppingCart form.cart .persData .form-element > select#anrede-optional,
#content .shoppingCart form.cart .persData .form-element > select,
#content .shoppingCart form.cart .persData .form-element div.double-label + div{
    width: 236px;
}

#content .shoppingCart form.cart .persData .form-element > textarea{
    height: 70px;
    max-width: 234px;
}

#content .shoppingCart form.cart .persData .form-element div.plzort,
#content .shoppingCart form.cart .persData .form-element div.street-number{
    float: left;
}

#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#strasse-optionalAbw,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#ort-optionalAbw,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#strasseAbw,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#ortAbw,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#strasse-optional,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#ort-optional,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#strasse,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#ort{
    width: 163px;
}

#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#hausnummer-optionalAbw,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#plz-optionalAbw,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#hausnummerAbw,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#plzAbw,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#hausnummer-optional,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#plz-optional,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#hausnummer,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#plz{
    width: 59px;
}

#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#strasse-optionalAbw,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#plz-optionalAbw,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#strasseAbw,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#plzAbw,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#strasse-optional,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#plz-optional,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#strasse,
#content .shoppingCart form.cart .persData .form-element > div > div > input[type="text"]#plz{
    float: left;
    margin-right: 10px;
}

/* Bestellprozess Schritt 2, Korrekturen in v18.1 START */
#content .shoppingCart form.cart .persData .form-element.plz.ort > div > div > input[type="text"]#plz,
#content .shoppingCart form.cart .persData .form-element.street-number > div > div > input[type="text"]#strasse,
#content .shoppingCart form.cart .persData .form-element.plz.ort > div > div > input[type="text"]#plzAbw,
#content .shoppingCart form.cart .persData .form-element.street-number > div > div > input[type="text"]#strasseAbw{
    margin-right: 0px;
}
#content .shoppingCart form.cart .persData .form-element.plz.ort > div > div > input[type="text"]#ort,
#content .shoppingCart form.cart .persData .form-element.street-number > div > div > input[type="text"]#hausnummer,
#content .shoppingCart form.cart .persData .form-element.plz.ort > div > div > input[type="text"]#ortAbw,
#content .shoppingCart form.cart .persData .form-element.street-number > div > div > input[type="text"]#hausnummerAbw{
    float:right;
}
#content .shoppingCart form.cart .persData .form-element.plz.ort .plzort,
#content .shoppingCart form.cart .persData .form-element.street-number .street-number{
    min-width:238px !important;
}
form.cart .form-element.einverstaendnis {
    margin: 10px 0;
}
form.cart .form-element.einverstaendnis .optional {
    display: block;
    margin-left: 19px;
}
form.cart .legende {
    font-weight:400 !important;
}

/* Bestellprozess Schritt 2, Korrekturen in v18.1 ENDE */

#content .shoppingCart form.cart ul.errors{
    display: block;
    color: #fa5e5e;
    font-size: 13px;
    line-height: 13px;
    margin-left: 150px;
    margin-bottom: 11px;
}

#content .shoppingCart form.cart .agb-box label{
    padding-left: 10px;
}

#content .shoppingCart form.cart .agb-box .agb{
    width: 300px !important;
    float: left;
    margin-bottom: 15px;
}

#content .shoppingCart form.cart .agb-box .agb:first-child{
    width: 150px !important;
    float: left;
}

#content .shoppingCart form.cart .agb-box .einverstaendnis{
    clear: both;
    background-color: #eaeaea !important;
    padding: 5px 10px 10px 0px !important;
    margin-top: 10px !important;
}

#content .shoppingCart form.cart .agb-box input{
    float: left; 
    position: relative;
    top: 4px;
}

#content .shoppingCart form.cart .agb-box ul.errors{
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 11px;
}

#content .shoppingCart .buttons{
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 50px;
    padding-top: 30px;
    margin-bottom: 92px;
    text-align: right;
}

#content .shoppingCart .buttons input.submit{
    background-image: url(/static/img/button-arrow-white-right.png);
    background-repeat: no-repeat;
    background-position: 265px center;
    width: 288px;
    padding-right: 23px;
    font-size:16px;
    line-height: 16px;
}

#content .shoppingCart .buttons .light{
    margin: 0 0 10px 0;
    display: inline-block;
    width: 125px;
    padding:0;
}

#content .shoppingCart .buttons .light + .submit{
    margin-left: 10px !important;
}

#content .shoppingCart .title{
    font-size: 16px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

#content .shoppingCart .title + ul{
    margin-top: 16px;
    margin-bottom: 26px;
}

#content .shoppingCart .title + ul > li.item{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 16px;
}

#content .shoppingCart .title + ul > li.item + li.item{
    margin-top: 15px;
}

#content .shoppingCart .title + ul > li.item .content-wrapper{
    width: 265px;
    float: left;
}

#content .shoppingCart .title + ul > li.item .content-wrapper .article-teaser{
    font-weight: 600;
    margin-bottom: 1px;
}

#content .shoppingCart .title + ul > li.item .content-wrapper p,
#content .shoppingCart .title + ul > li.item .netto,
#content .shoppingCart .title + ul > li.item .brutto{
    font-size: 14px;
    line-height: 19px;
}

#content .shoppingCart .title + ul > li.item .control-wrapper{
    float: right;
    color: #4c4c4c;
}

#content .shoppingCart .title + ul > li.item .info-control-wrapper{
    width: 80px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    float:left;
}

#content .shoppingCart .title + ul > li.item .info-control-wrapper .form-element{
    margin-top: 3px;
    height: 72px;
    margin-bottom: 12px;
}

#content .shoppingCart .title + ul > li.item .info-control-wrapper input{
    width: 43px;
    height: 28px;
    text-align: center;
    font-size: 17px;
    line-height: 28px;
    font-family: "Source Sans Pro",sans-serif;
    margin-top: 3px;
}

#content .shoppingCart .title + ul > li.item .info-control-wrapper .element .count{
    font-size: 17px;
    margin-top: 9px;
}

#content .shoppingCart .title + ul > li.item .info-control-wrapper a{
    padding-top: 15px;
    background: url(/static/img/icon-delete.png) no-repeat 35px 0px;
    color: #4c4c4c;
    font-weight: 500;
}

#content .shoppingCart .title + ul > li.item .info-control-wrapper + .price{
    width: 110px;
    text-align: right;
    float: left;
    font-size: 17px;
    font-weight: 700;
    padding-top: 34px;
}

#content .shoppingCart .title + ul > li.item img.links{
    width: 72px;
    margin-top: 4px;
}

#content .shoppingCart .title + ul > li.item .netto{
    font-weight: 600;
    margin-top: 20px;
}

#content .shoppingCart ul.summary{
    display: block;
    padding-top: 7px;
    font-size: 18px;
    margin-bottom: 43px;
}

#content .shoppingCart ul.summary li{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 13px;
}

#content .shoppingCart ul.summary li + li{
    padding-top: 12px;
}

#content .shoppingCart ul.summary li:empty{
    display: none;
}

#content .shoppingCart ul.summary li .left{
    float: left;
}

#content .shoppingCart ul.summary li .right
{
    float: right;
}

#content .shoppingCart ul.summary li .total-sum,
#content .shoppingCart ul.summary li .total-amount{
    font-weight: 600;
}

#content .shoppingCart .commit .text{
    margin-bottom: 17px;
}

#content .shoppingCart .commit form input[type='checkbox']{
    float: left;
    border-style: none;
    margin-right: 9px;
}

#content .shoppingCart .commit form label{
    display: inline-block;
    margin-top: -5px;
}

#content .shoppingCart .commit form .form-element{
    margin-bottom: 20px;
}

#content .shoppingCart .commit form .agb-box{
    padding-bottom: 9px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 30px;
}

#content .shoppingCart .commit form input.submit{
    background-image: url(/static/img/button-arrow-white-right.png);
    background-repeat: no-repeat;
    background-position: 170px center;
    font-size:16px;
    line-height: 16px;
    width: 200px;
    padding-right: 30px;
    float: right;
}

#content .shoppingCart .attendee-title {
    margin: 16px 0;
    color: #364f81;
}

#content .shoppingCart .persondata {
    background: none repeat scroll 0 0 #EAEAEA;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 20px;
    border-top-color: inherit;
}    

#content .shoppingCart .person{
    margin-top: 20px;
}

#content .shoppingCart .person label {
    width: 132px;
    display:inline-block;
    text-align: right;
    padding-right: 10px;
}

#content .shoppingCart .person .form-element {
    margin-top: 10px;
}

#content .shoppingCart .person .person-title {
    margin: 5px 10px 0;
    font-weight: 600;
}

#content .attendeesTitle {
    margin-top:15px;
    font-weight: 600;
}
#content .attendee {
    margin-top:10px;
}
#content select.salutation {
    width:138px;
}


/************************************************************/

/*******************CONTENT-Liste-Allgemein******************/

#content .liste-allgemein .category + .pagination{
    margin-top: 50px;
}

#content .liste-allgemein ul li.item:first-child{
    padding-top: 1px;
}

#content .liste-allgemein ul li.item.last{
    margin-bottom: 35px;
}

#content .liste-allgemein ul li.item img{
    /* width: 72px; */
    width:auto !important;
    height: auto;
    float: left;
    margin-top: 8px;
    display: inline-block;
    margin-bottom: 3px;
}

#content .liste-allgemein ul li.item:first-child img{
    /* margin-top:20px; */
}

#content .liste-allgemein ul li.item:first-child .content-wrapper{
    margin-top:16px;
}

#content .liste-allgemein ul li.item div.content-wrapper{
    display: block;
    padding-left: 87px;
    margin-top: 21px;
}

#content .liste-allgemein ul li.item .content-wrapper .article-teaser{
    display: inline-block;
    float: left;
}

#content .liste-allgemein ul li.item .content-wrapper .status{
    display: inline-block;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
}

#content .liste-allgemein ul li.item .content-wrapper p.content{
    display: inline-block;
    min-height: 89px;
}

/*#content .liste-allgemein ul li.item .content-wrapper .article-teaser + .status:before{
    content: "|";
    padding: 0 4px 0 4px;
    color: #383838;
    font-weight: 600;
    font-style: normal;
}*/

#content .liste-allgemein ul li.item p.content + a.more{
    display: inline-block;
    margin-top: 16px;
}

#content .liste-allgemein ul li.item .content-wrapper + a.more{
    display: inline-block;
}

#content .liste-allgemein.liste-publikationen ul li.item .content-wrapper p.content{
    min-height: 76px;
    margin-bottom: 12px;
}

#content .liste-allgemein.liste-publikationen ul li.item img{
    border-style: solid;
    border-width: 1px;
}

#content .liste-allgemein .right-align a.archive {
    display: inline-block;
    margin-top: 11px;
}

#content .liste-allgemein .right-align.seperator{
    border-bottom: 1px solid #cccccc;
    padding-bottom:17px;
}

/************************************************************/

/*******************CONTENT-Liste-Mitarbeiter****************/

#content .mitarbeiter-liste .group{
    display: block;
    padding-top: 21px;
}

#content .mitarbeiter-liste .pagination + .group{
    padding-top: 16px;
}

#content .mitarbeiter-liste .group + .group{
    border-top-style: solid;
    border-top-width: 1px;
}

#content .mitarbeiter-liste h2{
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1.75px;
    margin-bottom:10px;
}

#content .mitarbeiter-liste a.more{
    text-transform: none;
    margin-left: 0px;
    font-weight: 600;
}

#content .mitarbeiter-liste .group li{
    border-bottom-style: none;
    border-bottom-width: 0px;
}

#content .mitarbeiter-liste .group li.item{
    padding-bottom: 20px;
}

#content .mitarbeiter-liste .group li.item + li.item{
    margin-top: 5px;
}

#content .mitarbeiter-liste ul.group li.item .article-teaser{
    float: none !important;
    font-weight: 600;
}

#content .mitarbeiter-liste .group li.item .content-wrapper{
    padding-left: 125px;
    margin-top: 0px;
}

#content .mitarbeiter-liste .group li.item img{
    margin-top:8px;
    width: 110px;
    height: auto;
    margin-right: 15px;
}

#content .mitarbeiter-liste .group li.item ul{
    display: block;
    margin-top: 5px;
}

/************************************************************/

/*******************CONTENT-Liste-Mediathek******************/

#content .mediathek .content-filter + .pagination{
    margin-top: 0px;
}

#content .mediathek .content-filter{
    height: 40px;
}

#content .mediathek h1:first-child{
    margin-top: 13px;    
}

#content .mediathek .content-filter a{
    text-transform: uppercase;
    display: inline-block;
    margin-top: 7px;
    font-weight: 700;
    letter-spacing: 1.85px;
    font-size: 15px;
}

#content .mediathek .content-filter a.active{
    font-weight:500
}

#content .mediathek .content-filter a:first-child{
    margin-left: 15px;
}

#content .mediathek .content-filter a + a{
    padding-left: 8px;
    margin-left: 4px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #364f81;
    height: 18px;
}

#content .mediathek ul li.item{
    padding-bottom: 24px;
}

#content .mediathek ul li.item + li.item{
    padding-top: 0px;
}

#content .mediathek ul li.item .article-teaser{
    margin-bottom: 6px;
}

#content .mediathek ul li.item .file-date{
    margin-top: 20px;
    margin-bottom: 3px;
}

#content .mediathek ul li.item .file-date .file-type{
    float:left;
}

#content .mediathek ul li.item .file-date .file-type + .date:before{
    content:'|';
    padding-left: 5px;
    padding-right: 5px;
}

#content .mediathek ul li.item .placeholder-image{

    width: 140px;
    height: 95px;
    float: left;
    position: relative;
    background: grey;
    margin: 7px 15px 10px 0px;
}

#content .mediathek ul li.item .placeholder-image img{
    width: 140px !important;
    height: 95px;

    margin:0px 15px 10px 0px;
    padding:0;
}

#content .mediathek ul li.item .placeholder-image .icon-audio,
#content .mediathek ul li.item .placeholder-image .icon-video {
    position:relative;
    width:140px;
    height:95px;
    background-repeat: no-repeat;
    background-position: center center;
}
#content .mediathek ul li.item .placeholder-image .icon-audio {
    background-image: url('/static/img/mediathek-icon-audio.png');
}
#content .mediathek ul li.item .placeholder-image .icon-video {
    background-image: url('/static/img/mediathek-icon-video.png');
}

#content .mediathek ul li.item .audio-description,
#content .mediathek ul li.item .video-description{
    /*padding-left: 155px;*/
    min-height: 95px;
    margin-bottom: 20px;
}

#content .mediathek ul li.item a.more{
    font-weight: 600;
}

#content .mediathek ul li.item a.mediathek {
    text-transform: uppercase;
    background: url("/static/img/mediathek-button-icon.png") no-repeat top left;
    background-position: 0px 2px;
    padding-left: 30px;
}

/************************************************************/

/*******************CONTENT-Liste-Mitglieder*****************/

#content .mitglieder-liste p + div.pagination{
    border-top-width: 0px !important;
    border-top-style: none !important;
    margin-top: 19px;
}

#content .mitglieder-liste ul.bullet + div.pagination{
    border-bottom-width: 0px !important;
    border-bottom-style: none !important;
    margin-top: 43px;
}

#content .mitglieder-liste div.current-letter{
    font-weight: 600;
    font-size: 18px;
    margin-top: 28px;
    margin-bottom: 16px;
}

#content .mitglieder-liste ul.bullet li a{
    font-weight: 600;
}

/************************************************************/

/*******************CONTENT-Liste-hersteller*****************/

.hersteller-liste ul.items{
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 15px;
    display: block;
}
.hersteller-liste ul.items li{
    color: #364F81;
    margin-bottom: 10px;
}

.hersteller-liste ul.items li a{
    font-weight: 600 !important;
}

.hersteller-liste .category-product-wrapper{
    margin-bottom: 30px;
}

/************************************************************/

/*******************CONTENT-artikel-video-audio-detail*******/

#content .artikel.artikel-audio,
#content .artikel.artikel-video-detail{
    padding-bottom: 85px;
}

#content .artikel .player-wrapper{
    margin-top: 20px;
    margin-bottom: 20px;
}

#content .artikel.artikel-audio h1 + .player-wrapper,
#content .artikel.artikel-video-detail h1 + .player-wrapper{
    margin-top: 0px;
}

#content .artikel .player-wrapper + a.more{
    margin-top: -10px;
    margin-bottom: 20px;
    display: inline-block;
}

/************************************************************/

/*******************CONTENT-artikel-rssfeed******************/
/*******************CONTENT-artikel-newsletter***************/

#content .artikel-rssfeed h1,
#content .artikel-newsletter h1{
    margin-bottom: 28px;
}

#content .artikel-rssfeed .form-with-keywords,
#content .artikel-newsletter .form-with-keywords{
    margin-top: 30px;
}

#content .artikel-rssfeed .form-with-keywords{
    padding-bottom: 14px;
}

#content .artikel-newsletter .form-with-keywords{
    padding-bottom: 23px;
}

#content .artikel-rssfeed .form-with-keywords .errors,
#content .artikel-newsletter .form-with-keywords .errors{
    font-size: 13px;
    padding-top: 17px;
    color: #fa5e5e;
}

#content .artikel-rssfeed .form-with-keywords .keywords,
#content .artikel-newsletter .form-with-keywords .keywords{


    text-transform: none;
    letter-spacing: normal;
    font-weight: normal;
    font-size: 16px;
}

#content .artikel-rssfeed .form-with-keywords div.element-box,
#content .artikel-newsletter .form-with-keywords div.element-box{
    margin-bottom: 10px;
}

#content .artikel-rssfeed .form-with-keywords .errors,
#content .artikel-newsletter .form-with-keywords .errors,
#content .artikel-rssfeed .form-with-keywords div.keywords > *,

#content .artikel-rssfeed .form-with-keywords div.element-box,
#content .artikel-newsletter .form-with-keywords div.keywords > *,

#content .artikel-newsletter .form-with-keywords div.element-box ,
#content .artikel-newsletter .form-with-keywords div.notice {
    padding-left: 17px;
    padding-right: 17px;
}

#content .artikel-rssfeed .form-with-keywords ul.keywords.keywords-all,
#content .artikel-newsletter .form-with-keywords ul.keywords.keywords-all{
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
}

#content .artikel-newsletter .form-with-keywords p.introduction ,
#content .artikel-rssfeed .form-with-keywords p.introduction{
    padding: 0 17px 10px;
}


#content .artikel-rssfeed .form-with-keywords a.keywords-more,
#content .artikel-newsletter .form-with-keywords a.keywords-more{
    font-weight: normal;
    color: #383838;
    padding: 0;
    margin-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 26px;
}

#content .artikel-rssfeed .form-with-keywords div.keywords ul.keywords-important,
#content .artikel-newsletter .form-with-keywords div.keywords ul.keywords-important{
    display: block;
    padding-top: 15px;
    padding-bottom: 12px;
}

#content .artikel-rssfeed .form-with-keywords div.keywords ul.keywords li .element,

#content .artikel-rssfeed .form-with-keywords div.rss-feed-checkbox-all .element,
#content .artikel-newsletter .form-with-keywords div.keywords ul.keywords li .element,

#content .artikel-newsletter .form-with-keywords div.newsletter-checkbox-all .element{
    padding-top: 3px;
    padding-right: 10px;
    display: inline-block;
}

#content .artikel-rssfeed .form-with-keywords .rss-feed-checkbox-all,
#content .artikel-newsletter .form-with-keywords .newsletter-checkbox-all {
    border-top:1px solid white;
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
}



/*#content .artikel-rssfeed .form-with-keywords div.keywords ul.keywords-all,
#content .artikel-newsletter .form-with-keywords div.keywords ul.keywords-all{

    margin-top: -12px;
    max-height: 260px;
    overflow: hidden;
}*/

#content .artikel-rssfeed .form-with-keywords div.keywords ul.keywords-all,
#content .artikel-newsletter .form-with-keywords div.keywords ul.keywords-all{
    margin-top: 0px;
    max-height: 260px;
    overflow: auto;
    margin-right: 10px;
    margin-left: 10px;
    border: 1px solid #fff;
}

#content .artikel-rssfeed .form-with-keywords div.keywords ul.keywords-all li label,
#content .artikel-newsletter .form-with-keywords div.keywords ul.keywords-all li label {
    margin-left: 30px !important;
    display: block !important;
    margin-top: -30px;
    padding: 5px 0px;
}

#content .artikel-rssfeed .form-with-keywords div.keywords,
#content .artikel-newsletter .form-with-keywords div.keywords {
    padding-top: 10px;
}

#content .artikel-newsletter .subscriptions {
    padding: 0px 10px;
}
#content .artikel-newsletter div.subscriptions {
    margin-top: 8px;
    border-bottom:1px solid white;
    padding-bottom: 13px;
    padding-top: 15px;
    margin-bottom: 8px;
}

#content .artikel-newsletter .subscriptions ul.subscriptions .element {
    padding: 10px 0px;
}

#content .artikel-newsletter .subscriptions ul.subscriptions label {
    float: left;
    padding-left: 30px;
    margin-top: -33px;
}

#content .artikel-rssfeed .form-with-keywords div.element-box-submit input,
#content .artikel-newsletter .form-with-keywords div.element-box input[type='submit']{
    height: 35px;
    color: #fff;
    border-style: none;
    border-width: 0px;
    font-weight: 700;
    font-size: 17px;
    font-family:"Source Sans Pro", sans-serif;
}

#content .artikel-rssfeed .form-with-keywords div.element-box-submit input{
    width: 262px;
}

#content .artikel-newsletter .form-with-keywords div.element-box input[type='submit']{
    width: 132px;
}

#content .artikel-rssfeed .form-with-keywords div.element-box-link input{
    height: 33px;
    width: 100%;
    max-width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bbcf;
    padding-left: 6px;
    color: #383838;
}

#content .artikel-newsletter .form-with-keywords div.element-box input[type='text']{
    width: 271px;
    height: 33px;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bbcf;
    padding-left: 6px;
    color: #383838;
    margin-right: 7px;
}

#content .artikel-newsletter .form-with-keywords div.element-box{
    margin-bottom: 21px;
}

#content .artikel-newsletter .form-with-keywords .element-box,
#content .artikel-rssfeed .form-with-keywords .element-box{
    width: 422px;
    border-style: solid none solid none;
    border-width: 1px 0 1px 0;
    border-color: #fff;
    max-width: 100%;
    padding-top: 21px;
    padding-bottom: 21px;
}

#content .artikel-newsletter .form-with-keywords .element-box + .element-box,
#content .artikel-rssfeed .form-with-keywords .element-box + .element-box{
    padding-top: 0;
    border-top-style: none;
    border-top-width: 1px;
}

#content .artikel-newsletter .form-with-keywords .element-box.element-box-cancel,
#content .artikel-rssfeed .form-with-keywords .element-box.element-box-cancel{
    border-bottom-style: none;
    border-bottom-width: 1px;
    padding-bottom: 0;
}

#content .artikel-newsletter .form-with-keywords div.notice{
    font-size: 14px;
    line-height: 22px;
}

#content .artikel-newsletter .form-with-keywords .element-box-titel label,
#content .artikel-newsletter .form-with-keywords .element-box-firstName label,
#content .artikel-newsletter .form-with-keywords .element-box-nachname label,
#content .artikel-newsletter .form-with-keywords .element-box-company label,
#content .artikel-rssfeed .form-with-keywords .element-box-titel label,
#content .artikel-rssfeed .form-with-keywords .element-box-firstName label,
#content .artikel-rssfeed .form-with-keywords .element-box-nachname label,
#content .artikel-rssfeed .form-with-keywords .element-box-company label{
    float: left;
    margin-top: 7px;
}

#content .artikel-newsletter .form-with-keywords .element-box-titel .element,
#content .artikel-newsletter .form-with-keywords .element-box-firstName .element,
#content .artikel-newsletter .form-with-keywords .element-box-nachname .element,
#content .artikel-newsletter .form-with-keywords .element-box-company .element,
#content .artikel-rssfeed .form-with-keywords .element-box-titel .element,
#content .artikel-rssfeed .form-with-keywords .element-box-firstName .element,
#content .artikel-rssfeed .form-with-keywords .element-box-nachname .element,
#content .artikel-rssfeed .form-with-keywords .element-box-company .element{
    width: 100%;
    max-width: 100%;
    text-align: right;
}

#content .artikel-newsletter .form-with-keywords > input[name='robinsonList'],
#content .artikel-newsletter .form-with-keywords > input[name='delete']{
    margin: 25px 0 0 25px;
    padding-left: 0;
    padding-right: 0;
}

/************************************************************/

/*******************CONTENT-Artikel-Veranstaltung************/

#content .artikel-veranstaltung h1{
    margin-bottom: 17px;
}

#content .artikel-veranstaltung .item-veranstaltung > dl{
    background-color: #eaeaea;
    margin-top: 0;
    padding: 17px 20px 29px 20px;
    margin-bottom: 30px;
}

#content .artikel-veranstaltung .item-veranstaltung dl dt{
    float: left;
}

#content .artikel-veranstaltung .item-veranstaltung > dl > dt{
    font-weight: bold;
    width: 61px;
    max-width: 61px;
}

#content .artikel-veranstaltung .item-veranstaltung > dl > dd{
    margin-left:61px;
}

#content .artikel-veranstaltung .item-veranstaltung dl dd .day-date{
    float: left;
    clear: none;
    width: auto;
    margin: auto;
}

#content .artikel-veranstaltung .item-veranstaltung dl dd .time{
    clear: both;
}

#content .artikel-veranstaltung .item-veranstaltung dl dd .day-date + .time:before{
    content: '|';
    padding: 0 7px 0 7px;
}

#content .artikel-veranstaltung .item-veranstaltung dl dd dl dt.phone + dd,
#content .artikel-veranstaltung .item-veranstaltung dl dd dl dt.fax + dd{
    margin-left: 33px;
}

#content .artikel-veranstaltung .item-veranstaltung dl dd dl dt.mail + dd{
    margin-left: 51px;
}

#content .artikel-veranstaltung .item-veranstaltung dl dd dl dt.route + dd{
    margin-left: 0px
}

#content .artikel-veranstaltung .item-veranstaltung dl dt.price + dd span.price{
    font-weight: 600;
    padding-right: 3px;
}

/*#content .artikel-veranstaltung .item-veranstaltung dl dt.price,
#content .artikel-veranstaltung .item-veranstaltung dl dt.price + dd{
    margin-bottom: 5px;
}*/

#content .artikel-veranstaltung .item-veranstaltung dl a.more,
#content .artikel-veranstaltung .item-veranstaltung dl a.download{
    padding-left: 27px;
    background-position: left 8px;
    background-repeat: no-repeat;
    margin-top: 8px;
    display: inline-block;
    text-transform: none !important;
}

#content .artikel-veranstaltung .item-veranstaltung dl a.download{
    background-image: url("/static/img/teaser-icon-document.png");
    padding-left: 30px !important;
    background-position: left 4px;
}

#content .artikel-veranstaltung .item-veranstaltung dl dd.status{
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
}

#content .artikel-veranstaltung .item-veranstaltung dl dt.first-level,
#content .artikel-veranstaltung .item-veranstaltung dl dt.first-level + dd{
    margin-top: 12px;
}

#content .artikel-veranstaltung .order-event .count-for-shoppingcart{
    margin-bottom: 20px;
}

#content .artikel-veranstaltung .order-event .count-for-shoppingcart label{
    font-weight: 600;
    padding-right: 15px;
}

#content .artikel-veranstaltung .order-event .count-for-shoppingcart input.publikation{
    border-color: #7B7B7B;
    border-style: solid;
    border-width: 1px;
    bottom: 2px;
    height: 35px;
    line-height: 35px;
    margin-right: 25px;
    position: relative;
    text-align: center;
    width: 45px;
}

#content .artikel-veranstaltung .order-event .publikation_button input.button:hover{
    text-decoration: underline;
}

#content .artikel-veranstaltung .order-event .count-for-shoppingcart .publikation_button,
#content .artikel-veranstaltung .order-event .pdf_button{
    float: right;
}

#content .artikel-veranstaltung a.read-more + div > div{
    border-color: inherit;
    padding-bottom: 20px;
}

#content .artikel-veranstaltung div.orga-summary .place-extended,
#content .artikel-veranstaltung div.orga-summary .date-second{
    padding-bottom: 10px;
}

#content .artikel-veranstaltung > div.keywords,
#content .artikel-veranstaltung > div.item-veranstaltung{
    padding-bottom: 0;
    padding-left: 0;
    padding-right:0;
}

#content .artikel-veranstaltung div.program{
    padding-bottom: 0;
}

#content .artikel-veranstaltung .route{
    padding-top: 10px;
    padding-bottom: 0px;
}

#content .artikel-veranstaltung div.registration{
    padding-bottom: 50px;
}

#content .artikel-veranstaltung > div.item-veranstaltung{
    margin-top: 40px;
}

#content .artikel-veranstaltung .flyer{
    margin-bottom: 0;
    padding-bottom: 0;
}

#content .artikel-veranstaltung .route a.more,
#content .artikel-veranstaltung .flyer a.more{
    margin-left: 0px;
}

#content .artikel-veranstaltung .order-event.order-event-top{
    text-align:right;
}

#content .artikel-veranstaltung .order-event{
    margin-top: 20px;
    margin-bottom: 20px;
}

#content .artikel-veranstaltung div > ul{
    border-color: inherit;
}

#content .artikel-veranstaltung div > div.price > div,
#content .artikel-veranstaltung div > div.price > p,
#content .artikel-veranstaltung div > ul > li{
    border-top-style: dotted;
    border-top-width: 1px;
    border-color: inherit;
    padding: 20px 0;
}

#content .artikel-veranstaltung div ul.contentliste li{
    border-top-style: none !important;
    border-top-width: 0 !important;
    padding: 0 20px 0 0;
}

#content .artikel-veranstaltung div > div.price > h3 + div,
#content .artikel-veranstaltung div > div.price > h3 + p,
#content .artikel-veranstaltung div > ul > li:first-child{
    border-top-width: 0px;
    padding-top: 10px;
    margin-top: 10px;
}

#content .artikel-veranstaltung .program > ul > li > ul{
    margin-bottom: -37px;
}

#content .artikel-veranstaltung .publikation_button{
    display: inline-block;
}

#content .artikel-veranstaltung .item-veranstaltung a.to-cart.button{
    margin-bottom: 20px;
}

#content .artikel.artikel-veranstaltung a.read-more + div{
    margin-top: 20px;
    border-color: inherit;
}

#content .artikel.artikel-veranstaltung > div h3,
#content .artikel.artikel-veranstaltung a.read-more + div > div h3{
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 5px;
}

#content .artikel.artikel-veranstaltung a.read-more + div > div h3{
    padding-top: 20px;
}

.artikel-veranstaltung + .site-features .keywords,
.artikel-veranstaltung + .site-features .news{
    display: none !important;
}

#content .artikel-veranstaltung a.read-more + div > div{
    border-color: inherit;
}

/************************************************************/

/*******************CONTENT-Teaser-Technologie***************/

#content .teaser-technologie .map-wrapper{
    margin-bottom:27px;
}

#content .intro{
    padding-bottom: 12px;
}

#content .teaser-technologie > ul{
    margin-top: 23px;
}

#content .teaser-technologie > ul li.item{
    padding-bottom: 23px;
}

#content .teaser-technologie > ul li.item + li.item{
    padding-top: 23px;
}

#content .teaser-technologie .article-teaser{
    margin-bottom:6px;
}

#content .teaser-technologie > ul + .pagination{
    margin-top: 24px !important;
}

/************************************************************/

/*******************CONTENT-Teaser-Block*********************/

#content .teaser-block .category{
    padding-top: 15px;
}

#content .teaser-block h1{
    margin-top: 8px;
    padding-top: 14px;
}

#content .teaser-block > ul{
    margin-top: -8px;
    border-top-width: 0px;
    border-top-style: none;
}

#content .teaser-block > ul li.description{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

#content .teaser-block > ul li.description .category{
    margin-left: 0px;
}

#content .teaser-block > ul li.description + li.item{
    padding-top: 19px !important;
}

#content .teaser-block > ul li.item{
    padding-left: 9px;
    padding-right: 9px;
    max-width: 100%;
    border-color: #cccccc !important;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    background: #ffffff;
    padding-bottom:0px;
    padding-top: 22px !important;
}

#content .teaser-block > ul li.item p + .clear{
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: 27px;
}

#content .teaser-block > ul li.item.last p + .clear{
    border-bottom-width: 0px;
    margin-top: 0px;
}

#content .teaser-block > ul li.item.last{
    padding-bottom: 24px;
}

#content .teaser-block > ul li.list-foot-box{
    min-height: 35px;
    border-color: #cccccc !important;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    padding: 7px 10px;
    margin-bottom:-35px;
}

#content .teaser-block > ul li.list-foot-box a.more{
    text-transform: none;
    margin-left: 0;
}

#content .teaser-block > ul li.list-foot-box.no-link{
    height: 0;
    min-height: 0;
    padding: 0;
}

/************************************************************/

/*******************CONTENT-Sitefeatures*********************/

#content .site-features {
    clear: both;
    margin-top: 0;
    margin-bottom: 55px;
}

#content .site-features .line-two {
    clear: both;
    color: #383838;
    float: left;
    font-size: 12px;
    margin-top: 0px;
    padding-top: 15px;
    width: 456px;
}

#content .site-features .line-two ,
#content .site-features .line-two .keywords{
    font-size: 15px;
    font-weight: 300;
}

#content .site-features .line-two .keywords .label{
    float: left;
    text-transform: none;
    color: #383838;
    margin-right: 3px;
}

#content .site-features .line-two .keywords li{
    float:left;
    text-transform: none;
}

#content .site-features .line-two .keywords li a{
    font-weight: 300;
    letter-spacing: -0.3px;
}

#content .site-features .line-two .keywords li.has-next:after{
    content: ",";
    margin-left: -2px;
    margin-right: 3px;
    font-weight: 300;
    color: #364f81;
}

#content .site-features .line-two a.print,
#content .site-features .line-two a.share{
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 24px;
    color: #383838;
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 4px;
}

#content .site-features .line-two a.print{
    background-image: url(/static/img/icon-print.png);
}

#content .site-features .line-two a.share{
    background: url(/static/img/icon-share.png) no-repeat scroll left center;
}

#content .site-features .line-two div.news{
    display: inline-block;
}

#content .site-features .line-two div.keywords + div.news:before{
    content: '|';
    font-size: 15px;
    font-weight: 300;
    padding-left: 16px;
    padding-right: 5px;
    color: #364f81;
}

#content .site-features .line-two a.rss,
#content .site-features .line-two a.newsletter{
    display: inline-block;
    font-size: 0;
    width: 16px !important;
    height: 13px !important;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-left: 5px;
    padding-bottom:6px;
}

#content .site-features .line-two a.rss{
    background-image: url(/static/img/icon-rss.png);
}

#content .site-features .line-two a.newsletter{
    background-image: url(/static/img/icon-contact.png);
}

/************************************************************/

/*******************CONTENT-Sitefeatures-Privacy*************/

#content .site-features .line-one{
    border-top-style: solid;
    border-top-width: 1px;
}

#content .site-features .line-one .box-share {
    background: url('/static/img/bg-share.png') no-repeat scroll left top #fff;
    float: left;
    height: 37px;
    max-height:37px;
    margin: -38px 0 0;
    position: absolute;
    width: 456px;
}

#content .site-features .line-one div.box-share .left {
    float: left;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    width: 410px;
}

#content .site-features .line-one div.box-share .right {
    float: left;
    width: 100px;
}

#content .site-features .line-one div.box-share .right-social{
    padding-top: 10px;
}

#content .site-features .line-one div.box-share .right{
    display: none;
}

#content .site-features .line-one div.box-share .right #tumblr_button a {
    background: url('/static/img/icon-tumblr.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 20px;
    margin-top: 10px;
    width: 20px;
}

#content .site-features .line-one div.box-share .right a {
    background: url('/static/img/icon-delicious.png') no-repeat scroll center center rgba(0, 0, 0, 0) !important;
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 20px;
    margin-top: 10px;
    width: 20px;
}

#content .site-features .line-one .social_share_privacy_area {
    clear: both;
    display: block;
    height: 25px;
    list-style-type: none;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    width: auto;
}

#content .site-features .line-one .social_share_privacy_area li {
    float: left;
    height: 21px;
    margin: 0 !important;
    padding: 0 !important;
}

#content .site-features .line-one .social_share_privacy_area li .dummy_btn {
    cursor: pointer;
    float: left;
    height: inherit;
    margin: 0 0 0 0;
    padding: 0;
}

#content .site-features .line-one .social_share_privacy_area li div iframe {
    height: inherit;
    overflow: hidden;
    width: inherit;
}

#content .site-features .line-one .social_share_privacy_area .facebook {
    display: inline-block;
    width: 116px;
}

#content .site-features .line-one .social_share_privacy_area .facebook .fb_like iframe {
    width: 145px;
}

#content .site-features .line-one .social_share_privacy_area .twitter {
    width: 88px;
}

#content .site-features .line-one .social_share_privacy_area li div.tweet {
    width: auto;
}

#content .site-features .line-one .social_share_privacy_area .gplus {
    width: 68px;
}

#content .site-features .line-one .social_share_privacy_area li div.gplusone {
    width: auto;
}

#content .site-features .line-one .social_share_privacy_area li .switch {
    background: url('/static/img/social-share-privacy/socialshareprivacy_on_off.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 12px;
    margin: 4px 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999em;
    width: 23px;
}

#content .site-features .line-one .social_share_privacy_area li .switch.on {
    background-position: 0 -12px;
}

#content .site-features .line-one .social_share_privacy_area li.help_info {
    position: relative;
}

#content .site-features .line-one .social_share_privacy_area li.help_info .info, .social_share_privacy_area li .help_info.icon .info {
    background-color: #FDFBEC;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    bottom: 40px;
    box-shadow: 0 3px 4px #999999;
    color: #000000;
    display: none;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    line-height: 16px;
    margin: 0;
    padding: 10px 15px;
    position: absolute;
    width: 290px;
    z-index: 500;
}

#content .site-features .line-one .social_share_privacy_area li.gplus.help_info .info {
    left: -60px;
}

#content .site-features .line-one .social_share_privacy_area li .help_info.icon .info {
    left: -243px;
    width: 350px;
}

#content .site-features .line-one .social_share_privacy_area li.help_info.display .info, .social_share_privacy_area li .help_info.icon.display .info {
    display: block;
}

#content .site-features .line-one .social_share_privacy_area li.help_info.info_off.display .info {
    display: none;
}

#content .site-features .line-one .social_share_privacy_area li .help_info.icon {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url('/static/img/social-share-privacy/socialshareprivacy_info.png') no-repeat scroll center center #FFFFFF;
    border-color: #E7E3E3;
    border-image: none;
    border-radius: 5px 0 0 5px;
    border-style: solid;
    border-width: 2px 0 2px 2px;
    display: inline-block;
    height: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 25px;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
    border-left-width: 0;
    border-top-width: 0;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
    border-radius: 5px;
    border-right-width: 2px;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info {
    position: relative;
    top: -2px;
    left: 5px;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info a {
    margin: 0 !important;
    text-decoration: none;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info .settings_info_menu {
    background-color: #F3F4F5;
    border: 2px solid #E7E3E3;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #C1C1C1;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 135px;
    z-index: 1000;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info .settings_info_menu.off {
    background-color: rgba(0, 0, 0, 0);
    border-width: 0;
    box-shadow: none;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info .settings_info_menu.off form {
    display: none;
    margin: 0;
    padding: 0;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info .settings_info_menu .settings {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url('/static/img/social-share-privacy/settings.png') no-repeat scroll center center #FFFFFF;
    border-color: #E7E3E3 #E7E3E3 #E7E3E3 #DDDDDD;
    border-image: none;
    border-radius: 0 5px 5px 0;
    border-style: solid;
    border-width: 2px 2px 2px 1px;
    display: inline-block;
    height: 20px;
    margin: 0;
    padding: 0;
    text-indent: -9999em;
    width: 25px;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
    border-top-width: 0;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
    border-width: 0;
    margin: 0;
    padding: 0 10px 10px;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
    width: 115px;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
    clear: both;
    float: left;
    margin: 4px 10px 4px 0;
    padding: 0;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    margin: 0;
    padding: 0;
    transition: color 0.5s ease-in 0s;
}

#content .site-features .line-one .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
    color: #009900;
}

#content .site-features .line-one .right-social > a{
    float: right;
}

/************************************************************/

/*******************CONTENT-Contentpagination****************/

#content .teaser div.pagination,
#content .list div.pagination{
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-top: 13px;
    margin-bottom: 4px;
    padding-top: 14px;
    padding-bottom: 17px;
    font-size: 15px;
}

#content .list .cb-editable + div.pagination{
    margin-top: 30px !important;
}

#content .teaser div.pagination.noborder,
#content .list div.pagination.noborder{
    border-width: 0px;
    border-style: none;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#content .teaser div.pagination .filter,
#content .list div.pagination .filter{
    float:left;
    margin-right: 10px;
    font-weight: 700;
    width: 102px;
}

#content .list div.pagination ul.pagination,
#content .teaser div.pagination ul.pagination{
    display: block;
    /*padding-left: 102px;*/
    float: left;
}

#content .teaser div.pagination ul.pagination li,
#content .list div.pagination ul.pagination li{
    float:left;
}

#content .teaser div.pagination ul.pagination.letter,
#content .list div.pagination ul.pagination.letter{
    padding-left: 0;
}
#content .teaser div.pagination ul.pagination.month,
#content .list div.pagination ul.pagination.month{
    display: inline-block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width: 100%;
    padding-left: 0px;
}

#content .teaser div.pagination ul.pagination.year li.option.active,
#content .list div.pagination ul.pagination.year li.option.active{
    padding-bottom: 11px;
    background-position: 25px bottom;
    background-repeat: no-repeat;
}

#content .teaser div.pagination ul.pagination.year li.option.active:first-child,
#content .list div.pagination ul.pagination.year li.option.active:first-child{
    background-position: center bottom !important;    
}

#content .teaser div.pagination ul.pagination.month li.available a:link,
#content .list div.pagination ul.pagination.month li.available a:link{
    font-weight: 700;
}

#content .teaser div.pagination ul.pagination.month li.available,
#content .list div.pagination ul.pagination.month li.available{
    font-weight: 500;
}

#content .teaser div.pagination ul.pagination.month li.not-available,
#content .list div.pagination ul.pagination.month li.not-available{
    font-weight: 300;
    color: #999999;
}

#content .teaser div.pagination ul.pagination.month li a:hover,
#content .list div.pagination ul.pagination.month li a:hover{
    text-decoration:underline;
}

#content .teaser div.pagination ul.pagination.month li a.active,
#content .list div.pagination ul.pagination.month li a.active{
   pointer-events: none;
   cursor: default;
}

#content .teaser div.pagination ul.pagination li a,
#content .list div.pagination ul.pagination li a{
    font-weight: 700;
}

#content .teaser ul.pagination.numbers li + li:before,
#content .teaser ul.pagination.year li + li:before,
#content .list ul.pagination.numbers li + li:before,
#content .list ul.pagination.year li + li:before{
    content: "|";
    padding: 0 3px 0 3px;
    color: #364f81;
    font-weight: bold;
}

#content .teaser ul.pagination.month li,
#content .list ul.pagination.month li{
    padding-left: 13px;
    width: 21px;
    padding-right: 3px;
}

#content .teaser ul.pagination.letter li ,
#content .list ul.pagination.letter li {
    display: inline-block;
    width: 15px;
    height: 19px;
    text-align: center;
    line-height: 19px;
}

#content .teaser ul.pagination.letter li.option.active,
#content .list ul.pagination.letter li.option.active{
    width: 22px;
}

#content .teaser ul.pagination.letter li.last,
#content .list ul.pagination.letter li.last{
    width: auto;
}

#content .teaser ul.pagination.letter li + li.last:before ,
#content .list ul.pagination.letter li + li.last:before {
    content: "|";
    padding: 0 6px 0 6px;
    color: #364f81;
    font-weight: bold;
}

/************************************************************/

/*******************CONTENT-Allgemein************************/

strong{
    font-weight: 700;
}

kursiv{
    font-style: italic;
}

big{
    font-size: 1.1em;
}

small{
    font-size: 0.9em;
}

#content ol.contentliste,
#content ul.contentliste{
    margin: 8px 0 8px 20px;
    list-style-position: outside;
    /*display: table;*/
    padding-left: 20px;
    /* Color is defined in color-management-part */
    overflow: hidden\0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #content ol.contentliste,
    #content ul.contentliste{
        overflow: hidden;
    }
}

#content ol.contentliste li,
#content ul.contentliste li{
    position: relative;
    left: 20px;
    padding-right: 20px;
    margin-bottom: 12px;
    /*margin-left: 20px;*/
}

#content ol.contentliste li span,
#content ul.contentliste li span{
    color: #383838;
}

ol.contentliste.decimal{
    list-style-type: decimal;
}

ol.contentliste.lowerAlpha{
    list-style-type: lower-alpha;
}

ol.contentliste.upperAlpha{
    list-style-type: upper-alpha;
}

ol.contentliste.lowerRoman{
    list-style-type: lower-roman;
}

ol.contentliste.upperRoman{
    list-style-type: upper-roman;
}

ul.contentliste.disc,
ul.contentliste[type="disc"]{
    list-style-type: disc;
}

ul.contentliste.circle,
ul.contentliste[type="circle"]{
    list-style-type: circle;
}

ul.contentliste.square,
ul.contentliste[type="square"]{
    list-style-type: square;
}

ul.contentliste.compact,
ol.contentliste.compact{
    line-height: 20px !important;
}

ul.contentliste.compact li,
ol.contentliste.compact li{
    margin-bottom: 0px !important;
}

#content .artikel > h2{
    font-size: 25px;
    font-weight: 600;
}

#content .artikel > h1 + h2,
#content .artikel > h2 + h3,
#content .artikel > h1 + h3{
    margin-bottom:25px;
}

#content .artikel > h3{
    font-size: 20px;
    font-weight: normal;
}

/************************************************************/

/*******************CONTENT-Artikel-Allgemein****************/

#content .artikel div.article-datetime{
    display: inline-block;
}

#content .artikel div.article-datetime .separator {
    padding-left: 4px;
    padding-right: 4px;
}

/************************************************************/

/*******************CONTENT-Contentpictures******************/

#content .bild-left{
    float: left;
    margin: 8px 15px 3px 0;
}

#content .bild-right{
    float: right;
    margin: 8px 0 3px 15px;
}

#content .bild-center{
    float: none;
    margin: 8px auto;
}

#content .drittel,
#content .drittel img{
    width: 160px;
    height: auto;
}

#content .bild,
#content .bild-right,
#content .bild-left,
#content .bild-center{
    font-size: 14px;
    color: #999999;
}

#content .caption-and-copyright{
    font-size: 14px;
    color: #999999;
    margin-bottom: 30px;
}

#content .bild .caption-and-copyright,
#content .bild-right .caption-and-copyright,
#content .bild-left .caption-and-copyright{
    margin-bottom: 0px !important;
}

/************************************************************/

/*******************CONTENT-Pagecontrol**********************/

#content .artikel .control-pages{
    padding-top:48px;
}

#content .artikel .control-pages ul.pagination{
    clear: both;
    display: block;
    width: 100%;
    border-bottom-width: 0px;
    border-bottom-style: none;
    margin-bottom: 20px;
    margin-top: -14px;
    padding-bottom: 36px;
}

#content .artikel .control-pages ul.pagination li{
    float: left;
    padding: 2px 15px 0 15px;
    height: 30px;
    font-size: 17px;
    margin-bottom: 0px;
}

#content .artikel .control-pages ul.pagination li.previous,
#content .artikel .control-pages ul.pagination li.next{
    width: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0px;
}

#content .artikel .control-pages ul.pagination li.previous a,
#content .artikel .control-pages ul.pagination li.next a{
    display: block;
    width: 100%;
    height: 100%;
}

#content .artikel .control-pages ul.pagination li.previous.inactive a,
#content .artikel .control-pages ul.pagination li.next.inactive a{
    display: none !important;
}

#content .artikel .control-pages ul.pagination li.previous a:hover,
#content .artikel .control-pages ul.pagination li.next a:hover{
    text-decoration:none !important;
}

#content .artikel .control-pages ul.list-pages{
    margin: 0;
}

#content .control-pages ul li{
    font-size: 14px;
    margin-bottom:6px;
}

#content .control-pages ul li a{
    font-weight: 500;
}

#content .control-pages ul li span{
    font-weight: 600;
    margin-right: 6px;
}

/************************************************************/

/*******************CONTENT-Artikel-Publication***************/

#content .artikel.artikel-publication{
    padding-bottom: 50px;
    margin-bottom: 50px;
}

#content .artikel-publication h1 {
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 12px;
}

#content .artikel-publication h2 {
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 27px;
}

#content .artikel-publication .bild{
    width: 142px;
    height: auto;
    margin-right: 17px;
}

#content .artikel-publication .title,
#content .artikel-publication .date-wrapper,
#content .artikel-publication .isbn-wrapper{
    font-size: 17px;
}

#content .artikel-publication .title,
#content .artikel-publication .date-wrapper .date-title,
#content .artikel-publication .isbn-wrapper .isbn-title{
    font-weight: 600;
}

#content .artikel-publication .title{
    padding-top: 6px;
}

#content .artikel-publication .isbn-wrapper{
    margin-bottom: 17px;
}

#content .artikel-publication .item-publication .content-wrapper{
    margin-bottom: 30px;
}

#content .artikel-publication .item-publication .price-info{
    height: 98px;
    background: #eaeaea;
    margin-bottom: 36px;
}

#content .artikel-publication .item-publication .price-info.sliding{
    height: auto;
    min-height: 200px;
    padding-bottom: 20px;
}

#content .artikel-publication .item-publication .price-info.sliding .sliding-scale-price{
    width: 193px;
    margin-left: 35px;
    padding-top: 20px;
    float: left;
}

#content .artikel-publication .item-publication .price-info.sliding .sliding-scale-price .exemlars{
    color: #7b7b7b;
    font-weight: 600;
}

#content .artikel-publication .item-publication .price-info .price{
    font-size: 40px;
    font-weight: 700;
    width: 185px;
    padding-top: 36px;
    text-align: center;
    font-size: 40px;
    float: left;
}

#content .artikel-publication .item-publication .price-info.sliding .price{
    width: 100%;
    padding-top: 6px;
    text-align: left;
    font-size: 31px;
}

#content .artikel-publication .item-publication .price-info .info{
    margin-left: 185px;
    padding-top: 27px;
}

#content .artikel-publication .item-publication .price-info.sliding .info{
    margin-left: 0px;
    padding-top: 10px;
}

#content .artikel-publication .price-info .info .netto-price,
#content .artikel-publication .price-info .info .brutto-price{
    color: #7b7b7b;
    line-height: 23px;
}
#content .artikel-publication .count-for-shoppingcart {
    text-align:right;
}
#content .artikel-publication .count-for-shoppingcart label{
    font-weight: 600;
    padding-right: 15px;
}

#content .artikel-publication .count-for-shoppingcart input.publikation{
    height: 35px;
    width: 45px;
    border-width: 1px;
    border-style: solid;
    border-color: #7b7b7b;
    line-height: 35px;
    text-align: center;
    margin-right: 25px;
    position: relative;
    bottom: 2px;
}

#content .artikel-publication .count-for-shoppingcart .publikation_button{
    display: inline-block;
}

#content .artikel-publication .count-for-shoppingcart .publikation_button .publikation_submit{
    width: 240px;
    height: 37px;
    color: #fff;
    border-width: 0px;
    border-style: none;
    font-weight: 700;
    background-position: 20px center;
    background-repeat: no-repeat;
    background-image: url(/static/img/icon-shopper-white.png);
    padding-left: 45px;
}

#content .artikel-publication .item-publication a.download{
    padding-left: 35px;
    background-position: center left;
    background-repeat: no-repeat;
    height: 25px;
    display: inline-block;
    margin-bottom: 30px;
    font-weight: 600;
}

#content .artikel-publication .publication_order.publication_order_top {
    margin-top: 25px;
    text-align:right;
}

.artikel-publication + .site-features .keywords,
.artikel-publication + .site-features .news{
    display: none !important;
}

/************************************************************/

/*******************CONTENT-Teaser-Aktuelles*****************/

#content .teaser-aktuelles li.subitem {
    padding-top: 12px;
    padding-bottom: 12px;
    background-repeat: no-repeat;
    background-position: 0 17px;
    padding-left: 33px;
}

#content .teaser-aktuelles li.subitem a.more {
    color: #383838;
    font-weight: 600;
    background-image: none;
    padding-left: 0px;
    margin-left: 0px;
    text-transform: none;
}

#content .teaser-aktuelles .list.area1 + .list.area1,
#content .teaser-aktuelles .list.area2 + .list.area2,
#content .teaser-aktuelles .list.area3 + .list.area3,
#content .teaser-aktuelles .list.area4 + .list.area4,
#content .teaser-aktuelles .list.area5 + .list.area5 {
    border-top-style: none !important;
    border-top-width: 0px !important;
    margin-top: -25px;
}
#content .teaser-technologie img.links,
#content .teaser-mehr-zum-thema img.links,
#content .teaser-aktuelles img.links{
    width:auto;
}


#content .teaser-aktuelles .no-border-top{
    border-top:none;
}

/************************************************************/

/*******************CONTENT-Teaser-Mehr-Zum-Thema************/

#content .teaser-mehr-zum-thema .list.teaser .category {
    margin-bottom: 17px;
}

/************************************************************/

/*******************CONTENT-Teaser-Social-Media-Navigation***/

#content .social-media-navigation div.social-center{
    margin: 0 auto;
}

#content .social-media-navigation div.social-center ul{
    margin-left: 1px;
}

#content  .social-media-navigation li.social-align{
    padding-left: 8px;
    float: left;
    text-align: center;
    margin-top: 17px;
    height: 95px;
    font-size: 12px;
    border-bottom-width: 0px;
    border-bottom-style: none;
}

#content .social-media-navigation li.social-align a{
    display: inline-block;
    text-transform: uppercase;
    margin: 0 auto 5px auto;
    min-width: 43px;
    /*padding-top: 59px;*/
    text-decoration: none;
    font-weight: 600;
}

#content .social-media-navigation li.social-align:first-child a{
    min-width: 80px;
}

#content .social-media-navigation li.social-align a:hover{
    text-decoration:underline;
}

#content .social-media-navigation li.social-align a span{
    display: block;
    background-position: center 0px;
    background-repeat: no-repeat;
    height: 54px;
    width: 100%;
}

#content .social-media-navigation li.social-align a.bigpicture:hover span.picture,
#content .social-media-navigation li.social-align a:hover span.picture{
    background-position: center -54px;
    text-decoration: none !important;
}

/* special case for a button bigger in size */
#content .social-media-navigation li.social-align a.bigpicture span{
    background-position: center 0;
    min-width: 80px;
}


/*#content .social-media-navigation li.social-align a.newsletter span{
    background-image: url(/static/img/sprite-sm-presse.png);
}

#content .social-media-navigation li.social-align a.rss span{
    background-image: url(/static/img/sprite-sm-rss.png);
}

#content .social-media-navigation li.social-align a.facebook span{
    background-image: url(/static/img/sprite-sm-facebook.png);
}

#content .social-media-navigation li.social-align a.twitter span{
    background-image: url(/static/img/sprite-sm-twitter.png);
}

#content .social-media-navigation li.social-align a.gplus span{
    background-image: url(/static/img/sprite-sm-googleplus.png);
}

#content .social-media-navigation li.social-align a.flickr span{
    background-image: url(/static/img/sprite-sm-flickr.png);
}

#content .social-media-navigation li.social-align a.youtube span{
    background-image: url(/static/img/sprite-sm-youtube.png);
}*/

/************************************************************/
/*******************Mittel-Spalte****************************/

#content h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 33px;
    margin: 0 0 14px 0;
}

#content .artikel h1:first-child{
    margin-top: 18px;
}

#content div.keywords,
#content div.category,
#content .list h1.category  {
    font-size: 18px;
    font-weight: 600;
    margin: 8px 0 4px 0;
    text-transform: uppercase;
    letter-spacing:1px;
}

#content .filled div.category {
    margin-left: 10px;
}

#content .artikel,
#content .teaser,
#content .list {
    clear: both;
    width: 100%;
    border-top-width: 10px;
    border-top-style: solid;
    padding-bottom: 50px;
}

#content .artikel + .site-features{
    //margin-top: -51px;
}

#content .artikel .read-more{
    margin-top: 9px;
}

#content ul.bullet{
    list-style-type: disc;
    list-style-position: inside;
    font-size: 14px;
}

#content ul.bullet li{
    margin-bottom: 9px;
}

#content ul.bullet li a,
#content ul.bullet li span{
    font-size: 17px;
    margin-left: 3px;
}

#content ul.bullet li span{
    color: #383838;
}

#content .mitglieder-list ul.bullet li a,
#content .mitglieder-list ul.bullet li span{
    bottom: 3px;
    display: inline-block;
    font-size: 17px;
    left: 3px;
    max-width: 95%;
    position: relative;
    vertical-align: text-top;
    width: auto;
    margin-left: 0px;
}

/************************************************************/

/*******************Shopping-Cart-Spalte-Teaser-Shoppingcart*/

#shopping-cart .teaser-shoppingBasket .bordered{
    padding-bottom: 20px;
}

#shopping-cart .teaser-shoppingBasket .category a{
    background-repeat: no-repeat;
    background-image: url(/static/img/icon-shopper.png);
    padding-left: 30px;
}

#shopping-cart .teaser-shoppingBasket div.price{
    margin-bottom: 6px;
}

#shopping-cart .teaser-shoppingBasket .price span{
    font-size: 18px;
}

#shopping-cart .teaser-shoppingBasket .price span.price{
    font-weight: 600;
}

#shopping-cart .teaser-shoppingBasket .price span.bracket{
    /* definition empty atm */
}

#shopping-cart .teaser-shoppingBasket .price span.number{
    /* definition empty atm */
}

#shopping-cart .teaser-shoppingBasket .price span.word{
    /* definition empty atm */
}

#shopping-cart .teaser-shoppingBasket .vat{
    line-height: 14px;
    font-size: 13px;
}

#shopping-cart .teaser-shoppingBasket .shipping{
    line-height: 14px;
    font-size: 13px;
}

#shopping-cart .teaser-shoppingBasket .shipping a{
    text-decoration: underline;
}

/************************************************************/

/*******************Rechte-Spalte****************************/

#shopping-cart .teaser,
#right .teaser {
    width:198px;
    border-top-width: 10px;
    border-top-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;   
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
    margin-bottom: 40px;
}



#shopping-cart .teaser > div.bordered,
#right .teaser > div.bordered{
    border-style: solid;
    border-top-width: 0;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-color: #cccccc !important;
    border-right-color: #cccccc !important;
    border-bottom-color: #cccccc !important;
}

#shopping-cart .teaser > div.bordered .positionbox,
#right .teaser > div.bordered .positionbox{
    margin-left: 9px !important;
    margin-right:9px !important;
}

#right .teaser.freier-teaser .bordered {
    padding-bottom: 15px;    
}

#right .teaser.freier-teaser .subtitle{
    font-weight: 600;
}

#right .teaser.filled {
    width:200px;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    font-size: 17px;
}

#shopping-cart div.category ,
#right div.category {
    font-size: 18px;
    font-weight: 600;
    padding: 13px 0 17px 0;
    margin-left: 10px;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: -0.06px;
    margin-right: 10px;
}

#right .teaser-publikationen-kompakt div.category{
    padding-bottom: 12px;
}

#right div.more-box {
    width:179px;
    background: #fff;
    padding: 8px 0 0 21px;
    text-align: left;
}

#shopping-cart .teaser .positionbox,
#right .teaser .positionbox {
    margin-left: 10px;
    margin-right:10px;
}

#right div.subheading {
    font-size: 17px;
    font-weight:700;
    margin-bottom: 1px;
}

#right a.subheading {
    display:block;
    font-size: 17px;
    font-weight:700;
    margin-bottom: 1px;
}

/************************************************************/

/*******************LINKESPALTE******************************/

#left .category {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase;
    margin-left: 0;
    margin-right: 10px;
    padding-top: 21px;
    padding-bottom: 0;
    width: 100%;
    display: inline-block;
    letter-spacing: 0.011em;
}

#left .teaser {
    width:200px;
    clear: both;
    margin-bottom: 40px;
    font-size: 17px;
    line-height: 25px;
}

/************************************************************/

/*******************FOOTER***********************************/

.footer {
    font-size: 20px;
    font-weight: 600;
    max-width: 100%;
    width: 980px;
    text-align: center;
    min-height:60px;
    clear: both;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 30px;
}

.footer ul {
    list-style-type: none;
    list-style-position: outside;
    display: inline-block;
    margin: 0 auto;
    max-width: 980px;
}

.footer ul li {
    display: inline;
    margin-right: 13px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #fff;
    line-height: 20px;
    font-size:20px;
}

.footer ul li.last {
    border-right-style: none;
}

.footer ul li a {
    margin-right: 13px;
}

/************************************************************/

/*******************INSIDE-SITEMAP***************************/

.inside-sitemap {
    padding: 43px 0 24px 20px;
    width: 960px;
    min-height: 100px;
    font-size: 20px;
    margin: 0 auto;
}

.inside-sitemap .mapcolumn {
    width: 320px;
    max-width: 100%;
    padding: 0;
    margin-top: 0;
    float: left;
}

.inside-sitemap .navlist {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 36px;
    margin-right: 20px;
}

.inside-sitemap .heading {
    font-weight: bold;
    margin-bottom: 25px;
}

.inside-sitemap .sitemap-element {
    margin-bottom: 9px;
    letter-spacing: 0;
}

/************************************************************/

/*******************Terminator*******************************/

.abbinder {
    width: 980px;
    margin: 0 auto;
    height: 105px;
    font-size: 1.01em;
    letter-spacing: 0.2px;
    color: #fff;
    font-size: 20px;
    padding-top: 0;
}

.abbinder span {
    display:block;
    margin-top: 36px;
    margin-left: 24px;
    float: left;
}

.abbinder .foot-to-toplink {
    margin-top: 29px;
    float: right;
}

.abbinder .foot-to-toplink span {
    font-weight: 700;
    height: 35px;
    padding-top: 10px;
    padding-left: 20px;
    background: #DFE2E9;
    color: #273D6A;
    width:207px;
    margin-top: 0;
    display: inline-block;
    padding-right:14px;
    background-image: url(/static/img/footer-arrow-0.png);
    background-repeat: no-repeat;
    background-position: 199px 13px;
}

/************************************************************/

/*******************Color-Coding*****************************/

/* Color Area1 - currently Orange foreground: #d2720b background: #f6e3ce */
#topnav li.area1 a,
body.area1 #wrapper-content-right .artikel,
body.area1 #wrapper-content-right .teaser,
body.area1 #wrapper-content-right .list,
#content .artikel.area1 li.item,
#content .teaser.area1 li.item,
#content .list.area1 li.item{
    border-color: #d2720b;
}

#wrapper-content-right .artikel.area1,
#wrapper-content-right .teaser.area1,
#wrapper-content-right .list.area1 {
    border-top-color: #d2720b !important;
}

li.subitem.area1{
    border-bottom-color: #d2720b;
}

.area1 .cycle-pager span:hover,
.area1 .cycle-pager-active,
.area1 a.teaser-link-button,
#topnav li.area1 .nav-column li.head a.active,
#topnav li.area1 .nav-column li.head a:hover {
    color: #d2720b;
}

body.home .area1 a.more{
    color: #d2720b !important;
}

#topnav li.area1:hover a,
#topnav li.area1.active a,
#topnav li.area1 > div {
    background-color: #d2720b;
}

body.area1 #sub-navi ul.topnav li ul li.active a,
body.area1 #sub-navi ul.topnav li a:hover,
body.area1 #content .teaser.filled.social-media-navigation,
body.area1 #right .teaser.filled{
    background-color: #f6e3ce;
}

#right .teaser.filled.area1,
#content .teaser.filled.social-media-navigation.area1{
    background-color: #f6e3ce !important;
}

#topnav li.area1 .nav-column li.head a{
    background: #df9c54 ;
}

body.home .area1 a.more {
    background-image: url(/static/img/link-arrow-orange.png);
}
li.subitem.area1 {
    background-image: url(/static/img/teaser-arrow-orange-0.png);
}

body.area1 #sub-navi ul.topnav li.has-children span.arrow-down{
    color: rgba(0, 0, 0, 0);
    background-image: url(/static/img/subnavi-arrow-down-orange.png);
}

body.area1 #sub-navi ul.topnav li.has-children span.arrow-up,
body.area1 #sub-navi ul.topnav li.has-children.active span.arrow-up{
    color: rgba(0, 0, 0, 0);
    background-image: url(/static/img/subnavi-arrow-up-orange.png);
}

/* Color Area2 - currently Green foreground: #7d8f07 background: #e5e9cd */
#topnav li.area2 a,
body.area2 #wrapper-content-right .list,
body.area2 #wrapper-content-right .teaser,
body.area2 #wrapper-content-right .artikel,
#content .artikel.area2 li.item,
#content .teaser.area2 li.item,
#content .list.area2 li.item{
    border-color: #7d8f07;
}

#wrapper-content-right .artikel.area2,
#wrapper-content-right .teaser.area2,
#wrapper-content-right .list.area2{
    border-top-color: #7d8f07 !important;
}

li.subitem.area2{
    border-bottom-color: #7d8f07;
}

.area2 .cycle-pager span:hover,
.area2 .cycle-pager-active,
.area2 a.teaser-link-button,
#topnav li.area2 .nav-column li.head a.active,
#topnav li.area2 .nav-column li.head a:hover{
    color: #7d8f07;
}

body.home .area2 a.more{
    color: #7d8f07 !important;
}

#topnav li.area2:hover a,
#topnav li.area2.active a,
#topnav li.area2 > div {
    background-color: #7d8f07;
}

body.area2 #sub-navi ul.topnav li ul li.active a,
body.area2 #sub-navi ul.topnav li a:hover,
body.area2 #content .teaser.filled.social-media-navigation,
body.area2 #right .teaser.filled {
    background-color: #e5e9cd;
}

#right .teaser.filled.area2,
#content .teaser.filled.social-media-navigation.area2{
    background-color: #e5e9cd !important;
}

#topnav li.area2 .nav-column li.head a{
    background: #a4b051 ;
}

body.home .area2 a.more {
    background-image: url(/static/img/link-arrow-green.png);
}

li.subitem.area2 {
    background-image: url(/static/img/teaser-arrow-green-0.png);
}

body.area2 #sub-navi ul.topnav li.has-children span.arrow-down{
    color: rgba(0, 0, 0, 0);
    background-image: url(/static/img/subnavi-arrow-down-green.png);
}

body.area2 #sub-navi ul.topnav li.has-children span.arrow-up,
body.area2 #sub-navi ul.topnav li.has-children.active span.arrow-up{
    color: rgba(0, 0, 0, 0);
    background-image: url(/static/img/subnavi-arrow-up-green.png);
}

/* Color Area3 - currently Purple foreground: #7a46af background: #e4daef */
#topnav li.area3 a,
body.area3 #wrapper-content-right .list,
body.area3 #wrapper-content-right .teaser,
body.area3 #wrapper-content-right .artikel,
#content .artikel.area3 li.item,
#content .teaser.area3 li.item,
#content .list.area3 li.item{
    border-color: #7a46af;
}

#wrapper-content-right .artikel.area3,
#wrapper-content-right .teaser.area3,
#wrapper-content-right .list.area3 {
    border-top-color: #7a46af !important;
}

li.subitem.area3{
    border-bottom-color: #7a46af;
}

.area3 .cycle-pager span:hover,
.area3 .cycle-pager-active,
.area3 a.teaser-link-button,
#topnav li.area3 .nav-column li.head a.active,
#topnav li.area3 .nav-column li.head a:hover {
    color: #7a46af;
}

body.home .area3 a.more{
    color: #7a46af !important;
}

#topnav li.area3:hover a,
#topnav li.area3.active a,
#topnav li.area3 > div {
    background-color: #7a46af;
}

body.area3 #sub-navi ul.topnav li ul li.active a,
body.area3 #sub-navi ul.topnav li a:hover,
body.area3 #content .teaser.filled.social-media-navigation,
body.area3 #right .teaser.filled{
    background-color: #e4daef;
}

#right .teaser.filled.area3,
#content .teaser.filled.social-media-navigation.area3{
    background-color: #e4daef !important;
}

#topnav li.area3 .nav-column li.head a{
    background: #a27dc7 ;
}

body.home .area3 a.more {
    background-image: url(/static/img/link-arrow-purple.png);
}

li.subitem.area3 {
    background-image: url(/static/img/teaser-arrow-purple-0.png) !important;
}

body.area3 #sub-navi ul.topnav li.has-children span.arrow-down{
    color: rgba(0, 0, 0, 0);
    background-image: url(/static/img/subnavi-arrow-down-purple.png);
}

body.area3 #sub-navi ul.topnav li.has-children span.arrow-up,
body.area3 #sub-navi ul.topnav li.has-children.active span.arrow-up{
    color: rgba(0, 0, 0, 0);
    background-image: url(/static/img/subnavi-arrow-up-purple.png);
}

/* Color Area4 - currently Brown foreground: #845305 background: #e6ddcd */
#topnav li.area4 a,
body.area4 #wrapper-content-right .list,
body.area4 #wrapper-content-right .teaser,
body.area4 #wrapper-content-right .artikel,
#content .artikel.area4 li.item,
#content .teaser.area4 li.item,
#content .list.area4 li.item{
    border-color: #845305;
}

#wrapper-content-right .artikel.area4,
#wrapper-content-right .teaser.area4,
#wrapper-content-right .list.area4{
    border-top-color: #845305 !important;
}

li.subitem.area4{
    border-bottom-color: #845305;
}

.area4 .cycle-pager span:hover,
.area4 .cycle-pager-active,
.area4 a.teaser-link-button,
#topnav li.area4 .nav-column li.head a.active,
#topnav li.area4 .nav-column li.head a:hover {
    color: #845305;
}

body.home .area4 a.more{
    color: #845305 !important;
}

#topnav li.area4:hover a,
#topnav li.area4.active a,
#topnav li.area4 > div {
    background-color: #845305;
}

body.area4 #sub-navi ul.topnav li ul li.active a,
body.area4 #sub-navi ul.topnav li a:hover,
body.area4 #content .teaser.filled.social-media-navigation,
body.area4 #right .teaser.filled{
    background-color: #e6ddcd;
}

#right .teaser.filled.area4,
#content .teaser.filled.social-media-navigation.area4{
    background-color: #e6ddcd !important;
}

#topnav li.area4 .nav-column li.head a{
    background: #a98650 ;
}

body.home .area4 a.more {
    background-image: url(/static/img/link-arrow-brown.png);
}

li.subitem.area4{
    background-image: url(/static/img/teaser-arrow-brown-0.png);
}

body.area4 #sub-navi ul.topnav li.has-children span.arrow-down{
    color: rgba(0, 0, 0, 0);
    background-image: url(/static/img/subnavi-arrow-down-brown.png);
}

body.area4 #sub-navi ul.topnav li.has-children.span.arrow-up,
body.area4 #sub-navi ul.topnav li.has-children.active span.arrow-up{
    color: rgba(0, 0, 0, 0);
    background-image: url(/static/img/subnavi-arrow-up-brown.png);
}

/* Color Area5 - currently Blue foreground: #364f81 background: #d7dce6 */
#topnav li.area5 a,
body.area5 #wrapper-content-right .list,
body.area5 #wrapper-content-right .teaser,
body.area5 #wrapper-content-right .artikel,
#content .artikel.area5 li.item,
#content .teaser.area5 li.item,
#content .list.area5 li.item{
    border-color: #364f81;
}

#wrapper-content-right .artikel.area5,
#wrapper-content-right .teaser.area5,
#wrapper-content-right .list.area5{
    border-top-color: #364f81 !important;
}

li.subitem.area5{
    border-bottom-color: #364f81;
}

.area5 .cycle-pager span:hover,
.area5 .cycle-pager-active,
.area5 a.teaser-link-button,
#topnav li.area5 .nav-column li.head a:hover {
    color: #364f81;
}

body.home .area5 a.more{
    color: #364f81 !important;
}

#topnav li.area5:hover a,
#topnav li.area5.active a,
#topnav li.area5 > div {
    background-color: #364f81;
}

body.area5 #sub-navi ul.topnav li ul li.active a,
body.area5 #sub-navi ul.topnav li a:hover,
body.area5 #content .teaser.filled.social-media-navigation,
body.area5 #right.teaser.filled{
    background-color: #d7dce6;
}

#right .teaser.filled.area5,
#content .teaser.filled.social-media-navigation.area5{
    background-color: #d7dce6 !important;
}

#topnav li.area5 .nav-column li.head a.active,
#topnav li.area5 .nav-column li.head a,
.teaser-map .mapmarker li ul li.head{
    background: #7384a7;
}

body.home .area5 a.more{
    background-image: url(/static/img/link-arrow-blue.png);
}

li.subitem.area5 {
    background-image: url(/static/img/teaser-arrow-blue-0.png);
}

body.area5 #sub-navi ul.topnav li.has-children span.arrow-down{
    color: rgba(0, 0, 0, 0);
    background-image: url(/static/img/subnavi-arrow-down-blue.png);
}

body.area5 #sub-navi ul.topnav li.has-children span.arrow-up,
body.area5 #sub-navi ul.topnav li.has-children.active span.arrow-up{
    color: rgba(0, 0, 0, 0);
    background-image: url(/static/img/subnavi-arrow-up-blue.png);
}

/* Universal Colors for some elements are the same as for Area 5-specific elements */
#topnav a:link,
#breadcrump span,
#breadcrump ul li a:link,
#breadcrump ul li a:hover,
#right .teaser-recherche .subheading,
#right .teaser-veranstaltungen .subheading,
#right .teaser-publikationen-kompakt a:link,
#content .artikel-portrait .portrait .image-link-wrapper a.download:link,
#content a:link,
.teaser.teaser-social-media-navigation a:link,
a.more,
.maillink a,
.social-align a,
a.link-external:link,
#content ul.contentliste li,
#content ol.contentliste li,
#content .control-pages ul li a,
#content .artikel .day-date .status,
#content .list .day-date .status,
#content .teaser .day-date .status,
#shopping-cart .teaser-shoppingBasket .shipping a,
#content div.pagination ul.pagination li,
#content div.pagination a:link,
#content .mediathek .content-filter a:link,
#content .liste-allgemein ul li.item .content-wrapper .status,
#container a:visited,
#content ul.bullet,
#content .map-wrapper .infotext .heading,
#content .map-wrapper span.show-button,
#content .shoppingCart .step-info,
#content .shoppingCart form.cart .title,
#content .shoppingCart .title,
#content .shoppingCart .commit form .agb-box {
    color: #364f81;
}

ul.mapmarker > li:hover a.mapmarker,
a.button.light,
input.button.light,
#content .artikel-veranstaltung .item-veranstaltung dl dd.status{
    color: #364f81 !important;
}

body.home .area2 .subitem a.more{
    color: #383838 !important;
}

body.area1 #content .teaser li.item,
body.area2 #content .teaser li.item,
body.area3 #content .teaser li.item,
body.area4 #content .teaser li.item,
body.area5 #content .teaser li.item ,
body.area1 #content .list li.item,
body.area2 #content .list li.item,
body.area3 #content .list li.item,
body.area4 #content .list li.item,
body.area5 #content .list li.item ,
body.area1 #content .artikel li.item,
body.area2 #content .artikel li.item,
body.area3 #content .artikel li.item,
body.area4 #content .artikel li.item,
body.area5 #content .artikel li.item,
#content .artikel .control-pages ul,
#content div.pagination,
#content .list div.pagination ul.pagination.month,
#content .seperator,
#content .mitarbeiter-liste .group,
#content .site-features .line-one,
#content .map-wrapper,
#content .shoppingCart,
#content .shoppingCart form.cart .persData,
#content .shoppingCart .buttons,
#content .shoppingCart .title,
#content .shoppingCart .title + ul > li.item,
#content .shoppingCart ul.summary li,
#content .liste-allgemein.liste-publikationen ul li.item img,
#content .artikel-veranstaltung .program > ul > li {
    border-color: #364f81;
}

#right .teaser-veranstaltungen .calendar-box .date-box,
#content .artikel-publication .item-publication .count-for-shoppingcart .publikation_button .publikation_submit,
#content .artikel-rssfeed .form-with-keywords div.element-box-submit input ,
#content .artikel-newsletter .form-with-keywords div.element-box input[type='submit'],
.teaser-map .mapmarker li div.more-info-flyout ul,
input[type="submit"].button,
a.button {
    background-color: #364f81;
}

#wrapper-content-right-left input[type=submit],
#content dl.zend_form dd input#login {
    background-color: #364f81;
}

#content .artikel .control-pages ul.pagination li.previous,
#content .artikel .control-pages ul.pagination li.next,
#content .list div.pagination ul.pagination.month,
#content .mediathek .content-filter,
#content .artikel-rssfeed form.form-with-keywords,
#content .artikel-newsletter form.form-with-keywords,
#content .list ul.pagination.letter li.option.active,
#content .map-wrapper span.show-button,
#content .artikel-mitglied .back-to-area{
    background-color: #d7dce6;
}

.teaser-map .mapmarker li ul li.head{
    background: #7384a7;
}

a.more{
    background-image: url(/static/img/link-arrow-blue.png);
}

#content .artikel .control-pages ul.pagination li.previous{
    background-image: url(/static/img/teaser-small-arrow-blue-left-0.png);
}

#content .artikel .control-pages ul.pagination li.next{
    background-image: url(/static/img/teaser-small-arrow-blue-0.png);
}

div.clear + a.more,
div.content-wrapper + a.more,
p.content + a.more,
p.video-description + a.more,
p.audio-description + a.more {
    background-image: url(/static/img/teaser-arrow-blue-0.png);
}

div.clear + a.more.download,
p.content + a.more.download,
a.more.download {
    background-image: url(/static/img/link-download-blue-0.png);
}

#content .artikel-publication .item-publication a.download{
    background-image: url(/static/img/icon-download.png);
}

a.button.with-icon.download{
    background-image: url(/static/img/button-icon-download.png);
}

input[type="submit"].button.with-icon.to-cart,
a.button.with-icon.to-cart{
    background-image: url(/static/img/button-icon-shopper.png);
}

a.right-button,
a.archive{
    background-image: url(/static/img/teaser-small-arrow-blue-0.png);
}

a.left-button,
input[type="submit"].button.light.back{
    background-image: url(/static/img/teaser-small-arrow-blue-left-0.png);
    text-align: center;
}

#content .artikel-rssfeed .form-with-keywords a.keywords-more,
#content .artikel-newsletter .form-with-keywords a.keywords-more,
a.read-more{
    background-image: url(/static/img/subnavi-arrow-down-blue.png);
}

#content .artikel-rssfeed .form-with-keywords a.keywords-more.active,
#content .artikel-newsletter .form-with-keywords a.keywords-more.active,
a.read-more.active{
    background-image: url(/static/img/subnavi-arrow-up-blue.png);
}

#content .list div.pagination ul.pagination.year li.option.active{
    background-image: url(/static/img/paginator-level-0.png);
}

/* Items which inherit border color code from parent object */

/*#content .teaser li.subitem,    Fallback-Lösung*/
#content .artikel li.item,
#content .teaser li.item,
#content .list li.item{
    border-color:inherit;
}

/************************************************************/

/*******************DYNAMIC-cycler-pagination****************/

/* Teaser Pagination */
.cycle-pager {
    display: inline-block;
    font-family: arial, helvetica, sans serif;
    font-size: 40px;
    color: #e7e7e7;
    width: 138px;
    vertical-align: top;
}

.cycle-pager span {
    cursor: pointer;
    margin-left: 2px;
    margin-right: 2px;
    color: #fff;
}

.cycle-pager span:hover,
.cycle-pager-active {
    color: #000;
}

.cycle-prev, .cycle-next {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0;
    margin-top: 4px;
    vertical-align: top;
}

.cycle-pagination {
    margin-top: 10px;
    text-align: center;
    width: 200px;
    background: #dbd8dd;
    margin-top:22px;
    padding: 6px 0 6px 0;
}

.cycle-prev:hover,
.cycle-next:hover {
    cursor:pointer;
}

.cycle-prev {
    background: url(/static/img/teaser-pagination-arrow-left.png) no-repeat center left transparent;
}

.cycle-prev:hover {
}

.cycle-next {
    background: url(/static/img/teaser-pagination-arrow-right.png) no-repeat center right transparent;
}

.cycle-next:hover {
}

.cycle-slideshow{
    margin-bottom: -16px;
    z-index: 5;
}

/*******************DYNAMIC-flyouts**************************/

/* style for top and bodymap flyouts */
.point {
    display:block;
    float:left;
    position:absolute;
    background-repeat: no-repeat;
    background-image: url(/static/img/flyout-bg-south.png);
    background-position: bottom center;
    padding-bottom: 3px;
    z-index:1000000;

}

.titel-input{
    float:left;
    display:block;
    background-position: bottom center;
    padding: 4px 12px 4px 12px;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: #364f81;
    color: #fff;
    max-width: 200px;
    min-width: 72px;
    text-align: center;
    position:relative;
    z-index:1000000;
}



.point-0{
    margin-left: 55px;
    margin-top: -50px;
}
.point-1{
    margin-left: 82px;
    margin-top: 30px;
}
.point-2{
    margin-left: 70px;
    margin-top: 10px;
}
.point-3{
    margin-left: 25px;
    margin-top: 20px;
}
.point-4{
    margin-left: 85px;
    margin-top: 65px;
}
.point-5{
    margin-left: 35px;
    margin-top: 65px;
}
.point-6{
    margin-left: 40px;
    margin-top: 100px;
}
.point-7{
    margin-left: 10px;
    margin-top: 60px;
}
.point-8{
    margin-left: -35px;
    margin-top: 115px;
}
.point-9{
    margin-left: -40px;
    margin-top: 120px;
}
.point-10{
    margin-left: -50px;
    margin-top: 85px;
}
.point-11{
    margin-left: -70px;
    margin-top: 35px;
}
.point-12{
    margin-left: 0px;
    margin-top: 15px;
}
.point-13{
    margin-left: -15px;
    margin-top: -5px;
}
.point-14{
    margin-left: 23px;
    margin-top: 0px;
}
.point-15{
    margin-left: -15px;
    margin-top: -35px;
}

.tipsy {
    padding: 3px;
    font-weight: 600;
    line-height: 18px;
}

.tipsy-inner {
    padding: 4px 12px 4px 12px;
    margin-top: 3px;
    margin-bottom: 3px;
    color: #fff;
    max-width: 200px;
    min-width: 72px;
    text-align: center;
}

.tipsy-inner{
    background-color: #364f81;
}

.tipsy-north {
    background-repeat: no-repeat;
    background-image: url(/static/img/flyout-bg-north-blue.png);
    background-position: top center;
    margin-top: 19px;
}

.tipsy-south {
    background-repeat: no-repeat;
    background-image: url(/static/img/flyout-bg-south-blue.png);
    background-position: bottom center;
    margin-top: -3px;
}

.tipsy-east {
    background-position: right center;
}

.tipsy-west {
    background-position: left center;
}

.smartphone {
    display:none;
}

/*BilderListe*BilderDetailansicht*/
.liste-bilder .item {
    border-bottom:none !important;
   font-size:12px;
}

.liste-bilder div.all-items{
    width:250px;
    height:35px;
    background:#7484A6;
}

.liste-bilder a.all-themes{
    display:block;
    color:#fff !important;
    text-transform:uppercase;
    padding-top:6px;
    padding-left:12px;
    background-repeat: no-repeat;
    background-position: 225px 15px;
    background-image: url('/static/img/arrow-down-white.png');
}

.liste-bilder div.active a.all-themes{
    background-image: url('/static/img/arrow-up-white.png') !important;
}

.thesaurus-filter {
    width:678px;
    background:#354F80;
    position:absolute;
    z-index: 200;
}

.thesaurus-filter ul {
    width:33%;
    float:left;
    overflow:hidden;
}

.thesaurus-filter li{
   list-style:none !important;
}

.thesaurus-filter ul li a{
   font-weight:normal !important;
   color:#fff !important;

}

.thesaurus-filter li.first-level{
    margin-left:10px;
    margin-top:5px;
    padding-left:5px;
    padding-right:5px;
    background:#7484A6;
}
.thesaurus-filter li.second-level{
    margin-left:15px;
    padding-left:5px;
    padding-right:5px;

}
.thesaurus-filter li.third-level{
    margin-left:20px;
       padding-left:5px;
   padding-right:5px;
}
.select-keywords-search .select-second-level {
    padding-left:10px;
}
.select-keywords-search .select-third-level {
    padding-left:20px;
}

.liste-bilder .bounding-box {
    width:100%;
    height:342px;
    background:#D8DCE7;
    margin-bottom:3px;
    margin-top:20px;
}

.artikel.liste-bilder{
    margin-bottom: 40px;    
}

.artikel.liste-bilder h1{
    margin-top: 15px !important;
}

.artikel.liste-bilder .bounding-box .center .center img{
    float: left;    
}

.artikel.liste-bilder .link-box{
    margin-top: 16px;
    padding-bottom: 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    margin-bottom: 25px;
}

.artikel.liste-bilder .link-box a.more{
    margin-left: 0px !important;
    margin-bottom: 3px !important;
    display: inline-block;
}

.artikel.liste-bilder .tags{
    margin-bottom: 19px;  
    font-size: 15px;
}

.artikel.liste-bilder .tags .label{
    float: left;
    width: 35px;
}

.artikel.liste-bilder .tags ul{
    display: block;
    padding-left: 35px;
}

.artikel.liste-bilder .tags ul li{
    display: inline-block;
    float: left;
}





.artikel.liste-bilder .tags .label{
    font-weight: 300;
}

.artikel.liste-bilder .tags ul li a{
    font-weight: 300 !important;
    background-image: url('/static/img/search-button-small-0.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 17px;
    margin-left: 7px;
}

.artikel.liste-bilder .bounding-box{
    height: auto;    
}

.liste-bilder div.center{
    margin: 0 auto !important;
}

.liste-bilder img.center-image{
    margin:0 !important;
    width:auto !important;
    height:auto !important;
}

.liste-bilder div.wrapper{
    float:left;
    background:#D8DCE7;
    width:100%;
}

.liste-bilder .title{
    margin-left:15px;
    margin-right:15px;
    font-size:16px;
    font-weight: 600;
}

.liste-bilder .content {
    padding-top: 5px;
    margin-left:15px;
    margin-right:15px;
    font-size: 14px;
    border-bottom:1px solid #7484A6;
}

.liste-bilder .tag-line {
    margin-left:15px;
    margin-right:15px;
}
.liste-bilder .wrapper {
    padding-bottom:10px;
}

.liste-bilder .show-button-wrapper {
    margin-left:15px;
    margin-right:15px;
}

.liste-bilder .show-button {
    float:right;
    padding:0px 15px;
    background:#7484A6;
    font-weight:bold;
    color:#fff;
    background-image: url('/static/img/arrow-down-white.png');
    background-repeat: no-repeat;
    background-position: 50px 10px;
}

.liste-bilder .show-button span {
    padding-right:12px;;
}

.liste-bilder a.more {
    background-image: url('/static/img/teaser-arrow-blue-0.png') !important;
    margin-left:15px;
    padding-left:25px;
    padding-top:3px;
    padding-bottom:3px;
    font-size:16px;
}
.zoom {
    width:20px;
    height:20px;
    float:left;
    margin-left:-20px;
}
.zoom a{
    display:block;
    width:20px;
    height:20px;
    background-image: url('/static/img/icon-zoom.png');
    background-repeat: no-repeat;
    background-position: 0px 4px;
    float:left;
}

#content .artikel.social-media .category{
    line-height: 32px !important;
    margin-top: 10px;
    padding-bottom: 12px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 41px;
}

#content .artikel.social-media.flickr{
    overflow: hidden;
}

#content .artikel.social-media.flickr-kompakt .category{
    margin-top: 0px;
    padding-top: 12px;
    font-size: 16px;
}

#content .artikel.social-media.flickr-kompakt .category a{
    text-transform: none;
    line-height: 24px;

}

#content .artikel.social-media.flickr .category{
    background-image: url('/static/img/article-flickr-logo.png');
}

#content .artikel.social-media.flickr-kompakt .category{
    background-position: center left;
    background-image: url('/static/img/article-flickr-logo-dark.png');
}

#content .artikel.social-media.rss .category{
    background-image: url('/static/img/article-rss-logo.png');
}

#content .artikel.social-media.twitter .category{
    background-image: url('/static/img/article-twitter-logo.png');
}

#content .artikel.social-media.youtube .category{
    background-image: url('/static/img/article-youtube-logo.png');
}

#content .artikel.social-media .bordered-box{
    border-color: #cccccc;
    border-style: solid;
    border-width:1px;    
    background-color:white;
}

#content .artikel.social-media.facebook .category{
    background-image: url('/static/img/article-facebook-logo.png');
}

iframe.facebook {
    border:none;
    overflow:hidden;
    width:454px;
    height:558px;
}
div.social-media div.stream {
    background-color:white;
} 

#content .artikel.social-media.gplus .category{
    background-image: url('/static/img/article-gplus-logo.png');
}

.g-page {
    border:none;
    overflow:hidden;
    width:456px;
    height:auto;
}
#root #widget_bounds {
    border:0px !important;
    width:454px !important;
}
#googlePlusWidget {
    width: 454px;
    height: auto; 
    float: left;
}
#googlePlusWidget div.layout {
    width: 448px;
    height: auto;
    float: left;
    overflow: hidden;
    background: #fff;
}
#googlePlusWidget div.layout div#___page_0 {
    margin: -1px !important;
    height: 116px;
    position: relative; 
}
div.flickr div.cycle-container {
    margin:10px 10px 0px 10px;
}
div.youtube div.cycle-container {
    padding:10px 0px 0px 0px;
    background-color:white;
}
div.flickr div.slider {
    width:412px !important;
    height:80px !important;
}
div.youtube div.slider {
    width:434px !important;
    height:80px !important;
}
div.social-media div.prev,
div.social-media div.next,
div.social-media div.slider {
    float:left;
}
div.social-media a.prev,
div.social-media a.next{
    width:10px !important;
    height:80px !important;
    background-color:#364f81 !important;
    display:inline-block;
}
div.social-media a.prev {
    background:url('/static/img/youtube_carousel_left.jpg') no-repeat 0 center;
    margin-right:1px;
}
div.social-media a.next{
    background:url('/static/img/youtube_carousel_right.jpg') no-repeat 0 center;
    margin-left:1px;
}
div.caption {
    color: #999999;
    padding:5px 10px 5px 10px;
    font-size:11pt;
}
div.youtube li.thumbnail a {
    width:107px !important;
    background-color:black;
    display:block;
    margin-right:2px;
}
div.flickr li.thumbnail a {
    width:80px !important;
    background-color:black;
    display:block;
    margin-right:3px;
}
#content .social-media.rss .bordered-box {
    padding: 10px;
}
#content .social-media.rss ul.rsslist{
    list-style-type: none;
    margin:10px 40px 0px 40px;
}
#content .social-media.rss li.rsslist{
    background: url(/static/img/icon-rss.png) no-repeat 1px 6px;
    margin: 3px 0px 0px -39px;
    padding-left: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.suche-formular form.searchformular {
    width:100%;
}

.suche-formular .form-wrapper{
    float:left;
    width:100%;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    margin-top:15px;
        margin-bottom:15px;
}

.suche-formular input#query {
    float:left;
    border:none;
    width:68%;
    height: 35px;
    padding-left:5px;
}

.suche-formular input#start-search {
    float:right;
}

.suche-formular .status-message {
    clear:both;
}

.suche-formular .type {
    float:left;
    padding-right:8px;
    margin-right:8px;
    border-right: 1px solid #383838;
    height: 20px;
    line-height: 20px;
}

.suche-formular .type-date {
    margin-bottom: 5px;
}

.suche-formular .date {
    float:left;
    height: 20px;
    line-height: 20px;
}

.suche-formular .date {
    float:left;
    height: 20px;
    line-height: 20px;
}

.suche-formular > ul > li{
    margin-top: 20px;
}

.suche-formular > ul{
    margin-bottom: 30px;
}

.image-wrapper .imageZoom span.hint-zoom{
    display: block;
    width: 100%;
}

.image-wrapper .imageDownload{
    display: block;
}

.kill-top-border{
    border-top-style: none !important;
    border-top-width: 0px !important;
}

#content .artikel div > object{
    margin-top: 10px;
    padding-bottom: 10px;
    display:block;
}

#content .artikel script + div + script + .caption-and-copyright{
    padding-top: 7px;
}

#content .artikel script + div + script + .caption-and-copyright > .caption{
    padding:5px 0px;
}

#content .artikel .player-wrapper div > object{
    margin-top: 0px;
    margin-bottom: 0px;
}

.fancybox-overlay .container-image-view a,
.fancybox-overlay .container-image-view .container-image-information-desc span{
    font-size: 16px;
    text-transform: uppercase;
}

.fancybox-overlay .container-image-view .container-image-information-desc h1{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.fancybox-overlay .container-image-view .container-image-information-desc p{
    font-size: 15px;
}

.fancybox-overlay div.containter-image-information div.container-image-close:hover{
    background: url('/static/img/gallery-button-close-1.png') no-repeat scroll 5px 14px #fff !important;
}

.fancybox-overlay div.container-image-information-desc div.container-image-information-desc-overlay{
    padding: 10px;
}

.fancybox-overlay .container-image-view .item-big{
    background-color: #d7dce6;
}


/*Mitglieder-Liste*/
.mitglieder-liste .map-wrapper {
    height:234px !important;

}

.mitglieder-liste .map-wrapper .info-wrapper {
    margin-left:225px;
}
.mitglieder-liste .map-wrapper img.background {
    margin-left: 10px;
    position: absolute;
    margin-top:-2px;
}

.mitglieder-liste .hover-positioner {
    margin-left:10px !important;
}

.mitglieder-liste .map-wrapper-small-active {
    height: 95px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #000;
    margin-bottom:27px;
}

.mitglieder-liste ul.pagination.letter li.option {
    width:19px !important;
}

.mitglieder-liste .schablone{
    left:0px;
    margin-top:2px;
}

.mitglieder-liste ul.point-positioner {
    margin-left:10px;
}

.list.bilder-liste ul li.item .bounding-box .center,
.list.bilder-liste ul li.item .bounding-box img{
    max-width: 100% !important;
}

.hersteller-liste{
    float:left;
}
.category-product-wrapper{
    float:left;
    margin-bottom:30px;

}
.hersteller-liste ul.items{
    float:left;
}
.hersteller-liste ul.items li{
    float:left;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid green;
}

#top ul.toolbar li {
    float:right !important;
}

#top ul.toolbar {
 float:left;
}

/* style for map flyouts */



























/*******************EXTRANET**************************/

#content a.dashboard{
    padding-left: 20px;
    background-position: 0 center;
    background-repeat: no-repeat;
}

#content a.dashboard.dashboard-add{
    background-image: url(/static/img/icon-dashboard-add.png);
}

#content a.dashboard.dashboard-delete{
    background-image: url(/static/img/icon-dashboard-remove.png);
}

#content .liste-allgemein .category-wrapper{
    clear: both;
    margin-bottom: 2px;
    margin-top: 17px;
    width: 100%;
}

#content .liste-allgemein .category-wrapper .document-category, 
#content .liste-allgemein .category-wrapper .dashboard{
    float: left;
}

#content .liste-allgemein .category-wrapper .document-category  + .dashboard:before {
    float: left;
    color: #383838;
    content: "|";
    padding-left: 4px;
    padding-right: 8px;
}

#content .liste-allgemein.liste-extranet > ul{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: inherit;
}

#content .liste-allgemein.liste-extranet .list-searchbar{
    border-bottom: 1px solid #364f81;
    padding: 30px 0 30px 0;
}

#content .liste-allgemein.liste-extranet .list-searchbar fieldset{
    background: #d7dce6;
    width: 180px;
    padding-left: 20px;
    height: 30px;
    padding-top: 5px;
}

#content .liste-allgemein.liste-extranet .list-searchbar fieldset input + span{
    margin-left: 7px;
}

#content .liste-allgemein.liste-extranet .list-searchbar fieldset span + input{
    margin-left: 25px;
}

#content .liste-allgemein.liste-extranet .list-searchbar input[type='submit']{
    height: 26px;
    line-height: 28px;
    width: 74px;
    font-size: 14px;
    text-transform: uppercase;
    float: right;
    position: absolute;
    margin-left: -75px;
    margin-top: 1px;
}

#content .liste-allgemein.liste-extranet .list-searchbar input[type='text']{
    width: 379px;
    max-width: 100%;
    padding-right: 75px;
}

#content .liste-allgemein.liste-extranet form.search{
    margin-top: 30px;
    border-color: inherit;
    margin-bottom: 40px;
    display: block;
}

#content .liste-allgemein.liste-extranet form.search > .label{
    width: 145px;
    float: left;
    height: 30px;
}

#content .liste-allgemein.liste-extranet form.search > .input{
    padding-left: 145px;
    height: 30px;
}

#content .liste-allgemein.liste-extranet form.search > .input #filterSearchTerm{
    width: 100%;    
}

#content .liste-allgemein.liste-extranet form.search > .accordion{
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: inherit;
}

#content .liste-allgemein.liste-extranet form.search > .accordion > .head{
    width: 100%;    
    float: none;
    margin-bottom: 0px;
    font-weight: 500;
}

#content .liste-allgemein.liste-extranet form.search > .accordion > .head + div,
#content .liste-allgemein.liste-extranet form.search > .accordion.accordion-search-range > .head + div{
    margin-bottom: 0px;
}

#content .liste-allgemein.liste-extranet form.search > .accordion >.head + div{
    padding-left: 20px;
}

#content .liste-allgemein.liste-extranet form.search > .accordion.accordion-search-range >.head + div > .input{
    padding-top: 5px;
    width: 25px;
    float: left;
}

#content .liste-allgemein.liste-extranet form.search > .accordion.accordion-search-range >.head + div > .label{
    padding-left: 33px;
}

#content .liste-allgemein.liste-extranet form.search > .accordion.accordion-search-range > .head + div > .input input[type='radio'],
#content .liste-allgemein.liste-extranet form.search > .accordion.accordion-search-range > .head + div > .input input[type='checkbox']{
    margin-left: 0px;
}

#content .liste-allgemein.liste-extranet form.search > .accordion.accordion-search-range > .head + div > .input + .label,
#content .liste-allgemein.liste-extranet form.search > .accordion.accordion-search-date > .head + div > .label:first-child + .input{
    margin-bottom: 10px;
}

#content .liste-allgemein.liste-extranet form.search > .accordion.accordion-search-date >.head + div > .label{
    float: left;
}

#content .liste-allgemein.liste-extranet form.search > .accordion.accordion-search-range ~ .accordion >.head + div > .input{
    width:65%;
    margin: 0 auto;
}

#ui-datepicker-div{
    background: #fff;
    border: 1px solid #364F81;
}

#ui-datepicker-div .ui-datepicker-header{
    background: #364f81;
    color: #fff;
}

#ui-datepicker-div .ui-datepicker-calendar{
    background: #fff;
}

#ui-datepicker-div .ui-datepicker-calendar th{
    padding: 3px 5px;
}

#ui-datepicker-div .ui-datepicker-calendar td{
    padding: 3px 5px;
    text-align: center;
}

#ui-datepicker-div .ui-datepicker-calendar td a{
    width: 100%;
    height: 100%;
    color: #000;
}

#content .liste-allgemein.liste-extranet form.search .accordion .head + div .label > label {
    position: relative;
    top: 2px;
}

#content .liste-allgemein.liste-extranet form.search > .accordion >.head + div > .input input[type='text'],
#content .liste-allgemein.liste-extranet form.search > .accordion >.head + div > .input select{
    width: 100%;
    margin-bottom: 0 !important;
}

#content .liste-allgemein.liste-extranet form.search > .label + div.input,
#content .liste-allgemein.liste-extranet form.search > .label ~ div.accordion{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: inherit;
}

#content .liste-allgemein.liste-extranet form.search > .accordion.accordion-search-range .head + div,
#content .liste-allgemein.liste-extranet form.search > .label ~ div.accordion > .head{
    padding-bottom: 10px !important;
}

#content .liste-allgemein.liste-extranet form.search > .label ~ div.input{
    padding-bottom: 30px !important;
}

#content .liste-allgemein.liste-extranet form.search > .accordion >.head + div{
    padding-bottom: 20px;
}

#content .liste-allgemein.liste-extranet form.search input.submit{
    margin-top: 20px;
    float: right;    
}

#content .liste-allgemein.liste-extranet .ui-accordion .ui-accordion-icons{
    padding-left: 0 !important;    
}

#content .liste-allgemein.liste-extranet .ui-accordion .head{
    margin-top: 0 !important; 
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}

#content .liste-allgemein.liste-extranet .ui-accordion .head + div{
    overflow: hidden !important;
    padding: 0;
}

#content .list .bordered-box,
#content .teaser .bordered-box{
    border-color: #cccccc;
    border-style: solid;
    border-width:1px;
    border-top: 0 none;
}

#content .teaser-extranet-kalender{
    padding-top: 0px;
}

#content .teaser-extranet-kalender .main-area{
    margin: 0 0 50px 0;
    padding: 20px 9px 0 9px;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender{
    float: left;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.view{
    margin: 0 10px;
    width: 175px;
    height: 200px;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.view .calender-caption{
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.view table{
    width: 100%;
    height: 180px;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.view table th{
    background: #d7dce6;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    width: 14.25%;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.view table td{
    background: #ebedf2;
    text-align: center;
    font-size: 15px;
}

.qtip .qtip-content{
    padding: 0 !important;
    background: #fff;
}

.qtip div.event{
    width: 200px;
    min-height:118px;
    background: #fff;
}

.qtip div.event > h3{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #d35555;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px;

}

.qtip div.event > .title{
    font-size: 17px;
    line-height: 18px;
    margin-bottom: 15px;
    margin-top:5px;
}

.qtip div.event > .subline{
    font-weight: 600;
    margin-top: 10px;
    font-size: 16px;
    line-height: 18px;
}

.event.clickbox .title a.more{
    background-image: none;
    color: #383838;
    font-size: 14px;
    font-weight: 500;
    margin-left: 0;
    padding-left: 0;
    text-transform: none;
}

.qtip div.event > h3,
.qtip div.event > .subline,
.qtip div.event > .title{
    padding-left: 10px;
    padding-right: 10px;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.view table td a{
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    font-weight: normal;
    color: #383838;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.view table td a:hover{
    text-decoration: none;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.view table td.today a{
    background: #eff1f5;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.view table td.hasdate a{
    background: #efaaaa !important;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.view table td:hover a{
    background: #d35555 !important;
    color: #fff;
    font-weight: 600;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.navigation{
    width: 19px;
    height: 200px;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.navigation a.left{
    background-image: url(/static/img/calendar-arrow-left-0.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 19px;
    height: 200px;
    display: block;
}

#content .teaser-extranet-kalender .main-area .calender-view .calender.navigation a.right{
    background-image: url(/static/img/calendar-arrow-right-0.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 19px;
    height: 200px;
    display: block;
}

#content .liste-extranet-dashboard .link-area,
#content .teaser-extranet-kalender .link-area{
    background: #eaeaea;
    padding: 9px;
}

#content .teaser-extranet-kalender .link-area a.more{
    text-transform: none;
}

#content .liste-extranet-dashboard .category .right-link{
    float: right;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 600;
}

#content .liste-extranet-dashboard .link-area{
    height: 50px;
    padding-top:10px;
}

#content .liste-extranet-dashboard .drop-area{
    background-image: url(/static/img/dashboard-arrow-down.png);
    background-repeat: no-repeat;
    background-position: 50% 40px;
    padding-top: 100px;
    text-align: center;
    color: #666666;
    font-size: 17px;
    padding-bottom: 65px;
}

#content .liste-extranet-dashboard .drop-area p + p{
    margin-top: 10px;
}

#right .teaser-group a.teaser-link-button{
    background: #364f81;
    color: #fff;
}

#right .teaser-group{
    padding-bottom: 20px;
}

#right .teaser-group .group-select{
    display: block;
    height: 220px;
    width: 100%;
    background: #fff;
    border: 1px solid #b3bdd0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-top: 0px;
    margin-top: 15px;
    margin-bottom: 20px;
}

#right .teaser-group .group-select li.group-item{
    min-height: 30px;
    display: block;
    width: 100%;
    font-size: 15px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 3px;
}

#right .teaser-group .group-select li.group-item a{
    display: block;
    width: 100%;
    height: 100%;
    color: #383838;
    text-decoration: none;
}

#right .teaser-group .group-select li.group-item a:hover{
    text-decoration: none;
}

#right .teaser-group .group-select li.group-item:hover,
#right .teaser-group .group-select li.group-item.active{
    background-color: #b3bdd0 !important;
}

#content .liste-extranet form.search input.submit,
#extranet-logout a.teaser-link-button,
#sub-navi a.teaser-link-button{

    background: #364f81;
    color: #fff;
    width: 90px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 13px;


}

#content .profile form.password-form .title,
#content .profile form.profile-form .title{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 13px;
}

#content .profile form.password-form .title.step2,
#content .profile form.profile-form .title.step2{
    border-bottom-style: none;
    border-bottom-width: 0px;
}

#content .profile form.password-form .persData,
#content .profile form.profile-form .persData{
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    padding: 25px 30px 19px;
    background: #eaeaea;
    margin-bottom: 44px;
}

#content .profile form.password-form .persData .info,
#content .profile form.profile-form .persData .info{
    font-size: 12px;
    margin-left: 150px;
    padding-left: 2px;
    margin-top: 5px;
}

#content .profile form.password-form .persData .form-element + .form-element,
#content .profile form.profile-form .persData .form-element + .form-element{
    margin-top: 10px;
}

#content .profile form.password-form .persData .form-element.plz.ort,
#content .profile form.password-form .persData .form-element.street-number,
#content .profile form.profile-form .persData .form-element.plz.ort,
#content .profile form.profile-form .persData .form-element.street-number{
    clear: both;
}

#content .profile form.password-form label,
#content .profile form.profile-form label{
    letter-spacing: -0.5px;
}

#content .profile form.password-form .persData .form-element > label,
#content .profile form.password-form .persData .form-element div.double-label,
#content .profile form.profile-form .persData .form-element > label,
#content .profile form.profile-form .persData .form-element div.double-label{
    float: left;
    width: 130px;
    padding-right: 20px;
    text-align: right;
}

#content .profile form.password-form .persData .form-element label + div,
#content .profile form.password-form .persData .form-element > textarea,
#content .profile form.password-form .persData .form-element > input[type="text"],
#content .profile form.profile-form .persData .form-element label + div,
#content .profile form.profile-form .persData .form-element > textarea,
#content .profile form.profile-form .persData .form-element > input[type="text"]{
    width: 234px;
}

#content .profile form.password-form .persData .form-element > select,
#content .profile form.password-form .persData .form-element div.double-label + div,
#content .profile form.profile-form .persData .form-element > select,
#content .profile form.profile-form .persData .form-element div.double-label + div{
    width: 236px;
}

#content .profile form.password-form .persData .form-element > textarea,
#content .profile form.profile-form .persData .form-element > textarea{
    height: 70px;
    max-width: 234px;
}

#content .profile form.password-form .persData .form-element > select#anrede,
#content .profile form.password-form .persData .form-element > select#anrede-optional,
#content .profile form.profile-form .persData .form-element > select#anrede,
#content .profile form.profile-form .persData .form-element > select#anrede-optional{
    width: 127px;
}

#content .profile form.password-form .persData .form-element div.plzort,
#content .profile form.password-form .persData .form-element div.street-number,
#content .profile form.profile-form .persData .form-element div.plzort,
#content .profile form.profile-form .persData .form-element div.street-number{
    float: left;
}

#content .profile form.password-form .persData .form-element > div > div > input[type="text"]#strasse-optional,
#content .profile form.password-form .persData .form-element > div > div > input[type="text"]#ort-optional,
#content .profile form.password-form .persData .form-element > div > div > input[type="text"]#strasse,
#content .profile form.password-form .persData .form-element > div > div > input[type="text"]#ort
#content .profile form.profile-form .persData .form-element > div > div > input[type="text"]#strasse-optional,
#content .profile form.profile-form .persData .form-element > div > div > input[type="text"]#ort-optional,
#content .profile form.profile-form .persData .form-element > div > div > input[type="text"]#strasse,
#content .profile form.profile-form .persData .form-element > div > div > input[type="text"]#ort{
    width: 163px;
}

#content .profile form.password-form .persData .form-element > div > div > input[type="text"]#hausnummer-optional,
#content .profile form.password-form .persData .form-element > div > div > input[type="text"]#plz-optional,
#content .profile form.password-form .persData .form-element > div > div > input[type="text"]#hausnummer,
#content .profile form.password-form .persData .form-element > div > div > input[type="text"]#plz,
#content .profile form.profile-form .persData .form-element > div > div > input[type="text"]#hausnummer-optional,
#content .profile form.profile-form .persData .form-element > div > div > input[type="text"]#plz-optional,
#content .profile form.profile-form .persData .form-element > div > div > input[type="text"]#hausnummer,
#content .profile form.profile-form .persData .form-element > div > div > input[type="text"]#plz{
    width: 59px;
}

#content .profile form.password-form .persData .form-element > div > div > input[type="text"]#strasse-optional,
#content .profile form.password-form .persData .form-element > div > div > input[type="text"]#plz-optional,
#content .profile form.password-form .persData .form-element > div > div > input[type="text"]#strasse,
#content .profile form.password-form .persData .form-element > div > div > input[type="text"]#plz,
#content .profile form.profile-form .persData .form-element > div > div > input[type="text"]#strasse-optional,
#content .profile form.profile-form .persData .form-element > div > div > input[type="text"]#plz-optional,
#content .profile form.profile-form .persData .form-element > div > div > input[type="text"]#strasse,
#content .profile form.profile-form .persData .form-element > div > div > input[type="text"]#plz{
    float: left;
    margin-right: 10px;
}

#content .profile form.password-form ul.errors,
#content .profile form.profile-form ul.errors{
    display: block;
    color: #fa5e5e;
    font-size: 13px;
    line-height: 13px;
    margin-left: 150px;
    margin-bottom: 11px;
}

#content .profile .buttons{
    margin-top: -25px;
    margin-bottom: 60px;
    text-align: right;
}

#content .profile .buttons input.save{
    background-image: url(/static/img/button-arrow-white-right.png);
    background-repeat: no-repeat;
    background-position: 107px center;
    width: 135px;
    padding-right: 23px;
    font-size:16px;
    line-height: 16px;
}

#content .profile .buttons input.change{
    background-image: url(/static/img/button-arrow-white-right.png);
    background-repeat: no-repeat;
    background-position: 88px center;
    width: 116px;
    padding-right: 23px;
    font-size:16px;
    line-height: 16px;
}

#content .profile .buttons a.back{
    margin-right: 20px;
    display: inline-block;
    background-image: url(/static/img/button-arrow-blue-left.png);
    background-repeat: no-repeat;
    background-position: 17px center;
    padding-left: 23px;
    width: 154px;
}

#content .profile .title{
    font-size: 16px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

#content .profile .persData + .persData{
    margin-top: -43px;
    border-top-width: 0 !important; 
    border-top-style: none !important;
}

#content .profile .persData + .persData .right,
#content .profile .persData + .persData .left{
    width: 50%;
    float: left;
}

#content .profile .persData + .persData input[type='radio'] + span{
    display: block;
    margin-left: 20px;
    margin-top: -18px;
    height: 40px;
}

#content .profile .persData{
    border-top-color: #364f81;
}

#content .profile .category + .profile-form{
    margin-top: 30px;
}

#content .artikel.formular-extranet-kennwort-vergessen .contentform dl.zend_form dd input{
    width: 100%;
}

#content .artikel.formular-extranet-kennwort-vergessen .contentform{
    display: block;
}

#content .artikel.formular-extranet-kennwort-vergessen .form-wrapper form .errors{
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 0;
    width: auto;
}

#content .artikel.formular-extranet-kennwort-vergessen .form-wrapper .errors{
    display: block;
    color: #fa5e5e;
    font-size: 13px;
    line-height: 16px;
    margin-top: 20px;
    margin-bottom: 0px;
    padding-left: 160px;
    width: 230px;
}

/***** QTIP CSS *****/

.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
    
    border: 1px solid #d35555;
}

.qtip-content{
    position: relative;
    padding: 5px 9px;
    overflow: hidden;

    text-align: left;
    word-wrap: break-word;
}

.qtip-titlebar{
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;

    border-width: 0 0 1px;
    font-weight: bold;
}

.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

/* Default close button class */
.qtip-close{
    position: absolute;
    right: -9px; top: -9px;

    cursor: pointer;
    outline: medium none;

    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.qtip-titlebar .qtip-close{
    right: 4px; top: 50%;
    margin-top: -9px;
}

* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon{
    display: block;
    text-indent: -1000em;
    direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

.qtip-icon .ui-icon{
    width: 18px;
    height: 14px;

    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal bold 10px/13px Tahoma,sans-serif;

    color: inherit;
    background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border-width: 1px;
	border-style: solid;
	border-color: #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

.qtip-default .qtip-titlebar{
    background-color: #FFEF93;
}

.qtip-default .qtip-icon{
    border-color: #CCC;
    background: #F1F1F1;
    color: #777;
}

.qtip-default .qtip-titlebar .qtip-close{
    border-color: #AAA;
    color: #111;
}



.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
	
}

/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip{
    visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas{
    position: absolute;

    color: #123456;
    background: transparent;
    border: 0 dashed transparent;
}

.qtip .qtip-tip canvas{ top: 0; left: 0; }

.qtip .qtip-tip .qtip-vml{
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible;
}

/****Layoutwechsel-Button****/

.responsive-change-wrapper a.responsive-change {
    float: left;
    background-color: #364F81;
    color: #fff;
    text-decoration: none;
    padding: 10px 0px;
    width: 1144px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

.koerpernavi-tip {
    border: 1px solid #364F81;
    margin-left:0px;
}

.koerpernavi-tip .qtip-content {
    background: #364F81;
}

.koerpernavi-tip .qtip-content a{
    text-decoration:none;
    color: #FFFFFF;
    font-size:18px;
    font-weight: 600;
    display:block;
    margin-bottom: 3px;
    margin-top: 3px;
    max-width: 200px;
    min-width: 72px;
    padding: 4px 12px;
    text-align:center;
}

.change-cursor-on-hover {
    cursor: pointer;
}

.hit {
    background:#d7dce6;
    padding-left:4px;
    padding-right:4px;
}

#content .artikel ul.contentliste,
#content .liste-allgemein ul.contentliste {
    padding-left: 0px !important;
    margin-left:0px !important;
}

#content .artikel ol.contentliste,
#content .liste-allgemein ol.contentliste {
    padding-left: 0 !important;
    margin-left: 0 !important;
} 
/*** Jobboerse ***/
#content .jobboerseImage
{
    float: right;
}
#content p.jobboerseSubtext,
#content h3.jobboerseTitle
{
    padding-right: 95px;
}

.itemjobboerse {
    border-bottom: 1px solid #d2720b;
    padding-bottom: 25px;
}

li.itemjobboerse.last{
    border-bottom-width: 0px;
    border-bottom-style: none;
}
/************************************************************/

/**********CONTENT-Mitglieder-Liste-back-to-area*************/
#content .mitglieder-list a.back{
    background-repeat: no-repeat;
    background-position: left 7px;
    background-image: url(/static/img/back-arrow.png);
    padding-left: 16px;
    font-weight: 600;
}

#content .mitglieder-list .back-to-area a.back{
    background-image: url(/static/img/back-arrow-dark.png);
    background-position: left 9px;
}

#content div.mitglieder-list a.back:first-child{
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 6px;
}

#content div.mitglieder-list a.back:first-child + div.keywords{
    margin-top: 25px;
    margin-bottom: 5px;
}
#content .mitglieder-list .back-to-area{
    padding-left: 10px;
    margin-bottom: 35px;
}
#content .mitglieder-list .back-to-area{
    background-color: #d7dce6;
}
/************************************************************/

/*******************CONTENT-Produktsuche*********************/
h3.ui-accordion-header.ui-state-hover{
    background-color: #d7dce6;
}
h3.ui-accordion-header-active {
    color: white;
    background-color: #364f81;
    font-weight: bold;
}
h3.ui-accordion-header-active.ui-state-hover{
    background-color: #4b6eb4!important;
}
h3.ui-accordion-header {
    border: 1px solid #cccccc;
    border-radius: 3px;
}
div.ui-accordion-content{
    border: 1px solid #cccccc;
    border-radius: 3px;
}
#content #produktliste-accordion div.ui-accordion-content a {
    font-weight: 500;
}
#produktliste-accordion { 
    margin-top: 20px;
}
.gallerie .description {
    font-size:12px;
    font-weight:normal;
    line-height: 14px;
}
.gallerie {
    margin-top:20px;
}

.eassi-eu #logo .visual {
  background: #fff;
}


/*CONSENT-TOOL*/
.consentToolWrapper {
    position: fixed;
    height: auto;
    width: 500px;
    font-size: 12px;
    right: 0;
    bottom: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    z-index: 9999999;
    background: #c1c9e0;
    box-shadow: 0px 0px 1px 1px rgb(224, 224, 224);
    border-radius: 3px;
} 
body.farbschema-homecare .consentToolWrapper {
    background: #F5E6EC;
}
.consentToolWrapper a {
    color: #364f81;
    font-weight: bold;
    text-decoration: none;
}
body.farbschema-homecare .consentToolWrapper a {
    color: #9C0242!important;
}
.consentToolWrapper a:hover {
    cursor: pointer;
    text-decoration: underline;
}
.consentToolInnerWrapper {
    margin: 0 25px 25px 25px;
}
.consentToolWrapper .consentToolWrapperHeading {
    font-size: 30px;
    font-weight: 600;
    line-height: 33px;
    margin: 25px 25px 14px 25px;
}
.consentToolWrapper .consentToolInnerForm .description {
    font-size: 16px;
}
.consentToolWrapper .toggleTextWrapper {
    right: -40px;
    position: relative;
    width: 200px;
    display: block;
    top: -9px;
}
.consentToolWrapper form {
    margin-bottom: 0;        
}

#matomoConsent.consentToolInnerWrapper button {
    background-color: #EEEEEE;
    color: #383838;
    border-color: #364f81;
    font-family: "Source Sans Pro", sans-serif; 
    font-size: 18px;
}
body.farbschema-homecare #matomoConsent.consentToolInnerWrapper button {
    color: #383838;
    border-color: #9C0242;
    font-family: "Source Sans Pro", sans-serif; 
    font-size: 18px;
}
#matomoConsent.consentToolInnerWrapper button:hover {
    background-color: #364f81;
    color: white;
}
body.farbschema-homecare #matomoConsent.consentToolInnerWrapper button:hover {
    background-color: #9C0242;
    color: white;
}
#matomoConsent.consentToolInnerWrapper button[type=submit] {
    margin: 35px 10px 0px 0px;
    vertical-align: middle;
    text-align: center;
    padding: 7px 50px 9px 50px;
    cursor: pointer;
} 
#matomoConsent.consentToolInnerWrapper button[type=submit].accept {
    background-color: #364f81;
    color: white;
}
body.farbschema-homecare #matomoConsent.consentToolInnerWrapper button[type=submit].accept {
    background-color: #9C0242;
    color: white;
}
#matomoConsent.consentToolInnerWrapper button[type=submit].accept:hover {
    background-color: #25375a;
} 
body.farbschema-homecare #matomoConsent.consentToolInnerWrapper button[type=submit].accept:hover {
    background-color: #830237;
}
#matomoConsent.consentToolInnerWrapper button[type=submit].save {
    margin: 15px 10px 0px 190px;
    vertical-align: middle;
    text-align: center;
    padding: 7px 50px 9px 50px;
    cursor: pointer;
}
.switch { 
    position: relative; 
    display: inline-block; 
    width: 30px; 
    height: 17px; 
    vertical-align:text-bottom; 
    margin-right:10px; 
}
.switch input { 
    opacity: 0; 
    width: 0; 
    height: 0; 
}
.slider { 
    position: absolute; 
    cursor: pointer; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background-color: #ccc; 
    -webkit-transition: .4s; 
    transition: .4s; 
}
.slider:before { 
    position: absolute; 
    content: ""; 
    height: 13px; 
    width: 13px; 
    left: 2px; 
    bottom: 2px; 
    background-color: white; 
    -webkit-transition: .4s; 
    transition: .4s; 
}
input:checked + .slider { 
    background-color: #364f81;; 
}
body.farbschema-homecare input:checked + .slider { 
    background-color: #9C0242;; 
}
input:focus + .slider { 
    box-shadow: 0 0 1px #364f81; 
}
body.farbschema-homecare input:focus + .slider { 
    box-shadow: 0 0 1px #9C0242; 
}
input:checked + .slider:before { 
    -webkit-transform: translateX(13px); 
    -ms-transform: translateX(13px); 
    transform: translateX(13px); 
}
.slider.round { 
    border-radius: 17px; 
    width: 30px;
}
.slider.round:before { 
    border-radius: 50%; 
}

input.trigger-consent-banner:not(:checked) + div#matomoConsent,
input.trigger-stage-a:not(:checked) + span.stage-a,
input.trigger-stage-b:not(:checked) ~ span.stage-b { 
    display:none; 
}
.matomo-consent-trigger {
    text-align: left;
    font-size: 17px;
    font-weight: 600;
    background: white;
    text-transform: uppercase;
    color: #383838;
    margin-bottom: 6px;
    height: 100%;
    display: block;
    text-decoration: none;
    padding-left: 8px;
    border: none;
    font-family: "Source Sans Pro", sans-serif;
}
.matomo-consent-trigger:hover {
    text-decoration: none;
    background-color: #D7DCE6;
}
body.farbschema-homecare .matomo-consent-trigger:hover {
    text-decoration: none;
    background-color: #F5E6EC;
}
body.farbschema-nosokomiale .matomo-consent-trigger:hover {
    text-decoration: none;
    background-color: #F5F1E8;
}
#matomo-consent-trigger, .trigger-stage-a, .trigger-stage-b { 
    display:none; 
}    

@media only screen and (max-width: 785px) {
    .consentToolWrapper {
        color: #383838;
        text-align: left;
    }
    /*#matomoConsent.consentToolInnerWrapper button {
        background-color: #EEEEEE;
        color: #383838;
        border-color: #364f81;
        font-family: "Source Sans Pro", sans-serif; 
        font-size: 18px;
    }
    #matomoConsent.consentToolInnerWrapper button:hover {
        background-color: #364f81;
        color: white;
    }*/   
    .consentToolWrapper .consentToolInnerForm .description {
        margin-bottom: 20px;
    }
    
    /*#header .consentToolWrapper button[type=submit].save {
        margin: 65px 10px 0px 26px;
    }
    .consentToolWrapper .stage-b {
        margin: 70px 10px 0px -38px;   
    }        
    .consentToolWrapper .stage-a {
        display: inline-grid;
        margin: 10px auto;
        position: relative;
        left: 25%;
    }*/
}
@media only screen and (max-width: 540px) {   
    .consentToolWrapper {
        margin-bottom: 0;
        margin-right: 0;
        width: 100%;
    }
}
@media only screen and (max-width: 508px) {
    .switch-container {
        display: inline-flex;
    }
    #matomoConsent.consentToolInnerWrapper button[type=submit].save {
        margin-top: 40px !important;
        margin-left: -40px !important;
    }
}
@media only screen and (max-width: 488px) {
    #matomoConsent.consentToolInnerWrapper button {
        width: 220px;
    }    
}