body.subpage {
    background-image: url('../assets/backgrounds/subpage.gif');
    background-repeat: repeat-x;
}

body.subpage header {
    /*battikh: etwas kleiner*/
    height: 500px;
}

body.subpage p {
    margin-bottom: .5em;
}

/* T. Schaefer, 2016-02-02: margin-bottom fuer den letzten Absatz auf 15px gesetzt */
body.subpage p:last-of-type {
    margin-bottom: 15px;
}


/* SUBNAV */
#content nav#subnav {
    float: left;
    /*battikh: etwas groesser
    width: 208px;            */
    width: 230px;
    position: relative;
    margin-bottom: 2em;
}

#content nav#subnav > ul {
    left: -20px;
    position: relative;
}
#content nav#subnav > ul > li {
    border-bottom: 1px solid #58b2db;
    float: left;
    /*battikh: etwas groesser
    width: 196px;*/
    width: 235px;
}
#content nav#subnav > ul > li.active > a,
#content nav#subnav > ul > li > a:hover {
    background-color: #e0ebef;
    color: #000;
}

#content nav#subnav > ul > li > a {
    font-size: 100%;
/*Battikh 2015-01-26
    padding: 10px 2px 10px 20px;*/
    padding: 5px 1px 5px 10px;
    /*BATTIKH ENDE*/
    color: #58595b;
    float: left;
    width: 100%;
}

#content nav#subnav > ul > li > ul {}
#content nav#subnav > ul > li > ul > li {
  /*Battikh 2015-01-26
    margin-left: 20px;*/
    margin-left: 10px;
    border-bottom: 1px solid #a8a8a9;
    float: left;
     /*battikh: etwas groesser
    width: 176px;             */
    font-size: 93.75%;
    width: 220px;
}

#content nav#subnav > ul > li > ul > li:last-child {
    border-bottom: none;
}

#content nav#subnav > ul > li > ul > li.active > a{
    /* border-bottom: 1px solid #a8a8a9; */
}
#content nav#subnav > ul > li > ul > li.active > a,
#content nav#subnav > ul > li > ul > li > a:hover {
    color: #000;
    background-color: #efefef;
    
}
#content nav#subnav > ul > li > ul > li > a {
    /*Battikh 2015-01-26
    padding: 8px 2px 8px 10px;*/
    padding: 4px 1px 4px 5px;
    font-size: 93.75%;
    /*BATTIKH ENDE*/
    float: left;
    width: 100%;
    color: #58595b;
}
#content nav#subnav > ul > li > ul > li > ul {}
#content nav#subnav > ul > li > ul > li > ul > li {}
#content nav#subnav > ul > li > ul > li ul > li > a {
    color: #58595b;
    float: left;
    /*Battikh 2015-01-26
    padding: 8px 2px 8px 20px;*/
    font-size: 93.75%;
    padding: 4px 1px 4px 10px;
    /*BATTIKH ENDE*/
    width: 100%;
}
/*Battikh 2015-01-26*/
#content nav#subnav > ul > li > ul > li > ul > li > ul {}
#content nav#subnav > ul > li > ul > li > ul > li > ul > li{}
#content nav#subnav > ul > li > ul > li ul > li > ul > li > a {
    font-size: 80%;
    padding: 4px 1px 4px 15px;
}
 /*BATTIKH ENDE*/

#content nav#subnav > ul > li > ul > li > ul > li.active > a,
#content nav#subnav > ul > li > ul > li > ul > li > a:hover {
    color: #000;
    background-color: #f4f4f4;
}

#content nav#subnav > ul > li > ul > li > ul > li > ul > li.active > a,
#content nav#subnav > ul > li > ul > li > ul > li > ul > li > a:hover {
    color: #000;
    background-color: #fafafa;
}

#content nav#subnav a {
    word-wrap: break-word;
}


/* CONTENT */
body.subpage #content #maincontent {
    float: left;
    position: relative;
     /*width: 650px;*/
    width: 640px;
}


body.subpage.noresp #content #maincontent {
    width: 875px;
}

body.subpage .folder div.content > article,
body.subpage aside > article,
body.subpage aside > section,
body.subpage #maincontent > div,
body.subpage #maincontent > nav,
body.subpage #maincontent > div > section,
body.subpage #maincontent > section,
body.subpage #maincontent > article,
/* Battikh 20160303 Anfang*/
body.subpage #maincontent_profil > div,
body.subpage #maincontent_profil > nav,
body.subpage #maincontent_profil > div > section,
body.subpage #maincontent_profil > section,
body.subpage #maincontent_profil > article,
body.subpage #maincontent_forschung > div,
body.subpage #maincontent_forschung > nav,
body.subpage #maincontent_forschung > div > section,
body.subpage #maincontent_forschung > section,
body.subpage #maincontent_forschung > article,
body.subpage #maincontent_dienstleistungen > div,
body.subpage #maincontent_dienstleistungen > nav,
body.subpage #maincontent_dienstleistungen > div > section,
body.subpage #maincontent_dienstleistungen > section,
body.subpage #maincontent_dienstleistungen > article,
body.subpage #maincontent_informationen > div,
body.subpage #maincontent_informationen > nav,
body.subpage #maincontent_informationen > div > section,
body.subpage #maincontent_informationen > section,
body.subpage #maincontent_informationen > article
/* Battikh 20160303 Ende*/  {
  margin-bottom: 1em;
  /* float: left; */
  clear: both;
  overflow: auto;
  width: 100%;
}

/* T. Schaefer, 2017-07-28: fuer die rechte Spalte overflow: hidden gesetzt, damit keine Scrollbars angezeigt werden */
body.subpage aside > article,
body.subpage aside > section{
  overflow: hidden;
}

/* T. Schaefer, 2015-04-07: margin-bottom fuer section auf 0px gesetzt */
body.subpage aside > section,
body.subpage #maincontent > div > section,
body.subpage #maincontent > section {
  margin-bottom: 0px;
}

body.subpage #maincontent > article {
/* T. Schaefer, 2015-04-07: padding auf von 30px auf 15px gesetzt */
  padding: 15px;
}

body.subpage #maincontent .csc-header { 
  margin: 0px;
}

/* T. Schaefer, 2015-05-05: padding-top hinzugefuegt */
body.subpage #maincontent .csc-default.gridelements_pi1 .csc-header { 
  padding-top: 15px;
  padding-left: 15px;
}

body.subpage #maincontent .small-bottom { 
  margin-bottom: 8px;
}

body.subpage #maincontent .no-bottom { 
  margin-bottom: 0;
}

body.subpage #maincontent > section > article,
/* T. Schaefer, 2020-06-03: body.subpage aside#aside > article.small-bottom hinzugefuegt */
body.subpage aside#aside > article.small-bottom {
  margin-bottom: 2px;
}

body.subpage #maincontent article.std,
body.subpage #maincontent .csc-default,
body.subpage #maincontent section.std {
  background-color: #efefef;
  padding: 15px;
/* C. Schulz, 2018-07-04: padding-top mit 10px hinzugefuegt */
/*  padding-top: 10px;*/
  width: 100%;
}

/* T. Schaefer, 2018-07-04: margin-bottom fuer den letzten Absatz innerhalb von article.std, .csc-default und section.std auf 0px gesetzt */
body.subpage #maincontent article.std p:last-of-type,
body.subpage #maincontent .csc-default p:last-of-type,
body.subpage #maincontent section.std p:last-of-type {
    margin-bottom: 0px;
}

/* T. Schaefer, 2018-07-04: margin-top fuer p + ul und p + ol auf 0px gesetzt */
body.subpage #maincontent article.std p + ul,
body.subpage #maincontent .csc-default p + ul,
body.subpage #maincontent section.std p + ul,
body.subpage #maincontent article.std p + ol,
body.subpage #maincontent .csc-default p + ol,
body.subpage #maincontent section.std p + ol {
    margin-top: 0px !important;
}

/* T. Schaefer, 2015-04-02: padding fuer article mit der Klasse csc-default auf 0px reduziert */
/* T. Schaefer, 2015-05-27: padding fuer div mit der Klasse csc-default und image auf 0px reduziert */
body.subpage #maincontent > article.csc-default, body.subpage #maincontent > .csc-default.image {
    padding: 0px;
}

/* T. Schaefer, 2015-04-07: padding fuer article mit der Klasse csc-default auf 15px gesetzt */
body.subpage #maincontent > article.aufklapper {
    padding: 15px;
}

body.subpage #maincontent > article.csc-default > table {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* T. Schaefer, 2015-04-02: float, width und padding hinzugefuegt */
/* T. Schaefer, 2015-05-18: padding fuer Ueberschriften innerhalb von csc-textpic-text hinzugefuegt */
body.subpage article.csc-default > h1,
body.subpage article.csc-default > h2,
body.subpage article.csc-default > h3,
body.subpage article.csc-default > h4,
body.subpage article.csc-default > h5,
body.subpage article.csc-default > h6,
body.subpage article.csc-default .csc-header > h1,
body.subpage article.csc-default .csc-header > h2,
body.subpage article.csc-default .csc-header > h3,
body.subpage article.csc-default .csc-header > h4,
body.subpage article.csc-default .csc-header > h5,
body.subpage article.csc-default .csc-header > h6,
body.subpage article.csc-default > .csc-textpic-text > h1,
body.subpage article.csc-default > .csc-textpic-text > h2,
body.subpage article.csc-default > .csc-textpic-text > h3,
body.subpage article.csc-default > .csc-textpic-text > h4,
body.subpage article.csc-default > .csc-textpic-text > h5,
body.subpage article.csc-default > .csc-textpic-text > h6 {
/*  float: left;
    width: 100%; 2015-04-14 battikh */
    padding: 10px 15px 0px 15px;
}

/* T. Schaefer, 2015-04-02: float, width und padding hinzugefuegt */
body.subpage .csc-header > h1.tab,
body.subpage .csc-header > h2.tab,
body.subpage .csc-header > h3.tab,
body.subpage .csc-header > h4.tab,
body.subpage .csc-header > h5.tab,
body.subpage .csc-header > h6.tab {
    float: none !important;
    width: auto !important;
    padding: 6px 4px 0 16px !important;
}

