/*
    Author: creatives at work!
    Author URI: http://creatives-at-work.de
    Version: 2.1.1 // 18.10.2016

-------------------------------------------------------------------------

    1.  Base styles

    2.  COMMON STYLE DEFINITIONS

    3.  DETAILED STYLE DEFINITIONS -> HEADER
        DETAILED STYLE DEFINITIONS -> HEADER -> HAUPTNAVIGATION

    4.  DETAILED STYLE DEFINITIONS -> MAIN AREA
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> NAVIGATION
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> SUBNAVIGATION
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEASER
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SLIDER
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> NEWS ROTATOR
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEXT
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> IMAGE WITH TEXT
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> IMAGE
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> ZOOMBILD
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> YOUTUBE
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> FAQ
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> STANDARD FORM
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> CONTACT
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEAM FORM
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> ACCORDION
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> PROJECTS
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> COMMON LIST
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> NEWS LIST / PRESS LIST
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> NEWS DETAILS
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEAM LIST
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEAM DETAILS
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> INFO FORM
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> INTRANET LOGIN
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SIDEBAR
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SOCIAL BUTTONS
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SITEMAP
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> IMAGE GALLERY
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TABLE COURSES
        DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SAVE DATE

    5.  DETAILED STYLE DEFINITIONS -> FOOTER

    6.  Helper classes

-------------------------------------------------------------------------*/


