body.bodyweb {
margin:0;
  font-family: Arial, sans-serif;
  color: #4E4E4E;
  font-size: 14px;
  line-height: 22px;
}

p.description.hyphenate {color: #000;}

sup, sub {font-size: 60%;}

div.ical:before {font-family: FontAwesome;content: "\f073";}
i.fa.fa-chevron-down.buttondown {
    color: #c40017;
}
.logo img {float:left;}

.shadow {
margin: auto;
}

h1, h2, h3, h4, h5 {
font-weight: bold;
font-family: Arila, sans-serif;
margin-bottom: 10px;
}


h1{
  font-size: 20px;
  color: #4E4E4E;
  background: none;
  line-height: 30px;
  margin: 35px 0 15px 0;
}

.metanavi {display:none;}

h2, h3, h4, h5 {
padding-top: 25px;
}

.mainpage h1.title {display:none;}
.mainpage .fancybox-overlay.fancybox-overlay-fixed h1.title {display:block;}
.mainpage .sliderwrapper {margin-top: 15px;}

strong, b {
font-weight: bold;
}

table tbody tr td div a h2 {
padding-top: 0;
}

a:link {
color: #c40017;
text-decoration: none;
}
a:visited {
color: #c40017;
text-decoration: none;
}

a:hover {
color:  #c40017;
text-decoration: underline;
}

a:focus {color: #c40017; text-decoration: none;}
a:active {color: #c40017; text-decoration: underline;}

a[href$="pdf"]:before {
content: "\f1c1";
font-family: FontAwesome;
margin-right: 10px;
}

div.graphic a:before {content: "";}

a[href$="pdf"]{color: #c40017;}
a[href$="pdf"]:hover{text-decoration:underline;}

img[alt="application/pdf"] {display: none;}


img.imgright {display:none;}

p {
margin-top: 10px;
font-family: Arial, sans-serif;
line-height: 20px;
}



i, em {
font-style: italic;
}

div.content div ul li {
/*list-style-type:none;*/
/*margin-left: 5%;*/
}

div.content div ul {margin-left: 15px;}

div.content .four.columns ul {
list-style-type: none;

}


.left {
float: left;
margin-right: 25px;
}

.center .graphic {
margin: auto;
}

.alignleft img.img {
float: left;
margin-right: 25px;
margin-top: 9px;
}

.alignright {
/*float: right;
margin-left: 22px;
margin-top: -16px;*/
}

.floatleft {
float: left;
margin-right: 25px;
}

div.ZMSLinkContainer { margin-top: 1em;   padding-bottom: 1em;   margin-bottom: 1em; background-color:#fff;}


div.ZMSFile, div.ZMSLinkElement {
background:transparent;
}

div.content div ul li {
/*padding-left: 15px;*/
}

div.sliderwrapper div ul li {
background: none;
padding-left: 0;
}

a.LinkElementInternalClient {
text-decoration: none;
}

div.content .four.columns ul {
list-style-type: none;
}

header {
text-align:left;
width: 100%;
z-index: 20;
position: relative;
}

div.logo {
margin: 0;
padding: 0;
background: #fff;
background-size:cover;
  height:115px;
 padding: 17.5px 0 10px 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

span.logoright {
    font-size: 20px;
    font-weight: bold;
    align-self: flex-end;
    padding-bottom: 5px;
    padding-top:20px;
}

div.logo.eng { background: url(common/logo-eng.jpg) 0%;}

article {
margin: 10px 2% 0 2%;
overflow: hidden;
background-color: #fff;
/*padding-bottom: 100px;*/
position: relative;
z-index: 0;
min-height: 600px;
}

.content {
width: 100%;
font-size: 100%;
line-height:1.5em;
margin-top: 10px;
}

.four.columns {
float: none;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}

.four.columns h5 {color:#c40017; font-size:16px;}

aside.teaser {
    width: 97%;
    float: right;
     margin-right: 15px;
}

.teaser div#teaser{
clear: both;
/*padding: 10px;*/
/*margin-top: 450px;*/
background: transparent;
color:#000;
font-size: 90%;
width: 100%;
padding-bottom: 40px;
}

.ZMSTeaserElement {padding-bottom: 40px;}

div.ZMSTeaserElement div.title {
  font-size: 12px;
  line-height: 17px;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  font-weight: bold;

}
div.ZMSTeaserElement div.title a {font-size: 100%;color: #000;}
.graphic a img[src*=misc] {display: none;}

.ZMSTeaserContainer h4 {padding: 0;}
a#pfeil_toggle_indico_teaser_ img {display: none;}

div.ZMSTeaserElement .text {
font-size: 12px;
}

 div.ZMSTeaserContainer {
  margin-bottom: 20px;
  background: #fff;
  padding: 8px;
  overflow: hidden;
    border: 1px solid #efefef;
}

div#teaser a {
    color: #000;
    line-height: 30px;
    background: url(../rot_navi.png) no-repeat 9px 9px;
    background-position: 2px 3px;
    font-size: 15px;
}
div#teaser a:before {
    content: "vvv";
    color: transparent;
}
div#teaser a[href$="pdf"]:before {content:"";padding-right:8px;}
div#teaser a[href$="pdf"] {background-position: 2px 3px;}

div.ZMSTeaserElement div.graphic a img.title {
float: left;
margin: 6px 7px 0 0;
}



.invenio p {padding-top: 15px;}

.clearfloating {
height: 4px;
}

footer {
color: #333;
padding-bottom: 100px;
font-size: 80%;
bottom: 0;
width: 100%;
height: 20px;
border-top: 1px solid #b8b8b8;
}

footer img {
max-width: 100%;
height: auto;
padding-top: 20px;
}

footer p {
color: #515151;
font-size: 11px;
text-align: center;
}

footer p a:link, 
footer p a:visited {
text-decoration: none;
color: #515151;
}

footer p a:hover {text-decoration:underline;}

.search-form-wrapper {display:none;}

.menu-button {
display:none;
text-align: center;
background: #01589d;
color: #fff;
padding: 20px;
}

img[src*="/misc_/zms/external_link.gif"] {
height:0;
}

.area_group {
color: #c40017;
text-transform: uppercase;
margin: 10px 0 0px 0;
float: none;
font-size: 80%;
/*font-weight: bold;*/
}

.area_description {
color: #333;
margin: 30px 0 0 0;
padding: 20px 0 0 0;
}

div.content div.area_description ul {
border-top: 1px solid #c40017;
padding: 10px 0 0 0;
}

div.ZMSGraphic.floatright {margin-left: 0px; float:none;}
div.ZMSGraphic.floatleft {margin-right: 0px; float:none;}
.graphic {max-width:100%;}
img.img {height: auto !important;}

.submenu-navbar.mobile ul.submenu {background: #f0f0f0; margin-top: 50px; padding: 20px 0;}
.submenu-navbar.mobile li {padding: 8px;}


/** Indico **/
.IndicoEventChair { display:none; }

.aktivitaet img {
    float: left;
    margin-right: 20px;
}

.aktivitaet {
    margin-top: 100px;
    clear: both;
    overflow: hidden;
}
.aktivitaet .titel {
    font-size: 20px;
    font-family: Arial, sans-serif;
    padding-bottom: 20px;
}

.aktivitaet .textblock {
    width: 65%;
    float: right;
}

div#Newsindex {
    margin-left: 15px;
    font-size: 12px;
}

ul#vList li:first-child {border-top: 1px solid #dcdcdc; font-family: Arial, sans-serif;}
ul#vList {margin-top: 75px;font-family: Arial, sans-serif; width:95%;border: 1px solid #e0e0e0; background-color: #F3F3F3;}
ul#vList li {list-style-type: none; margin-left: -40px;}

ul#vList li a span:before {
    content: "\f0da";
    font-family: FontAwesome;
    padding-right: 5px;
}
ul#vList li a.active.childpages span:before {content: "\f0dd";}

ul#vList a {
    background-color: #F3F3F3;
    color: #4E4E4E;
    display: block;
    text-decoration: none;
    padding: 6px 6px 6px 13px;
    border: 1px solid #fff;
    border-color: #fff #fff #D4D4D4 #fff;
}

ul#vList a:hover {  
  color: #000;
  text-decoration: none;
}

ul#vList li {
font-size: 13px;
  line-height: 1.2em;
  min-height: 1px;
}
ul#vList li ul li:first-child {border: 0;}
ul#vList li ul li {border: 0; margin-left:0;}
ul#vList li ul {margin-left: 0;padding-left: 0px;}
ul#vList a.current, ul#vList a.active {color: #000;font-weight: bold;}
ul#vList a.active.childpages {background-color: #e3e3e3;}
ul#vList li ul li a:before {padding-left: 10px;content: "";}
ul#vList li ul li a {background-color: #f9f9f9;border: none;}
ul#vList li ul li ul li a {padding-left: 30px;}

.standardindex .panel h5:before {
    content: url(../rot_navi.png);
    padding-right: 10px;
}
.standardindex .panel h5 {padding-top:0; color:#333;}
.standardindex .panel a:hover {text-decoration:none;}



@media all and (min-width:300px){

div.logo h1 {
padding-top: 76px;
}
}

@media all and (min-width: 430px) {

.teaser div#teaser {
clear: both;
width: 100%;
}

span.logoleft {padding-right: 50px;}

}

@media all and (min-width: 550px) {

div.ZMSGraphic.floatright {margin-left: 20px; float:right;}
div.ZMSGraphic.floatleft {margin-right: 20px; float:left;}

.content {width: 100%;}
article {margin: 10px 160px 47px 22px;}

}



@media all and (min-width: 880px) {

header { height: 43px; background:#fff; margin-top:0;}
div.logo {height:80px;}
}

@media all and (min-width: 950px) {

body.bodyweb {
background: #FAF9F9;
}

article {margin: 0px 160px 47px 0px; width: 100%;}
.shadow {width:900px;}


#students-pic {width: 240px;height: auto;}

.content {
margin-left:0;
float: left;
width: 650px;
}
article, footer. logo {width:900px;}


.search-form-wrapper {
display:block;
margin: 60px 0 0 55px;
float: left;
}



div.ZMSTeaserElement div.text p {
padding-left: 2px;

}

.teaser div#teaser {
clear: none;
margin-left:0;
float: right;
width: 73%;
}


footer{
float: none;
margin-top: 20px;
}

.four.columns {
margin: 20px 4% 0 0;
width: 45.161290%;
}


.area_group {
margin: 10px 0 10px 0;
float: left;
}

.area_person {
float: right;
margin: 10px 0 10px 0;
font-size: 80%;
}

.middlecol {
float: left;
margin: 0 25px;
}

footer img {
margin: 10px 0 0 3%;
padding-top: 0px;
}

.teaser div#teaser {
clear: none;
margin-left:0;
float: right;
width: 300px;
padding:0px;
margin-top:15px;
}
}