/* T. Schaefer, 2015-04-14: color fuer Links innerhalb von tab hinzugefuegt */
body.subpage h1.tab > a,
body.subpage h2.tab > a,
body.subpage h3.tab > a,
body.subpage h4.tab > a,
body.subpage h5.tab > a,
body.subpage h6.tab > a {
    color: #FFFFFF !important;
}

/* T. Schaefer, 2015-04-15: padding und background-color eingefuegt, margin-bottom auf 0px reduziert
   T. Schaefer, 2016-01-27: #maincontent und .csc-frame-invisible hinzugefuegt */
body.subpage #maincontent .csc-default > .tab-header, body.subpage #maincontent .csc-frame-invisible {
    padding: 0px;
    background-color: #FFFFFF;
/*  margin-bottom: 8px;*/
    margin-bottom: 0px;
}

/* T. Schaefer, 2015-04-07: padding und background-color eingefuegt */
body.subpage #maincontent .aufklapper > .csc-header {
    padding: 15px;
    background-color: #EFEFEF;
}

/* T. Schaefer, 2015-04-07: float, width und padding hinzugefuegt */
body.subpage #maincontent > article.aufklapper .csc-header > h1,
body.subpage #maincontent > article.aufklapper .csc-header > h2,
body.subpage #maincontent > article.aufklapper .csc-header > h3,
body.subpage #maincontent > article.aufklapper .csc-header > h4,
body.subpage #maincontent > article.aufklapper .csc-header > h5,
body.subpage #maincontent > article.aufklapper .csc-header > h6 {
    float: none !important;
    width: auto !important;
    padding: 10px 15px 0px 15px;
}

/* T. Schaefer, 2015-04-07: padding fuer csc-textpic hinzugefuegt */
body.subpage #maincontent > article.csc-default > .csc-textpic {
  /* padding: 15px; 2015-04-14 Battikh*/
  /* T. Schaefer, 2018-07-04: padding von 0px 15px 0px 15px auf 0px 15px 10px 15px geaendert */
  padding: 0px 15px 10px 15px;
}

/* T. Schaefer, 2015-04-07: padding fuer Absaetze innerhalb von csc-textpic-text auf 0px gesetzt */
body.subpage #maincontent > article.csc-default > .csc-textpic > .csc-textpic-text p {
    padding: 0px;
}

/* T. Schaefer, 2015-05-13: padding-top fuer den ersten Absatz innerhalb von csc-textpic-text auf 15px gesetzt */
/* T. Schaefer, 2017-06-30: padding-top fuer die erste Ueberschrift innerhalb von csc-textpic-text auf 15px gesetzt */
body.subpage #maincontent > article.csc-default > .csc-textpic > .csc-textpic-text p:first-of-type,
body.subpage #maincontent > article.csc-default > .csc-textpic > .csc-textpic-text h1:first-of-type,
body.subpage #maincontent > article.csc-default > .csc-textpic > .csc-textpic-text h2:first-of-type,
body.subpage #maincontent > article.csc-default > .csc-textpic > .csc-textpic-text h3:first-of-type,
body.subpage #maincontent > article.csc-default > .csc-textpic > .csc-textpic-text h4:first-of-type,
body.subpage #maincontent > article.csc-default > .csc-textpic > .csc-textpic-text h5:first-of-type,
body.subpage #maincontent > article.csc-default > .csc-textpic > .csc-textpic-text h6:first-of-type {
    padding-top: 15px;
}

/* T. Schaefer, 2016-02-02: padding-top fuer .csc-textpic-text hinter csc-header auf 0 reduziert */
body.subpage #maincontent > article.csc-default > .csc-header + .csc-textpic > .csc-textpic-text p:first-of-type,
body.subpage #maincontent > article.csc-default > .csc-header + .csc-textpic-text p:first-of-type,
body.subpage #maincontent > article.csc-default > .csc-header + .csc-textpic > .csc-textpic-text ul:first-of-type,
body.subpage #maincontent > article.csc-default > .csc-header + .csc-textpic-text ul:first-of-type,
body.subpage #maincontent > article.csc-default > .csc-header + .csc-textpic > .csc-textpic-text ol:first-of-type,
body.subpage #maincontent > article.csc-default > .csc-header + .csc-textpic-text ol:first-of-type {
    padding-top: 0px;
}

/* T. Schaefer, 2015-05-06: padding-top fuer den ersten Absatz nach eine Tab-Header und innerhalb von csc-textpic-text auf 45px gesetzt */
body.subpage #maincontent > article.csc-default > .tab-header + .csc-textpic > .csc-textpic-text p:first-of-type,
body.subpage #maincontent > article.csc-default > .tab-header + .csc-textpic-text p:first-of-type {
    padding-top: 45px;
}

/* T. Schaefer, 2015-05-18: padding-top fuer die erste Ueberschrift nach einen Tab-Header auf 45px gesetzt */
body.subpage #maincontent > article.csc-default > .tab-header + h1:first-of-type,
body.subpage #maincontent > article.csc-default > .tab-header + h2:first-of-type,
body.subpage #maincontent > article.csc-default > .tab-header + h3:first-of-type,
body.subpage #maincontent > article.csc-default > .tab-header + h4:first-of-type,
body.subpage #maincontent > article.csc-default > .tab-header + h5:first-of-type,
body.subpage #maincontent > article.csc-default > .tab-header + h6:first-of-type,
body.subpage #maincontent > article.csc-default > .tab-header + .csc-textpic-text h1:first-of-type,
body.subpage #maincontent > article.csc-default > .tab-header + .csc-textpic-text h2:first-of-type,
body.subpage #maincontent > article.csc-default > .tab-header + .csc-textpic-text h3:first-of-type,
body.subpage #maincontent > article.csc-default > .tab-header + .csc-textpic-text h4:first-of-type,
body.subpage #maincontent > article.csc-default > .tab-header + .csc-textpic-text h5:first-of-type,
body.subpage #maincontent > article.csc-default > .tab-header + .csc-textpic-text h6:first-of-type {
    padding-top: 45px;
}

/* T. Schaefer, 2017-01-09: padding-top fuer den ersten Absaetze innerhalb von csc-textpic-above auf 0px gesetzt */
body.subpage #maincontent > article.csc-default > .tab-header + .csc-textpic-above > .csc-textpic-text p:first-of-type {
    padding-top: 0;
}

/* T. Schaefer, 2015-04-07: margin-bottom fuer .csc-textpic-imagewrap hinzugefuegt */
/* T. Schaefer, 2015-05-13: margin-top fuer .csc-textpic-imagewrap hinzugefuegt */
body.subpage #maincontent > article.csc-default > .csc-textpic > .csc-textpic-imagewrap { 
  margin-top: 15px;
  margin-bottom: 15px;
}

body.subpage #maincontent > article.csc-default > .csc-textpic > .csc-textpic-imagewrap > figure {
  margin-top: 0px;
}

/* T. Schaefer, 2015-05-13: margin-top fuer .csc-textpic-imagewrap hinzugefuegt */
body.subpage #maincontent div.csc-default > .csc-textpic > .csc-textpic-imagewrap {
  margin: 15px;
}

/* T. Schaefer, 2016-02-02: margin-top fuer .csc-textpic-imagewrap hinter csc-header auf 0 reduziert */
body.subpage #maincontent > article.csc-default > .csc-header + .csc-textpic > .csc-textpic-imagewrap {
  margin-top: 0px !important;
}

/* T. Schaefer, 2015-04-07: padding fuer .article hinzugefuegt */
body.subpage #maincontent article.article {
  padding: 15px 0px;
}

body.subpage #maincontent .gridelements_pi1 {
  padding: 0px !important;
}

/* T. Schaefer, 2015-04-07: padding fuer image innerhalb von gridelements_pi1 hinzugefuegt */
body.subpage #maincontent .gridelements_pi1 .image,
body.subpage #maincontent .gridelements_pi1 article.csc-default {
  padding: 0px !important;
}

/* T. Schaefer, 2015-04-14: padding fuer aufklapper innerhalb von gridelements_pi1 hinzugefuegt */
body.subpage #maincontent .gridelements_pi1 article.aufklapper {
  padding: 10px !important;
}

body.subpage #maincontent article p {
    font-size: 93.75%;
}

body.subpage #maincontent ol,
body.subpage #maincontent ul {
    /* Battikh
    list-style-position: inside;
    */
    list-style-image: url('../assets/icons/link.gif');
/* T. Schaefer, 2015-04-07: margin-bottom fuer ol und ul auf 10px gesetzt 
    margin-bottom: 15px; */
    margin-bottom: 10px;
/* T. Schaefer, 2016-04-05: clear auskommentiert, damit neben einer Liste auch Bilder angezeigt werden kAonnen
    clear: right;*/
    overflow: visible;
/* T. Schaefer, 2015-04-16: padding auskommentiert */
/*    padding: 0;*/  
    /*Battikh 2015-01-22    
    display: inline-block;
    margin-left: 30px;
    */    
    margin-left: 15px;
    line-height: 1.4em;
    /* Battikh, 2016-01-20: font-size gesetzt */
    font-size: 93.75%;
}

body.subpage #maincontent ol {
    list-style-image: none;
    list-style-position: outside;
    /*Battikh 2015-03-24  
    margin-left: 50px;
    */
    margin-left: 15px;
    list-style-type: decimal;
/* T. Schaefer, 2016-02-10: font-size hizugefuegt */
    font-size: 93.75%;
}

/* T. Schaefer, 2016-02-10: fuer geschachtelte Listen muss die font-size geerbt werden */
body.subpage #maincontent ul > ul,
body.subpage #maincontent ul > ol,
body.subpage #maincontent ol > ol,
body.subpage #maincontent ol > ul,
body.subpage #maincontent ul > ul > ul,
body.subpage #maincontent ul > ul > ol,
body.subpage #maincontent ul > ol > ul,
body.subpage #maincontent ul > ol > ol,
body.subpage #maincontent ol > ul > ul,
body.subpage #maincontent ol > ul > ol,
body.subpage #maincontent ol > ol > ul,
body.subpage #maincontent ol > ol > ol {
    font-size: inherit;
}

