body.bodyweb {
margin:0;
font-family: Arial, sans-serif;
color:#375793;
}

p.description.hyphenate {color:rgb(0,67,128);}

sup, sub {font-size: 60%;}
span.pubtypes {
    display: none;
}




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


h1{
font-size: 220%;
line-height: 1.5em;
}

h1.title {
margin: 50px 0 2px 0;
}

h2 { padding-top: 25px;     font-size: 190%;}
h3 { padding-top: 1.2em;     font-size: 170%;}
h4 { padding-top: .5em;     font-size: 150%;}
h5 { padding-top: .4em;     font-size: 130%;}

.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, a:visited, a:hover {
text-decoration: underline;
color:#014380;
}


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

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

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


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

img[alt="application/pdf"], img[alt="binary/octet-stream"], img[alt="application/force-download"], img[alt="application/x-octet-stream"] {display: none;}


img.imgright, div.leftcol img, .research, .partner {display:none;}

p {
margin-top: 10px;
font-family: Arial, sans-serif;
font-size: 95%;
line-height: 1.4em;
}


h2 {
font-weight: bold;
color: rgb(198,89,130);
}

i, em {
font-style: italic;
}

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

div.content div ul { padding-left: 2em; }

div.content div ul li:before {
  content: "\f0c8";
  font-family: fontAwesome;
  color:#014380;
  font-size: 50%;
  margin: 0 10px 0 -2em;
  vertical-align: top;
}

div.content .four.columns ul {
list-style-type: circle;
padding-left: 23px;
}


.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 { border-top: 1px solid #b99764;   border-bottom: 1px solid #b99764;   margin-top: 1em;   padding-bottom: 1em;   margin-bottom: 1em; }
a#scientificgroups:hover {text-decoration: none;}

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: circle;
padding-left: 23px;
}

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

div.logo {
margin: auto;
padding: 0;
background: #fff;
}


article {
overflow: hidden;
background-color: #fff;
position: relative;
z-index: 0;
min-height: 785px;
margin:auto;
padding-bottom: 20px;
}

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

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


.teaser div#teaser{
clear: both;
background: transparent;
font-size: 90%;
padding-bottom: 40px;
}
.ZMSTeaserElement a em {
    font-style: normal;
    font-weight: bold;
}
.ZMSTeaserElement a {    text-decoration: none;}


div.ZMSTeaserElement div.graphic {text-align: center;}

div.ZMSTeaserElement .text {
font-size: 14px;
padding:0 20px;
}
.ZMSTeaserElement .title {
    padding: 0 20px;
font-weight: bold;
}

 div.ZMSTeaserContainer {
/*border: 1px dotted #777d83;*/
line-height:1.5em;
margin-top: 19px;
}

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

div.ZMSTeaserElement div.title a {
    color: #375793;
    font-weight: bold;
    text-decoration:none;
}




.clearfloating {
height: 4px;
}

footer {
background: #375793;
color: #333;
padding-bottom: 50px;
font-size: 80%;
bottom: 0;
width: 100%;

}

footer img {
/* max-width: 100%;
height: auto;
padding-top: 20px; */
max-width: 95%;
height: auto;
padding-top: 20px;
  margin: 0 21px 0 0;
}

footer p {
color: #fff;
margin:auto;
    font-weight: bold;
    font-size: 16px;
}

footer p a:link, 
footer p a:visited {
text-decoration: none;
color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.dreilogos {
  float: left;
}

.logoimages {
  margin: 10px 0 0 3%;
  overflow: hidden;
}
.dreilogos .desy, .dreilogos .mpg, .dreilogos .uhh {float:left;}
.dreilogos .desy {width: 55px;}
.dreilogos .mpg {width: 85px;}
.dreilogos .uhh {width: 154px;}

footer p.logotext {
  color: #333;
  margin: 0 0 0 6px;
  float: left;
  font-size: 9px;
}

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

.menu-button {
text-align: center;
background: #fff;
color: #ccc;
border-bottom: 1px solid #b99764;
border-top: 1px solid #b99764;
padding: 20px;
}

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

.area_group {
color: #b99764;
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 #b99764;
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;}

footer p.logotext {
  color: #333;
  /*margin: 0 0 0 25px;*/
  float: left;
  font-size: 10px;
}


 a.conference:hover {text-decoration:none;}
span.bib_row span.bib_cell span[style$="display:block"] {flex-direction:column; height:95px;}
div.ZMSTeaserElement {
    width: 100%;
    background: #e2eef8;
    margin-bottom: 20px;
    padding: 20px 0;
}
.logo img { width:100%;height:100%;}


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

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

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

.teaser div#teaser {
clear: both;
}


}

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

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