@media all and (min-width: 985px) {
    .noteaser div.middlecol {width: 75%;}
     .noteaser .content {width: 100%;}
.content {width: 650px;}
div.logo{max-width: 985px;    display: flex;
    justify-content: space-between;
    padding-right: 15px;}

.shadow, footer {width:985px;}
article {width: 985px;}
header {margin-top: 0; }
i.fa.fa-chevron-down.buttondown {display:none;}

.metanavi {display:block; float: right;}
.metanavi a {
  color: #fff;
  font-size: 11px;
  padding-right: 7px;
  border-right: 1px solid #fff;
}
.metanavi a:last-child {border-right: none;}

nav.navcontainer {
    width: 960px;
    height: 34px;
    margin-left: 12px;
}

aside.teaser {
    width: 300px;
}
ul#vList {width:260px;}

.middlecol {width: 550px;}


.submenu-navbar.mobile {display:none;}

}

@media all and (min-width: 1204px) {

header {
text-align: left;
z-index: 20;
position: relative;
}



footer {margin: 20px 0 0 0;}



}

@media all and (min-width: 1300px) {

article {margin: 0px 0 20px 0px;}
footer {margin:0;}

footer img {
margin: 10px 0 0 11%;
float: left;
}



}






/**************************************/
/*  CSS-Modul: ZMS-DEFAULTS         */
/**************************************/


