/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

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

/** 
* mn 07.02.2014
html,
button,
input,
select,
textarea {
    color: #222;
    height: 100%;
  overflow-y: scroll;
}

*/

@font-face {
  font-family: 'Raleway';
  src: url('../font/Raleway/Raleway-VariableFont_wght.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('../font/Raleway/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
  font-style: italic;
}

body {
    font-size: 1em;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

body {
    background-color: #F6F6F6;
    font-family: 'Raleway', sans-serif;
    min-height: 100%;
    overflow: auto;
}

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

figcaption.image-caption {
    font-size: 12px;
    padding: 2px 5px;
    margin-bottom: 10px;
}

.agProjects figcaption.image-caption {
    font-size: 12px;
    line-height: 22px;
    width: 97%;
    padding: 0 1.5%;
    margin-bottom: 5px;
}

#research h4 {
    margin-bottom: 0.8em !important;
}

#research #home_content_right h4 {
    margin-bottom: 2px !important;
}

/*
 * 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: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.alwaysVisible {
    display: block !important;
}

a, a:focus, a:active, a:hover {
    outline: none;
    text-decoration: none;
}

#inner_content p a,
#inner_content li a,
table a {
    text-decoration: none;
    color: #5c8db5;
    font-weight: 400;
    transition: color 0.3s;
    /*font-style: italic;*/
}

#inner_content p a:hover,
#inner_content li a:hover,
table a:hover {
    text-decoration: none;
    color: #000;
    transition: color 0.3s;
    /*font-style: italic;*/
}

#inner_content a.mail,
#inner_content .news-amenu-container a,
#inner_content .news-list-event p a {
    display: inline-block !important;
    background-image: none !important;
    padding-left: 0px !important;
    text-decoration: none !important;
}

p {
    font-size: 13px;
    color: #757575;
    margin: 0 10px 5px 0;
}

h5 {
    font-size: 15px;
    color: #010101;
    font-weight: normal;
}

h5.subheadline {
    margin: 0;
    position: relative;
    top: -12px;
}

/* Old email style - check line 655 */

#outer_header {
    height: 148px;
    background-color: #f6f6f6;
    width: 100%;

}

#inner_header,
#stage_inner
    /* #main_menu */

{
    width: 960px;
    margin: 0 auto;
    position: relative;

}

/* Hamburger menu invisiblity */

#main_menu label, #hamburger {
    display: none;
}

.lv1 input, .lv1en input {
    display: none;
}


#main_menu {
    margin: 0px auto;
    width: 960px;
    display: block;
    overflow-x: hidden;
}

#main_menu ul {
    background: #f6f6f6;
    width: 960px;
    padding: 0;
    z-index: 999;
    /*border-top: 1px solid #fff;*/
    /*     position:absolute; */
    display: block;
    margin: 10px 0;
    box-shadow: 0 0 40px #ccc;
    /*border: 1px solid #ddd;*/
}

#main_menu ul li {
    display: inline-block;
    border-right: 1px solid #ddd;
    width: 191px;
}

#main_menu ul li:last-of-type {
    width: 192px;
}

#main_menu ul li.active {
    background: #fff;
}

#main_menu ul li.active ul li a {
    font-weight: normal !important;
}

/*
#main_menu ul li#menuid6 a:hover, #main_menu ul li#menuid6 ul li a:hover {
  color:#000;
  font-weight:800;
}
*/
#main_menu ul li#menuid3 {
    border-top: 11px solid #79a7ca;
}

html.js body#research div#under_stage div#inner_content div#home_content_left div#c1376.ce-default div.content-box div#c1003.ce-default div.news-list-container div.news-list-item a h3 {
    margin-top: 0;
}

#main_menu ul li:hover ul {
    display: inline-block;
    background: none;
    /*background: #fff;*/
    margin-top: 0px;
    /*padding: 0 8px;*/
}

#main_menu ul li:last-of-type {
    border-right: none;
}

#main_menu ul li:hover ul li:hover {
    background-color: #79A7CA;
}

#main_menu ul li a {
    color: #2E2E2E;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    transition: background-color 0.3s, color 0.3s;
}

#main_menu ul li a:hover, #main_menu ul li ul li a:hover {
    background-color: #bbb;
    transition: background-color 0.3s, color 0.3s;
    color: #fff;
    font-weight: 500;
}

#main_menu ul li ul li:last-of-type {
    width: inherit;
}

#main_menu ul li ul li a {
    font-size: 13, 5px;
    background: #FFF;
    border-length: 50px;
    text-transform: none;
    border: 2px solid #fff;
    text-align: left;
    transition: background-color 0.3s, color 0.3s;
}

#main_menu ul li ul {
    width: 191px;
    background-color: #e7e7e7;
    position: fixed;
    z-index: 1;
    display: none;
}

#main_menu ul li ul a {
    display: block;
    padding: 16px 15px 15px;
}

#main_menu ul li ul li {
    margin: 0 !important;
}

#main_menu ul li ul, #main_menu ul li ul li {
    background-color: #ccc;
    border: none;
}

.lt-ie9 #main_menu ul li a {
    font-size: 13px;
    padding: 10px 17px;
}

#main_menu ul li#menuid3.lv1:hover {
    color: #79A7CA;
}

#main_menu .lv2 {
    display: block;
    background-color: #ffffff;
}

#main_menu #e2 {
    width: 191px !important;
}


#logo {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 100%;
}

#logo-bnitm-uke {
    display: inline;
    margin-top: 20px;
}

#logo-bnitm-uke:first-of-type {
    float: right;
    padding: 0 0 0 25px;
    /*border-left: 1px solid #ccc;*/
}

#logo-bnitm-uke:last-of-type {
    float: left;
    padding: 0 25px 0 0;
    /*border-right: 1px solid #ccc;*/
    margin-right: 22px;
}

#logo h1, #logo h1 a:link, #logo h1 a:visited, #logo h1 a:active {
    font-size: 36px;
    color: #000;
    font-family: "Raleway";
    font-weight: 120;
    border-bottom: none;
    margin-top: 8px;
    padding: 0;
    transition: color 0.5s;
    line-height: 1.1;
    letter-spacing: .04rem;
}

#logo h1 a:hover {
    color: #888;
    transition: color 0.5s;
}