.logo img {
padding-right: 0;
display:block;
height: auto;
margin: auto;
max-width:750px;
}

.content {width: 100%;}

}


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

}

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


span.bib_row span.bib_cell span span[style$="font-size:xx-small"]:last-child {
    position: absolute;
}
span.InvenioOtherFormats {
    font-size: 14px !important;
    float:left !important;
    position: relative;
    background: #fff;
}
span.bib_row span.bib_cell span[style$="display:block"] {flex-direction:row; height:auto;}


}

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

body.bodyweb {
background: #fff;
}


.content {
float: left;
width: 740px;
}


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

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

.left_teaser {margin-top: 60px;}

div.ZMSTeaserElement {
    width: 327px;
}

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


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


div.leftcol {
width: 275px;
height: auto;
float: left;
display:block;
}

.middlecol {
float: left;
width: 740px;
}

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


p.social {margin-top: -20px;}
}

@media all and (min-width: 980px) {
    .noteaser div.middlecol {width: 69%;}
     .noteaser .content {width: 100%;}

.flexnav ul.open li.inactive.ZMSDocument0, .flexnav ul li.inactive.ZMSFolder0.childpages.item-with-ul ul.open, .flexnav ul li ul li.inactive.ZMSDocument0, .flexnav ul li:nth-child(2) ul li a {
width:308px;
}

.navcontainer ul li:nth-child(3) ul li a {width:308px;}
.navcontainer ul li:nth-child(3) ul ul li a {width: 216.6px;}

}

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

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

.content {width: 740px; margin: 0;}

footer {margin: auto; width: 100%;font-size: 18px;}
.logo{max-width: 1140px;}


}

@media all and (min-width: 1140px) {
article {width:1140px;}
header {margin: 0;}
p.social {float: right;margin-top: -35px;}

footer p {
width:1140px;
}

div.logoimages {
  margin: 14px 0 0 33%;
  overflow: hidden;
}



.teaser div#teaser{
clear: none;
margin-left:0;
float: right;
width: 327px;
margin-top:50px;
}

footer p.logotext {margin: 0 0 0 116px;}

}






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

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

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

/*--------------Gallery ---------------------*/
div.gallery div.mediaitem {
float: left;
min-height: 320px;
margin-right: 2em;
font-size: 70%;
padding-bottom: 30px;
width:290px;
height:300px;
}

div.gallery p.mediaiteminfo {font-size:80%;}

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: absolute;
font-size: 30px;
top: 135px;
left: 10px;
}

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

div.gallery div.text {width: 255px !important;}

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

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

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

div.gallery .ZMSGraphic div.text p {margin-top: 64px; font-size: 113%;}

/*---------------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.infobox div.ZMSFile div.title, div.infobox div.ZMSFile div.text, div.infobox div.ZMSFile div.title a, table.infobox, table.infobox div.ZMSFile div.title, table.infobox div.ZMSFile div.text {
font-size:15px;
}

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

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

div.ZMSFile img {
display: none;
}

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

div.LinkBox a:after {
content: "\f101";
font-family: FontAwesome;
margin-left: 5px;
}
/*------------------- 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: 90px;
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: #375793;
  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: #375793;}
div.ZMSFile div.title a:hover, div.ZMSLinkElement div.title a:hover {color: #a51e5d;}

div.ZMSLinkElement a:before {
  content: "\f08e";
  font-family: fontAwesome;
  margin-right: 10px;
}

/*--------------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 {
color: #a51e5d !important;
font-weight: bold;
display:none;
}

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

div.slide_item {background-size: cover;   background-position: 1px 0px;}

.desy_dot {
display: none;
}

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

.descriptionshadow {margin-left: -10px;}

p.highlight_txt {
color: #fff;
}

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

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

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

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

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

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



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

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

/* ---- Renate am 3.5.2017 ---- */