div.ZMSGraphic {
	background-color:transparent; 
        margin:0;
}

a.zoom img.zoom
	{
	width: 23px;
	height: 21px;
	}

div.ZMSGraphic img {
 border:0px;
}



/*-- FLOATING ---------------*/
.clearing {
	clear: both;
	height: 0;
	border:0;
	margin:0;
	padding:0;
	line-height:0;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
img.imgNoborder {
	border:0px;
}

/*------------- column text------------------ */

		table.column td {
		vertical-align: top;
                padding: 20px;
		}

/*--------------Maps Hack--------------------*/
.smallteaser {
        padding:10px;
        width:220px;
        border: 1px dotted #e6e6e6;
        font-size: 1em;
        /* font-size:90%; */
}

/*---------------Personenprofile-------------*/

div.personName {
font-weight: bold;
background-color: #fff;

}
/*---------------Quicklinks-------------------*/

div.LinkElementTitle {
font-weight: bold;
padding: 5px;
color:  #333;
white-space: nowrap;
}

/*---------------ZMS Table---------------------*/

table.ZMSTable td {
background-color: #fff;
}
table.ZMSTable th {
background-color: #fff;
border-bottom: 1px solid;
}

table {border-collapse: collapse;}
td {padding: 10px;}
table.ZMSTable th {border-bottom: 2px solid #c40017;}

/*---------------Login Form---------------------*/
#login_required {
margin-left: 20%;
}

/*--------------Video-----------------------------*/
video {max-width:100%;}

/*--------------Gallery ---------------------*/
div.gallery div.mediaitem {
float: left;
min-height: 270px;
margin-right: 2em;
font-size: 70%;
}

div.mediaitem div.graphic img {
margin:0;
max-width: 100%;
height: auto;
margin-top: -28px;
}

div.gallery .fancybox:before {
content: "\f055";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
position: relative;
font-size: 30px;
top: 135px;
left: -5px;
}

div.gallery .fancybox:after {
content: "";
}

div.gallery .graphic {
clip: rect(0px 250px 170px auto);
position: absolute;
}

div.gallery div.ZMSGraphic div.text {
padding: 4px;
position: relative;
top: 157px;
line-height: 15px;
}

div.gallery div.ZMSGraphic {margin: 4px 0 0 0;}

div.gallery .ZMSGraphic div.text p {margin-top: 64px;}

/*---------------Forms-----------------------*/
input {
max-width:90%;
}

/*-------------------Infobox -----------------*/

div.ZMSFile div.title a:link, 
div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, 
div.ZMSLinkElement div.title a:visited {
font-size: 95%;
}

div.ZMSFile div.title, div.ZMSLinkElement div.title {
font-size: 0.8em;
}

div.ZMSFile, div.ZMSLinkElement {
float: none;
font-size: 20px;
font-weight: normal;
margin: 10px 0 0 0;
}

img[src*="/misc_/zms/internal_link.gif"] {
height: 0;
}

div.ZMSFile img {
display: none;
}

.six.columns.infobox {padding-left: 20px;}
.six.columns.infobox h3 {font-size:18px;}
div.ZMSFile div.title, div.ZMSLinkElement div.title { white-space: normal;}

div.LinkBox ul {
padding-left: 0;
list-style-type: none;
}
div.content div.LinkBox ul {margin-left: 0px;}


/*------------------- Images --------------------*/

div.graphic img {
/*margin: 20px 4% 0 0;*/
max-width: 100%;
height: auto;
}

div.ZMSGraphic.right div.graphic img {
float:right;
}

div.ZMSGraphic.right div.graphic.alignright .fancybox:after {
top: 220px;
left: 170px;
}

.fancybox:after {
content: "\f055";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
position: relative;
font-size: 30px;
top: -33px;
left: -5px;
}

a.fancybox {
text-decoration: none;
}

a.fancybox img {
background:none;
padding-bottom:0;
}

div.ZMSGraphic div.text, p.caption, div.ZMSGraphic div.text p{
  color: #c40017;
  font-size: 90%;
  padding:0;
}

div.ZMSGraphic.left {margin-right: 20px;}

/*-----------------ZMI--------------------*/
.zmi header {
position: relative;
}

div.ZMSFile div.text, div.ZMSLinkElement div.text, div.ZMSLinkElement div.description {
  font-size: 75%;
}

div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited {color: #c40017; font-weight:normal;}
div.ZMSFile div.title a:hover, div.ZMSLinkElement div.title a:hover {color: #c40017;}



/*--------------News Inclusion-------------*/

img.box_announcement_image.img {
clip: rect(0px 169px 170px auto);
position: absolute;
}

div.box_announcement p {
margin-left: 190px;
font-size:15px;
}
.all_news {
margin-top: 100px;
float: right;
}

div.box_announcement h6 {
margin-left: 190px;
font-weight: bold;
margin-bottom: -5px;
margin-top: -5px;
font-size: 16px;
}

.news_preview_text {
margin-bottom: 40px;
}

div.news_preview_text p a {
text-decoration: none;
color: #000;
font-size:15px;
}

a.read_more {
font-weight: bold;
}

/*---------------Formular-------------*/
div.formular {
background-color:transparent;
border:none;
}

div.formtext {
border:none;
}


.zmi a {
text-decoration:none
}
div.center .contentEditable {
margin-top:0 !important;
}

/*-----------------Slider------------------------*/
div.sliderbanner.has-dots ul li {
margin-left: 0;
list-style-type: none;
}

div.sliderbanner.has-dots ol.dots {
/*margin-left: 8px;*/
}

div.slide_item div.description h4 {
color:#fff;
}

.desy_dot {
display: none;
}

.slide_item .description h4 {
max-width: 200px;
}

p.highlight_txt {
color: #fff;
}

div.sliderwrapper {
margin-bottom: 18px;
position:relative;
}

ol.dots {
margin-bottom: 8px;
}

.sliderbanner .dots li.active {
background: #fff;
border: 2px solid #000;
}

.sliderbanner .dots li {
color: #000;
}

.sliderbanner.has-dots {
z-index:0!important;
}

div.content div.sliderbanner ul li:before {content:"";}
div.content div.sliderbanner ul{padding-left:0;}

/*---------------Seminars---------------*/

.seminar {
border-top: 2px solid #c40017;
margin: 0 0 30px 0;
padding: 20px;
}

.seminar b {
color: #c40017;
font-weight: normal;
}

/*----------------Publications----------*/
.publication {
border-top: 2px solid #c40017;
margin: 0 0 50px 0;
padding: 20px;
}

div.publication table,  div.publication th,  div.publication td {
  border: 0;
}

/*---------------Scientific Area ---------------*/

div.area a:hover {
text-decoration: none;
}

.area {
margin: 0 0 30px 0;
}

div.area ul li {
list-style-type: none !important;
margin-left: 2% !important;
}

div.area ul li:before {
content: "\f0c8";
font-family: FontAwesome;
font-size: 50%;
margin: 0 10px 0 0;
color: #c40017;
}

.box_announcement {
overflow: hidden;
margin: 0 0 15px 0;
height: 250px;
}

img.box_announcement_image.img {
clip: rect(0px 170px 170px auto);
position: absolute;
width: 170px;
}

div.news_preview_text p font {
font-size: 15px;
}


/*-------------- Suche ----------------*/

.suchergebnis table,  .suchergebnis th,  .suchergebnis td {border: 0;}

.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {color:#c40017 !important;}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {color: #000 !important;}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl, .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {color:#000 !important;}
.gsc-tabsArea, .gsc-tabHeader.gsc-tabhActive {border-color: #c40017 !important;}
.gsc-tabHeader.gsc-tabhActive {border-top: 2px solid #c40017 !important;  border-bottom: 1px solid #fff !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page, .gsc-results .gsc-cursor-box .gsc-cursor-page {color:#000 !important;}
.gs-web-image-box-portrait img.gs-image:before {content: "";}
.gsc-tabHeader.gsc-tabhInactive {background-color: #fff !important; border-bottom: 1px solid #c40017 !important;}
.gsc-tabsArea {height:30px !important;}
.gsc-selected-option-container {background: #c40017 !important; color: #fff !important; border-radius: 0 !important;}
.gsc-refinementsArea, .gsc-above-wrapper-area {border-bottom:0 !important;}
table.gsc-branding, table.gcsc-branding {display: none !important;}
.gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhInactive {color: #c40017 !important; text-transform: uppercase !important;}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {margin-left: 10px;}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {padding-bottom:0 !important;}
td.gsc-table-cell-thumbnail.gsc-thumbnail {padding-top: 5px;}
td.gsc-table-cell-snippet-close {padding-top: 0;}
span.gs-fileFormat {margin-left: 10px;}

input.form-submit {
  background: #c40017;
  color: #fff;
  padding: 5px 15px;
  border: 0;
}

input#raw {
  border: 1px solid #c40017;
  padding: 4px;
  width: 150px;
}
input#raw:focus, input.form-submit:focus {outline: none;}

.breadcrumb {font-size: 11px;}
.breadcrumb span {color: #4E4E4E;}
.breadcrumb span a {color: #4E4E4E; text-decoration:none; font-weight:bold;}
.indico_link{
        text-decoration: none !important;
        cursor: pointer;
    }
    .indico_link:before{
        display: none;
    }
    .indico_link:hover .indico_date{
        text-decoration: underline;
    }
    .indico_event{
        background: url(https://unith.desy.de/common/rot_navi.png) no-repeat;
        background-position: 1px 10px;
        padding-left: 2px;
        margin-bottom: 12px;
    }
    .indico_event:before {
        content: "vvv";
        color: transparent;
    }
    .indico_date{
        font-weight: bold;
    }
    .indico_event_content{
        font-size: 12px;
        font-family: Arial, sans-serif;
        line-height: 20px;
    }
    .indico_title{
        font-weight: bold;
    }