#logo h2, #logo h2 a:link, #logo h2 a:visited, #logo h2 a:active {
    font-size: 16px;
    color: #555;
    font-family: "Raleway";
    font-weight: 300;
    text-transform: initial;
    transition: color 0.5s;
    line-height: 1.2;
}

#logo h2 a:hover {
    color: #888;
    transition: color 0.5s;
}

#topnav {
    position: absolute;
    right: 0px;
    color: #909090;
    font-size: 12px;
    width: 480px;
}

#topnav ul li {
    display: inline-block;
}

#topnav ul li a {
    color: #909090;
    font-size: 12px;
    text-decoration: none;
}

#search {
    position: absolute;
    right: 0px;
    top: 85px;
}

#stage_inner {
    background-color: #fff;
    padding: 8px;
    width: 838px;
    height: 330px;
    position: relative;
    top: 58px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.caroufredsel_wrapper {
    margin: 0 !important;
}

.startSlider #pagerNavigation a {
    display: none;
}

.startSlider #pagerNavigation a.selected {
    display: inline;
}

#pagerNavigation {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
    width: 34px;
    height: 17px;
    text-align: center;
    letter-spacing: 0.05em;
}

#pagerNavigation span,
#pagerNavigation a {
    text-decoration: none;
    color: #a9a9a9;
    font-size: 10px;
    cursor: default;
}

#stage_inner .sliderText h3,
#stage_inner .sliderText h2 {
    color: #000 !important;
}

#start_stage {

    height: 30px;
    background: #ebebeb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ebebeb 0%, #b7b7b7 50%, #ebebeb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ebebeb), color-stop(50%, #b7b7b7), color-stop(100%, #ebebeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ebebeb 0%, #b7b7b7 50%, #ebebeb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ebebeb 0%, #b7b7b7 50%, #ebebeb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ebebeb 0%, #b7b7b7 50%, #ebebeb 100%); /* IE10+ */
    background: linear-gradient(to right, #ebebeb 0%, #b7b7b7 50%, #ebebeb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ebebeb', GradientType=1); /* IE6-8 */

}

#under_stage {
    background: url("../img/under_stage_bg.png") repeat-x scroll 0 0 #F6F6F6;
    margin-bottom: 80px;
    background-color: #f6f6f6;
}

.clear_both {
    clear: both;
}

#outer_content {
    width: 100%;
    background-color: #f6f6f6;
}

/*#inner_content{
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding: 20px 0 10px 0;
}*/

#tropmed-start_inner_content, #inner_content {
    width: 960px;
    margin: 0px auto;
    position: relative;
    padding: 0 0 10px 0;
    background: #fff;
    box-shadow: 0 0 40px #ccc;
    border: 1px solid #ddd;
}

#outer_footer {
    background: url("../img/footer_bg.jpg") repeat-x scroll center top #f4f4f4;
    width: 100%;
    padding: 20px 0 0 0;
}

#inner_footer {
    width: 960px;
    margin: 0 auto;
    min-height: 50px;
}

#inner_footer p,
#inner_footer p a {
    font-size: 11px;
    text-decoration: none;
    color: #909090;
}

#footer_left {
    float: left;
}

#footer_right {
    float: right;
    padding-right: 20px;
}

#inner_footer p.left {
    width: 400px;
    float: left;
}

#inner_footer p.left img {
    margin: 0 10px;
}

#inner_footer p.right {
    width: 400px;
    float: right;
    text-align: right;
}

#tropmed-start_inner_content #home_content_left {
    float: left;
    margin: 0px;
    width: 470px;
}

#tropmed-start_inner_content #home_content_right {
    float: right;
    width: 470px;
}

#home_content_left {
    float: left;
    margin-right: 20px;
    width: 710px;
}

#home_content_right {
    width: 220px; /* 230px */
    float: left;

}

#rootline {
    width: 960px;
    margin: 0 auto;
    padding-top: 50px;
}

#breadcrumb a {
    color: #878787;
    display: inline-block;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    font-style: italic;
    text-transform: uppercase;
}

#breadcrumb {
    color: #878787;
    font-size: 11px;
    font-style: italic;
    text-transform: uppercase;
}

#breadcrumb .current {
    color: #878787;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;

}

h1 {
    font-weight: 300;
    font-size: 28px;
    margin: 0;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #eee;
}

#home_content_right h2 {
    text-transform: uppercase;
}

.content-box {
    background-color: #fff;
    padding: 10px 15px;
    margin-bottom: 10px;
    display: block;
}

.three_column .col_content_teaser_left, .three_column .col_content_teaser_mid {
    margin-right: 10px;
}

.three_column .col_content_teaser_right {
    margin-right: 0 !important;
}

.two_column .col_content_teaser h3 {
    background-color: #FFFFFF;
    color: #A9A9A9;
    font-size: 18px !important;
    font-weight: 400;
    margin: 0;
    padding: 14px 0 12px 17px;
    text-transform: uppercase;
    width: 308px;

    border-bottom: 2px solid #f6f6f6;

}

#home_content_right h3, #home_content_right h2 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 10px 0;
    margin: 0px;
}

/*
#home_content_right span.important{
    font-weight: 700;
    font-size: 19px;
    margin-bottom:16px;
    color: #565655;
}
*/
/*
#home_content_right a.mail{
   color: #919191;
}
*/
div.news-single-addresses div.news-single-address-file-list dl.news-single-files dd img {
    display: none;
}

div.news-single-addresses div.news-single-address-file-list dl.news-single-files dd a.pdf {
    margin-left: 0;
}

#home_content_right h5 {
    /*mn, 04.12.2013 12:55
    color: #A9A9A9;
    */
    color: #909090;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 5px;
}

/* DCE style */

.headline_image {
    padding-bottom: 20px;
    display: inline-block;
}

.headline_image > h2 {
    display: inline-block;
    padding-left: 15px;
    font-weight: 300;
    vertical-align: middle;
    font-size: 28px;
}

/* News uebersicht Fileicons */

a.pdf,
.toggle_container .newsitem a.pdf {
    background: url("../img/media/fileicons/pdf.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    padding-left: 25px;
}

.toggle_container a.pdf {
    background: none;
    display: inline;
    padding-left: 0;
}

/* Space for more fileIcons */

/* colored site-titles */

#news h1, #institute h1, #research h1, #training h1, #diagnostics h1, #travel h1, #opd h1, #alumni h1 {
    color: #fff;
    padding: 6px 15px;
    margin: 0 0 5px;
    text-transform: uppercase;
    background-color: #ccc;
}