/* ==========================================================================
   1. Base styles: opinionated defaults
   ========================================================================== */

   html,
   button,
   input,
   select,
   textarea {
       color: #666;
   }
   
   body {
       font-size: 1em;
       line-height: 1.4;
   }
   
   /*
    * Remove text-shadow in selection highlight: h5bp.com/i
    * These selection rule sets have to be separate.
    * Customize the background color to match your design.
    */
   
   ::-moz-selection {
       background: #b3d4fc;
       text-shadow: none;
   }
   
   ::selection {
       background: #b3d4fc;
       text-shadow: none;
   }
   
   /*
    * A better looking default horizontal rule
    */
   
   hr {
       display: block;
       height: 1px;
       border: 0;
       border-top: 1px solid #ccc;
       margin: 1em 0;
       padding: 0;
   }
   
   /*
    * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
    */
   
   img {
       vertical-align: middle;
   }
   
   /*
    * Remove default fieldset styles.
    */
   
   fieldset {
       border: 0;
       margin: 0;
       padding: 0;
   }
   
   /*
    * Allow only vertical resizing of textareas.
    */
   
   textarea {
       resize: vertical;
   }
   
   /* ==========================================================================
      Chrome Frame prompt
      ========================================================================== */
   
   .chromeframe {
       margin: 0.2em 0;
       background: #f00;
       color: #fff;
       padding: 0.2em 0;
   }
   
   /* ==========================================================================
      Author's custom styles
      ========================================================================== */
   
   
   /* ==========================================================================
      2. COMMON STYLE DEFINITIONS
      ========================================================================== */
   
   /* EDITED ON 2014-10-07 START */
   .mobile, .printOnly {
       display: none;
   }
   /* EDITED ON 2014-10-07 STOP */
   
   .nolink {
       cursor: default;
   }
   
   body {
        margin: 0 auto;
        width: 950px;
   }
   
   header, #main, footer {
       float: left;
       width: 950px;
   }
   
   header {
       margin-top: 33px;
   }
   
   footer {
       margin-top: 15px;
       margin-bottom: 15px;
   }
   
   nav ul {
       margin: 0;
       padding: 0;
   }
   
   nav a, a {
       color: #666;
   }
   
   a:hover {
       color: #999;
   }
   
   b, strong {
       font-weight: 600;
   }
   
   .responsive {
       display: none;
   }
   
   /* EDITED ON 2014-09-23 START */
   .teamTabs dl, .teamTabs table {
       margin: 0;
       padding: 0;
   }
   
   .teamTabs table p {
       padding: 0;
       margin: 0;
       width: auto;
       font-size: 15px;
       float: left;
   }
   /* EDITED ON 2014-09-23 STOP */
   
   #tabPublikationen h3,
   .tabPublikationen h3,
   .green, .green a {
       color: #009260 !important;
   }
   
   .black, .black a {
       color: #000 !important;
   }
   
   img.left {
       float: left;
       margin-left: 10px;
       margin-right: 20px;
       padding-bottom: 15px;
   }
   
   /* EDITED ON 2014-09-22 START */
   /* REEDITED (commented) ON 2017-12-01 START */
   /*img.sw {
       filter: url(../i/desaturate.svg#greyscale);
       filter: gray;
       -webkit-filter: grayscale(1);
       -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
       -ms-filter: grayscale(100%);
       -o-filter: grayscale(100%);
       filter: grayscale(100%);
   }*/
   /* REEDITED (commented) ON 2017-12-01 STOP */
   /* EDITED ON 2014-09-22 STOP */
   
   .left {
       float: left;
   }
   
   .right {
       float: right;
   }
   
   .small {
       font-size: 85%;
   }
   
   .noborder {
       border: none !important;
   }
   
   /* ==========================================================================
      3. DETAILED STYLE DEFINITIONS -> HEADER
      ========================================================================== */
   
   #logo {
       float: left;
       margin-right: 70px;
   }
   
   #logo img {
       width: 221px;
       height: 68px;
   }
   
   #ls-logo {
       float: left;
       max-width: 142px;
   }
   
   #ls-logo img {
       width: 100%;
       height: auto;
   }
   
   
   #logout {
       float: right;
       margin: 28px 0 0 0;
       padding: 3px 35px 2px 25px;
       height: 18px;
       background: url('../i/btSubmit.png') 95% 50% no-repeat;
       color: #fff;
       background-color: #c00;
       cursor: pointer;
       border: none;
       text-decoration: none;
       border: 1px solid #c00;
       font-size: 14px;
   }
   
   #logout:hover {
       background-color: #a80800;
   }
   
   
   #quicklinks {
       float: left;
       margin-top: 5px;
   }
   
   #quicklinks h3 {
       float: left;
       width: 100px;
       font-size: 13px;
       color: #048A5F;
       margin: 0;
       padding: 0;
   }
   
   #quicklinks ul {
       float: left;
       font-size: 13px;
       font-weight: bold;
       margin: 0 0 0 40px;
   }
   
   #quicklinks a:hover, #quicklinks a.active {
       text-decoration: none;
   }
   
   #quicklinks a.active {
       color: #048A5F;
   }
   
   
   /* ADDED ON 2014-07-03 START */
   #schnelleinstieg {
       float: right !important;
       position: relative;
       z-index: 8889;
       float: left;
   }
   
   #schnelleinstieg ul li a.main {
       font-size: 11px;
       font-weight: bold;
       color: #666;
       width: 188px;
       height: 13px;
       padding: 3px 2px 3px 5px;
       border: 1px solid #999;
       background: url('../i/btSchnelleinstieg.png') 177px 1px no-repeat;
   }
   
   #schnelleinstieg li {
       float: left;
   }
   
   #schnelleinstieg a {
       color: #666;
       text-decoration: none;
       display: block;
       width: 173px;
   }
   
   #schnelleinstieg a:hover, #schnelleinstieg a.active {
       color: #666;
   }
   
   #schnelleinstieg ul li a {
       transition: background 0.3s ease-out; /* explorer 10 */
       -webkit-transition: background 0.3s ease-out; /* chrome & safari */
       -moz-transition: background 0.3 ease-out; /* firefox */
       -o-transition: background 0.3 ease-out; /* opera */
   }
   
   #schnelleinstieg ul li:hover > ul li a  {
       color: #666;
       background-color: #fff;
       font-size: 14px;
       font-weight: bold;
   }
   
   #schnelleinstieg ul li:hover > ul {
       visibility: visible;
       padding: 20px 0 20px 0;
       background-color: #fff;
   }
   
   #schnelleinstieg ul li ul{
       display: inline;
       visibility: hidden;
       position: absolute;
       top: 20px;
       text-transform: none;
       border: 1px solid #999;
       border-top: 1px solid #ccc;
   }
   #schnelleinstieg ul li ul li{
       float: none;
   }
   #schnelleinstieg ul li ul li a {
       color: #A5D9C7;
       padding: 3px 2px 3px 20px;
       line-height: 1.1em;
   }
   #schnelleinstieg ul li ul li a:hover{
       color: #009260;
       background-color: #fff !important;
   }
   /* ADDED ON 2014-07-03 STOP */
   
   
   /* CHANGED ON 2014-07-03 START */
   #metanavigation {
       width: 450px;
       float: right;
       padding-bottom: 20px;
   }
   /* CHANGED ON 2014-07-03 STOP */
   
   #metanavigation ul {
       font-size: 11px;
       font-weight: bold;
   }
   
   #metanavigation li {
       float: right;
       padding: 0 0 0 10px;
   }
   
   #metanavigation a {
       text-decoration: none;
   }
   
   #metanavigation a:hover {
       text-decoration: none;
   }
   
   #btEnglish {
       background: url('../i/btFlagEn.png') no-repeat 0 30%;
       padding-left: 25px !important;
   }
   
   #btDeutsch {
       background: url('../i/btFlagDe.png') no-repeat 0 30%;
       padding-left: 25px !important;
   }
   
   #searchform {
       position: relative;
       float: right;
       width: 220px;
       border-left: 1px solid #999;
       margin-left: 25px;
   }
   
   #searchform label {
       display: none;
   }
   
   #searchform input[type=text] {
       float: right;
       font-size: 11px;
       font-weight: bold;
       color: #666;
       width: 188px;
       height: 13px;
       padding: 4px 2px 2px 5px;
       border: 1px solid #999;
   }
   
   #searchform input[type=submit] {
       position: absolute;
       top: 2px;
       right: 2px;
       display: block;
       font-size: .01em;
       text-indent: -9999px;
       width: 17px;
       height: 17px;
       background: #999 url('../i/btSearch.png') no-repeat;
       border: none;
   }
   
   header h2 {
       position: relative;
       float: left;
       width: 905px;
       font-size: 14px;
       text-transform: uppercase;
       color: #fff;
       background-color: #009260;
       padding: 7px 15px 7px 30px;
       margin-top: -34px;
       margin-bottom: 0;
       font-weight: normal;
   }
   
   header h3 {
       position: relative;
       z-index: 8888;
       float: left;
       width: 905px;
       font-size: 14px;
       color: #666;
       background-color: #F0F0ED;
       padding: 7px 15px 7px 30px;
       margin-top: 0;
       margin-bottom: 0;
       font-weight: 600;
   }
   
   header h2#headline {
       margin-top: 2em;
   }
   
   header h2 span {
       float: left;
   }
   
   header h2 strong {
       float: left;
       font-weight: 600;
   }
   
   header h2 span strong {
       float: none;
   }
   
   header h2 a, .quicklink .btCloseQuicklinks {
       float: right;
       color: #fff;
       font-weight: normal;
       font-style: normal;
       font-size: 14px;
       text-transform: uppercase;
       text-decoration: none;
       background: url('../i/btCloseQuicklinksTopGreen.png') 100% 100% no-repeat;
       padding-right: 26px;
       margin-right: 10px;
   }
   
   header h2 a:hover {
       color: #A5D9C7;
       text-decoration: none;
       background-position: 100% 0%;
   }
   
   header h2 strong a {
       background-image: none;
       font-weight: bold;
   }
   
   
   .quicklink {
       position: relative;
       float: left;
       z-index: 8888;
       display: none;
       width: 100%;
       background: #f0f0ed;
       padding-bottom: 40px;
   }
   
   .quicklink aside {
       float: left;
       font-size: 14px;
       color: #666;
       margin: 20px 0 0 30px;
       width: 100%;
   }
   
   .quicklink aside strong {
       color: #048A5F;
   }
   
   .quicklink ul {
       float: left;
       margin-top: 10px;
       font-size: 14px;
       margin-left: 30px;
       margin-right: 30px;
       margin-bottom: 20px;
   }
   
   .quicklink ul.twoCols {
       -webkit-column-count: 2;
       -moz-column-count: 2;
       column-count: 2;
       -webkit-column-gap: 70px;
       -moz-column-gap: 70px;
       column-gap: 70px;
   }
   
   .quicklink ul li strong {
       color: #048A5F;
   }
   
   .quicklink li a {
       color: #666;
   }
   
   .quicklink li a:hover {
       color: #999;
       /* text-decoration: none; */
   }
   
   .quicklink .btCloseQuicklinks {
       position: absolute;
       bottom: 20px;
       right: 15px;
       font-size: 12px;
       font-weight: bold;
       color: #666;
       background: url('../i/btCloseQuicklinksBottomGreen.png') 100% 0% no-repeat;
       padding-top: 3px;
       padding-right: 35px;
       height: 20px;
   }
   
   .quicklink .btCloseQuicklinks:hover {
       color: #999;
       text-decoration: none;
       background-position: 100% -28px;
   }
   
   
   #breadcrumb {
       float: left;
       width: 840px;
       font-size: 11px;
       color: #666;
       margin: 1.2em 0;
   }
   
   #breadcrumb a {
       font-style: italic;
       color: #666;
   }
   
   #breadcrumb a:hover {
       text-decoration: underline;
       color: #999;
   }
   
   #breadcrumb a.active, #breadcrumb a.active:hover {
       text-decoration: none;
       color: #009260;
   }
   
   
   #btPrint {
       float: right;
       margin: 1.2em 0 0 0;
       font-size: 11px;
       font-style: italic;
       padding-right: 22px;
       color: #666;
       background: url('../i/btPrint.png') 100% 50% no-repeat;
   }
   
   #btPrint:hover {
       text-decoration: underline;
       color: #999;
   }
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> HEADER -> HAUPTNAVIGATION
      ========================================================================== */
   
   #hauptnavigation {
       position: relative;
       z-index: 8888;
       float: left;
       width: 100%;
       font-size: 14px;
       text-transform: uppercase;
       color: #fff;
       background-color: #009260;
       padding: 0;
       margin-top: 2em;
       margin-bottom: 0;
   }
   
   #hauptnavigation li {
       float: left;
       background-color: #009260;
   }
   
   #hauptnavigation a {
       color: #fff;
       text-decoration: none;
       display: block;
       padding: 8px 0 8px 30px;
       font-weight: 600;
   }
   
   #hauptnavigation a:hover, #hauptnavigation a.active {
       color: #A5D9C7 !important;
   }
   
   #hauptnavigation ul li a {
       transition: background 0.3s ease-out; /* explorer 10 */
       -webkit-transition: background 0.3s ease-out; /* chrome & safari */
       -moz-transition: background 0.3 ease-out; /* firefox */
       -o-transition: background 0.3 ease-out; /* opera */
   }
   
   #hauptnavigation ul li a.hover + ul {
     visibility: visible;
   }
   
   #hauptnavigation ul li:hover a, #hauptnavigation ul li:hover > ul li a  {
       background-color: #009260;
   }
   
   #hauptnavigation ul li:hover > a {
       color: #FAFAFA;
   }
   #hauptnavigation ul li:hover > ul {
       visibility: visible;
       padding: 10px 0 20px 0;
       background-color: #009260;
       min-width: 235px;
   }
   
   #hauptnavigation ul li ul{
       display: inline;
       visibility: hidden;
       position: absolute;
       text-transform: none;
   }
   
   #hauptnavigation ul li ul li{
       float: none;
   }
   
   #hauptnavigation ul li ul li a {
       color: #fff;
       padding: 5px 30px;
       line-height: 1.3em;
   }
   
   #hauptnavigation ul li ul li a:hover{
       color: #A5D9C7;
       /* background-color: #00A068 !important; */
   }
   
   #hauptnavigation .nolink:hover {
      color: #fff !important;
   }
   
   
   /* ==========================================================================
      4. DETAILED STYLE DEFINITIONS -> MAIN AREA
      ========================================================================== */
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> NAVIGATION
      ========================================================================== */
   
   #navigation {
       float: left;
       width: 196px;
       padding-bottom: 20px;
   }
   
   #navigation ul {
       display: block;
       border-bottom: 1px solid #999;
   }
   
   #navigation a {
       display: block;
       text-decoration: none;
       font-size: 14px;
       font-weight: 500;
       color: #666;
       padding: .4em 0;
       border-top: 1px solid #999;
   }
   
   #navigation ul ul a {
       border-top: none;
   }
   
   #navigation ul ul ul li {
       border-top: none;
       padding: 0 0 5px 0;
   }
   
   #navigation ul ul ul a {
       border-top: none;
       padding: 0;
   }
   
   #navigation a.active, #navigation a.active:hover {
       color: #009260;
   }
   
   #navigation li a:hover {
       color: #999;
   }
   
   #navigation ul ul {
       display: block;
       border: none;
       padding: 0 0 0 0;
   }
   
   #navigation ul ul li {
       padding: 0 0 0 15px;
       border-top: 1px solid #999;
   }
   
   #navigation ul ul ul {
       display: block;
       border: none;
       padding: 0 0 15px 15px;
       margin-top: 0;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> SUBNAVIGATION
      ========================================================================== */
   
   #subnavigation {
       float: left;
       width: 100%;
       background-color: #F0F0ED;
       margin: 0 0 20px 0;
       padding: 20px 0;
   }
   
   #subnavigation ul {
       margin: 0;
       padding: 0 0 0 25px;
   }
   
   #subnavigation li {
       float: left;
       width: 24.3%;
       padding: 0;
       margin: 0;
       list-style: none;
   }
   
   #subnavigation li a {
       width: auto;
       margin: 0;
   }
   
   #subnavigation li a {
       display: block;
       border: 1px solid #fff;
       border-bottom: none;
       background-color: #BFBFBF;
       color: #fff;
       margin-left: -1px;
       padding: 3px 10px 3px 20px;
       font-size: 16px;
       text-decoration: none;
   }
   
   #subnavigation li a:hover {
       text-decoration: none;
       background-color: #ccc;
   }
   
   #subnavigation li a.active {
       background-color: #fff;
       color: #009260;
   }
   
   #subnavigation li:nth-child(4n+1) a {
       margin-right: 0;
   }
   
   #subnavigation li:nth-child(4n) a {
       margin-left: 0;
   }
   
   #subsubnavigation li {
       padding: 20px 0 0 0;
       width: auto;
   }
   
   #subsubnavigation li a {
       border: none;
       background: none;
       color: #666;
       text-decoration: underline;
       padding: 0 10px 0 20px;
       font-size: 14px;
   }
   
   #subsubnavigation li a:hover {
       background: none;
       text-decoration: underline;
       color: #999;
   }
   
   #subsubnavigation li a.active, #subsubnavigation li a.active:hover {
       text-decoration: none;
       background: none;
       color: #009260;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> HEADLINE
      ========================================================================== */
   
   section.headline {
       position: relative;
       width: 100%;
       height: 146px;
       background-color: #f0f0ed;
       margin-bottom: 30px;
       display: table !important;
   }
   
   section.headline img {
       height: 146px;
       border-right: 10px solid #fff;
   }
   
   section.headline h1 {
       line-height: 1.2em;
       font-size: 24px;
       font-weight: 300;
       padding: 0 25px;
       display: table-cell !important;
       vertical-align: middle !important;
       width: 50%;
       height: 146px;
       color: #999;
   }
   
   section.headline.nospace {
       margin-bottom: 3px;
   }
   
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT
      ========================================================================== */
   
   #content {
       float: right;
       width: 740px;
       padding-bottom: 0;
       /* border: 1px solid red; */
   }
   
   #content img {
       max-width: 100%;
   }
   
   #content img#researcherid {
       width: auto;
       min-width: 0;
       float: left;
       padding: 0 20px 10px 0;
   
   }
   
   #content a:hover {
       text-decoration: underline;
   }
   
   #content.full {
       float: left;
       width: 950px;
   }
   
   #content .block {
       clear: both;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEASER
      ========================================================================== */
   
   .teaser, #content:not(.full) .full .teaser {
       position: relative;
       float: left;
       width: 740px;
       margin: 0 0 10px 0;
       background: #F0F0ED;
   }
   
   .full .teaser {
       width: 950px;
   }
   
   .teaser p, #content:not(.full) .full .teaser p {
       font-size: 15px;
       margin: 20px;
       font-weight: 200;
       line-height: 1.2em;
   }
   
   #content:not(.full) .slider.full .teaser p {
       margin-top: 30px;
   }
   
   .full .teaser p {
       margin: 30px;
   }
   
   .teaser a {
       color: #666;
   }
   
   .teaser a:hover {
       color: #999;
   }
   
   .teaser h2, .teaser h2 a {
       color: #009260;
       text-decoration: none;
   }
   
   .teaser h2 a:hover {
       color: #999;
       text-decoration: none !important;
   }
   
   .teaser h3 {
       font-size: 15px;
       line-height: 1.2em;
       color: #00925F;
       font-weight: 400;
       margin: 20px 30px 0 30px;
   }
   
   .teaser ul {
       padding: 10px 10px 20px 30px;
   }
   
   .teaser ul li {
       position: relative;
       list-style: none;
       padding-left: 12px;
       font-size: 15px;
       font-weight: 300;
   }
   
   .teaser ul li:before {
       content: '| ';
       color: #009260;
       font-weight: 600;
       position: absolute;
       left: 0;
   }
   
   .teaser .imgDesc {
       color: #fff;
       font-size: 14px;
       font-weight: 200;
       position: absolute;
       left: 0;
       bottom: 0;
       padding: 5px 20px 3px 20px !important;
       margin: 0 !important;
       background: url('../i/bgImgDesc.png') top right;
   }
   
   .teaser .imgDesc.right {
       left: auto;
       right: 0;
       background-position: top left;
   }
   
   .teaser .imgDesc a {
       color: #fff;
   }
   
   .teaser .imgDesc a:hover {
       color: #ccc;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEASER FULL
      ========================================================================== */
   
   .teaser.full > h1, .teaser.full > h2 {
       font-size: 20px;
       font-weight: normal;
       margin: 30px 20px 0 30px;
   }
   
   .teaser.full p:nth-of-type(2) {
       margin-top: 40px;
   }
   
   .teaser.full > h1 + p, .teaser.full > h1 + p:nth-of-type(2), .teaser.full > h2 + p, .teaser.full > h2 + p:nth-of-type(2) {
       margin-top: 15px;
   }
   
   .teaser.full h1, .teaser.full h1 a, .teaser.half h2, .teaser.half h2 a, .teaser.half p {
       text-decoration: none;
       color: #666;
   }
   
   .teaser.full p img {
       margin: -20px -20px -20px -20px;
       max-width: 740px !important;
   }
   
   .full .teaser.full p {
       font-size: 17px;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEASER HALF
      ========================================================================== */
   
   .teaser.half p img {
       margin: -20px -20px 0 -20px;
       max-width: 365px !important;
   }
   
   .teaser.half, .newsrotator.half {
       width: 365px;
       padding: 0;
       margin-right: 10px;
   }
   
   .teaser.half:nth-child(2n), .newsrotator.half:nth-child(2n) {
       margin-right: 0;
   }
   
   .teaser.half h2 {
       font-size:  15px;
       line-height: 1.2em;
       margin: 20px 20px 2px 20px;
   }
   
   .teaser.half p {
       margin: 20px;
   }
   
   .teaser.half .teaser.half p {
       margin-bottom: 0;
   }
   
   .teaser.half > h2 + p {
       margin-top: 0;
   }
   
   .full .teaser.half p img {
       max-width: 470px !important;
   }
   
   .full .teaser.half {
       width: 470px;
   }
   
   .full .teaser.half:nth-child(n) {
       margin-right: 10px;
   }
   
   .full .teaser.half:nth-child(2n) {
       margin-right: 0 !important;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEASER THIRD
      ========================================================================== */
   
   .teaser.third p img {
       margin: -20px -20px 0 -20px;
       /* max-width: 365px !important; */
       max-width: 240px !important;
   }
   
   .teaser.third {
       /* width: 365px; */
       width: 240px;
       padding: 0;
       margin-right: 10px;
   }
   
   .teaser.third:nth-child(3n) {
       margin-right: 0;
   }
   
   .teaser.third h2 {
       font-size:  15px;
       margin: 20px 20px 0 20px;
   }
   
   .teaser.third p {
       margin: 20px;
   }
   
   .teaser.third > h2 + p {
       margin-top: 0;
   }
   
   .full .teaser.third p img {
       max-width: 310px !important;
   }
   
   .full .teaser.third {
       width: 310px;
   }
   
   .full .teaser.third:nth-child(2n) {
       margin-right: 10px;
   }
   
   .full .teaser.third:nth-child(3n) {
       margin-right: 0;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEASER QUARTER
      ========================================================================== */
   
   .teaser.quarter p img {
       margin: 0;
       max-width: 230px !important;
   }
   
   .teaser.quarter p {
       font-size: 15px;
       margin: 0 10px 0 0;
   }
   
   .teaser.quarter {
       width: 230px;
       padding: 0;
       margin-right: 10px;
       background-color: transparent;
   }
   
   .teaser.quarter h2 {
       margin: 16px 0 0 0;
       padding: 0;
       line-height: .9em;
   }
   
   .teaser.quarter h2 a {
       color: #00925F;
       font-size: 15px;
       /* font-weight: normal; */
       text-decoration: none;
   }
   
   .teaser.quarter:nth-child(4n) {
       margin-right: 0;
   }
   
   .teaser.border {
       background-color: transparent !important;
       box-shadow: 0 0 0 1px #B4B4B4 inset;
   }
   
   .teaser.border p img {
       margin: 0 -15px -15px -15px;
   }
   
   .teaser.border p {
       margin:  0 15px 30px 15px;
   }
   
   .teaser.border h2 {
       margin: 16px 0 0 15px;
   }
   
   
   
   .textpage {
       margin-bottom: 30px !important;
   }
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SLIDER
      ========================================================================== */
   
   .slider {
       margin: 0 0 40px 0;
       position: relative;
   }
   
   .slider div.sliderContainer {
     color: #fff;
     margin-bottom: -5px;
   }
   
   .slider div.sliderContainer .third {
       color: #666;
   }
   
   .slider div.sliderContainer .quarter {
       color: #666;
       background-color: #fff;
   }
   
   .sliderContainer .rsContent {
       display: none;
   }
   
   .sliderContainer .rsContent:first-child {
       display: block;
   }
   
   .textBlock {
       position: relative;
   }
   
   .slider .infoBlock {
       color: #fff;
       position: absolute;
       top: 50px;
       left: 20px;
       right: auto;
       width: 300px;
       height: 155px;
       padding-bottom: 0;
       background: #FFF;
       background: rgba(0, 146, 96, 0.9);
       overflow: hidden;
       padding: 0 0 20px 0;
   }
   
   .slider.full .infoBlock {
       top: 65px;
       left: 45px;
       height: 225px;
       background: #C99857;
       -webkit-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.56);
       -moz-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.56);
       box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.56);
   }
   
   #content:not(.full) .slider.full .infoBlock {
       top: 45px;
       left: 25px;
       height: 195px;
       background: #C99857;
       -webkit-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.56);
       -moz-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.56);
       box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.56);
   }
   
   .slider .infoBlock p {
       font-size: 15px;
       line-height: 18px;
       font-weight: 200;
       margin: 20px;
       padding: 0 !important;
   }
   
   .slider.full .infoBlock p {
       font-size: 14px;
   }
   
   .slider.full .infoBlock p a {
       text-decoration: underline;
   }
   
   .slider .infoBlock a {
       color: #fff;
       text-decoration: none;
   }
   
   .slider .infoBlock a:hover {
       color: #A5D9C7;
       text-decoration: none !important;
   }
   
   .slider.full .infoBlock a:hover {
       color: #EDDFCC;
       text-decoration: none !important;
   }
   
   .slider .infoBlock p a:hover, .slider.full .infoBlock p a:hover {
       text-decoration: underline !important;
   }
   
   .rsBullets {
       position: absolute;
       bottom: -20px;
       right: 20px;
       z-index: 8888;
       padding-top: 4px;
       height: auto;
       text-align: center;
       line-height: 6px;
       overflow: hidden;
   }
   .rsBullet {
       width: 5px;
       height: 5px;
       display: inline-block;
       *display:inline;
       *zoom:1;
       padding: 6px 2px 6px 4px;
   }
   .rsBullet span {
       cursor: pointer;
       display: block;
       width: 5px;
       height: 5px;
       border-radius: 50%;
       background: none;
       /* box-shadow: 0 0 1px 1px rgba(153, 153, 153, 1); */
       border: 1px solid #999;
   }
   .rsBullet.rsNavSelected span {
       background: #999;
   }
   
   
   .infoBlock hr {
       border-color: #9FD7C5;
   }
   
   .infoBlock h3 {
       font-size: 18px;
       line-height: 18px;
       font-weight: 200;
       margin: 20px;
   }
   
   .slider.full .infoBlock h3 {
       font-size: 18px;
       line-height: 1.3em;
       margin: 20px 40px 20px 20px;
   }
   
   .progress {
       position: relative;
       top: 0;
       left: 0;
       z-index: 99;
       width: 100%;
       height: 5px;
       background-color: #fff;
       -moz-opacity: 0.70;
       opacity: 0.70;
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
   }
   
   .progressBar {
       position: absolute;
       top: 0;
       left: 0;
       width: 0px;
       height: 5px;
       background-color: #666;
       -moz-opacity: 0.50;
       opacity: 0.50;
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   }
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEXT
      ========================================================================== */
   
   .content {
       margin-top: 25px;
   }
   
   .text, .content {
       position: relative;
       float: left;
       width: 465px;
   }
   
   .text.half {
       width: 50%;
   }
   
   .text.half:nth-child(2n)
   {
     margin-right: 10px;
   }
   
   .text.full, .text.fullwidth {
       width: 100%;
   }
   
   .text.fullwidth h1, .text.fullwidth p {
       padding-left: 30px;
   }
   
   .text.fullwidth h1 {
       font-weight: 300;
       padding-bottom: 20px;
   }
   
   .text.fullwidth p.left {
       padding: 0 0 0 30px;
       width: 30%;
   }
   
   .text.full iframe {
       margin: 20px 0 2px 0;
       width: 735px;
   }
   
   .text.news {
       margin-top: 40px;
   }
   
   .text h1, .text h2 {
       font-size: 24px;
       line-height: 1.2em;
       font-weight: normal;
       margin: 0 0 15px 0;
   }
   
   .text h1.large {
       /* font-size: 20px; */
   }
   
   .text h2 {
       font-size: 20px;
   }
   
   .text h2.contentAll {
       width: 100%;
       text-align: center;
       padding: 10px 0;
       color: #fff;
       background-color: #999;
   }
   
   .text h2.small {
       font-size: 16px;
       font-weight: bold;
       margin-bottom: 0;
   }
   
   .text.grey {
       background-color: #F0F0ED;
       margin: 0 0 25px 0;
       border-bottom: 2px solid #fff;
       width: 690px;
       padding: 20px 25px;
   }
   
   .text.grey h1 {
       color: #999;
       font-size: 30px;
       font-weight: 300;
       padding: 0;
       margin: 0;
   }
   
   .text.grey .years {
       margin-top: 0;
       margin-bottom: 0;
       padding-top: 0;
       padding-bottom: 0;
   }
   
   /* .text.grey:first-child + .text > p:first-child {
       margin-top: 25px;
   } */
   
   .text.grey + .text > table, .text.grey + .text > #tabNavigation, .text.grey:not(.mobile) + .text.grey:not(.mobile) {
       margin-top: -25px;
   }
   
   .text.grey + .text > img:not(.portrait), .text.grey + .text > .img {
       margin-top: 0;
   }
   
   /* .text.grey + .text > br:first-child, .text.grey + .text > br:first-child + br, .text.grey + .text > p > br:first-child, .text.grey + .text > p > br:first-child + br {
       display: none;
   } */
   
   .text.dark.grey {
       background-color: #bfbfbf;
   }
   
   .text.dark.grey h1 {
       color: #fff;
   }
   
   .text h3 {
       clear: both;
       font-size: 15px;    
   }
   
   .text h3, .text h4, .text h5, .text h6 {
       margin: 15px 0 15px 0;
       font-weight: 300;
   }
   
   .text p {
       font-size: 15px;
       font-weight: 300;
       line-height: 1.2em;
       margin: 0 0 20px 0;
   }
   
   .text p strong {
       font-weight: 600;
   }
   
   .text p.left {
       padding-right: 80px;
       float: left;
   }
   
   .text p.clearfix {
       padding: 0;
       margin: 0;
   }
   
   .text a.active  {
       text-decoration: none;
       color: #009260;
   }
   
   .text.noborder h1, .text.noborder h2, .text.noborder p {
       /* margin-left: 10px; */
   }
   
   .text p + ul {
       margin-top: -20px;
   }
   
   .text ul {
       /* float: left; */
       margin-top: 0;
       padding: 0 0 0 0;
   }
   
   .left ~ ul {
       display: table;
   }
   
   .text li {
       position: relative;
       left: 17px;
       font-size: 15px;
       line-height: 1.2em;
       font-weight: 300;
       list-style: square outside url('../i/bullet.png');
       /* background: url('../i/bullet.png') no-repeat 0 3px; */
       /* padding-left: 20px; */
       margin: 0;
   }
   
   table * {
       font-size: 15px;
       font-weight: 300;
       line-height: 1.2em;
   }
   
   table strong {
       font-weight: bold;
   }
   
   table li {
       font-size: 1em !important;
   }
   
   .text p.authorInfo {
       font-size: 12px;
       margin-bottom: 15px;
       margin-top: 15px;
   }
   
   .full .text.twoThird {
       width: 630px;
       margin-right: 10px;
   }
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> IMAGE WITH TEXT
      ========================================================================== */
   
   .text img:not(.portrait), .text .img {
       float: left;
       width: 100%;
       max-width: 100%;
       height: auto;
       margin: 20px 0;
   }
   
   .text img.left, .zoomIt.left, .img.left {
       float: left;
       width: auto;
       margin: 3px 20px 0px 0;
   }
   
   .zoomIt .left {
       margin: -3px -20px -10px 0;
   }
   
   .img img {
       margin-bottom: 5px;
   }
   
   .img .copyright, .zoomIt .copyright {
       font-size: 13px;
       margin-bottom: 20px;
       text-decoration: none !important;
   }
   
   .copyright {
     margin-bottom: 20px;
   }
   
   .img div {
       float: left;
       position: relative;
   }
   
   .left.w340 {
       width: 340px;
   }
   
   .left.w250 {
       width: 250px;
   }
   
   .left.w180 {
       width: 180px;
   }
   
   .zoomIt, .img {
       position: relative;
       float: left;
   }
   
   .zoomIt.left img, .img.left img {
       margin-top: 0;
   }
   
   .text img.zoomicon, .zoomimage img.zoomicon {
       position: absolute;
       bottom: 0;
       right: 0;
       width: auto;
       height: auto;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> IMAGE
      ========================================================================== */
   
   .textimage {
       float: left;
       /* padding: 0 25px 0 20px; */
       padding: 0 25px 0 0;
       margin-bottom: 25px;
       width: 130px;
   }
   
   .textimage img {
       width: 100%;
       max-width: 100%;
       height: auto;
   }
   
   .textimage.zoomimage {
       padding: 0;
   }
   
   .textimage + .text {
       width: 565px;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> ZOOMBILD
      ========================================================================== */
   
   .zoom {
       float: left;
       width: 100%;
       -moz-box-sizing:    border-box;
       -webkit-box-sizing: border-box;
       box-sizing:        border-box;
       border: 1px solid #b4b4b4;
       vertical-align: middle;
       display: table;
       padding: 20px 0;
       margin: 0 0 20px 0;
   }
   
   .zoom a.img, .zoom a.link {
       display: table-cell;
       vertical-align: middle;
   }
   
   .zoom a.img {
       padding-left: 150px;
       width: 65%;
   }
   
   .zoom a.link {
       width: 34%;
       padding: 0 50px 0 30px;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> ZOOMBILD
      ========================================================================== */
   
   .youtube-container {
       position: relative;
       padding-bottom: 56.25%; /* ratio 16x9 */
       height: 0;
       width: 100%;
       height: auto;
   }
   .youtube-container iframe {
       position: absolute;
       top: 0;
       left: 0;
       width: 100% !important;
       height: 100% !important;
   }
   /* ratio 4x3 */
   .youtube-container.ratio4x3 {
       padding-bottom: 75%;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> FAQ
      ========================================================================== */
   
   .faqQuestions {
       list-style: none;
       padding: 0;
       margin: 5px 0 10px 0;
       font-size: 15px;
       font-weight: 300;
   }
   
   .printAnswer, .toTop {
       float: right;
       font-size: 13px;
       font-weight: 300;
       padding: 0 25px 0 15px;
       margin: 0 0 0 20px;
       background: url('../i/btPrint.png') 100% 50% no-repeat;
   }
   
   .toTop {
       float: right;
       background: url('../i/btTop.png') 100% 50% no-repeat;
   }
   
   .text.full hr {
       float: left;
       margin: 10px 0 15px 0;
       width: 100%;
       color: #b4b4b4;
   }
   
   .text.half hr {
       float: left;
       margin: 10px 0 15px 0;
       width: 100%;
       color: #b4b4b4;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> STANDARD FORM
      ========================================================================== */
   
   p + form.standard {
       margin-top: -15px;
   }
   
   form.standard {
       margin: 0 0 30px 0;
   }
   
   form.standard select {
       width: 75%;
       padding: 2px 5px;
       margin: 0 14px 0 0;
       color: #999;
       font-size: 13px;
       border: 1px solid #ccc;
   }
   
   
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> CONTACT
      ========================================================================== */
   
   .text.half.contact {
       padding-right: 10px;
   }
   
   .text.half.contact:nth-child(2n) {
       padding-right: 0;
       margin-right: 0;
   }
   
   .text.full.contact h1, .text.half.contact h1 {
       margin: 40px 0 0 0;
   }
   
   .text.contact h2 {
       font-weight: 300;
       margin-bottom: 0;
       padding-bottom: 0;
   }
   
   .text.half.contact p {
       margin-left: 0;
   }
   
   .text.half.contact img {
       margin-top: 10px;
   }
   
   .text.half {
       width: 365px;
       padding: 0;
   }
   
   .imgText {
       width: 100%;
       padding-top: 15px;
       padding-bottom: 15px;
       float: left;
   }
   
   .imgText img {
       float: left;
       margin-right: 40px;
   }
   
   .imgText img.smallMargin {
       width: auto;
       height: auto;
       margin: 0 20px 0 0;
   }
   
   iframe.googlemap {
       width: 430px !important;
       height: 250px !important;
   }
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEAM FORM
      ========================================================================== */
   
   form.teamForm {
       color: #c2c2c2;
       font-size: 14px;
       margin-bottom: 10px;
   }
   
   form.teamForm p {
       color: #666;
       margin: 0 0 5px 0;
       padding: 0;
   }
   
   form.teamForm select {
       width: 240px;
       padding: 2px 5px;
       margin: 0 14px 0 0;
       color: #999;
       font-size: 13px;
       border: 1px solid #ccc;
   }
   
   form.teamForm #submit, form.teamForm #senden {
       margin: 0 18px 0 0;
       padding: 2px 25px 3px 5px;
       width: 95px;
       height: 23px;
       background: url('../i/btSubmit.png') 95% 50% no-repeat;
       color: #fff;
       background-color: #bfbfbf;
       cursor: pointer;
       border: none;
   }
   
   form.teamForm #submit:hover, form.teamForm #senden:hover {
       background-color: #999;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> ACCORDION
      ========================================================================== */
   
   .accordion {
       width: 100%;
       padding-bottom: 10px;
       clear: both;
   }
   
   .accordion dt {
       min-height: 22px;
       width: 690px;
   }
   
   .accordion dt, .accordion dd {
       padding: 6px 25px 5px 25px;
       margin: 0;
       font-size: 15px;
   }
   
   .accordion dd:after {
     content: "";
     display: table;
     clear: both;
   }
   
   .accordion dd {
       padding: 0 25px 10px 25px;
       width: 690px;
   }
   
   .accordion dt.odd, .accordion dd.odd {
       background-color: #f0f0ed;
   }
   
   .accordion dt a {
     float: left;
   }
   
   .accordion dt a, .accordion dt.active a, .accordion dt.active a:hover {
       /* font-weight: bold; */
       text-decoration: none !important;
       text-decoration: underline !important;
       color: #666;
   }
   
   .accordion dt a span {
       font-weight: normal;
       text-decoration: none !important;
       color: #666;
   }
   
   .accordion dt a:hover, .accordion dt a:hover span {
       color: #999;
   }
   
   .accordion dt .close {
       display: none;
       float: right;
       font-size: 14px;
       font-weight: normal !important;
       text-decoration: underline !important;
   }
   
   .accordion dt.active .close, .accordion dt.active .close:hover {
       display: block;
       text-decoration: underline !important;
   }
   
   .accordion dt.active .close:hover {
       color: #999;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> PROJECTS
      ========================================================================== */
   
   .text.project {
       padding: 30px 0 10px 0;
       border-top: 1px solid #ccc;
   }
   
   .text.project:nth-child(2) {
       border: none;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> COMMON LIST
      ========================================================================== */
   
   table.standard {
       margin: 0 0 20px 0;
   }
   
   table.standard th {
       font-weight: 600;
       padding: 4px 0 4px 25px;
       font-size: 16px;
       color: #666;
       background-color: #fff;
       text-align: left;
       vertical-align: top;
   }
   
   table.standard td {
       padding: 4px 0 4px 25px;
       font-size: 15px;
       vertical-align: top;
   }
   
   table.standard tr td:last-child {
       padding-right: 25px;
   }
   
   table.standard td p {
       padding: 0;
       margin: 0;
   }
   
   table.standard .odd {
   
   }
   
   table.standard .even {
       background-color: #F0F0ED;
   }
   
   table td {
       vertical-align: top;
   }
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> NORMAL LIST
      ========================================================================== */
   
   .list {
       padding: 0;
       margin: 0 0 20px 0;
       width: 100%
   }
   
   .list + .accordion {
       margin-top: -20px;
   }
   
   .accordion .list {
       border: 1px solid #DCDBD9;
   }
   
   .list .headline {
       font-size: 16px;
       color: #fff;
       background-color: #bfbfbf;
   }
   
   .list .headline th {
       text-align: left;
       font-weight: normal;
       padding: 6px 0 4px 25px;
       white-space: nowrap;
   }
   
   .list th:last-child, .list td:last-child {
       padding-right: 25px;
   }
   
   .list th.right, .list td.right {
       text-align: right;
   }
   
   .list td {
       padding: 6px 0 6px 25px;
       font-size: 15px;
   }
   
   .list a {
       /* font-weight: 600; */
       /* text-decoration: none; */
   }
   
   .list a:hover {
       text-decoration: none !important;
   }
   
   .list a.normal, .list a.normal:hover {
       font-weight: 300 !important;
       text-decoration: underline !important;
   }
   
   .list .normal {
       font-weight: 300;
   }
   
   .list .normal strong {
       font-weight: 400;
   }
   
   .list .indent {
       padding-left: 30px;
   }
   
   .list span.indent {
       display: block;
   }
   
   .list p.indent {
       margin: 0 0 5px 0;
   }
   
   .list p .hint {
       font-style: italic;
       font-size: 12px;
       padding: 5px 0;
       float: left;
       clear: both;
   }
   
   .list .more {
       float: right;
       font-size: 14px;
       font-weight: 400;
       margin: 0 0 0 0;
       text-decoration: underline;
   }
   
   .list .more:hover {
       text-decoration: underline !important;
   }
   
   .list .toTop {
       float: right;
       font-size: 14px;
       font-weight: 400;
       padding: 0 25px 0 30px;
       margin: 0 10px 0 0;
       background: url('../i/btTop.png') 100% 50% no-repeat;
       text-decoration: underline;
   }
   
   .list .odd {
       background-color: #fff;
   }
   
   .list .even {
       background-color: #F0F0ED;
   }
   
   .list .year {
       font-weight: 600;
       color: #009260;
       background: none;
       border-bottom: 1px solid #999;
   }
   
   
   
   .btBack {
       position: absolute;
       top: 15px;
       right: 20px;
       text-decoration: underline;
       font-size: 14px;
       font-weight: 700;
       color: #999;
       padding-right: 25px;
       background: url('../i/btAllMembers.png') 100% 20% no-repeat;
       z-index: 999;
   }
   
   .text:not(.grey,#tabContainer) .btBack {
       position: relative;
       float: right;
       margin-bottom: 0;
   }
   
   .btBack:hover {
       color: #b0b0b0;
   }
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> AUTOMATIC PUBLIC.
      ========================================================================== */
   
   .publications {
       padding-top: 0;
       padding-bottom: 15px;
       margin-top: -10px;
   }
   
   .publications h2.green {
       font-weight: bold;
       padding-top: 25px;
       padding-right: 25px;
       padding-bottom: 0;
       padding-left: 25px;
       margin-bottom: 5px;
       font-size: 15px !important;
   }
   
   .publications p > strong:first-child {
       float: left;
       width: 100%;
       font-weight: bold;
       padding-top: 25px;
       padding-right: 25px;
       padding-bottom: 5px;
       padding-left: 25px;
       margin-left: -25px;
       margin-bottom: 10px;
       margin-top: -10px;
       font-size: 15px !important;
       background-color: #fff;
       color: #009260 !important;
   }
   
   .publications em, .publications i {
       font-style: normal;
   }
   
   .publications p {
       padding-top: 8px;
       padding-right: 25px;
       padding-bottom: 8px;
       padding-left: 25px;
       margin: 0;
       font-size: 15px !important;
   }
   
   .tabPublikationen .odd,
   #tabPublikationen .odd,
   .publications .odd {
       background-color: #fff;
   }
   
   .tabPublikationen .even,
   #tabPublikationen .even,
   .publications .even {
       background-color: #F0F0ED;
   }
   
   .publications hr {
       display: none !important;
   }
   
   .publications a {
       cursor: pointer !important;
   }
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> NEWS LIST / PRESS LIST
      ========================================================================== */
   
   .newslist {
       padding: 0;
       margin: 40px 0 10px 0;
       width: 740px;
   }
   
   .newslist .headline {
       font-size: 16px;
       color: #666;
       background-color: #fff;
   }
   
   .newslist .headline th {
       font-weight: 600;
       padding-top: 4px;
       padding-bottom: 4px;
   }
   
   .newslist .datum {
       padding-left: 25px;
       float: left;
       display: block;
       width: 120px;
       font-weight: bold;
   }
   
   .newslist .inhalt {
       font-weight: 300;
       text-align: left;
       width: 560px;
   }
   
   .newslist .inhalt a {
       float: left;
       display: block;
   }
   
   .newslist .inhalt a.presse {
       text-decoration: none;
   }
   
   .newslist td {
       padding: 4px 0;
       font-size: 15px;
       vertical-align: top;
   }
   
   .newslist .more {
       float: none;
       font-size: 14px;
   }
   
   .newslist .toTop {
       float: none;
       font-size: 14px;
       font-weight: 400;
       padding: 0 25px 0 30px;
       margin: 0;
       background: url('../i/btTop.png') 100% 50% no-repeat;
   }
   
   .newslist .odd {
       background-color: #F0F0ED;
   }
   
   .newslist .even {
   
   }
   
   #jahrgaenge {
       float: left;
       margin: 40px 0 -20px 0;
       padding-left: 25px;
       padding-bottom: 20px;
       width: 715px;
       border-bottom: 1px solid #bfbfbf;
   }
   
   #jahrgaenge li {
       list-style: none;
       float: left;
       padding-right: 12px;
       font-size: 14px;
   }
   
   #jahrgaenge a.active {
       color: #00915F;
       text-decoration: none;
       font-weight: 600;
   }
   
   form.jahrgaenge {
       float: left;
       width: 100%;
       padding-top: 10px;
       margin-bottom: -10px;
   }
   
   form.jahrgaenge p {
       width: 48%;
       float: left;
   }
   
   form.jahrgaenge select {
       float: left;
       width: 38%;
       padding: 2px 5px;
       margin: 0 14px 0 0;
       color: #c2c2c2;
       font-size: 13px;
       border: 1px solid #ccc;
   }
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> NEWS DETAILS
      ========================================================================== */
   
   #allNews {
       position: absolute;
       top: -30px;
       right: 0;
       text-decoration: none;
       font-size: 14px;
       font-weight: 700;
       color: #999;
       padding-right: 25px;
       background: url('../i/btAllMembers.png') 100% 20% no-repeat;
   }
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEAM LIST
      ========================================================================== */
   
   .teamlist {
       padding: 0;
       margin: 0 0 10px 0;
       width: 740px;
   }
   
   .teamlist .headline {
       font-size: 16px;
       color: #fff;
       background-color: #bfbfbf;
   }
   
   .teamlist .headline th {
       font-weight: normal;
       padding-top: 4px;
       padding-bottom: 4px;
   }
   
   .teamlist .name {
       text-align: left;
       padding-left: 25px;
       width: 270px;
   }
   
   .teamlist .fachbereich {
       font-weight: 300;
       text-align: left;
       width: 245px;
   }
   
   .teamlist td {
       padding: 4px 0;
       font-size: 15px;
   }
   
   .teamlist .more {
       float: none;
       font-size: 14px;
   }
   
   .teamlist .toTop {
       float: none;
       font-size: 14px;
       font-weight: 400;
       padding: 0 25px 0 30px;
       margin: 0;
       background: url('../i/btTop.png') 100% 50% no-repeat;
   }
   
   .teamlist .odd {
   
   }
   
   .teamlist .even {
       background-color: #F0F0ED;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TEAM DETAILS
      ========================================================================== */
   
   #tabContainer {
       position: relative;
       width: 750px;
   }
   
   #content.full #tabContainer h1, .sgfinder#tabContainer h1, #content.full #tabContainer h2, .sgfinder#tabContainer h2 {
       font-size: 24px;
       position: relative;
       z-index: 999;
       top: 45px;
       left: 25px;
       color: #999;
   }
   
   #content.full #tabContainer p a, .sgfinder#tabContainer p a {
       line-height: 1.4em;
   }
   
   #allMembers {
       z-index: 9999;
       position: absolute;
       top: 15px;
       right: 20px;
       text-decoration: none;
       font-size: 14px;
       font-weight: 700;
       color: #999;
       padding-right: 25px;
       background: url('../i/btAllMembers.png') 100% 20% no-repeat;
       z-index: 9999;
   }
   
   #tabNavigation {
       list-style: none;
       padding-top: 50px;
       padding-bottom: 0;
       padding-right: 0;
       width: 715px;
       z-index: 99;
   }
   
   #content.full #tabNavigation, .sgfinder #tabNavigation {
       width: 925px;
       margin-top: -25px;
       padding-top: 75px;
   }
   
   .sgfinder#tabContainer, .sgfinder #tabNavigation {
       width: 98.5%;
   }
   
   #tabNavigation li {
       float: left;
       font-size: inherit !important;
       font-weight: inherit !important;
       list-style: none;
       background: none;
       padding-left: 0;
   }
   
   #tabNavigation li a {
       display: block;
       border: 1px solid #fff;
       border-bottom: none;
       background-color: #BFBFBF;
       color: #fff;
       width: 108px;
       padding: 6px 10px 3px 20px;
       margin-left: -1px;
       font-size: 16px;
       text-decoration: none;
   }
   
   #content.full #tabNavigation li a {
       width: auto;
   }
   
   .sgfinder #tabNavigation li a {
       width: auto;
       padding-right: 20px;
       font-size: 90%;
   }
   
   #tabNavigation li a:hover {
       text-decoration: none;
       background-color: #ccc;
   }
   
   #tabNavigation li a.active {
       background-color: #fff;
       color: #009260;
   }
   
   #tabNavigation.full li a {
       width: auto;
       padding: 3px 20px;
   }
   
   .teamTabs {
       float: left;
       width: 740px;
       padding-top: 60px;
   }
   
   #content.full .teamTabs {
       width: 950px;
       padding-top: 40px;
       padding-bottom: 30px;
   }
   
   .portrait, .portraitLarge {
       float: left;
       width: 130px;
       height: 130px;
       margin-left: 25px;
       border: none !important;
   }
   
   .portraitLarge {
       width: 155px;
       height: 155px;
   }
   
   .teamTabs h1 {
       float: right;
       width: 560px;
       margin-left: 0;
       font-size: 17px !important;
   }
   
   .teamTabs h2 {
       clear: none;
       font-size: 17px !important;
       font-weight: 200;
       margin-top: 10px !important;
       margin-bottom: 10px !important;
   }
   
   .teamTabs h3, .teamTabs h4 {
       color: #666;
       clear: none;
       font-size: 16px !important;
       font-weight: 400;
       margin-top: 10px !important;
       margin-bottom: 10px !important;
   }
   
   .teamTabs h4 {
       font-size: 15px !important;
   }
   
   /* EDITED ON 2014-09-10 START */
   .teamTabs h2, .teamTabs > h3, .teamTabs h4, .teamTabs h5, .teamTabs h6, .teamTabs p, .teamTabs dl, .teamTabs ul, .teamTabs table {
       float: right;
       width: 560px;
       margin-left: 0;
   }
   /* EDITED ON 2014-09-10 STOP */
   
   #content.full .teamTabs h2, #content.full .teamTabs p, #content.full .teamTabs dl, #content.full .teamTabs ul, #content.full .teamTabs table, .sgfinder .teamTabs h2, .sgfinder .teamTabs p, .sgfinder .teamTabs dl, .sgfinder .teamTabs ul, .sgfinder .teamTabs table {
       float: left;
       padding-left: 25px;
   }
   
   #content.full .teamTabs p {
       width: 30%;
   }
   
   .sgfinder .teamTabs p {
       width: 28%;
   }
   
   .teamTabs li {
       list-style: none;
       background: url('../i/bullet.png') no-repeat 0 4px;
       padding-left: 20px;
       padding-bottom: 20px;
   }
   
   .teamTabs hr {
       float: right !important;
       width: 560px !important;
   }
   
   .teamTabs dl, .teamTabs ul, .teamTabs ul {
       font-size: 15px;
       font-weight: 300;
       margin: 0 0 10px 0 !important;
   }
   
   .teamTabs ul h3 {
       font-size: 15px;
       font-weight: 500;
       margin: 0 !important;
   }
   
   .teamTabs li {
       font-size: 15px;
   }
   
   /* EDITED ON 2014-09-10 START */
   .teamTabs dt, .teamTabs table tr td:first-child {
       float: left;
   }
   
   .teamTabs dd, .teamTabs table tr td:last-child {
       float: right;
       width: 405px;
       margin: 0 !important;
   }
   /* EDITED ON 2014-09-10 STOP */
   
   /* ADDED ON 2014-09-10 START */
   .teamTabs td {
       font-size: 15px;
       font-weight: 300;
       padding-bottom: 10px;
   }
   /* ADDED ON 2014-09-10 STOP */
   
   #tabPublikationen div {
     font-size: 15px !important;
   }
   
   #tabPublikationen div p em, #tabPublikationen div p i {
       font-style: normal;
   }
   
   #tabPublikationen div .odd {
       background-color: #fff;
   }
   
   #tabPublikationen div .even {
       /* background-color: #F0F0ED; */
       -moz-box-sizing:    border-box;
       -webkit-box-sizing: border-box;
       box-sizing:        border-box;
   }
   
   #tabPublikationen div p > strong:first-child {
       float: left;
       font-weight: 600;
       color: #009260;
       padding-top: 20px;
       width: 100%;
       background-color: #fff !important;
       -moz-box-sizing:    border-box;
       -webkit-box-sizing: border-box;
       box-sizing:        border-box;
   }
   
   
   
   
   
   .lehrelist, .kontaktlist {
       float: right;
       padding: 0;
       margin: 0;
       width: 560px;
       font-weight: 300;
   }
   
   .lehrelist td {
       vertical-align: top;
   }
   
   .lehrelist .headline {
       font-size: 15px;
       color: #fff;
       background-color: #bfbfbf;
   }
   
   .lehrelist .headline th {
       font-weight: normal;
       padding-top: 4px;
       padding-bottom: 4px;
   }
   
   .lehrelist .nummer {
       text-align: left;
       padding-left: 20px;
       width: 65px;
   }
   
   .lehrelist .veranstaltung {
       text-align: left;
       width: 285px;
   }
   
   .lehrelist .typ {
       text-align: left;
       width: 110px;
   }
   
   .lehrelist .bereich {
       text-align: right;
       width: 55px;
       padding-right: 20px;
   }
   
   .kontaktlist .typ {
       text-align: left;
       padding-left: 20px;
       width: 155px;
   }
   
   .kontaktlist .daten {
       text-align: left;
       width: 360px;
       padding-right: 20px;
   }
   
   .kontaktlist .daten a {
       text-decoration: none;
   }
   
   .kontaktlist .daten a.tel, .kontaktlist .daten a.tel:hover {
       cursor: default;
       text-decoration: none !important;
       color: #666 !important;
   }
   
   .lehrelist td, .kontaktlist td {
       padding: 4px 0;
       font-size: 15px;
   }
   
   .lehrelist .odd {
   
   }
   
   .lehrelist .even, .kontaktlist .odd {
       background-color: #F0F0ED;
   }
   
   
   .imageBlock {
       float: left;
       margin: 0 30px 0 0;
       width: 155px;
       height: 205px;
       line-height: 1.1em;
   }
   
   .imageBlock.last {
       margin-right: 0;
   }
   
   .imageBlock img {
       float: none;
       margin: 10px 0 5px 10px;
   }
   
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> INFO FORM
      ========================================================================== */
   
   form.right {
       float: right;
       background-color: #F0F0ED;
       width: 318px;
       padding: 18px 0 0 18px;
       color: #c2c2c2;
       font-size: 14px;
       margin-bottom: 10px;
   }
   
   form.right fieldset {
       margin: 0 0 16px 0;
   }
   
   form.right select {
       width: 75px;
       padding: 2px 5px;
       margin: 0 14px 0 0;
       color: #c2c2c2;
       font-size: 13px;
       border: 1px solid #ccc;
   }
   
   form.right input[type=text], form.right input[type=password] {
       padding: 3px 5px;
       margin: 0 14px 0 0;
       color: #c2c2c2;
       font-size: 13px;
       border: 1px solid #ccc;
   }
   
   /* EDITED ON 2014-10-07 START */
   form.right input[type=text].error, form.right textarea.error {
       color: #f00;
       /* border-color: #f00; */
   }
   /* EDITED ON 2014-010-07 STOP */
   
   form.right p.error {
       color: #f00;
   }
   
   form.right .textHalf {
       width: 128px;
   }
   
   form.right .textOnethird {
       width: 60px;
   }
   
   form.right .textTwothird {
       width: 195px;
   }
   
   form.right .textFull {
       width: 285px;
   }
   
   form.right .areaFull {
       width: 285px;
       height: 100px;
       padding: 3px 5px;
       color: #c2c2c2;
       font-size: 13px;
       border: 1px solid #ccc;
   }
   
   form.right #labelKopie {
       display: block;
       color: #828385;
       width: 120px;
       position: relative;
       top: -20px;
       left: 20px;
       margin-bottom: -20px;
   }
   
   form.right .halfWidth {
       float: left;
       width: 50%;
   }
   
   form.right #submit, form.right #senden {
       float: right;
       margin: 0 18px 0 0;
       padding: 2px 25px 3px 5px;
       width: 130px;
       height: 23px;
       background: url('../i/btSubmit.png') 95% 50% no-repeat;
       color: #fff;
       background-color: #bfbfbf;
       cursor: pointer;
       border: none;
   }
   
   form.right #submit:hover, form.right #senden:hover {
       background-color: #999;
   }
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> INTRANET LOGIN
      ========================================================================== */
   
   #content.login {
       width: 100%;
       background-color: #f0f0ed;
       padding: 0;
       margin-top: 40px;
       margin-bottom: 50px;
   }
   
   #content.login h1 {
       font-size: 24px;
       font-weight: 300;
       margin: 25px 20px 0 30px;
   }
   
   #content.login p {
       width: 500px;
       font-size: 16px;
       font-weight: 300;
       margin: 10px 20px 0 30px;
   }
   
   #content.login form {
     padding-top: 30px;
     padding-right: 20px;
     padding-bottom: 30px;
     padding-left: 20px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     border-left: 4px solid white;
     float: right;
   }
   
   #content.login .textFull {
     width: 285px;
   }
   
   #content.login input[type=submit] {
       color: #ffffff;
       background-color: #009260;
   }
   
   #content.login input[type=submit]:hover {
       background-color: #00794F;
   }
   
   #content.login .small a {
       color: #b9b9b9;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SIDEBAR
      ========================================================================== */
   
   .sidebar {
       float: right;
       width: 230px;
       margin: 25px 10px 10px 0;
       font-size: 13px;
   }
   
   .sidebar:not(.grey) {
       margin: 0 0 10px 0;
       padding: 25px 15px 0 15px;
       width: 210px;
   }
   
   .sidebar.grey {
       background-color: #f0f0ed;
       margin: 0 0 10px 0;
       padding: 15px 15px 0 15px;
       width: 210px;
   }
   
   .sidebar h3 {
       font-size: 15px;
       font-weight: normal;
       margin: 0;
   }
   
   .sidebar h3 strong {
       color: #00925f;
       font-weight: 600;
   }
   
   .sidebar p {
       margin: 0 0 15px 0;
       font-weight: 300;
   }
   
   .sidebar img {
       max-width: 240px !important;
       margin: -15px -15px 15px -15px;
   }
   
   .sidebar ul {
       padding: 10px 10px 20px 0px;
   }
   
   .sidebar ul li {
       position: relative;
       list-style: none;
       padding-left: 12px;
       font-weight: 300;
   }
   
   .sidebar ul li:before {
       content: '| ';
       color: #009260;
       font-weight: 600;
       position: absolute;
       left: 0;
   }
   
   .sidebar.termine h3 {
       color: #fff;
       line-height: 18px;
       margin: -15px -15px 0 -15px;
       height: 42px;
       padding: 8px 0 0 80px;
       background: #bfbfbf url('../i/iconTermine.png') no-repeat;
   }
   
   .sidebar.news h3 {
       color: #fff;
       line-height: 18px;
       margin: -15px -15px 0 -15px;
       height: 42px;
       padding: 8px 0 0 80px;
       background: #bfbfbf url('../i/iconNews.png') no-repeat;
   }
   
   .sidebar > .sidebar {
       margin-left: -15px;
       float: left;
   }
   
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SOCIAL BUTTONS
      ========================================================================== */
   
   #social {
       position: fixed;
       top: 129px;
       right: 0;
       width: 44px;
   }
   
   #social a {
       display: block;
       text-indent: -9999px;
       width: 44px;
       height: 24px;
       margin-right: -20px;
       margin-bottom: 10px;
       margin-left: 20px;
   }
   
   #social a:hover {
       margin-left: 10px;
   }
   
   #social .facebook {
       background: #39579A url('../i/btFacebook.png') no-repeat;
   }
   
   #social .twitter {
       background: #00AAEF url('../i/btTwitter.png') no-repeat;
   }
   
   #social .instagram {
       background: #CA0082 url('../i/btInstagram.png') no-repeat;
   }
   
   #social .youtube {
       background: #C71200 url('../i/btYoutube.png') no-repeat;
   }
   
   #social .linkedin {
       background: #3d77b8 url(../i/btLinkedIn.png) no-repeat;
   }
   
   #social .ubtaktuell {
       background: #00a369 url('../i/btUBTAktuell.png') no-repeat;
   }
   
   footer .ubtaktuell {
       background: url('../i/btFooterUBTAktuell.png') no-repeat;
   }
   
   footer .ubtaktuell:hover {
       background: url('../i/btFooterUBTAktuellColor.png') no-repeat;
   } 
   
   #social .blog {
       height: 28px;
       margin-bottom: 6px;
       background: url('../i/btBlog.png') no-repeat;
   }
   
   #social .contact {
       background: #B6B6B6 url('../i/btContact.png') no-repeat;
   }

   #social .bluesky {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='24' viewBox='0 0 44 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='24' fill='%231185FE'/%3E%3Cpath d='M6.8082 4.84993C8.90969 6.4276 11.1701 9.62645 12 11.3431C12.8299 9.62657 15.0902 6.42756 17.1918 4.84993C18.7081 3.71155 21.1649 2.83073 21.1649 5.63353C21.1649 6.19329 20.844 10.3358 20.6558 11.0083C20.0015 13.3464 17.6173 13.9428 15.4965 13.5818C19.2036 14.2128 20.1466 16.3026 18.11 18.3925C14.2421 22.3616 12.5507 17.3966 12.1171 16.1245C12.0377 15.8912 12.0005 15.7821 11.9999 15.8749C11.9994 15.7821 11.9622 15.8912 11.8828 16.1245C11.4493 17.3966 9.75797 22.3617 5.88983 18.3925C3.85319 16.3026 4.7962 14.2126 8.50332 13.5818C6.38249 13.9428 3.99828 13.3464 3.34409 11.0083C3.15586 10.3357 2.83493 6.19323 2.83493 5.63353C2.83493 2.83073 5.29183 3.71155 6.80809 4.84993H6.8082Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
   }

   #social .mastodon {
        background-image: url("data:image/svg+xml,%3Csvg width='44' height='24' viewBox='0 0 44 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='24' fill='%2317063B'/%3E%3Cg clip-path='url(%23clip0_351_10)'%3E%3Cpath d='M20.4064 7.17626C20.1372 5.17532 18.3932 3.59843 16.3259 3.29287C15.9771 3.24124 14.6556 3.05333 11.5944 3.05333H11.5715C8.50949 3.05333 7.85257 3.24124 7.50378 3.29287C5.49401 3.58996 3.65864 5.00688 3.21334 7.03152C2.99915 8.02862 2.9763 9.13405 3.01609 10.1481C3.07281 11.6022 3.08381 13.0538 3.21588 14.5021C3.30718 15.4641 3.46645 16.4184 3.6925 17.3579C4.11578 19.0931 5.82925 20.5371 7.508 21.1262C9.30535 21.7406 11.2383 21.8426 13.0903 21.4208C13.294 21.3734 13.4952 21.3183 13.6939 21.2557C14.1443 21.1127 14.6717 20.9527 15.0594 20.6717C15.0648 20.6677 15.0691 20.6626 15.0722 20.6568C15.0753 20.6509 15.077 20.6444 15.0772 20.6378V19.2344C15.0771 19.2283 15.0757 19.2222 15.0729 19.2166C15.0701 19.2111 15.0662 19.2062 15.0613 19.2024C15.0564 19.1986 15.0508 19.1959 15.0447 19.1946C15.0387 19.1933 15.0324 19.1933 15.0264 19.1947C13.8398 19.478 12.6239 19.6201 11.4039 19.6179C9.30443 19.6179 8.73978 18.6216 8.57806 18.2069C8.4481 17.8484 8.36557 17.4745 8.33257 17.0947C8.33222 17.0883 8.3334 17.0819 8.33599 17.0761C8.33856 17.0702 8.34249 17.0651 8.34744 17.0611C8.3524 17.057 8.35822 17.0542 8.36446 17.0528C8.37071 17.0515 8.37717 17.0516 8.38337 17.0532C9.55018 17.3347 10.7463 17.4767 11.9466 17.4764C12.2353 17.4764 12.5231 17.4764 12.8118 17.4688C14.019 17.4349 15.2914 17.3732 16.4791 17.1412C16.5088 17.1353 16.5384 17.1302 16.5638 17.1226C18.4373 16.7629 20.2202 15.6338 20.4013 12.7745C20.4081 12.662 20.425 11.5955 20.425 11.4787C20.4259 11.0817 20.5528 8.66258 20.4064 7.17626Z' fill='url(%23paint0_linear_351_10)'/%3E%3Cpath d='M17.4383 9.42433V14.3954H15.4683V9.57077C15.4683 8.55506 15.045 8.03704 14.1841 8.03704C13.2376 8.03704 12.7635 8.64985 12.7635 9.86025V12.5011H10.8054V9.86025C10.8054 8.64985 10.3305 8.03704 9.38402 8.03704C8.52812 8.03704 8.1006 8.55506 8.1006 9.57077V14.3954H6.13147V9.42433C6.13147 8.40862 6.3908 7.60171 6.90948 7.00356C7.4445 6.40682 8.14633 6.10042 9.01743 6.10042C10.0257 6.10042 10.7876 6.48808 11.2956 7.26256L11.7857 8.08529L12.2768 7.26256C12.7847 6.48808 13.5466 6.10042 14.5532 6.10042C15.4235 6.10042 16.1253 6.40682 16.662 7.00356C17.1801 7.60114 17.4389 8.40806 17.4383 9.42433Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_351_10' x1='11.7384' y1='3.05333' x2='11.7384' y2='21.6763' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236364FF'/%3E%3Cstop offset='1' stop-color='%23563ACC'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_351_10'%3E%3Crect width='17.68' height='18.6229' fill='white' transform='translate(3 3.05333)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
   } 
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SITEMAP
      ========================================================================== */
   
   .sitemap ul ul {
       padding-left: 15px;
       padding-bottom: 10px;
   }
   
   .sitemap ul ul li {
       font-size: 0.9em;
   }
   
   .sitemap ul ul ul {
       padding-left: 0;
   }
   
   .sitemap li {
       margin-top: 5px;
   }
   
   .sitemap li > ul {
       padding-top: 5px;
   }
   
   .sitemap > ul > li {
       background: none;
       padding-left: 0;
       font-weight: bold;
   }
   
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> IMAGE GALLERY
      ========================================================================== */
   .gallery {
       padding: 5px;
       margin: -5px;
   }
   
   .gallery .imageWrapper {
       position: relative;
       vertical-align: bottom;
       opacity: 0;
   }
   
   .gallery .imageWrapper img {
       margin-top: 0;
   }
   
   .zoom-icon {
       position: absolute;
       bottom: 0;
       right: 0;
       width: 31px;
       height: 31px;
       background: url('../i/iconZoomOverlay.png');
   }
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> TABLE COURSES
     ========================================================================== */
   #courses tr:nth-child(even){
     background-color: #F0F0ED;
   }
   
   #courses td {
     vertical-align: middle;
   }
   
   h1 + .table-courses-container {
     margin-top: 0 !important;
   }
   
   .table-courses-container h2 {
     background-color: #F0F0ED;
     margin: 0;
     padding: 20px 25px;
     color: #999;
   }
   
   .table-courses-controls {
     background-color: #F0F0ED;
     padding: 0 25px 20px 25px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
   
   .table-courses-controls > * {
     -webkit-box-flex: 0;
         -ms-flex: 0 1 auto;
             flex: 0 1 auto;
   }
   
   .table-courses-controls.bg-none {
    background-color: transparent;
    padding: 20px 25px;
   }
   
   .table-courses-controls button {
     border: 0;
     outline: 0;
     background-color: white;
     padding: 10px 20px;
   }
   
   .table-courses-controls button[disabled] {
     opacity: 0.4;
   }
   
   .table-courses-controls.bg-none button {
     background-color: transparent;
     padding: 0;
   }
   
   .table-courses-controls #previous-page {
     padding-left: 13px;
     position: relative;
   }
   
   .table-courses-controls #previous-page:before {
     content: '';
     display: inline-block;
     width: 5px;
     height: 5px;
     border-bottom: 2px solid #666;
     border-left: 2px solid #666;
     -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
             transform: rotate(45deg);
     position: absolute;
     top: 50%;
     left: 0;
     margin-top: -4px;
   }
   
   .table-courses-controls #next-page {
     padding-right: 13px;
     position: relative;
   }
   
   .table-courses-controls #next-page:before {
     content: '';
     display: inline-block;
     width: 5px;
     height: 5px;
     border-bottom: 2px solid #666;
     border-right: 2px solid #666;
     -webkit-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
             transform: rotate(-45deg);
     position: absolute;
     top: 50%;
     right: 0;
     margin-top: -4px;
   }
   
   @media only screen and (max-width: 767px) {
   
     .table-courses-container h2 {
       margin: 0 !important;
     }
   
     .table-courses-controls {
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;
       margin: 0 !important;
     }
   
     .table-courses-controls #semester {
       -webkit-box-flex: 1;
           -ms-flex: 1 1 100%;
               flex: 1 1 100%;
       -webkit-box-ordinal-group: 2;
           -ms-flex-order: 1;
               order: 1;
       padding-bottom: 10px;
     }
   
     .table-courses-controls #previous-semester {
       -webkit-box-flex: 0;
           -ms-flex: 0 1 48%;
               flex: 0 1 48%;
       -webkit-box-ordinal-group: 3;
           -ms-flex-order: 2;
               order: 2;
     }
   
     .table-courses-controls #next-semester {
       -webkit-box-flex: 0;
           -ms-flex: 0 1 48%;
               flex: 0 1 48%;
       -webkit-box-ordinal-group: 4;
           -ms-flex-order: 3;
               order: 3;
     }
   }
   
   /* ==========================================================================
      DETAILED STYLE DEFINITIONS -> MAIN AREA -> CONTENT -> SAVE DATE
     ========================================================================== */
   .sidebar-save-date-container {
     position: relative;
   }
   
   .sidebar-save-date-container p {
     padding-right: 45px;
   }
   
   .sidebar-save-date-container .save-date-container {
     position: absolute;
     top: 0;
     right: 0;
   }
   
   .text.savedate .save-date-container {
     position: absolute;
     top: 0;
     left: 0;
   }
   
   .text.savedate .btBack {
     top: 0;
   }
   
   .text.savedate .save-date-icon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
   
   .text.savedate .save-date-icon span {
     color: #666;
     font-size: 14px;
     margin-left: 10px;
   }
   
   .save-date-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
   
   .additionalLine .save-date-container {
     margin-top: 15px;
     margin-bottom: 10px;
   }
   
   .save-date-icon {
     color: transparent;
     -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
             flex: 0 0 auto;
     display: block;
   }
   
   .save-date-icon:not(:first-child) {
     margin-left: 10px;
   }
   
   
   .save-date-icon:hover {
     opacity: 0.8;
   }
   
   .save-date-icon img {
     margin: 0 !important;
     padding: 0;
     width: 15px !important;
     height: 17px !important;
     border-style: none !important;
   }
   
   @media only screen and (max-width: 767px) {
   
     .text.savedate {
       padding-left: 24px;
       padding-right: 24px;
     }
   
     .text.savedate .save-date-container {
       position: static;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;
     }
   
     .text.savedate .save-date-icon {
       -webkit-box-flex: 0;
           -ms-flex: 0 1 100%;
               flex: 0 1 100%;
     }
   
     .text.savedate .save-date-icon:not(:first-child) {
       margin-left: 0;
       margin-top: 5px;
     }
   
     .text.savedate .save-date-container .save-date-icon img {
       max-width: auto !important;
       min-width: auto !important;
     }
   
   }
   /* ==========================================================================
      5. DETAILED STYLE DEFINITIONS -> FOOTER
      ========================================================================== */
   
   footer {
       float: left;
       border-top: 1px solid #B4B4B4;
       padding: .4em 0 0 0;
   }
   
   footer p.social {
       float: left;
   }
   
   footer p {
       color: #b5b5b5;
       font-size: 12px;
   }
   
   footer a {
       color: #666;
       text-decoration: none;
       padding: 1px 0 3px 22px;
       margin-left: 16px;
   }
   
   footer a:hover {
       color: #999;
   }
   
   footer a:hover {
       text-decoration: none;
   }
   
   footer .facebook {
       background: url('../i/btFooter.png') 0 0 no-repeat;
   }
   
   footer .facebook:hover {
       background: url('../i/btFooter.png') 0 -40px no-repeat;
   }
   
   footer .twitter {
       background: url('../i/btFooter.png') -40px 0 no-repeat;
   }
   
   footer .twitter:hover {
       background: url('../i/btFooter.png') -40px -40px no-repeat;
   }
   
   footer .instagram {
       background: url('../i/btFooterInstagram.png') no-repeat;
   }
   
   footer .instagram:hover {
       background: url('../i/btFooterInstagramColor.png') no-repeat;
   }
   
   footer .youtube {
       background: url('../i/btFooter.png') -80px 0 no-repeat;
   }
   
   footer .youtube:hover {
       background: url('../i/btFooter.png') -80px -40px no-repeat;
   }
   
   footer .linkedin {
       background: url('../i/btFooterLinkedIn.png') no-repeat;
   }
   footer .linkedin:hover {
       background: url('../i/btFooterLinkedInColor.png') 0px 0px no-repeat;
   }
   
   
   footer .blog {
       background: url('../i/btFooter.png') -120px 0 no-repeat;
   }
   
   footer .blog:hover {
       background: url('../i/btFooter.png') -120px -40px no-repeat;
   }
   
   footer .contact {
       background: url('../i/btFooter.png') -160px 0 no-repeat;
   }
   
   footer .contact:hover {
       background: url('../i/btFooter.png') -160px -40px no-repeat;
   }
   
   footer p.links {
       float: right;
   }
   
   footer p.links a {
       padding: 1px 0 3px 0;
       margin-left: 10px;
   }
   
   
   
   
   
   
   
   
   
   
   /* ==========================================================================
      6. Helper classes
      ========================================================================== */
   
   /*
    * Image replacement
    */
   
   .ir {
       background-color: transparent;
       border: 0;
       overflow: hidden;
       /* IE 6/7 fallback */
       *text-indent: -9999px;
   }
   
   .ir:before {
       content: "";
       display: block;
       width: 0;
       height: 150%;
   }
   
   /*
    * Hide from both screenreaders and browsers: h5bp.com/u
    */
   
   .hidden {
       display: none !important;
       visibility: hidden;
   }
   
   .lightbox {
       display: none;
   }
   
   /*
    * Hide only visually, but have it available for screenreaders: h5bp.com/v
    */
   
   .visuallyhidden {
       border: 0;
       clip: rect(0 0 0 0);
       height: 1px;
       margin: -1px;
       overflow: hidden;
       padding: 0;
       position: absolute;
       width: 1px;
   }
   
   /*
    * Extends the .visuallyhidden class to allow the element to be focusable
    * when navigated to via the keyboard: h5bp.com/p
    */
   
   .visuallyhidden.focusable:active,
   .visuallyhidden.focusable:focus {
       clip: auto;
       height: auto;
       margin: 0;
       overflow: visible;
       position: static;
       width: auto;
   }
   
   /*
    * Hide visually and from screenreaders, but maintain layout
    */
   
   .invisible {
       visibility: hidden;
   }
   
   /*
    * Clearfix: contain floats
    *
    * For modern browsers
    * 1. The space content is one way to avoid an Opera bug when the
    *    `contenteditable` attribute is included anywhere else in the document.
    *    Otherwise it causes space to appear at the top and bottom of elements
    *    that receive the `clearfix` class.
    * 2. The use of `table` rather than `block` is only necessary if using
    *    `:before` to contain the top-margins of child elements.
    */
   
   .clearfix:before,
   .clearfix:after {
       content: " "; /* 1 */
       display: table; /* 2 */
   }
   
   .clearfix:after {
       clear: both;
   }
   
   /*
    * For IE 6/7 only
    * Include this rule to trigger hasLayout and contain floats.
    */
   
   .clearfix {
       *zoom: 1;
   }
   
   /* Vertical align middle */
   .valign-m {
     vertical-align: middle;
   }
   
   .teamTabs#tabKontakt p:nth-last-child(2) {
     margin-bottom: 0;
   }
   
   .teamTabs blockquote {
       float: right;
       width: 480px;
   }
   
   .teamTabs blockquote p {
       width: 100%;
       text-align: left;
       float: none;
   }
   
   .teamTabs blockquote ul {
       float: none;
       width: auto;
   }
   
   @media only screen and (min-width: 1200px){
       .teamTabs blockquote {
           width: 550px;
       }
   }
   
   @media only screen and (max-width: 767px){
       .teamTabs blockquote {
           width: auto;
           float: none;
       }
   
       .teamTabs blockquote ul {
           padding-left: 0 !important;
       }
   }