/* T. Schaefer, 2016-05-12: fuer geschachtelte Listen ein padding-top hinzugefuegt damit der erste Eintrag nicht zu dicht am darueberliegenden ist */
body.subpage #maincontent ul > ul > li:first-of-type,
body.subpage #maincontent ul > ol > li:first-of-type,
body.subpage #maincontent ol > ol > li:first-of-type,
body.subpage #maincontent ol > ul > li:first-of-type,
body.subpage #maincontent ul > ul > ul > li:first-of-type,
body.subpage #maincontent ul > ul > ol > li:first-of-type,
body.subpage #maincontent ul > ol > ul > li:first-of-type,
body.subpage #maincontent ul > ol > ol > li:first-of-type,
body.subpage #maincontent ol > ul > ul > li:first-of-type,
body.subpage #maincontent ol > ul > ol > li:first-of-type,
body.subpage #maincontent ol > ol > ul > li:first-of-type,
body.subpage #maincontent ol > ol > ol > li:first-of-type {
    padding-top: 2px;
}

/* T. Schaefer, 2015-04-07: padding fuer p, ol und ul innerhalb von article mit der Klasse csc-default auf 15px fuer rechts und links und 0px oben und unten gesetzt
Der erste und letzte Absatz/Aufzaehlung hat ein padding nach oben bzw. nach unten. Wenn es sich um den einzigen Absatz/Aufzaehlung (only-of-type) handelt, hat es sowohl ein padding
nach oben als auch nach unten */
body.subpage article.csc-default p,
body.subpage article.csc-default ul,
body.subpage article.csc-default ol {
    padding: 0px 15px 0px 15px;
}
body.subpage article.csc-default p:last-of-type,
body.subpage article.csc-default ul:last-of-type,
body.subpage article.csc-default ol:last-of-type {
    padding: 0px 15px 10px 15px;
}

body.subpage article.csc-default p:first-of-type,
body.subpage article.csc-default ul:first-of-type,
body.subpage article.csc-default ol:first-of-type {
    padding: 10px 15px 0px 15px;
}

body.subpage article.csc-default p:only-of-type,
body.subpage article.csc-default ul:only-of-type,
body.subpage article.csc-default ol:only-of-type {
    padding: 10px 15px 10px 15px;
}

/* T. Schaefer, 2015-04-16, padding-top fuer Absaetze und Listen nach Ueberschriften auf 0px reduziert */
/* T. Schaefer, 2015-05-05, margin-top fuer Absaetze und Listen nach Ueberschriften auf -0.5em gesetzt, um den Abstand zwischen zusammenhA¤ngenden Texten zu reduzieren */
body.subpage article.csc-default h1 + p,
body.subpage article.csc-default h2 + p,
body.subpage article.csc-default h3 + p,
body.subpage article.csc-default h4 + p,
body.subpage article.csc-default h5 + p,
body.subpage article.csc-default h6 + p,
body.subpage article.csc-default h1 + ul,
body.subpage article.csc-default h2 + ul,
body.subpage article.csc-default h3 + ul,
body.subpage article.csc-default h4 + ul,
body.subpage article.csc-default h5 + ul,
body.subpage article.csc-default h6 + ul,
body.subpage article.csc-default h1 + ol,
body.subpage article.csc-default h2 + ol,
body.subpage article.csc-default h3 + ol,
body.subpage article.csc-default h4 + ol,
body.subpage article.csc-default h5 + ol,
body.subpage article.csc-default h6 + ol,
body.subpage article.csc-default .csc-header + p,
body.subpage article.csc-default .csc-header + ul,
body.subpage article.csc-default .csc-header + ol,
body.subpage article.csc-default p + ul,
body.subpage article.csc-default p + ol {
    padding-top: 0px !important;
    margin-top: -0.5em !important;
}

/* T. Schaefer, 2015-05-05, padding-top und margin-top fuer geschachtelte Listen auf 0px bzw. -0.2em gesetzt */
body.subpage article.csc-default li + ul,
body.subpage article.csc-default li + ol,
body.subpage article.csc-default li > p + ol,
body.subpage article.csc-default li > p + ul {
    padding-top: 0px !important;
    margin-top: -0.2em !important;
}

/* T. Schaefer, 2015-04-15, Abstand zwischen einer Ueberschrift mit der Klasse tab-header und dem naechsten Absatz erhoeht*/
body.subpage article.csc-default > .tab-header + p,
body.subpage article.csc-default > .tab-header + ul,
body.subpage article.csc-default > .tab-header + ol {
    padding-top: 45px;
}

/* T. Schaefer, 2015-04-07: padding fuer p, ol und ul innerhalb von aufklappbar auf 0px gesetzt */
/* T. Schaefer, 2016-03-02: padding fuer p, ol und ul innerhalb von maincontent_profil, maincontent_forschung, maincontent_dienstleistungen und maincontent_informationen auf 0px gesetzt */
body.subpage #maincontent .aufklapper .content p,
body.subpage #maincontent .aufklapper .content ul,
body.subpage #maincontent .aufklapper .content ol,
body.subpage #maincontent_profil .content p,
body.subpage #maincontent_profil .content ul,
body.subpage #maincontent_profil .content ol,
body.subpage #maincontent_forschung .content p,
body.subpage #maincontent_forschung .content ul,
body.subpage #maincontent_forschung .content ol,
body.subpage #maincontent_dienstleistungen .content p,
body.subpage #maincontent_dienstleistungen .content ul,
body.subpage #maincontent_dienstleistungen .content ol,
body.subpage #maincontent_informationen .content p,
body.subpage #maincontent_informationen .content ul,
body.subpage #maincontent_informationen .content ol {
    padding: 0px !important;
}

/* T. Schaefer, 2017-01-13: padding-top fuer ol und ul vor und nach einem p innerhalb von aufklapper auf 8px gesetzt */
body.subpage #maincontent .aufklapper .content p + ul,
body.subpage #maincontent .aufklapper .content p + ol,
body.subpage #maincontent .aufklapper .content ul + p,
body.subpage #maincontent .aufklapper .content ol + p {
    padding-top: 8px !important;
}

/* T. Schaefer, 2016-04-06: padding-left fuer ol und ul innerhalb von csc-textpic-intext-left auf 15px gesetzt */
body.subpage #maincontent .aufklapper .content .csc-textpic-intext-left ul,
body.subpage #maincontent .aufklapper .content .csc-textpic-intext-left ol,
body.subpage #maincontent_profil .content .csc-textpic-intext-left ul,
body.subpage #maincontent_profil .content .csc-textpic-intext-left ol,
body.subpage #maincontent_forschung .content .csc-textpic-intext-left ul,
body.subpage #maincontent_forschung .content .csc-textpic-intext-left ol,
body.subpage #maincontent_dienstleistungen .content .csc-textpic-intext-left ul,
body.subpage #maincontent_dienstleistungen .content .csc-textpic-intext-left ol,
body.subpage #maincontent_informationen .content .csc-textpic-intext-left ul,
body.subpage #maincontent_informationen .content .csc-textpic-intext-left ol {
    padding-left: 15px !important;
}

/* T. Schaefer, 2015-04-07: margin-bottom fuer ol und ul innerhalb von aufklappbar auf 0px gesetzt */
/* T. Schaefer, 2016-03-02: margin-bottom fuer p:last-of-type, ol und ul innerhalb von maincontent_profil, maincontent_forschung, maincontent_dienstleistungen und maincontent_informationen auf 0px gesetzt */
/* T. Schaefer, 2016-03-07: margin-bottom fuer article.aufklapper und nav.aufklapper innerhalb von maincontent_profil, maincontent_forschung, maincontent_dienstleistungen und maincontent_informationen auf 0px gesetzt */
body.subpage #maincontent .aufklapper .content ul,
body.subpage #maincontent .aufklapper .content ol,
body.subpage #maincontent_profil .content ul,
body.subpage #maincontent_profil .content ol,
body.subpage #maincontent_profil article.aufklapper,
body.subpage #maincontent_profil nav.aufklapper,
body.subpage #maincontent_forschung .content ul,
body.subpage #maincontent_forschung .content ol,
body.subpage #maincontent_forschung article.aufklapper,
body.subpage #maincontent_forschung nav.aufklapper,
body.subpage #maincontent_dienstleistungen .content ul,
body.subpage #maincontent_dienstleistungen .content ol,
body.subpage #maincontent_dienstleistungen article.aufklapper,
body.subpage #maincontent_dienstleistungen nav.aufklapper,
body.subpage #maincontent_informationen .content ul,
body.subpage #maincontent_informationen .content ol,
body.subpage #maincontent_informationen article.aufklapper,
body.subpage #maincontent_informationen nav.aufklapper {
    margin-bottom: 0px !important;
}