/* cooperation Headlines */

.coop h4 {
    font-size: 18px;
}

.coop h2 {
    padding: 10px 0;
}

/* toggle gridelement */


#home_content_right .trigger {
    background: url("../img/tropmed-xs-trigger.png") no-repeat scroll 200px 18px #fff;
    margin: 0 0 2px !important;
    padding: 14px 18px 12px !important;
    font-size: 16px;
    line-height: 26px;
}



#home_content_right .trigger_active {
    background: url("../img/tropmed-xs-trigger_active.png") no-repeat scroll 200px 18px #fff;
}

.toggle_container ul {
    margin: 0;
}

.toggle_container {
    display: none;
    padding: 0 10px;
}

.toggle_container > h3 {
    font-size: 16px;
    font-weight: 600;
}

/*
* 3 Spalten Grid-Element
*/

.three_column {
    width: 710px;
}

.three_column .col_content_teaser_left, .three_column .col_content_teaser_middle, .three_column .col_content_teaser_right {
    width: 230px;
    float: left;
    margin-right: 10px;
}

.three_column .col_content_teaser_left .start_box, .three_column .col_content_teaser_middle .start_box, .three_column .col_content_teaser_right .start_box {
    background-color: transparent;
    width: 230px;
}

.start_box_image {
    height: 168px;
    border-bottom: 2px solid #fff;
    z-index: 1;
}

.hover_image {
    height: 168px;
    width: 230px;
    position: relative;
}

.start_boxnews:hover {
    background: url('../img/hover.png') no-repeat top !important;
    display: block;
    width: 230px;
    position: relative;
}

#home_content_left .news-list-container a.pdf {
    display: block !important;
    padding-left: 25px !important;
    background: url(../img/media/fileicons/pdf.gif) no-repeat 0 0 !important;
}

/* Border-Box */

.border_box {
    background-color: #F6F6F6;
    margin-bottom: 15px;
    padding: 40px;
}

/* category kachel */
.start_boxnews:hover .hover_image {
    background: url('../img/hover_news.png') no-repeat top !important;
    display: block;
    width: 230px;
    position: relative;
}

.start_boxtravel:hover .hover_image {
    background: url('../img/hover_travel.png') no-repeat top !important;
    display: block;
    width: 230px;
    position: relative;
}

.start_boxtraining:hover .hover_image {
    background: url('../img/hover_training.png') no-repeat top !important;
    display: block;
    width: 230px;
    position: relative;
}

.start_boxopd:hover .hover_image {
    background: url('../img/hover_opd.png') no-repeat top !important;
    display: block;
    width: 230px;
    position: relative;
}

.start_boxinstitute:hover .hover_image {
    background: url('../img/hover_institute.png') no-repeat top !important;
    display: block;
    width: 230px;
    position: relative;
}

.start_boxresearch:hover .hover_image {
    background: url('../img/hover_research.png') no-repeat top !important;
    display: block;
    width: 230px;
    position: relative;
}

.start_boxdiagnostics:hover .hover_image {
    background: url('../img/hover_diagnostics.png') no-repeat top !important;
    display: block;
    width: 230px;
    position: relative;
}

.start_box h2 {
    text-decoration: none;
    background: url("../img/home_teaser_link.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: #B4B4B4;
    background-position: right center;
    border-right: 5px solid transparent;
    color: #fff;
    font-size: 14px;
    padding: 4px 15px 6px 10px !important;
    margin: 0;
    font-weight: 400;
    text-transform: none;
}

.start_box p {
    background-color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 12px !important;
    min-height: 38px;
    /* overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; */
}

h2.headline-news {
    background-color: #7dacd0;
    width: 7;
    text-transform: uppercase;
    font-weight: 400;
    padding: 7px 0 7px 12px;
    font-size: 18px;
    margin-bottom: 25px;
    margin-top: 0;
}

/* Zwei Spalten Grid */

h2.headline-training {
    background-color: #e8dfbe;
    text-transform: uppercase;
    font-weight: 400;
    padding: 7px 0 7px 12px;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
}

.two_column {
    width: 710px;
    margin: 10px 0;
}

.two_column .col_content_teaser {
    background-color: #fff;
    width: 350px;
    min-height: 100px;
    float: left;
    /*     margin: 10px 0; */
}

.toggle_container .two_column .col_content_teaser {
    width: 330px;
}

.toggle_container .two_column .col_content_teaser embed {
    width: 100%;
}

.two_column .col_content_teaser:first-child {
    margin-right: 10px;
}

.two_column.col_content_teaser img {
    border-bottom: 2px solid #fff !important;
}

.two_column div.col_content_teaser h2 {
    /*    background: url("../img/home_teaser_link.jpg") no-repeat scroll right 5px center #b4b4b4; */
    color: #fff;
    font-size: 15px;
    padding: 5px 15px;
    margin: 0;
    font-weight: 400;
}

.two_column div.col_content_teaser h3 {
    background-color: #fff;
    color: #757575 !important;
    font-size: 13px;
    padding: 15px;
    margin: 0;
    font-weight: 400;
}

.content-box p {
    color: #010101;
    font-size: 14px;
    line-height: 150%;
}

.content-box .mcName {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
}

#home_content_right .content-box {
    padding-left: 0px;
    padding-right: 10px;
    width: initial;
}

#home_content_right .content-box h4.mcFunction {
    margin-top: 15px;
}

.content-box .mcTel {
    margin: 0;
}

.content-box h3 {
    margin: 10px 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
}

ul {
    margin: 12px 0 18px;
}

/* table styles */

table {
    border-spacing: 0px !important;
}

.wide_table .td-0 {
    width: 505px;
}

.wide_table .td-1 {
    width: 160px;
}

.td_lecturer p.bodytext {
    font-size: 12px;
}

table td, th {
    border-bottom: 1px solid #EFEFEF;
    padding: 8px 10px;
}

table.profil td, table.profil th {
    border-bottom: none;
    border-right: none;
}

table.events {
    background-color: #fff;
    font-size: 12px;
}