.invenio p { margin-bottom: 15px;}

img.linkresicon {
    float: right;
margin-top: -15px;
}
.invenio a.openurl {margin:0; height:0;}

.invenio span.refdoi {margin: 1em 0 0 0 !important;}

img[src$="12x16.gif"] { height: 0;}

a[href$="files?ln=en"]:before {
    content: "\f016";
    font-family: FontAwesome;
    margin-right: -10px;
}
span.bib_cell span small {display: none;}
.InvenioAdvancedLinks img[alt$="OpenAccess"], .InvenioAdvancedLinks img[alt$="DBCoverage"] {/*order: 3;*/ align-self:center; float: right; margin-top: 33px;margin-left:-80px;}
span.bib_cell span a[href$="files"] {/*order: 2;*/ align-self:center;
    float: right;
    margin-top: -27px;
    color: transparent;
    background: url(https://www.cfel.de/common/library-link.gif) no-repeat;
    width: 150px;
    background-position: right;
}
span.InvenioAdvancedLinks {
    width: 100%;
    overflow: hidden;
    line-height: 5em;
    justify-content: space-between;
    margin-top: -20px;
    position: relative;
    background: #fff;
}

span.bib_row span.bib_cell span span[style$="font-size:xx-small"]:last-child {
    float: left;
   /* background: red; */
    font-size: 14px !important;
    margin-left:-6px;
}

span.bib_row span.bib_cell span a[href$="files?ln=en"] {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-right: 5px;
}

span.bib_row span.bib_cell span[style$="display:block"] {
    /*background: yellow;*/
    overflow: hidden;
    line-height: 5em;
    /*display: flex !important;*/
    justify-content: space-between;
    margin-top:-20px;
    position: relative;
    background: #fff;
}


/* ---- End of Renate am 3.5.2017 ----- */


/*---------------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: 5% !important;
}

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

.box_announcement {
overflow: hidden;
margin: 1em 0;
height: 250px;
padding-top: 3px;
}
/*.box_announcement .ZMSGraphic { margin-top: 3px; }*/

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

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

.invenio a.refauthor {
    color: black;
    cursor: text;
    text-decoration: none;
}
.invenio a.RichTextExtLink.ExternalLink {
    color: black;
    text-decoration: none;
    cursor: text;
    margin: 1em 0 1.3em 0;
    display: inline-block;
}
.invenio > p {
    border-top: 2px solid #b99764;
    padding: 2em 1em;
}
.invenio a.refjournal {
    color: black;
    text-decoration: none;
    cursor: text;
    font-style: italic;
}
.invenio span.refvolume {
    font-weight: bold;
}
.invenio .refissue { display:none; }
.invenio span.refdoi {
    display: block;
    margin: 1em 0;
}
.invenio span.refdoi:before {
    content: 'doi: ';
}
.invenio span.roleDsp {
    display: none;
}
.invenio a.openurl {
    text-decoration: none;
    display: none;
    margin: -18px 0px 1.2em 0;
}

/*-------------- 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:#b99764 !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: #a51e5d !important;}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl, .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {color:#a51e5d !important;}
.gsc-tabsArea, .gsc-tabHeader.gsc-tabhActive {border-color: #b99764 !important;}
.gsc-tabHeader.gsc-tabhActive {border-top: 2px solid #b99764 !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:#a51e5d !important;}
.gs-web-image-box-portrait img.gs-image:before {content: "";}
.gsc-tabHeader.gsc-tabhInactive {background-color: #fff !important; border-bottom: 1px solid #b99764 !important;}
.gsc-tabsArea {height:30px !important;}
.gsc-selected-option-container {background: #b99764 !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: #b99764 !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: #b99764;
  color: #fff;
  padding: 5px 15px;
  border: 0;
}

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