/* T. Schaefer, 2016-03-02: padding fuer h1-h6 innerhalb von maincontent_profil, maincontent_forschung, maincontent_dienstleistungen und maincontent_informationen auf 0px gesetzt */
body.subpage #maincontent_profil article .csc-header > h1,
body.subpage #maincontent_profil article .csc-header > h2,
body.subpage #maincontent_profil article .csc-header > h3,
body.subpage #maincontent_profil article .csc-header > h4,
body.subpage #maincontent_profil article .csc-header > h5,
body.subpage #maincontent_profil article .csc-header > h6,
body.subpage #maincontent_forschung article .csc-header > h1,
body.subpage #maincontent_forschung article .csc-header > h2,
body.subpage #maincontent_forschung article .csc-header > h3,
body.subpage #maincontent_forschung article .csc-header > h4,
body.subpage #maincontent_forschung article .csc-header > h5,
body.subpage #maincontent_forschung article .csc-header > h6,
body.subpage #maincontent_dienstleistungen article .csc-header > h1,
body.subpage #maincontent_dienstleistungen article .csc-header > h2,
body.subpage #maincontent_dienstleistungen article .csc-header > h3,
body.subpage #maincontent_dienstleistungen article .csc-header > h4,
body.subpage #maincontent_dienstleistungen article .csc-header > h5,
body.subpage #maincontent_dienstleistungen article .csc-header > h6,
body.subpage #maincontent_informationen article .csc-header > h1,
body.subpage #maincontent_informationen article .csc-header > h2,
body.subpage #maincontent_informationen article .csc-header > h3,
body.subpage #maincontent_informationen article .csc-header > h4,
body.subpage #maincontent_informationen article .csc-header > h5,
body.subpage #maincontent_informationen article .csc-header > h6,
body.subpage #maincontent_profil article.csc-default > h1,
body.subpage #maincontent_profil article.csc-default > h2,
body.subpage #maincontent_profil article.csc-default > h3,
body.subpage #maincontent_profil article.csc-default > h4,
body.subpage #maincontent_profil article.csc-default > h5,
body.subpage #maincontent_profil article.csc-default > h6,
body.subpage #maincontent_forschung article.csc-default > h1,
body.subpage #maincontent_forschung article.csc-default > h2,
body.subpage #maincontent_forschung article.csc-default > h3,
body.subpage #maincontent_forschung article.csc-default > h4,
body.subpage #maincontent_forschung article.csc-default > h5,
body.subpage #maincontent_forschung article.csc-default > h6,
body.subpage #maincontent_dienstleistungen article.csc-default > h1,
body.subpage #maincontent_dienstleistungen article.csc-default > h2,
body.subpage #maincontent_dienstleistungen article.csc-default > h3,
body.subpage #maincontent_dienstleistungen article.csc-default > h4,
body.subpage #maincontent_dienstleistungen article.csc-default > h5,
body.subpage #maincontent_dienstleistungen article.csc-default > h6,
body.subpage #maincontent_informationen article.csc-default > h1,
body.subpage #maincontent_informationen article.csc-default > h2,
body.subpage #maincontent_informationen article.csc-default > h3,
body.subpage #maincontent_informationen article.csc-default > h4,
body.subpage #maincontent_informationen article.csc-default > h5,
body.subpage #maincontent_informationen article.csc-default > h6 {
    padding: 0px;
}

/* Battikh 20160307 Anfang*/
body.subpage #maincontent_profil > p.csc-linkToTop,
body.subpage #maincontent_forschung > p.csc-linkToTop,
body.subpage #maincontent_dienstleistungen > p.csc-linkToTop,
body.subpage #maincontent_informationen > p.csc-linkToTop
{
    margin-top: -0.75em;
}
/* Battikh 20160307 Ende*/

div.csc-textpic .csc-textpic-imagewrap figure, 
div.csc-textpic figure.csc-textpic-imagewrap {
  display: table;
}

body.subpage #maincontent article .csc-textpic-intext-right figure,
body.subpage #maincontent article .csc-textpic-intext-right-nowrap figure,
body.subpage #maincontent article .text-image-right figure {
    float: right;
    /*margin-left: 24px; 2015-04-14 battikh*/
    margin-left: 15px;
    /* Abstand unter den Bildern eingefAYgt - 2017-03-10 I. Maciuszek */
    margin-bottom: 15px;
}

/* C. Schulz, 2018-07-04: Abstand unter den Bildern auf 10px reduziert und margin-top hinzugefuegt */
body.subpage #maincontent article .csc-textpic-intext-right.csc-textpic-equalheight figure,
body.subpage #maincontent article .csc-textpic-intext-right-nowrap figure {
    margin-bottom: 10px;
    margin-top: 5px;
}

body.subpage #maincontent article .csc-textpic-intext-left figure,
body.subpage #maincontent article .csc-textpic-intext-left-nowrap figure,
body.subpage #maincontent article .text-image-left figure {
    float: left;
    /*margin-right: 24px;2015-04-14 battikh*/
    margin-right: 15px;
    /* Abstand unter den Bildern eingefAYgt - 2017-03-10 I. Maciuszek */
    margin-bottom: 15px;
}

/* C. Schulz, 2018-07-04: Abstand unter den Bildern auf 10px reduziert und margin-top hinzugefuegt */
body.subpage #maincontent article .csc-textpic-intext-left/*.csc-textpic-equalheight*/ figure,
body.subpage #maincontent article .csc-textpic-intext-left-nowrap figure {
    margin-bottom: 10px;
    margin-top: 5px;
}

body.subpage #maincontent article .csc-textpic-intext-left figure img,
body.subpage #maincontent article .text-image-left figure img {
    float: left;
}

body.subpage #maincontent article .csc-textpic-above figure,
body.subpage #maincontent article .text-image-top figure {
    float: none;
    margin-bottom: 8px;
}

body.subpage #maincontent .folder .content article.aufklapper,
body.subpage #maincontent article.aufklapper,
body.subpage #maincontent .folder {
    position: relative;
    margin-bottom: 10px;
/* T. Schaefer, 2015-05-15, display: table hinzugefuegt, damit bei langen Ueberschriften und schmalen Aufklappbox (auf mobilen Geraeten) die Ueberschrift unten nicht abgeschnitten wird */
    display: table;
}

/* T. Schaefer, 2016-04-25, display: block und margin-bottom hinzugefuegt, damit der Link zum Aufklappen rechtsbuendig ist */
body.subpage #maincontent_profil .gridelements_pi1 .folder,
body.subpage #maincontent_forschung .gridelements_pi1 .folder,
body.subpage #maincontent_dienstleistungen .gridelements_pi1 .folder,
body.subpage #maincontent_informationen .gridelements_pi1 .folder {
    display: block;
    margin-bottom: 0px;
}

/* T. Schaefer, 2016-04-25, padding fuer folder innerhalb von #maincontent_profil, #maincontent_forschung, #maincontent_dienstleistungen und #maincontent_informationen hinzugefuegt */
body.subpage #maincontent_profil .gridelements_pi1 .folder article,
body.subpage #maincontent_forschung .gridelements_pi1 .folder article,
body.subpage #maincontent_dienstleistungen .gridelements_pi1 .folder article,
body.subpage #maincontent_informationen .gridelements_pi1 .folder article {
    padding: 15px !important;
}

body.subpage #maincontent .folder > .csc-header,
/* T. Schaefer, 2016-04-25, padding fuer csc-header innerhalb von folder innerhalb von #maincontent_profil, #maincontent_forschung, #maincontent_dienstleistungen und #maincontent_informationen hinzugefuegt */
body.subpage #maincontent_profil .gridelements_pi1 .folder > .csc-header,
body.subpage #maincontent_forschung .gridelements_pi1 .folder > .csc-header,
body.subpage #maincontent_dienstleistungen .gridelements_pi1 .folder > .csc-header,
body.subpage #maincontent_informationen .gridelements_pi1 .folder > .csc-header {
/* T. Schaefer, 2015-04-15, padding reduziert
    padding: 30px; */
    padding: 25px 20px 33px 15px;
    background-color: #efefef;
}

/* T. Schaefer, 2016-04-25, padding-left und padding-top fuer csc-header innerhalb von content innerhalb von folder innerhalb von #maincontent_profil, #maincontent_forschung, #maincontent_dienstleistungen und #maincontent_informationen hinzugefuegt */
body.subpage #maincontent_profil .gridelements_pi1 .folder > .content .csc-header,
body.subpage #maincontent_forschung .gridelements_pi1 .folder > .content .csc-header,
body.subpage #maincontent_dienstleistungen .gridelements_pi1 .folder > .content .csc-header,
body.subpage #maincontent_informationen .gridelements_pi1 .folder > .content .csc-header {
    padding-left: 0px;
    padding-top: 0px;
}

/* Pascal Zagermann, 2016-01-21, padding fAYr <p> in .csc-default in .content in .folder entfernt */
/* Pascal Zagermann, 2016-01-21, margin-top auf 25px gesetzt */
section.folder > div.content > article.csc-default > p, section.folder > div.content > article.csc-default > div.csc-textpic > div.csc-textpic-text > p {
  padding: 0px;
  margin-top: 20px;
}

/* Pascal Zagermann, 2016-01-21, Padding fAYr A?berschriften geA¤ndert */
section.folder > div.content > article.csc-default h1,
section.folder > div.content > article.csc-default h2,
section.folder > div.content > article.csc-default h3,
section.folder > div.content > article.csc-default h4,
section.folder > div.content > article.csc-default h5,
section.folder > div.content > article.csc-default h6 {
  padding: 15px 0 15px 0;
}

/* 2015.01.19 battikh Anfang*/
body.subpage #maincontent article.aufklapper .csc-header{
 padding: 15px;
}
/* 2015.01.19 battikh Ende*/

body.subpage #maincontent article.aufklapper .csc-header h1,
body.subpage #maincontent article.aufklapper .csc-header h2,
body.subpage #maincontent article.aufklapper .csc-header h3,
body.subpage #maincontent article.aufklapper .csc-header h4,
body.subpage #maincontent article.aufklapper .csc-header h5,
body.subpage #maincontent article.aufklapper .csc-header h6,
body.subpage #maincontent .folder > .csc-header h1,
body.subpage #maincontent .folder > .csc-header h2,
body.subpage #maincontent .folder > .csc-header h3,
body.subpage #maincontent .folder > .csc-header h4,
body.subpage #maincontent .folder > .csc-header h5,
body.subpage #maincontent .folder > .csc-header h6 {
    position: absolute;
    color: #007198;
    font-size: 93.75%;
    font-weight: normal;
    text-transform: uppercase;
    right: 20px;
    top: 20px;
    padding-right: 30px;
    padding-top: 2px;  
    background-image: url('../assets/icons/ar-d-bigblue.gif');
    background-repeat: no-repeat;
    background-position: right 0;
    cursor: pointer;
}