table.events thead {
    color: #a39d86;
    text-transform: uppercase;
    border-bottom: 1px solid #f3f3f3;
    text-align: left;
}

table.events thead tr th {
    padding: 10px 12px;
}

table.events tbody tr.tr_event td.td_date {
    width: 110px;
    font-weight: 600;
    padding-left: 10px;
}

table.events tbody tr.tr_event td.td_location {
    width: 82px;
}

.newsitem span {
    font-size: 14px;
}

.newsitem h4 {
    margin: 10px 0 0px;
}

.newsitem {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 6px;
}

.newsitem:last-child {
    border-bottom: 0;
}

.news-list-container div.news-list-item p span.HPI {
    display: inline-block;
    background: url(../img/ico_hpi.jpg) no-repeat right center;
    padding-right: 35px;
}

.news-list-container div.news-list-item p span.FZB {
    display: inline-block;
    background: url(../img/ico_fzb.jpg) no-repeat right center;
    padding-right: 35px;
}

.news-list-container div.news-list-item p span.BNI {
    display: inline-block;
    background: url(../img/ico_bni.jpg) no-repeat right center;
    padding-right: 35px;
}

.news-list-item.grad ul {
    padding-left: 0;
}

.news-single-address-list div.content-box {
    color: #010101;
    font-size: 14px;
    line-height: 150%;
}

.news-single-address-list div.content-box .c_title {
    display: block;
    font-size: 16px;
}

.news-single-address-list div.content-box .c_name {
    display: block;
    font-size: 13px;
    color: #909090;
    margin-bottom: 5px;
    margin-top: 0;
}

.news-single-addresses div.news-single-address-file-list span.ics {
    font-size: 13px;
    padding: 2px 0 2px 41px;
    background: url(../img/ics-20px.png) no-repeat 16px center;
}

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

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

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;

    }
}

/*Zusatz von f7*/

.ui-tooltip {
    background-color: #FFFFFF;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 12px !important;
    border: 1px solid #F0F0F0;
}

#home_content_left p.bodytext {
    /*padding:0 10px 5px 0;*/
}

.news-list-event-subheader {
    padding: 0;
    min-height: 38px;
}

.sliderbild {
    float: left;
}

/*Style fuer die Suchergebnisseite*/
#searchbox {
    float: right;
    left: 0;
    position: relative;
    top: 83px;
    height: 40px;
    display: inline-block;
}

#macina_searchbox {
    height: 40px;
}

.tx-macinasearchbox-pi1 form {
    height: 40px;
}

#macina_sword {
    background: none repeat scroll 0 0 #E7E7E7;
    border: medium none;
    height: 38px;
    width: 218px;
    padding-left: 12px;
    position: absolute;
    top: 0;
    right: 40px;
    /*
      left: 4px;
      position: relative;
      top: -15px;
    */
}

.tx-indexedsearch {
    background: #fff;
    padding: 20px;
    position: relative;
}

.tx-indexedsearch-searchbox-button {
    background: url("../img/search_button.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 40px;
    width: 42px;
    left: 423px;
    cursor: pointer;
    position: absolute;
    top: 30px;
}

.tx-indexedsearch-searchbox select {
    width: 236px;
    font-size: 14px;
}

.tx-indexedsearch-searchbox option {
    font-size: 14px;
}

.tx-indexedsearch .browsebox li a {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    font-weight: 600;
    margin-right: 3px;
    padding: 2px 6px;
    color: #253269;
    font-size: 12px;
    text-decoration: none !important;
}

.tx-indexedsearch-searchbox-sword {
    background: none repeat scroll 0 0 #E7E7E7;
    border: medium none;
    height: 38px;
    width: 218px;
    left: 4px;
    padding-left: 12px;
    position: relative;
    top: 2px;
}

.tx-indexedsearch td {
    font-size: 14px;
    min-width: 180px;
}

.tx-indexedsearch-redMarkup {
    color: #ff0000;
}

.tx-indexedsearch-info {
    display: none;
}

.tx-indexedsearch-title a {
    color: #000;
    font-weight: 700;
}

.tx-indexedsearch-icon {
    display: none;
}

.h2suche {
    background: url("../img/search_button.png") no-repeat scroll 156px 6px #A9A9A9;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    padding: 11px 0 11px 15px;
    text-transform: uppercase;
}

.browsebox {
    list-style: none outside none;
    margin: 20px 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.browsebox li {
    display: inline;
    margin-right: 2px;
}

.browsebox li a {
    color: #000;
}

/*
*CSS Style für die Listview von tt_news*
 */

.news-single-addresses div.news-single-address-list {
    margin-bottom: 10px;
    background-color: #fff;
    padding-bottom: 10px;
}

.news-single-addresses div.news-single-address-file-list {
    background-color: #fff;
    padding-bottom: 10px;
}

.news-single-item div.news-single-addresses dl.news-single-files,
.news-single-event div.news-single-addresses dl.news-single-files {
    font-size: 13px;
}

.news-single-files dd {
    margin-left: 0;
    margin-bottom: 0px;
    padding: 8px 15px;
    margin-top: 10px;
}

.news-single-files a {
    display: inline-block;
    margin-left: 0px;
}

.ics {
    display: inline-block;
    margin-top: 15px;
}

dd .ics {
    margin-bottom: -5px;
    margin-top: 0;
    position: relative;
    top: 2px;
}

.news-single-item div.news-single-addresses dl.news-single-files dt,
.news-single-event div.news-single-addresses dl.news-single-files dt {
    border-bottom: 2px solid #EBEBEB;
    font-weight: 400;
    padding: 14px 20px 12px !important;
    color: #909090;
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
}

.list-view-header {
    margin-bottom: 35px;
    margin-top: 15px;
}

.list-view-header-img {
    float: left;
    margin-right: 10px;
}

.list-view-header-p {
    color: #000000;
    font-size: 28px;
    font-weight: 300;
    margin: 5px 0 0;
    padding-top: 5px;
}

.news-latest-container {
    margin-top: 20px;
}

.news-latest-container .news-latest-date {
    text-align: left;
    font-size: 12px;
}

.news-latest-container .news-latest-item h2 {
    padding-left: 0 !important;
    margin-top: 0;
    padding-top: 0;
}

h4 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 0 0 10px 0;
    margin: 0px;
}

b {
    font-weight: 600;
}

/* style für die tt_news unter Forschung */

#research .news-list-date, #research .news-single-date {
    display: none;
}

