/*
    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        

    5.  DETAILED STYLE DEFINITIONS -> FOOTER

    6.  Helper classes

-------------------------------------------------------------------------*/
/* SH */
#tinymce_body {
	width: 768px;
}
#tinymce_body p{
	clear: both;
}


/* ==========================================================================
   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; SH*/
}

/* ==========================================================================
   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 */

.green, .green a {
    color: #009260 !important;
}

img.left {
    float: left;
    margin-left: 10px;
    margin-right: 20px;
    padding-bottom: 15px;
}

/* EDITED ON 2014-09-22 START */
img.sw {
    filter: url(./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%);
}
/* EDITED ON 2014-09-22 STOP */

.left {
    float: left;
}

.right {
    float: right;
}

.small {
    font-size: 85%;
}

.noborder {
    border: none !important;
}

br {
    clear: all;
}


/* ==========================================================================
   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: 89; /*8889 SH*/
    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: 87; /*8888 SH*/
    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: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 20px 0 20px;
}

.teaser ul {
    padding: 10px 10px 20px 20px;
}

.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 20px;
}

.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;
}

.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 h1.text.grey { /*SH*/
    color: #999;
    font-size: 30px;
    font-weight: 300;
}

.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;
    font-weight: bold;
    margin: 15px 0 15px 0;
    color: #00915F;
}

.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;
}

.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 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%; SH*/
    max-width: 100%;
    height: auto;
/*    margin: 20px 0; SH*/
}

.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;
}
/*SH */
table th {
    text-align: left;
}



/* ==========================================================================
   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: 15px;
    padding-bottom: 15px;
}

.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;
}

.publications .odd {
    background-color: #fff;
}

.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: 190px;
}

.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 .youtube {
    background: #C71200 url('../i/btYoutube.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;
}


/* ==========================================================================
   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');
}


/* ==========================================================================
   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 .youtube {
    background: url('../i/btFooter.png') -80px 0 no-repeat;
}

footer .youtube:hover {
    background: url('../i/btFooter.png') -80px -40px 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;
}