body.subpage #maincontent article.aufklapper.close h1,
body.subpage #maincontent article.aufklapper.close h2,
body.subpage #maincontent article.aufklapper.close h3,
body.subpage #maincontent article.aufklapper.close h4,
body.subpage #maincontent article.aufklapper.close h5,
body.subpage #maincontent article.aufklapper.close h6,
body.subpage #maincontent .folder.close > .csc-header h1,
body.subpage #maincontent .folder.close > .csc-header h2,
body.subpage #maincontent .folder.close > .csc-header h3,
body.subpage #maincontent .folder.close > .csc-header h4,
body.subpage #maincontent .folder.close > .csc-header h5,
body.subpage #maincontent .folder.close > .csc-header h6 {
    background-image: url('../assets/icons/ar-r-bigblue.gif');
}

body.subpage #maincontent .folder .content > * {
/* T. Schaefer, 2015-05-05, margin-top von 12px auf 0px reduziert */
    margin-bottom: 0px;
}

/* C. Schulz, 2021-02-05, margin-top auskommentiert damit in responsiven Ansichten die Überschrift (wenn sie länger ist), nicht den Content Bereich überlappt */
/*body.subpage #maincontent .folder .content {
    margin-top: -1.5em;
}*/

/* T. Schaefer, 2017-09-20, padding hinzugefuegt, damit der Inhalt nicht links am Rand klebt */
body.subpage #maincontent .folder .content > article.csc-default,
body.subpage #maincontent .folder .content > div.rmptbcontact_pi1 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

body.subpage #maincontent article.aufklapper .content {
/* T. Schaefer, 2015-05-05, margin-top auf 12px gesetzt */
    margin-top: 12px;
}

body.subpage #maincontent .folder.close .content,
body.subpage #maincontent article.aufklapper.close .content {
    display: none;
}

body.subpage #maincontent .folder .csc-header span:first-child {
    display: none;
}

body.subpage #maincontent .folder .csc-header span:last-child {
    display: block;
}

body.subpage #maincontent .folder.close .csc-header span:first-child {
    display: block;
}

body.subpage #maincontent .folder.close .csc-header span:last-child {
    display: none;
}

body.subpage #maincontent article.teaser {
    background-color: #efefef;
}

body.subpage #maincontent article.teaser h1,
body.subpage #maincontent article.teaser h2,
body.subpage #maincontent article.teaser h3,
body.subpage #maincontent article.teaser h4,
body.subpage #maincontent article.teaser h5,
body.subpage #maincontent article.teaser h6 {
  /*Battikh 2015-01-26
    padding-top: 16px;
    */
}

body.subpage #maincontent .toc {
   
}

body.subpage #maincontent .toc h2,
body.subpage #maincontent .toc h3 {
    background-color: #efefef;
    padding: 20px 30px;
    background-image: url("../assets/icons/ar-r-bigblue.gif");
    background-position: 97% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

body.subpage #maincontent .toc.open h2,
body.subpage #maincontent .toc.open h3 {
    background-image: url('../assets/icons/ar-d-bigblue.gif');
}

body.subpage #maincontent .toc > .content {
    font-size: 93.75%;
}
body.subpage #maincontent .toc ul {}
body.subpage #maincontent .toc ul > li {}
body.subpage #maincontent .toc ul > li > ul {}



body.subpage #maincontent .toc ul > li > ul > li,
body.subpage #maincontent .toc ul > li > span {
    background-color: #EFEFEF;
    margin-bottom: 16px;
    padding: 15px 30px;
    display: block;
}

body.subpage #maincontent .toc ul > li > ul > li {
    padding-left: 60px;
}

body.subpage #maincontent .w_50_50 {
    margin-bottom: 16px;
  float: left;
  width: 100%;
    overflow: hidden;
}

body.subpage #maincontent .w_50_50 > div {
    width: 48.8%;
    float: left;
    margin-bottom: -10000px;
    padding-bottom: 10000px;
    background-color: #EFEFEF;
}

body.subpage #maincontent .w_50_50 > div.right {
    float: right;
}
body.subpage aside .uploads,
body.subpage #maincontent .uploads{
    padding: 0px;
    background-color: transparent;
    clear: both;
}

body.subpage aside .uploads li,
body.subpage #maincontent .uploads li {
  /* 2015.01.19 battikh
    padding: 20px;     
    margin-bottom: 12px;
    */
    padding: 15px;
    background-color: #EFEFEF;
    margin-bottom: 6px;
}

/* T. Schaefer, 2016-07-05: Fuer li innerhalb von csc-frame-invisible (Rahmen: Unsichtbar) und uploads innerhalb von folder (Aufklappbox) padding und margin-bottom reduziert */
body.subpage #maincontent .folder .csc-frame-invisible.uploads li {
  padding: 2px 15px;
  margin-bottom: 0px;
}

/* T. Schaefer, 2016-07-05: Fuer das letzte li innerhalb von csc-frame-invisible (Rahmen: Unsichtbar) und uploads innerhalb von folder (Aufklappbox) padding-bottom erhoeht */
body.subpage #maincontent .folder .csc-frame-invisible.uploads li:last-of-type {
  padding-bottom: 15px;
}

body.subpage aside .uploads ul,
body.subpage #maincontent .uploads ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    clear: left;
}  
body.subpage aside .uploads  img,
body.subpage #maincontent .uploads  img {
    float: left;
    /* 2015.01.19 battikh
    margin-right: 16px;  */
    margin-right: 2px;
    width: auto;
}

body.subpage #maincontent .uploads img {
    /* Battikh 2015-01-26
    margin-right: 24px;*/
    margin-right: 12px;
}
/* Battikh 2015-01-26 sollte nur fuer eine Klasse gelten nicht fuer alle csc-uploads-0 */



body.subpage aside .uploads  .csc-uploads-0 span,
body.subpage #maincontent .uploads  .csc-uploads-0 span {
 /* 2015.01.19 battikh
    padding-top: 10px;*/
    padding-top: 5px;
    font-size: 93.75%;
    float: left; 
}

body.subpage aside .uploads  .csc-uploads-0 a{
    color: #2c2c2c;
    display: block;
    background-color: #efefef;
    max-width: 500px;
}

body.subpage #maincontent .uploads  .csc-uploads-0 a {
    color: #2c2c2c;
    display: block;
    background-color: #efefef;
    /*Battikh
    max-width: 500px;Battikh*/
}

body.subpage aside .uploads .csc-uploads-0 a,
body.subpage #maincontent .uploads .csc-uploads-0 a {
    color: #2c2c2c;
   /* font-size: 112.5%;
   height: 35px;
   Battikh */
    height: 25px; 
    display: table-cell;
    vertical-align: middle;
    background-color: #efefef;
    word-break: break-word;
} 

body.subpage aside .uploads .csc-uploads-0 .csc-uploads-description,
body.subpage #maincontent .uploads .csc-uploads-0 .csc-uploads-description {
    font-size: 93.75%;
    margin-left: 60px;
     /* 2015.01.19 battikh
    margin-top: 20px;     */
    margin-top: 0px; 
    display: none;
    clear: both;
}

body.subpage aside .uploads .csc-uploads-0 .csc-uploads-description {
    margin-left: 0;
}

body.subpage aside .uploads .csc-uploads-0 li:hover .csc-uploads-description,
body.subpage #maincontent .uploads .csc-uploads-0 li:hover .csc-uploads-description {
    display: block;
}
       /*Battikh Ende*/

body.subpage aside .div,
body.subpage #maincontent .div {
    padding: 0;
    background-color: transparent;
}

body.subpage #maincontent .link-list {
    padding: 0;
    background: none;
}

body.subpage #maincontent .link-list article {
    margin-bottom: 8px;
}

body.subpage #maincontent .link-list p,
body.subpage #maincontent .link-list ul {
    margin: 0;
}

body.subpage #maincontent .link-list ul li {
    background-color: #EFEFEF;
    display: block;
    margin-bottom: 8px;
    padding: 15px 30px 15px 60px;
    font-size: 93.75%;
}

/* T. Schaefer, 2015-05-20, padding-top fuer den ersten Eintrag in einer Liste nach einem tab-header hinzugefuegt */
body.subpage #maincontent .link-list .tab-header + ul li:first-of-type {
  padding-top: 50px;
}

body.subpage #maincontent .link-list ul li a {}


body.subpage #maincontent .archive {
/* T. Schaefer, 2022-06-17: background auskommentiert */
/*    background: none;*/
    padding: 0;
}

body.subpage #maincontent .archive > ul {
    font-size: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}

body.subpage #maincontent .archive > ul > li div, 
body.subpage #maincontent .archive > ul > li p, 
body.subpage #maincontent .archive > ul > li span {
    background-color: #efefef;
    display: block;
    margin-bottom: 8px;
    padding: 10px 30px;
    font-size: 100%;
}

body.subpage #maincontent .archive > ul li {
    position: relative;
}

body.subpage #maincontent .archive > ul > li.hassub {
    position: relative;
}

/* T. Schaefer, 2016-09-05: margin-top und margin-bottom hinzugefuegt */
body.subpage #maincontent .archive li.hassub {
    margin-top: 10px;
    margin-bottom: 10px;
}

body.subpage #maincontent .archive  li.hassub div.arrow {
    background-image: url("../assets/icons/arrow-blue.png");
    background-position: center center;
    background-repeat: no-repeat;

/* T. Schaefer, 2022-06-17: border-left auskommentiert */
/*    border-left: 5px solid #FFFFFF;*/
/* T. Schaefer, 2015-05-12: height von 40px auf 25px reduziert*/
    height: 25px;
    position: absolute;
    right: 0;
/* T. Schaefer, 2015-05-12: width von 42px auf 28px reduziert*/
    width: 28px;
    cursor: pointer;
/* T. Schaefer, 2015-05-12: margin-right hinzugefuegt */
    margin-right: 15px;
}

body.subpage #maincontent .archive li.hassub.open > div.arrow {
/* T. Schaefer, 2015-05-12: arrow-white-down.png nach arrow-blue-down.png geaendert und background-color auskommentiert*/
    background-image: url("../assets/icons/arrow-blue-down.png");
    /*background-color: #009cd1;*/
    
}

body.subpage #maincontent .archive li a.intern {
    display: list-item;
}

body.subpage #maincontent .archive li.hassub > ul { display: none; }  
body.subpage #maincontent .archive li.hassub.open > ul { display: block; }  