#research .news-single-rightbox, #research .news-single-rightbox h2 {
    text-align: left;
    color: #267C3B;
}

/* Styles für die Kooperationen Seite */
.coop h4, .coop h3, .coop h2 {
    font-size: 1.1em;
}

.news-single-item ul li {
    font-size: 13px;
    color: #757575;
}

.news-single-item .image-caption {
    font-size: 10px;
    color: #4b4b4b;
    padding-left: 3px;
}

.indent {
    padding-left: 20px;
}

.news-list-item, .news-latest-item {
    display: block; /* inline-block */
}

.news-list-item h2 {
    padding-left: 0;
}

.news-single-item h2 {
    padding-top: 35px;
}

.news-single-subheader h2 {
    padding-left: 0;
    text-transform: none;
}

.news-single-item img,
.news-single-event img {
    float: left;
}

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

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

.news-list-item h2 {
    color: #73A0C1 !important;
    display: inline;
    font-size: 14px !important;
    margin: 2px 5px 2px 0;
    text-transform: none;
}

#research .news-list-item h2 {
    color: #267C3B !important;
}

/*
.news-list-item h3{
  color: #000;
  font-size: 17px;
  margin: 2px 0;
}
*/

#news .news-list-item h3 a, .news-list-more-link {
    color: #253269;
}

.news-list-item h3 {
    color: #000000;
    font-size: 17px;
    font-weight: 400;
    margin: 18px 0 10px;
}

.news-list-item h3 a {
    font-size: 17px;
}

.news-list-item p a {
    color: #757575;
}

.news-list-item p {
    margin: 2px 0;
}

.news-list-item .news-list-date {
    color: #2A2727; /*#757575*/
    font-size: 14px;
}

.news-list-item a:hover {
    text-decoration: none !important;
}

/*
*CSS Style für die Header_List von tt_news*
 */

.news-header-list-date {
    color: #BFB8BF;
    margin-bottom: 2px;
    text-align: left;
}

#home_content_right .news-header-list-container {
    margin-bottom: 15px;
}

#home_content_right li h2 {
    padding: 14px 0 12px;
    text-transform: none;
}

/*
*CSS Style für die Singleview von tt_news*
 */
.news-single-rightbox {
    text-align: left;
}

.news-single-rightbox h2 {
    color: #73A0C1; /* !important */
    display: inline;
    font-size: 14px !important;
    margin: 2px 5px 2px 0;
    text-transform: uppercase;
}

.news-single-rightbox .news-single-date {
    color: #757575;
    font-size: 14px;
}

.news-single-subheader h2 {
    color: #010101;
    font-size: 17px;
}

.news-single-item hr {

}

.news-single-item h3 {
    font-size: 28px;
    font-weight: 300;
    color: #000;
    font-style: italic;
}

.news-single-item a:hover {
    text-decoration: underline;
}

.news-list-event h3 a span.event_type {
    color: #73a0c1;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: normal;
}

.news-list-event h3 a span.event_date p.bodytext,
.news-single-event h3 span.event_date p.bodytext {
    display: inline;
}

.news-list-event h3 a span.event_date {
    color: #2a2727;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}

.news-list-event a:hover {
    text-decoration: none !important;
}

.news-list-event h2 {
    font-size: 17px;
    margin-top: -10px;
    color: #010101 !important;
}

.news-list-event p a {
    color: #010101 !important;
    font-size: 14px;
}

.news-list-event a span.event-more {
    color: #253269;
    font-size: 14px;
}

.news-list-event a span.event-more:before {
    content: url("../img/events_more.png");
    padding-right: 2px;
}

#home_content_right .content-box .news-header-list-container {
    font-size: 14px !important;
}

/*
*CSS Style für die AMENU von tt_news
 */
.news-single-event h3 {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-top: 10px;
}

.news-single-event div#event_img {
    background: url("../img/cat_image_event.png") no-repeat;
    width: 50px;
    height: 50px;
    float: left;

}

.news-single-event div#event_subheader h2 p.bodytext {
    font-size: 28px;
    font-weight: 300;
    padding-left: 63px;
    padding-top: 0;
}

.news-single-event {
    position: relative;
    margin-bottom: 50px;
}

.news-single-event div.news-single-backlink a {
    position: absolute;
    right: 0;
    font-size: 16px;
}

#ttnews-cat-tree ul#treeRoot.tree li#row0_0.expanded > a {
    display: none;
}

.news-single-event p.bodytext {
    color: #010101;
    line-height: 150%;
    font-size: 14px;
}

.js div.news-list-event h2, body div.news-single-event h2 {
    padding-left: 0 !important;
    text-transform: none;
    font-weight: 400;
}

.js div.news-list-event h2.veranstaltung {
    line-height: 17px;
    margin: 18px 0 12px;
    padding: 0;
}

.news-single-event h2 {
    font-size: 18px;
    margin: 31px 0 0 0;
    padding-top: 4px !important;
    padding-left: 0 !important;
}

.news-amenu-container {
    background: #fff;
    padding-bottom: 20px;
}

.news-amenu-container ul {
    margin: 1px 0 0 0;
    list-style: none;
}

.news-amenu-container ul li a {
    font-size: 14px;
    font-weight: bold;
}

.news-single-event .event_type {
    color: #73A0C1;
    text-transform: uppercase;
}

#news .content-box .news-amenu-container ul {
    padding-left: 0;
}

#news .content-box .news-amenu-container li {
    list-style: none;
    background: none;
    padding-left: 0;
    margin-bottom: 6px;
}

#news .content-box .news-amenu-container li a {
    font-weight: normal;
    color: #253269;
    text-decoration: underline !important;
}

/*
*CSS Style für die CATMENU von tt_news
 */

.news-catmenu {
    margin: 0px 0 10px 0;
    background: #fff;
}

.news-catmenu ul {
    margin: 0;
    list-style: none;
    padding: 5px 0 5px 8px;
}


.news-catmenu ul li img {
    display: none;
}

ul .active a {
    font-weight: bold !important;
}

#row0_0.expanded a {
    color: #373737; /* !important */
    font-weight: bold;
    font-size: 15px;
}