body.subpage #maincontent .archive > ul > li > ul {
    margin: 0;
}
body.subpage #maincontent .archive > ul > li > ul > li  {
    margin-left: 30px;
    list-style: none;
}

body.subpage #maincontent .archive > ul > li > ul > li.hassub > div.arrow { background-image: url("../assets/icons/arrow-gray.png"); }
body.subpage #maincontent .archive > ul > li > ul > li.hassub.open > div.arrow { background-image: url("../assets/icons/arrow-white-down.png"); background-color: #abacad; }

body.subpage #maincontent .archive > ul > li > ul > li div,
body.subpage #maincontent .archive > ul > li > ul > li p,
body.subpage #maincontent .archive > ul > li > ul > li span {
    padding-left: 45px;
}

body.subpage #maincontent .archive > ul > li > ul > li > ul {}
body.subpage #maincontent .archive > ul > li > ul > li > ul > li {
    margin-left: 30px;
    list-style: none;
    font-size: 100%;
}

body.subpage #maincontent .archive > ul > li > ul > li > ul > li div,
body.subpage #maincontent .archive > ul > li > ul > li > ul > li p,
body.subpage #maincontent .archive > ul > li > ul > li > ul > li span {
    padding-left: 60px;
}

body.subpage #maincontent .archive > ul > li div.iconlist,
body.subpage #maincontent .archive > ul > li div.arrow {
    background: none;
    padding: 0;
    margin: 0;
    float: left;
}

body.subpage #maincontent .archive > ul > li div.iconlist {
    position: absolute;
    right: 60px;
    top: -5px;
}

body.subpage #maincontent .archive > ul > li div.iconlist a {
    margin-right: 30px;
    position: relative;
    
}

body.subpage #maincontent .archive > ul > li div.iconlist a:hover {
    text-decoration: none;
}

body.subpage #maincontent .archive > ul > li div.iconlist .imagetitle {
    position: absolute;
    color: #58595B;
    left: 0;
    margin: 0;
    padding: 4px;
    position: absolute;
    top: -60px;
    white-space: nowrap;
}

body.subpage #maincontent .mailform form {
    overflow: auto;
  clear: left;
}

body.subpage #maincontent .mailform .formblock {
    float: left;
    margin-bottom: 16px;
    width: 100%;
}

body.subpage #maincontent .mailform .formitem {
    float: left;
    width: 450px;
}

body.subpage #maincontent .mailform .formitem .item {
    clear: right;
    width: auto;
    margin-bottom: 8px;
}

body.subpage #maincontent .mailform legend,
body.subpage #maincontent .mailform label {
    float: left;
    width: 140px;
    color: #2c2c2c;
    font-size: 93.75%;
}
#maincontent .mailform .formitem label {
    width: auto;
    float: none;
    color: #58595b;
}

body.subpage #maincontent .mailform input[type="checkbox"] {}
body.subpage #maincontent .mailform input[type="radio"] {
    float: left;
}

body.subpage #maincontent .mailform input[type="text"] {
    border: medium none;
    color: #58595B;
    font-family: helvetica,sans-serif;
    font-size: 93.75%;
    padding: 8px;
    width: 100%;
}

body.subpage #maincontent .mailform .formitem .select {
    background: url('../assets/icons/ar-suche.gif') no-repeat right #fff;
    width: 100%;
    overflow: hidden;
    height: 35px;
}

body.subpage #maincontent .mailform select {
    border: 0 none;
    color: #58595B;
    font-size: 93.75%;
    padding: 8px;
    width: 106%;
    background-color: transparent;
    height: 35px;
}

body.subpage #maincontent .mailform select:focus {
    background: url('../assets/icons/ar-suche-down.gif') no-repeat 94% center #fff;
}

body.subpage #maincontent .mailform select option {
    font-family: helvetica,sans-serif;
    padding: 4px;
}

body.subpage #maincontent .mailform textarea {
    border: medium none;
    color: #58595B;
    font-family: helvetica,sans-serif;
    font-size: 93.75%;
    padding: 8px;
    width: 100%;
}

body.subpage #maincontent .mailform .formmessage {
    margin-left: 140px;
    color: #007198;
    font-size: 93.75%;
}

body.subpage #maincontent .mailform section.form button {
    float: right;
    margin-top: 8px;
}

/* New Modules - 15.05.2014 */

body.subpage #maincontent table {
  border: none;
  /* width: 100%; 2014-04-14 Battikh*/
}

/* T. Schaefer, 2015-06-15, margin-left und margin-right fuer table innerhalb von article.csc-default hinzugefuegt */
body.subpage #maincontent article.csc-default table {
  margin-left: 15px;
  margin-right: 15px;
}

/* T. Schaefer, 2015-06-15, margin-left und margin-right fuer table innerhalb von article.aufklapper.csc-default auf 0px reduziert */
body.subpage #maincontent article.aufklapper.csc-default table {
  margin-left: 0px;
  margin-right: 0px;
}

body.subpage #maincontent table thead th {
  padding: 20px 10px;
}

body.subpage #maincontent table th,
body.subpage #maincontent table td {
/* T. Schaefer, 2015-05-28, border von 2px auf 0px reduziert */
  border: 0px solid #FFFFFF;
 /* background-color: #EFEFEF; 2015.01.19 Battikh */
  vertical-align: top;
  font-size: 93.75%;
  /*  padding: 10px; 2015.01.19 Battikh */
  padding: 0.5em;
}

/* T. Schaefer, 2015-06-15, padding-left und padding-right  fuer td innerhalb von article auf 0px reduziert */
body.subpage #maincontent article.csc-default table td {
  padding-left: 0px;
  padding-right: 0px;
}

body.subpage #maincontent article ol li.link_extern,
body.subpage #maincontent article ul li.link_extern {
  list-style-image: url("../assets/icons/externer_link_im-text.png");
}

body.subpage figcaption {
  font-size: 95%;
  display: table-caption;
  caption-side: bottom;
  padding-left: 0.5em;
}

body.subpage nav#contact_nav {
  float: left;
  width: 100%;
  margin-bottom: 2em;
}

body.subpage h3.contact_switch {
  background-color: #58595B;
    color: #FFFFFF;
    float: left;
    padding: 5px;
    width: auto;
  font-weight: normal;
  position: absolute;
  left: 175px;
  cursor: pointer;
  
}

body.subpage h3.contact_switch.active {
  background-color: #009CD1;
}

body.subpage h3.contact_switch.first {
    width: 120px;
  left: 0;
}

body.subpage h3.contact_switch.last {
    width: 100px;
  left: 360px;
}

body.subpage h3.contact_switch:before{
  border-top: 32px solid #58595B;
    border-left: 43px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    left: -43px;
    top: 0;
    width: 0;
}

body.subpage h3.contact_switch.first:before {
  border-top: 0;
  border-left:0;
}

body.subpage h3.contact_switch.active:before {
  border-top: 32px solid #009CD1;
}

body.subpage h3.contact_switch:after {
  border-bottom: 32px solid #58595B;
    border-right: 43px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    right: -43px;
    top: 0;
    width: 0;
}

body.subpage h3.contact_switch.active:after {
  border-bottom: 32px solid #009CD1;
}

body.subpage #maincontent section > article ,
body.subpage #maincontent section > section {
  margin-bottom: 1em;
}

.csc-sitemap ul {
    margin-left: 1em;
    list-style-type: square;
}

/* T. Schaefer, 2015-05-12: padding-left hinzugefuegt */
.csc-sitemap > ul {
    padding-left: 15px;
}

.csc-sitemap > ul > li > a {
    font-size: 100%;
}

.csc-sitemap > ul ul > li > a {
    font-size: 93.75%;
}

.csc-sitemap > ul ul ul > li > a {
/* T. Schaefer, 2015-05-12: font-size von 75% auf 85% erhoeht */
    font-size: 85%;
}

body.subpage #maincontent .address .csc-default {
    padding: 0;
}

.address h4 {
    color: #009cd1;
    margin: 0;
    font-weight: normal;
}

body.subpage #maincontent .address article p {
    font-size: 100%;
}


/* RECHTE SPALTE */
aside {
    float: right;
    width: 225px;
    position: relative;
}

aside li,
aside p {
    font-size: 81.25%;
}

aside li > p {
    font-size: 100%;
}

body.subpage #maincontent > .contact,
body.subpage aside > .contact {
    margin-bottom: 0;
    border-bottom: 2px solid white;
 }

aside > .csc-default,
aside section > .inner {
    background-color: #efefef;
    color: #58595b;
    margin-bottom: 16px;
    position: relative;
}

/* T. Schaefer, 2015-04-15, aside > .csc-default auskommentiert*/
/*aside > .csc-default, */
aside section.std > .inner {
  /* 2015.01.19 battikh 
    padding: 20px 26px; */
    padding: 10px 13px;
}

aside .csc-default h3,
aside .csc-default h4,
aside .csc-default h5,
aside section h4,
aside section h5 {
    color: #2c2c2c;
    font-weight: bold;
    margin-bottom: .5em;
    font-size: 81.25%;
}

/* T. Schaefer, 2015-04-15, aside > .csc-default auskommentiert*/
/*aside .csc-default,*/
aside .contact article {
    /* 2015.01.19 battikh 
    padding: 20px 26px; */
    padding: 10px 13px;
    
}

/* T. Schaefer, 2015-04-27, color, font-weight und font-size auskommentiert
wieso eine andere Farbe als weiss verwendet werden und die Ueberschrift fett sein soll, ist nicht nachvollziehbar*/
/*
aside .csc-default h3,
aside .csc-default h4,
aside .csc-default h5,
aside .contact h2,
aside .contact h3,
aside .contact h4, 
aside .contact h5 {
    color: #58595b;
}
aside .contact h2 {
    font-weight: bold;
    font-size: 93.75%;
}
*/

aside .csc-default,
aside .contact {
    color: #2c2c2c;
}

aside .contact p{
    word-wrap: break-word;
}

/* Calendar */ 

section.calendar {
    background-color: #efefef;
    /* 2015.01.19 battikh 
    padding: 20px 26px; */
    padding: 10px 13px;
    clear: both;
}