#row0_0.expanded ul li a {
    color: #373737; /* !important*/
    font-weight: normal;
    font-size: 14px;
}

#inner_content .powermail_create {
    background: none;
    font-family: 'Lato', sans-serif;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 20px;
    padding: 10px;
}

.formError .formErrorContent {
    font-family: 'Lato', sans-serif;
}

/*
* CSS Style für den Frontend-Login 
*/

.tx-felogin-pi1 {
    background: #e8e8e8;
    padding: 10px 10px 10px 10px;
}

.tx-felogin-pi1 h3 {
    margin-top: 5px;
    margin-bottom: 8px;
}

.tx-felogin-pi1 div {
    font-size: 14px;
}

.tx-srfeuserregister-pi1 {
    background: #fff;
    padding: 10px 10px 5px 10px;
    margin: 0 0 10px 0;
}

form {
    margin: 10px 0 10px 0;
}

form#searchform {
    margin: 0 0 0 0;
}

legend {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 5px;
}

/* Formular - Überschrift eines Fieldset bzw. Bereichs */
fieldset > legend {
    font-size: 18px;
    font-style: normal;
    font-style: bold;
    margin-bottom: 5px;
}

/* Hinweis, wie z. B. das Required-Sternchen */
label em {
    display: inline;
}

/* Styling der Formular-Elemente; Abstände zwischen Formular-Elementen */
.ce-mailform fieldset {
    border: 1px solid #ddd;
    margin-bottom: 10px !important;
    background: #fafafa;
}

.ce-mailform fieldset ol {
    padding-top: 0 !important;
    padding-bottom: 1em !important;
}

.ce-form-element {
    margin: 0 !important;
    font-size: 14px;
}

.ce-mailform li label {
    width: 14em !important;
}

.ce-form-element-textline input {
    width: 50%;
    height: 16px;
}

.ce-form-element-textblock {
    font-style: italic;
    font-size: 14px;
    color: #777;
}

input {
    margin-bottom: 5px;
}

#presseverteiler {
    background: url('../img/login_button.jpg');
    height: 28px;
    width: 75px;
    border: none;
}

.wide_box {
    width: 960px;
    background-color: #fff;
}

.wide_box h2 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    height: 28px;
    margin: 0;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-top: 7px;
    text-transform: uppercase;
}

.wide_box img {
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;

}

.wide_box h2.institute {
    background-color: #979482;
}

.wide_box_col_left {
    width: 460px;
    float: left;
    padding-left: 10px;
}

.wide_box_col_right {
    width: 460px;
    float: left;
    padding-left: 15px;
}

.wide_box p {
    font-size: 14px;
    color: #010101;
    padding-top: 10px;
}

table.contenttable {
    text-align: left;
    font-size: 14px;
    margin-bottom: 20px;
}

#home_content_right table.contenttable td {
    border: none;
    padding: 2px 2px;
}

.content-box ul li, .content-box ol li {
    font-size: 14px;
    line-height: 24px;
}

#research .content-box ul li {
    list-style-type: none;
    background: url(../img/li_bg_forschung.jpg) no-repeat 0 8px;
    padding-left: 21px;
}

#travel .content-box ul li {
    list-style-type: none;
    background: url(../img/li_bg_reise.jpg) no-repeat 0 8px;
    padding-left: 21px;
}

#opd .content-box ul li {
    list-style-type: none;
    background: url(../img/li_bg_ambulanz.jpg) no-repeat 0 8px;
    padding-left: 21px;
}

#diagnostics .content-box ul li {
    list-style-type: none;
    background: url(../img/li_bg_labor.jpg) no-repeat 0 8px;
    padding-left: 21px;
}

#training .content-box ul li {
    list-style-type: none;
    background: url(../img/li_bg_lehre.jpg) no-repeat 0 8px;
    padding-left: 21px;
}

#institute .content-box ul li {
    list-style-type: none;
    background: url(../img/li_bg_institut.jpg) no-repeat 0 8px;
    padding-left: 21px;
}

#news .content-box ul li {
    list-style-type: none;
    background: url(../img/li_bg_aktuelles.jpg) no-repeat 0 8px;
    padding-left: 21px;
}

#research .content-box ul {
    padding-left: 19px;
}

#research h4 {
    font-size: 1.1em;
}

.news-single-item div.news-single-addresses h4,
.news-single-event div.news-single-addresses h4 {
    padding: 14px 20px 12px !important;
    border-bottom: 2px solid #ebebeb;
    font-weight: 400;
    font-size: 18px;
}

.news-single-item div.news-single-addresses p,
.news-single-event div.news-single-addresses p {
    margin-top: 5px;
    padding-top: 10px;
    padding-left: 20px;
    line-height: 150%;
}

.news-single-item .news-single-backlink {
    float: right;
    position: relative;
    top: -20px;
}

.news-single-addresses {
    width: 230px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 20px;
}

.news-single-event .news-single-addresses {
    right: -265px;
    top: -90px;
}

.showResultsWrap {
    display: none;
}

.news-list-more-link {
    margin-right: 20px;
    font-size: 14px;
}

.news-list-more-link:before {
    content: url("../img/events_more.png");
    padding-right: 2px;
}

#research .news-list-more-link:before {
    content: url("../img/more_research.png");
    padding-right: 5px;
}

.showResultsWrap, .browseLinksWrap {
    font-size: 12px;
    margin-bottom: 50px;
    margin-top: 40px;
}

.browseLinksWrap a,
.browseLinksWrap span {
    padding: 2px 6px;
    border: 1px solid #ccc;
    margin-right: 3px;
    font-weight: 600;
    background-color: #eee;
}

.browseLinksWrap span {
    background-color: #7f7f7f;
    color: #fff;
}

.fe-user-ul {
    margin: 0;
    margin-left: 18px;
    padding: 0;
}

.fe-user-ul li {
    font-size: 12px;
}

.news-single-item div.news-single-addresses hr,
.news-single-event div.news-single-addresses hr {
    border-color: #F6F6F6;
    color: #F6F6F6;
    margin-left: 20px;
    width: 194px;
}

.news-single-item div.news-single-addresses hr:last-child,
.news-single-event div.news-single-addresses hr:last-child {
    display: none;
}

/* WT DIRECTORY */

.tx-wtdirectory-pi1 h3 {
    background-color: #FFFFFF;
    color: #A9A9A9 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding-bottom: 5px;
    padding-left: 17px;
    padding-right: 0;
    padding-top: 14px;
    text-transform: uppercase;
    width: 213px;
}

.tx-wtdirectory-pi1 {
    background-color: #fff;
    padding-bottom: 20px;
}

.tx-wtdirectory-pi1 ul.wtdirectory_list {
    margin: 0;
    padding: 0;
}

.tx-wtdirectory-pi1 ul.wtdirectory_list li {
    list-style-type: none;
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
}

.tx-wtdirectory-pi1 ul.wtdirectory_list li:first-child {
    padding-top: 10px;
}

.tx-wtdirectory-pi1 ul.wtdirectory_list li p, .tx-wtdirectory-pi1 ul.wtdirectory_list li p a {
    margin-top: 6px !important;
    font-size: 13px;
    color: #757575 !important;
    font-weight: 400;
}

.tx-wtdirectory-pi1 ul.wtdirectory_list li p a {
    font-style: italic;
}

.tx-wtdirectory-pi1 ul.wtdirectory_list li img.wt_directory_icon_phone, .tx-wtdirectory-pi1 ul.wtdirectory_list li img.wt_directory_icon_mail {
    display: none;
}

.tx-wtdirectory-pi1 hr {
    color: #EFEFEF;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 80%;
}

.tx-wtdirectory-pi1 hr:last-child {
    display: none;
}

.topnav {
    position: absolute;
    right: 0;
    text-align: right;
    top: 10px;
    width: 210px;
    color: #909090;
    padding-left: 0;
}

.language {
    position: absolute;
    top: 120px;
    right: 0px;
    margin: 0px;
}

.top_nav_l {
    display: none;
}

ul.topnav {
    display: none;
}

p.top_nav_l a {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #909090;
    margin: 0 4px;
}

p.top_nav_l li {
    margin: 0 8px;
    color: #909090;
}

.bodytext.graduierten {
    line-height: 16px;
}

p.graduierten span {
    display: block;
    margin: -2px 0;
}

.content-box ul.ce-uploads span {
    margin-left: 165px;
}

.content-box ul.ce-uploads span.ce-uploads-fileName {
    margin-top: 10px;
}

#institute .content-box ul.ce-uploads li {
    background-position: 0 18px;
}

/* Text-Stil "wichtig" (im RTE auswählbar) war bisher (Nov 2017) nicht definiert, das mache ich (DS) hiermit */
span.important {
    font-weight: bold;
    color: red;
}

/* Variante für Alumni-Plattform: Linke Spalte über volle Breite */
.platform div#home_content_left {
    float: left;
    margin-right: 0px;
    width: 960px;
}

/* Für Kursmaterial den Margin für die Thumbnails entfernen - Kann bisher nicht verwendet werden, weil das Intranet-Layout dadurch betroffen ist - müsste anders selected werden, siehe "Setup" in der Template-Ansicht der Seite (dort eine class oder id hinterlegen?)
.content-box ul.ce-uploads span {
	margin-left: 0px;
	}
*/

/* Für Einverständnisseiten Kursregistrierung, bzw. Pop-up-Seiten ohne Menü und Ränder */
.barecontent #outer_header, .barecontent #main_menu, .barecontent #rootline {
    display: none;
}

.barecontent #under_stage {
    margin: 0px;
    width: 100%;
}

.barecontent #outer_footer #inner_footer {
    margin-right: 20px;
    width: auto;
}

.barecontent #inner_content {
    margin: 0px;
    width: 100%;
}

.barecontent #inner_content #home_content_left {
    width: auto;
    padding: 0 20px 0 20px;
    margin: 0px;
}

.barecontent #inner_content #home_content_left h1 {
    display: none;
}

.barecontent #inner_content #home_content_left ol {
    font-size: 14px;
    padding-left: 25px;
    padding-right: 10px;
}

#tropmed-start_inner_content .content-box {
    margin: 40px 0;
    padding: 0;
    width: initial;
}

#tropmed-start_inner_content .ce-textpic .ce-bodytext p {
    font-size: 30px;
    line-height: 280px;
    width: 350px;
    padding: 0;
    transition: background 0.25s;
    color: #fff; /* #000 */
    /*background: rgba(255,255,255,0.6);*/
}

#tropmed-start_inner_content .ce-textpic .ce-bodytext p:hover {
    background: rgba(140, 140, 140, 0.5);
    transition: background 0.25s;
}

#tropmed-start_inner_content #home_content_left .ce-textpic .ce-bodytext p {
    margin: 40px 30px 20px auto;
}

#tropmed-start_inner_content #home_content_right .ce-textpic .ce-bodytext p {
    margin: 40px auto 20px 30px;
}

#tropmed-start_inner_content .ce-textpic .ce-bodytext p a {
    display: table-cell;
    color: #fff; /* #000 */
    font-weight: 400; /* 300 */
    width: 350px;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 1), 0px 0px 30px rgba(0, 0, 0, 1), 0px 0px 60px rgba(0, 0, 0, 0.5);
}

#tropmed-start_inner_content .ce-textpic .ce-bodytext p a:hover {
    color: #fff;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}

#tropmed-start_inner_content .ce-gallery {
    width: 350px;
    max-height: 280px;
    /*border: 1px solid #ccc;*/
    box-shadow: 0 0 20px #ccc;
}

#tropmed-start_inner_content #home_content_left .ce-gallery {
    margin: 30px 30px 20px auto;
}

#tropmed-start_inner_content #home_content_right .ce-gallery {
    margin: 30px auto 20px 30px;
}

#tropmed-start_inner_content .ce-textpic .ce-bodytext {
    z-index: 100;
    position: relative;
    top: -320px;
    color: #000;
    text-align: center;
    font-weight: lighter;
    height: 0;
}

#tropmed-start_inner_content .ce-textpic {
    width: 100%;
}

contenttable.contenttable-1 {
    font-size: 24px !important;
}

#logo a img {
    height: 85px;
}