aside section.calendar .inner {
    font-size: 81.25%;
}

 section.calendar nav {
    float: right;
    margin-bottom: 12px;
}

body.subpage #maincontent section.calendar nav ul {
    list-style-image: none;
}

section.calendar nav ul li {
    float: left;
    margin-left: 8px;
    font-weight: bold;
    font-size: 81.25%;
}

section.calendar .cal {
/*Battikh 2015-01-21 fehler in der Anzeige*/
   padding-top: 1px;
}

section.calendar .cal table { 
    width: 100%;
}

/* T. Schaefer, 2015-05-28, max-width hinzugefuegt */
#aside section.calendar .cal table { 
    max-width: 200px;
}
/* T. Schaefer, 2015-05-28, min-width innerhalb von body.subpage #maincontent hinzugefuegt, damit der Kalender in der grossen Ansicht nicht zu weit zusammengedrueckt wird */
body.subpage #maincontent section.calendar .cal table { 
    min-width: 600px;
}
 section.calendar .cal table th {
    text-align: center;
    text-transform: uppercase;
    font-size: 75%;
}
 section.calendar .cal table td { 
    border: 2px solid #efefef;
    background-color: #fff;

    height: 18px;
    font-size: 81.125%;
    text-align: right;
    padding-right: 8px;
}

 section.calendar .cal table td.empty {
    background-color: #d6d6d6;
}

 section.calendar .cal table td.hasevent {
    background-color: #33b0da;
    
}

section.calendar .cal table td.hasevent a {
    color: #fff;
	/* F. Boog, 2023-10-23, underline hinzugefügt, damit Farbe nicht einziger Informationsträger (BFIT Test) */
	text-decoration: underline;
}

 section.calendar .cal .legend {
    float: right;
    /* T. Schaefer, 2015-05-21, font-size von 81.125 auf 90 erhoeht */
    font-size: 90%;
}

 section.calendar .time,
 section.calendar .date {
    display: none;
}


/* ICON LINKS */
body.subpage #maincontent .iconlink_pi1,
aside .iconlink_pi1 {
    padding: 0;
    background: none;
    margin: 0;
}

/*Battikh 2015.11.30 Anfang */
/* T .Schaefer, 2016-03-18: #maincontent section.iconlink p hinzugefuegt */
#maincontent section.iconlink p, aside section.iconlink p{
    font-size: 100%;
    margin-bottom: 0em !important;
}
/*Battikh 2015.11.30 Ende */

#maincontent section.iconlink {
    border-top: 1px solid #79c1e2;

/* T .Schaefer, 2016-03-18: auskommentiert damit es genauso wie in der rechten Spalte aussieht
    border-bottom: 1px solid #79c1e2;
    margin-bottom: 1em;*/
    overflow: auto;
}

aside section.iconlink {
    border-top: 1px solid #79c1e2;
    margin-bottom: 0em;
    overflow: auto;
}

#maincontent section.iconlink figure {
    float: left;
    margin-top: 3px;
    margin-right: 12px;
}

/* Pascal Zagermann, 2016-01-08: margin-right fuer icons auf 5px von 6px reduziert */
/* T. Schaefer, 2021-11-02: margin-right fuer icons auf 0px von 5px reduziert */
aside section.iconlink figure {
    float: left;
    margin-top: 3px;
    margin-right: 0px;
}

/* T. Schaefer, 2015-05-17, padding-top hinzugefuegt, damit ein Iconlink-Plugin und ein darueberliegendes Text-Element nicht zusammenkleben */
aside article.csc-default + div.iconlink_pi1, aside article.csc-default + a + div.iconlink_pi1 {
  margin-top: 15px;
}

#maincontent section.iconlink a,
aside section.iconlink a {
    color: #2c2c2c;
    font-size: 87.5%;
    text-transform: uppercase;
    /*C.Schulz 2020-07-21: display: table;*/
    display: table;
}

#maincontent section.iconlink a span,
aside section.iconlink a span {
    display: table-cell;
    /*C.Schulz 2020-07-21: height: 48px;*/
    height: 45px;
    line-height: 1.3em;
    /*C.Schulz 2020-07-21: padding-top: 4px;*/
    vertical-align: middle;
    padding-left: 5px;
    /* T. Schaefer, 2021-11-02: width auskommentiert
    width: 180px;*/
}
/* T. Schaefer, 2016-04-07, width hinzugefuegt, damit der Text im Iconlink-Plugin innerhalb vom maincontent nicht unnoetigerweise umbricht */
#maincontent section.iconlink a span {
    width: 100%;
}
/* T. Schaefer, 2015-05-18, width hinzugefuegt, damit ein Iconlink-Plugin innerhalb von element_3cols nicht zwischen Icon und Text umbricht */
#maincontent section.element_3cols section.iconlink a span {
    width: 140px;
}

/* T. Schaefer, 2015-05-18, margin-left hinzugefuegt, damit das erste colleft30 innerhalb von element_3cols nicht am linken Rand klebt */
#maincontent .csc-default > section.element_3cols .colleft30:first-of-type {
    margin-left: 15px;
}

.iconlink a:hover span {
    text-decoration: underline;
}

/*Battikh 2015.01.22*/
.element_2cols2rows { 
    overflow:hidden;
    width: 100%;
    font-size: 80%;
}
.element_3cols { 
    overflow:hidden;
    width: 100%;
}

.element_2cols2rows a {
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 0px;
}
.element_2cols {
    overflow:hidden;
    width: 100%;
}

/* T. Schaefer, 2016-02-02, padding-top fuer das erste ul oder ol innerhalb von element_2cols hinzugefuegt */
.element_2cols ul:first-of-type,
.element_2cols ol:first-of-type {
    padding-top: 10px;
}

.row_2cols2rows {
    overflow:hidden;
}

.colleft50 {
/* T. Schaefer, 2016-02-02, width von 49% auf 50% erhoeht */
  width:50%; 
  float:left;
/* T. Schaefer, 2016-02-02, margin-right auskommentiert
  margin-right:1%;*/
}

.colright50 {
/* T. Schaefer, 2016-02-02, width von 49% auf 50% erhoeht */
  width:50%; 
  float:right; 
/* T. Schaefer, 2016-02-02, margin-left auskommentiert
  margin-left: 1%;*/
/* T. Schaefer, 2015-05-05, padding-right hinzugefuegt */
  padding-right: 15px;
/* T. Schaefer, 2016-02-02, padding-left hinzugefuegt */
  padding-left: 15px;
}

.colleft60 {
/* T. Schaefer, 2016-02-02, width von 59% auf 60% erhoeht */
  width:60%;
  float:left;
/* T. Schaefer, 2016-02-02, margin-right auskommentiert
  margin-right:1%;*/
}

.colright40 {
/* T. Schaefer, 2016-02-02, width von 39% auf 40% erhoeht */
  width:40%; 
  float:right; 
/* T. Schaefer, 2016-02-02, margin-left auskommentiert
  margin-left: 1%;*/
/* T. Schaefer, 2015-05-05, padding-right hinzugefuegt */
  padding-right: 15px;
  /* T. Schaefer, 2016-02-02, padding-left hinzugefuegt */
  padding-left: 15px;
}

.colleft40 {
/* T. Schaefer, 2016-02-02, width von 39% auf 40% erhoeht */
  width:40%; 
  float:left;
/* T. Schaefer, 2016-02-02, margin-right auskommentiert
  margin-right:1%;*/
}

.colright60 {
/* T. Schaefer, 2016-02-02, width von 59% auf 60% erhoeht */
  width:60%; 
  float:right; 
/* T. Schaefer, 2016-02-02, margin-left auskommentiert
  margin-left: 1%;*/
/* T. Schaefer, 2015-05-05, padding-right hinzugefuegt */
  padding-right: 15px;
/* T. Schaefer, 2016-02-02, padding-left hinzugefuegt */
  padding-left: 15px;
}

.colleft30 { 
/* T. Schaefer, 2016-02-02, width von 29% auf 30% erhoeht */
  width:30%; 
  float:left;
/* T. Schaefer, 2016-02-02, margin-right auskommentiert */
  /*margin-right:1%;*/
}

.colright70 { 
/* T. Schaefer, 2015-05-13, width von 68% auf 69% erhoeht */
  width:70%; 
  float:right; 
/* T. Schaefer, 2016-02-02, margin-right auskommentiert */
/*  margin-left: 1%;*/
/* T. Schaefer, 2015-05-05, padding-right hinzugefuegt */
  padding-right: 15px;
/* T. Schaefer, 2016-02-02, padding-left hinzugefuegt */
  padding-left: 15px;
}

.colleft70 {
/* T. Schaefer, 2016-02-02, width von 69% auf 70% erhoeht */
  width:70%;
  float:left;
/* T. Schaefer, 2016-02-02, margin-right auskommentiert
  margin-right:1%;*/
}

.colright30 { 
/* T. Schaefer,2016-02-02, width von 29% auf 30% erhoeht */
  width:30%; 
  float:right; 
/* T. Schaefer, 2016-02-02, margin-left auskommentiert
  margin-left: 1%;*/
/* T. Schaefer, 2015-05-05, padding-right hinzugefuegt */
  padding-right: 15px;
/* T. Schaefer, 2016-02-02, padding-left hinzugefuegt */
  padding-left: 15px;
}

/* T. Schaefer, 2015-05-05, padding-left fuer Ueberschriften innerhalb von colright* auf 0px gesetzt */
.colright30 .csc-header, .colright40 .csc-header, .colright50 .csc-header, .colright60 .csc-header, .colright70 .csc-header {
  padding-left: 0px !important;
}

/* T. Schaefer, 2016-02-02: padding fuer csc-default innerhalb von colright* und colleft* auf 0px gesetzt */
.colleft30 .csc-default, .colleft40 .csc-default, .colleft50 .csc-default, .colleft60 .csc-default, .colleft70 .csc-default,
.colright30 .csc-default, .colright40 .csc-default, .colright50 .csc-default, .colright60 .csc-default, .colright70 .csc-default {
  padding: 0px !important;
}