.tx-dce-pi1 p {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

.tx-dce-pi1 p:last-of-type {
    border-bottom: none;
}

table.oeffnungszeiten {
    font-size: 16px;
    font-weight: 400;
    margin: 5px auto 20px auto;
    color: #666;
    width: 80%;
}

table.oeffnungszeiten td {
    border-bottom: 1px solid #ccc;
}

table.oeffnungszeiten .td-0 {
    width: 10%;
    text-align: center;
}

table.oeffnungszeiten .td-1 {
    width: 25%;
    text-align: center;
}

table.oeffnungszeiten .td-2 {
    width: 66%;
}

table tr:last-of-type td {
    border-bottom: none;
}

#under_stage h2 {
    font-weight: 600 !important;
}

#home_content_right ul {
    padding-left: 0px;
}

#home_content_right li {
    border-top: 1px solid #d9d9d9;
    list-style-type: none;
    padding: 10px;
    margin-right: 10px;
    background: #eee;
}

#home_content_right li:first-of-type {
    border-top: none;
}

#home_content_right li:hover {
    background: #ddd;

}

#home_content_right li a {
    text-transform: uppercase;
    color: #2E2E2E;
    text-decoration: none;
    font-size: 14px;
    padding: 13px;
}

#home_content_right li:hover a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}

/* Tropmed-Sprachmenü-States */
ul.language li {
    margin-left: 10px;
}

li.not_available {
    display: none !important;
}

li.available_language a {
    display: inline-block;
    background-color: #000;
    opacity: 0.3;
    line-height: 1em;
}

/*li.selected a img {
	box-shadow: 0 0 5px rgba(255,255,255,1);
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}*/

li.available_language a img {
    /*background-color: rgba(0,0,0,0.4);*/
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    opacity: 1;
}

#home_content_right p {
    padding: 0 10px 5px 0;
    margin: 0px;
    color: #666;
    font-size: 13px;
}

div.ce-textpic .ce-gallery figure.image {
    margin-bottom: 0px !important;
}

div.ce-textpic .ce-textpic-imagewrap figure.ce-textpic-image {
    margin: 0px !important;
}

/* Abweichungen bei Fullsize-Layout */

.onecolumn #home_content_left {
    width: 960px;
    margin-right: 0px;
}

.trigger{
    color: #666;
    text-transform: uppercase;
    background: unset;
    padding: unset !important;
    margin: unset !important;
    position: relative;
    border:0;
    width:100%;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 400 !important;
}

.accordion-header {
    padding: 4px 10px !important;
    background: url("../img/tropmed-xs-trigger.png") no-repeat scroll 650px 5px /*#F4F4F4*/;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    margin: 10px 0 !important;
}
.accordion-header.expanded {
    background: url("../img/tropmed-xs-trigger_active.png") no-repeat scroll 650px 5px /*#F4F4F4*/;
}


.onecolumn #home_content_left .accordion-trigger {
    background: unset;
    padding: unset !important;
    margin: unset !important;
    position: relative;
    border:0;
    width:100%;
    text-align: left;
    font-family: 'Raleway', sans-serif;

}

.onecolumn #home_content_left .accordion-header {
    background: url("../img/tropmed-xs-trigger.png") no-repeat scroll 910px 5px /*#F4F4F4*/;
    border-left:1px solid lightgrey;
    border-top:1px solid lightgrey;
    width:100%;
    position: relative;
    margin: 10px 0 !important;
    padding: 4px 10px !important;
}

.onecolumn #home_content_left .accordion-header.expanded {
    background: url("../img/tropmed-xs-trigger_active.png") no-repeat scroll 910px 5px /*#F4F4F4*/;
}


div.ce-textpic .ce-textpic-gallery figure, div.ce-textpic figure.image {
    margin: 0;
    display: table;
}

div.ce-textpic.ce-center .ce-gallery, div.ce-textpic.ce-center figure.image {
    overflow: hidden;
}

/* Länderseiten, Läbderinformationen, RMZ, Country */

.countryheader .text {
    position: absolute;
    z-index: 10;
}

.countryheader .text h4 {
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 200;
    color: rgba(0,0,0,0.6);
    margin: 10px 15px;   
}

.countryheader .text p {
    margin-left: 15px;
}

.countryheader figure {
    float: right;
    margin: 0 15px 0 0;
    width: 45%;
}

.countryheader figure img {
    width: 100%;
    height: auto;
}

.countryheader figure .imagecontainer {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 150px;
}


.countryheader figure .imagecontainer::before {
    content: "";
    position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(-90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,1) 100%);
  /* Adjust the colors and stops as needed */
  pointer-events: none; /* Allow clicks to pass through the pseudo-element to the image */
}

.countrydisclaimer {
    background: #cde3f4;
    margin: 1em 0;
    padding: 1em;
}

.countryinfobox {
    /*background: #fceec5;*/
    padding: 0.5em 0 1em 0;
}

.countryinfobox:first-child {
    padding-top: 0;
}

.countrypage .countryinfobox table {
    margin-bottom: 0.5em !important;
    border-bottom: none;
}

.countryinfobox table tr {
    background: none !important;
}

.countryinfobox table td {
    padding: 2px 10px;
}

.countryinfobox table td:first-child {
    width: 2em;
}

.countrydisclaimer h3, .countryinfobox h3 {
    margin-top: 0;
    font-size: 18px;
}

.countrypage .overview {
    width: 100%;
    margin-bottom: 1em;
}

.countrypage .content-box {
    margin-top: 0;
    padding-top: 0;
}

.countrypage p {
    border-bottom: none;
}

.countrypage sup {
    font-weight: bold;
    color: #437299;
}

.countrypage table {
    text-align: left;
    font-size: 14px;
    margin-bottom: 1em;
    width: 100%;
     border-bottom: 1px solid #ccc;
}

.countrypage table tr:nth-of-type(odd) {
    background: #ddd;
}

.countrypage th, .countrypage td {
    vertical-align: top;
    border-bottom: none;
}

.countrypage td:first-of-type {
    width: 9em;
}

.countrypage table * {
    margin: 0;
}

.countrypage table ul {
   padding-inline-start: 14px;
}

.countrypage table td > ul {
   margin-bottom: 0.4em;
}

.countrypage table ul li {
   line-height: 150%;
}

.recommendationsection {
    background: #f3f3f3;
    padding: 1em;
    margin-bottom: 1em;
    border: 1px solid #dfdfdf;
    margin-top: 2em;
}