/* T. Schaefer, 2016-01-22, margin fuer csc-textpic-imagewrap innerhalb von colleftX0 hinzugefuegt */
.colleft30 .csc-textpic-imagewrap, .colleft40 .csc-textpic-imagewrap, .colleft50 .csc-textpic-imagewrap, .colleft60 .csc-textpic-imagewrap, .colleft70 .csc-textpic-imagewrap {
  margin: 15px;
}

/* T. Schaefer, 2022-07-15, margin fuer csc-default.table innerhalb von colleftX0 hinzugefuegt */
.colleft30 .csc-default.table, .colleft40 .csc-default.table, .colleft50 .csc-default.table, .colleft60 .csc-default.table, .colleft70 .csc-default.table {
  margin: 15px;
}

/* T. Schaefer, 2016-02-02, padding-left fuer html5videoplayer innerhalb von colleft* hinzugefuegt */
.colleft30 .html5videoplayer, .colleft40 .html5videoplayer, .colleft50 .html5videoplayer, .colleft60 .html5videoplayer, .colleft70 .html5videoplayer {
  padding-left: 15px;
}

.teaser-left-nowrap-100 .csc-textpic-text { margin-left: 100px; }
 div.teaser-left-nowrap-100 .csc-textpic-imagewrap {
    float: left;
}

body.subpage #maincontent .csc-default-title {
    background-color: #efefef;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    width: 100%;
}

.csc-default h1.tab, .csc-default h2.tab, .csc-default h3.tab,.csc-default h4.tab, .csc-default h5.tab, .csc-default h6.tab {
    padding: 6px 4px 0px 16px;
/* T. Schaefer, 2015-04-02: margin-left, margin-top auf 0px und margin-bottom auf 5px gesetzt
    margin-left: -15px;
    margin-top: -15px;
    margin-bottom: 15px; */
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    background-color: #009CD1;
}

/*Aufklappbare Plugins*/

body.subpage #maincontent .aufklapper {
    position: relative;
    margin-bottom: 10px;
}

body.subpage #maincontent .aufklapper .csc-header{
 padding: 15px;
}
/* 2015.01.19 battikh Ende*/
  
body.subpage #maincontent .aufklapper .csc-header h1,
body.subpage #maincontent .aufklapper .csc-header h2,
body.subpage #maincontent .aufklapper .csc-header h3,
body.subpage #maincontent .aufklapper .csc-header h4,
body.subpage #maincontent .aufklapper .csc-header h5,
body.subpage #maincontent .aufklapper .csc-header h6 {
    position: absolute;     
    color: #007198;
    font-size: 93.75%;
    font-weight: normal;
    text-transform: uppercase;
    right: 20px !important;
    top: 20px;
    padding-right: 30px;
    padding-top: 2px;  
    background-image: url('../assets/icons/ar-d-bigblue.gif');
    background-repeat: no-repeat;
    background-position: right 0;
    cursor: pointer;
}

body.subpage #maincontent .aufklapper.close h1,
body.subpage #maincontent .aufklapper.close h2,
body.subpage #maincontent .aufklapper.close h3,
body.subpage #maincontent .aufklapper.close h4,
body.subpage #maincontent .aufklapper.close h5,
body.subpage #maincontent .aufklapper.close h6 {
    background-image: url('../assets/icons/ar-r-bigblue.gif');
}

body.subpage #maincontent .aufklapper .content {
/* T. Schaefer, 2015-05-05, margin-top von 24px auf 12px reduziert */
    margin-top: 12px;
}

body.subpage #maincontent .aufklapper.close .content {
    display: none;
}

body.subpage aside .uploads .csc-uploads-description ,
body.subpage #maincontent .uploads .csc-uploads-description {
    font-size: 93.75%;
    clear: both;
}

body.subpage aside .uploads .csc-uploads-2 li, 
body.subpage #maincontent .uploads .csc-uploads-2 li {
    clear: both;
/* T. Schaefer, 2015-05-16, display und width hinzugefuegt, damit die Thumbnails nicht nach unten aus dem div hinauslaufen */
    display: table;
    width: 100%;
}

/* 2015-04-15 Battikh*/
body.subpage aside .menu  {
  background-color: #E0EBEF;
  color: #000;
  padding: 10px 0px 10px 10px;
}

body.subpage aside .menu ul {
    list-style-image: url('../assets/icons/link.gif');
    margin-bottom: 2px;
    clear: right;
    overflow: visible;
    padding: 0;  
    margin-left: 15px;
}
/*battikh neu 20160223 */
 body #maincontent ul.csc-menu-ag{ 
     display: inline-flex;
     margin-left: 0px !important;
}

body #maincontent ul li.csc-section-ag:first-of-type {
    display: inline;
    padding-left: 0px;
}
     
body #maincontent ul li.csc-section-ag {
    display: inline;
    padding-left: 10px;    
      
}
body #maincontent ul li.csc-section-ag a{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 4px;
  background-color: #efefef;  
  display: table-cell;
  color: #007198;
  width: 150px;
  border-top: 1px solid #79c1e2;
border-bottom: 1px solid #79c1e2;
}
body #maincontent ul li.csc-section-ag a:hover,
body #maincontent ul li.csc-section-ag a:focus,
body #maincontent ul li.csc-section-ag:hover > a
{
    background-color: #007198;
    background: -webkit-linear-gradient(#007198, #0198cc);
    background:  linear-gradient(#007198, #0198cc);
    color: #fff;
}


body.subpage #maincontent .link-list-menu-ag {
    padding: 0;
    background: none;
}

body.subpage #maincontent .link-list-menu-ag article {
    margin-bottom: 8px;
}

body.subpage #maincontent .link-list-menu-ag ul {
    display: inline-flex;
     margin-left: 0px !important;
}

body.subpage #maincontent .link-list-menu-ag ul li {
     display: inline;
    padding-left: 10px; 
}

/* T. Schaefer, 2015-05-20, padding-top fuer den ersten Eintrag in einer Liste nach einem tab-header hinzugefuegt */
body.subpage #maincontent .link-list-menu-ag .tab-header + ul li:first-of-type {
  padding-top: 50px;
}

body.subpage #maincontent .link-list-menu-ag ul li a {
display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 4px;
  background-color: #efefef;  
  display: table-cell;
  color: #007198;
  width: 150px;
  border-top: 1px solid #79c1e2;
 border-bottom: 1px solid #79c1e2;
}

body.subpage #maincontent .link-list-menu-ag ul li a:hover,
body.subpage #maincontent .link-list-menu-ag ul li a:focus,
body.subpage #maincontent .link-list-menu-ag ul li:hover > a
{
    background-color: #007198;
    background: -webkit-linear-gradient(#007198, #0198cc);
    background:  linear-gradient(#007198, #0198cc);
    color: #fff;
}
/* 20160418 Battikh, Zagermann Anfang     */
@media screen and (max-width: 1150px) {
    header {
        height: unset !important;
        margin-bottom: 2.5rem;
    }
    body.subpage {
        background-image: unset;
        background-repeat: unset;
    }
    .subpage header div.content img {
        height: auto !important;
        width: 100% !important;
    }
}
@media (min-width: 992px) and (max-width: 1150px) {
  body #maincontent ul.csc-menu-ag, body #maincontent ul li.csc-section-ag a {
    display: block;
    width: 100%;
  }
  body #maincontent ul li.csc-section-ag:first-of-type, body #maincontent ul li.csc-section-ag {
    padding-left: 15px;
    width: 24%;
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  
  body #maincontent ul.csc-menu-ag, body #maincontent ul li.csc-section-ag a {
    display: block;
    width: 100%;
  }
  body #maincontent ul li.csc-section-ag:first-of-type, body #maincontent ul li.csc-section-ag {
  padding-left: 0px;
  padding-top: 5px;
  width: 48%;
  display: inline-block;
  }
  /*
  /* Ba, 202105, wegen fehler bei Vergoesserung
  body #maincontent ul li:nth-child(even)  {
    float: right;
    margin-right: 1%;
  }
  
  body #maincontent ul li:nth-child(odd)  {
    float: left;
    margin-left: 1%;
  }
  /* 20160418 Ba, Ende   */
  
  body #maincontent ul.csc-menu-ag {
    display: inline-block;
  }
}

@media(max-width:767px){
  body #maincontent ul.csc-menu-ag, body #maincontent ul li.csc-section-ag a {
    display: block;
    width: 100%;
  }

  body #maincontent ul li.csc-section-ag:first-of-type, body #maincontent ul li.csc-section-ag {
    display: block;
    width: 100%;
    padding-left: 0px;
    padding-top: 5px;
  }
}
/* 20160418 Battikh, Zagermann Ende   */

@media (max-width: 550px) {
  /* P. Zagermann, 2017-03-27 Breite des Bildes auf 100% gesetzt, damit der Text nicht ungAYnstig umgebrochen wird */
  html body.subpage div#wrapper section#content main#maincontent div#c80754.csc-default.list.news_pi1.s-0 div.news.news-single div.article div.news-img-wrap {
    width: 100%;
  }
}

/* T. Schaefer, 2018-10-10: Nur fuer die Seite https://www.ptb.de/cms/ptb/fachabteilungen/abt9/fb-92.html und dort fuer die Liste der Arbeitsgruppen. margin-bottom, padding-top und padding-bottom auf 0 gesetzt */
#c89515 .tx-rm-ptboemap .csc-default.teaser:nth-of-type(3),
#c89515 .tx-rm-ptboemap .csc-default.teaser:nth-of-type(3) h3,
#c89515 .tx-rm-ptboemap .csc-default.teaser:nth-of-type(4),
#c89515 .tx-rm-ptboemap .csc-default.teaser:nth-of-type(4) h3,
#c89515 .tx-rm-ptboemap .csc-default.teaser:nth-of-type(5),
#c89515 .tx-rm-ptboemap .csc-default.teaser:nth-of-type(5) h3 {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
body.subpage #maincontent .imagecolumn-distance .csc-textpic-imagecolumn {
    margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
}