/*  
PARTICLE PHYSICS

Hauptnavigation: DesySans Cn Bold
Sprachenkürzel: DesySans Cn Medium
Headline im Header: DesySans Cn Medium
Headline (H1): DesySans Cn Medium, Subheadline: DesySans Cn Regular, Orange
Zwischenüberschriften (H2): DesySans Cn Medium
*/



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
 
body.print {
	background-color:#fff; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Search Form
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
.searchForm table {
	width:100%;
}
.searchForm input {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}
.searchForm input.searchInput {
	width:80%;
}
.searchHeader {
	text-align:right;
	border-top: 1px solid #CCC;
	background-color: #EEE;
	font-size:70%;
}
.searchResult {
	margin-bottom:20px;
}
.searchResult span.title {
	display:block;
	font-weight:bold;
	color:#2200D5;
}
.searchResult span.title a {
	color:#2200D5;
}
.searchResult span.title a:visited {
	color:#91198B;
}
.searchResult span.description {
	display:block;
}
.searchResult span.linkpath {
	display:block;
	font-size:smaller;
	line-height:1.3em;
} 
.searchResult span.linkpath a {
	color:#008000;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSLinkContainer
	{
	background-color: #eee;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSFile / ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSFile, div.ZMSLinkElement 
	{ 
	background-color: #F8F8F8;
	margin: 4px;
	}

div.ZMSFile.none, div.ZMSLinkElement.none 
	{
	background-color: transparent;
	border: 2px dashed #eee;
	}

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft 
	{ 
	float:left;
	width:50%
	}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright 
	{ 
	float:right;
	width:50%
	}

div.ZMSFile div.title, div.ZMSLinkElement div.title 
	{
	font-size:x-small;
	white-space:nowrap;
	}

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-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSFile div.text, div.ZMSLinkElement div.text 
	{
	font-size:xx-small;
	}

div.ZMSFile div.description, div.ZMSLinkElement div.description 
	{
	font-size:x-small;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

a.fancybox img {
	padding:1px 1px 21px 1px;
	background:transparent url(/misc_/zms/zoom.gif) bottom right no-repeat;
	background-color:transparent; 
}

div.ZMSGraphic_extEdit_action {
	margin:0px 0px 20px 0px;
}

a.ZMSGraphic_extEdit_action img {
	padding:1px 1px 9px 1px;
	background:transparent url(/misc_/zms/ico_plus.gif) bottom right no-repeat;
}

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

div.ZMSGraphic.left {
	text-align:left;
}

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

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

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

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

div.ZMSGraphic.center div.graphic {
	text-align:center;
	margin:0px auto;
}

div.graphic.alignleft {
	float:left;
	text-align:right;
}

div.graphic.alignright {
	float:right;
	text-align:right;
}

div.ZMSGraphic div.text {
	padding: 4px;
}

/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic {
	width:100% !important; 
}
div.ZMSGraphic.right div.graphic img {
	display:inline !important;
}

a.zoom img.zoom,
a.superzoom img.superzoom,
a.download img.download {
	width: 26px;
	height: 21px;
	background-position:top right;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}
a.zoom img.zoom { background-image: url(/misc_/zms/zoom.gif); }
a.download img.download { background-image: url(/misc_/zms/download.gif); }
a.superzoom img.superzoom { background-image: url(/misc_/zms/superzoom.gif); }

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTables
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

table.ZMSTable th {
	background-color:#DDEFFC; 
}

table.ZMSTable td {
	background-color:#EEEEEE; 
}

body.print table.ZMSTable th, 
body.print table.ZMSTable td {
	background-color:transparent; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div#teaser
	{
	width:150px;
	font-size:x-small;
	}

div.ZMSTeaserContainer
	{
	padding:1px;
	margin-bottom:10px;
	}

div.ZMSTeaserElement
	{
	}

div.ZMSTeaserElement img.title
	{
	border: none;
	}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title
	{
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding: 2px;
	display: block;
	}

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited,
div.ZMSTeaserElement div.text
	{
	}


/*** BO Invenio Styles ***/
span.reftitle { color: #000; }
span.refauthor { white-space: nowrap; }
.linkresicon {
	height: 1.1em;
	border: none;
	vertical-align: text-bottom;
}
li.record { list-style-type: none; }
li.record div.title { font-size: 12px; font-weight: bold; letter-spacing: normal; margin: 0; }
ul.authors { margin-top: 0; margin-left: 0; list-style: none; }
li.author { float: left; }

.publicationYear1,
.publicationYear2 {
    display: none;
}

.MathJax .math span {
  font-family: Arial !important;
  font-size: 13px;
}
/*** EO Invenio Styles ***/
/* >>>>>>>>>> ERROR in indicoevents - AttributeError: 'str' object has no attribute 'getHref' <<<<<<<<<< *//* BO Imagemap CSS */
#dhtmltooltip {
 font-size:11px;
 line-height:1.25em;
 color:#666; 
}
div.imgagemap {
 text-align:center;
}
/* EO Imagemap CSS *//* -------// BO LinkBox.f_css_defaults //------- */

.LinkBox { font-size: 0.8em; }
.LinkBox a { font-size: 1.2em; }
.LinkBox li { line-height: 140%; }
.infoboxtitle { font-weight: bold; }

table.infobox {
  margin:1em 0em;
}

p.infoboxtitle,
td span.infoboxtitle  {
	padding:3px;
	margin:0px;
	font-weight:bold;
	font-size:13px;
}

table.infobox div.ZMSFile,
table.infobox div.ZMSTextarea {
  margin-left:20px;
}

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

table.infobox div.ZMSFile div.title a:link {
        color: #0000EE;
	font-size:13px;
}

table.infobox div.ZMSFile div.title a:hover,
table.infobox div.ZMSFile div.title a:active {
        color: #0000EE;
        text-decoration: underline;
}

table.infobox div.ZMSFile div.title a:visited {
        color: #551ABB;
        text-decoration: none;
	font-size:13px;
}

table.infobox div.ZMSFile div.text {
margin-left:20px;
}
table.infobox p {
   margin-left:24px;
}  

/* -------// EO LinkBox.f_css_defaults //------- */.trigger {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 1px #fff inset;
	-webkit-box-shadow:0 1px 1px #fff inset;
	box-shadow:0 1px 1px #fff inset;
	background:-moz-linear-gradient(center top, #e9e9e9 50%, #ddd 50%);
	background-color:#ddd;
	border:1px solid #ddd;
	color:#888;
	cursor:pointer;
	margin-bottom:5px;
	padding:5px;
	text-shadow:0 1px 0 #fff;
}
.trigger_active {
	color:#333;
}
toggle_wrapper {
	clear: both;
	margin-bottom: 2em;
}
.toggle_container {
	padding:5px 10px;
}
.expand_button {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border-left: 3px solid #e1010f;
	margin: 0 auto 10px;
	border-bottom: 3px solid #e1010f;
	border-right: 3px solid #009DE1;
	border-top: 3px solid #009DE1;
	text-align: center;
	font-weight: bold; 
	float:right;
	cursor:pointer;
	position:relative;
}
/* BO formContainer.f_css_defaults */

div.formular {
/* display:table; */
/* table-layout:auto; */
width:auto;
border-collapse:collapse;
background-color:#fcfcfc;
border:1px solid silver;
padding:3px;
font-size:12px;
}
div.formrow {
/* display:table-row;*/
}
div.formtext, div.formvalue {
/* display:table-cell; */
}
div.formtext {
margin-top:15px;
font-weight:bold;
border-top: 1px dotted #bbb;
padding-top:2px;
line-height:150%;

}
div.formtext span.hints {
font-style:italic;
font-weight:normal;
}
table.displayRecords { 
border:2px solid #808080;
border-collapse:collapse;
}
table.displayRecords td {
border:1px solid silver;
padding:3px;
vertical-align:top;
}

.form-small {
font-size:11px;
vertical-align:top;
}

.zmiTableRowHead {
background-color:#ccc;
font-size:x-small;
padding:3px;
}

.zmiTableRowEven {
background-color:#eee;
font-size:x-small;
}
.zmiTableRowOdd {
background-color:#ddd;
font-size:x-small;
height:15px;
}
textarea.zmiTableRowOdd {
background-color:#ddd;
font-size:11px;
width:600px;
height:150px;
}
select.zmiTableRowEven, select.zmiTableRowOdd {
background-color:#eee;
font-size:x-small;
width:150px;
}

/* EO formContainer.f_css_defaults *//* -------// BO FAQ.f_css_defaults //------- */

#faq_smallteaser {
	float: left;
	width: 100%;
	font-size: 13px !important; font-size: 0.9em;
	font-weight: bold;		
        padding: 5px;
}

#faq_box {
   float: left;
   width: auto;
   border: 1px dashed #D3D3D3;
   margin-top: 10px;
   margin-bottom: 10px;
}

.faq_teaser {
   background: #DBE4D4;
   font-size: 13px !important; font-size: 0.9em;
   font-weight: bold;
   padding: 5px;
}

.faq_toplink {
   padding: 5px;
}

.faq_body {
   padding: 5px;
}

.faq_links {
  margin-bottom: -5px;         
}

/* -------// EO FAQ.f_css_defaults //------- */
/* -------// BO ColumnText.f_css_defaults //------- */

table.column{
  border:0px solid black;
  padding:0px;
}
td.col{
 text-align:left;
 vertical-align: top;
 padding:2px;
}
td.col a:visited {
 text-decoration:underline; 
}
td.col div.text{
   padding-bottom:0px;
	}
td.col img{
 border:none;
}


/* -------// EO ColumnText.f_css_defaults //------- */


.sliderbanner { 
	position: relative; 
	overflow: auto;
}

.sliderbanner li { 
	list-style: none;
	max-height: 300px;
}

.sliderbanner li div {
	height: 300px;
}

.sliderbanner ul { 
	padding: 0; 
	margin: 0; 
}

.sliderbanner ul li { 
	float: left; 
}

.slide_item {
	background-repeat: no-repeat;
	padding-top: 40px;
	text-align: left;
	font-weight: normal;
	line-height: 29px;
	font-size: 22px;
	font-family: Helvetica;
	background-size: cover;
        padding-right: 60%;
        padding-left: 11px;
/*        padding-left: 2%; */
}
ol.dots {
	position: absolute;
	display: block;
	list-style-type: decimal;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	bottom: 0px;
	text-align: left;
	width: 100%;
        margin-left: -30px;
}

.sliderbanner .dots li {
	display: inline-block;
	margin: 0px 2px;
	color:#E89700;
	/*text-indent: -999em;*/
	border: 2px solid #fff;
	/*border-radius: 6px;*/
	cursor: pointer;
	/*opacity: .4;*/
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
        padding: 0 4px;
        background: #fff;
        font-weight: bold;
}

.sliderbanner .dots li.active {
        background: #E89700;
        color: #fff;
        opacity: 1;
        border: 2px solid #E89700;
}

p.sicopy {
    position: absolute;
    font-size: 9px;
    color: #fff;
    background: rgba(0,0,0,.2);
    padding: 0 5px;
    top: -20px;
    margin-left: -10px;
}
.teaser p.sicopy {
    text-transform: none;
    top: 195px;
}

.sub_title {
	font-size: 15px;
	letter-spacing: 0;
	adding-top: 20px;
        line-height: 20px;
}

.sliderbanner ul li a {
	text-decoration: none;
}

.descriptionshadow {
background: #000;
opacity: 0.6;
padding-top: 12px;
margin-top: -40px;
margin-left: -11px;
padding-left: 8px;
}
.descriptionshadow.shadowbottom { margin-top: 27%; }

.slide_item .description {
position: absolute;
top: 10px;
max-width: 200px;
margin: 0;
}
.slide_item .description h4 { max-width: 100px; }
.desy_dot { color: #E89700 }


/*** IE7+8 Hacks ***/
ol.dots {
  margin-left: 510px\9;
  margin-bottom: 1.5em\9;
  width: 170px\9 !important;
}
ol.dots li.dot { float: left\9; }
.descriptionshadow {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
}

/*** /IE7+8 Hacks ***/


div.gallery { margin-top: 10px; }
div.mediaitem {
  float: left;
  height: 300px;
  margin-right: 2em;
  font-size: 70%;
}

#quick_nav_container { margin-bottom:10px; }

.quick_nav_item { 
	width: 232px;
	height: 35px;
	margin-bottom: 4px; 
	background-color: #007acc;
 }

a:hover .quick_nav_item { 
	background-color: #E89700;
}

a:hover .quick_nav_img_wrapper {
	background-color: #E89700;
}

.quick_nav_img_wrapper {
	width: 232px;
	height:35px;
	background-color: #007acc;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	display: block;
	position: absolute;
}

.quick_nav_img {  
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 100%;
	height:35px;
}

.quick_nav_nontrans {
	position: absolute;
	text-align: right;
	width: 232px;
}
.quick_nav_nontrans h4 {
/*	display: table-cell;
	vertical-align: middle; */
	padding: 3px 10px;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
/*	letter-spacing: 0.1em;*/
}
/* Chrome only hack */
::root .quick_nav_nontrans h4 { line-height: normal; }

/* -------// BO PersonalProfile.f_css_defaults //------- */

.personName{
 font-size: 12.5px;
 font-weight: bold;
 padding-left: 3px;
}

.personPic{
  float:left;
  margin-right:10px;
}

.personPic img {
  border:0;
  width:100px;
}

.personBox{
 background-color: #f5f5f5; 
}

.profilBoxData { padding: 6px 0; margin-left: 110px; }

.profilBoxDataKey { color:#666; }

.personDescr{
 padding: 0.3em; 
 font-style: italic;
 line-height: 125%;
}  

.profilBox{
 background-color: #f5f5f5; 
 border-bottom: 1px solid #CCC;
 border-top: 1px solid #CCC;
 overflow:hidden;
 height: 140px;
}
/* -------// EO PersonalProfile.f_css_defaults //------- */.trigger {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 1px #fff inset;
	-webkit-box-shadow:0 1px 1px #fff inset;
	box-shadow:0 1px 1px #fff inset;
	background:-moz-linear-gradient(center top, #e9e9e9 50%, #ddd 50%);
	background-color:#ddd;
	border:1px solid #ddd;
	color:#888;
	cursor:pointer;
	margin-bottom:5px;
	padding:5px;
	text-shadow:0 1px 0 #fff;
}
.trigger_active {
	color:#333;
}
.toggle_container {
	padding:5px 10px;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSObject.new, div.ZMSObject.modified {
	border: 2px dashed blue;
	background-color: #F0F0FF;
} 
div.ZMSObject.deleted {
	border: 2px dashed red;
	background-color: #FFF0F0;
	color: #CCC;
	text-decoration: line-through;
}
.preview.highlight {
	background: filter:Alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;
	background-color: #E2E3DE;
	cursor:pointer;
}

span.unicode { 
  font-family:"Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

span.highlight { 
  background-color: yellow;
  color: black;
  font-weight: bold;
}


/*  CUSTOM CSS - particle-pysics.desy.de 
    lastmod: 20220123 hagemand 
*/

@font-face {
	font-family: "DesySansCn-Bold";
	src: url("../fonts/DesySansCn-Bold.woff") format("woff");
}
@font-face{
	font-family:"DesySansCn-Medium";
	src: url("../fonts/DesySansCn-Medium.woff") format("woff");
}
@font-face{
	font-family:"DesySansCn-Regular";
	src: url("../fonts/DesySansCn-Regular.woff") format("woff");
}
@font-face{
	font-family:"DesySansCn-Heavy";
	src: url("../fonts/DesySansCn-Heavy.woff") format("woff");
}

:root {
	--desy-bf-blue: #067DB4;
	--desy-bf-darkgrey: #333333;
	--desy-bf-grey-border: #777677;
	--desy-grey: #aaaaaa;
	--desy-orange: #EB6E0F;
	--mediumgrey: #696969;
	--black: #000000;
}

/* redifinitions of f_css_defaults */
.desy_dot { 
    color: var(--desy-orange);
    font-family: DesySansCn-Medium, Arial, Helvetica, sans-serif;
    font-size: 150%;
}


div#zmi_logo, table.zmiTabBg {background-color:#FA9928;}
body.zmi div.zmi {width: 800px;}

/* DESY Web-Fonts */
@font-face{
font-family:"HelveticaNeueW01-67MdCn 692710";
src:url("common/fonts/3a605871-b94d-4161-a394-bb2cfc975df7.eot?iefix") format("eot"); }
@font-face{
font-family:"HelveticaNeueW01-67MdCn 692710";
src:url("common/fonts/3a605871-b94d-4161-a394-bb2cfc975df7.eot?iefix");
src:url("common/fonts/aef05e22-e1d4-4e59-bc2e-a71c13c26cca.woff") format("woff"),url("Fonts/b785b1cf-24fa-44c9-8c93-d8e2d6912c47.ttf") format("truetype"),url("Fonts/5ab0c585-fb4b-43d9-abb0-b92f452b1284.svg#5ab0c585-fb4b-43d9-abb0-b92f452b1284") format("svg");
}
@font-face{
font-family:"DesyNeueHelveticaWFS-55Rm";
src:url("common/fonts/9f313770-c59c-4161-bb83-15a7b832ed0a.eot?iefix") format("eot");}
@font-face{
font-family:"DesyNeueHelveticaWFS-55Rm";
src:url("common/fonts/9f313770-c59c-4161-bb83-15a7b832ed0a.eot?iefix");
src:url("common/fonts/8e9b6c37-7c45-4c3a-bb2d-04e41b335d1a.woff") format("woff"),url("Fonts/c68ba3bd-479b-4bba-9400-32e2b7921037.ttf") format("truetype"),url("Fonts/a9fb8a69-36d5-46a0-892a-610ce53fcf42.svg#a9fb8a69-36d5-46a0-892a-610ce53fcf42") format("svg");
}
@font-face{
font-family:"DesyNeueHelveticaWFS-87HvCn";
src:url("common/fonts/441a591f-ffcf-4223-a7a6-719e82a369fc.eot?iefix") format("eot");}
@font-face{
font-family:"DesyNeueHelveticaWFS-87HvCn";
src:url("common/fonts/441a591f-ffcf-4223-a7a6-719e82a369fc.eot?iefix");
src:url("common/fonts/132f81b9-efbb-4df2-a5d9-882062906bdb.woff") format("woff"),url("Fonts/45c48c0e-5415-4bf9-823b-1698b7129755.ttf") format("truetype"),url("Fonts/9badd8fe-28d5-4f79-ab6d-95d605afbe7e.svg#9badd8fe-28d5-4f79-ab6d-95d605afbe7e") format("svg");
}


/* ------- 1. CSS-Modul: COLORS ------- */
.neutralColorLight0 {background-color: #f6f6f6;}
.neutralColorMedium0 {background-color: #ededed;}
.neutralColorStrong0 {background-color: #cccccc;}
.neutralColorBlack {background-color: #000000;}
.neutralColorOrange {background-color: #fff;}
.neutralColorTrans {background-color: transparent;}
.neutralColorWhite {background-color: #ffffff;}

.secndColorStrong0 {background-color: #fff;}
.secndColorStrong1 {background-color:#5D7B9B;}
.secndColorMedium0 {background-color: #F18F1F;}
.secndColorMedium1 {background-color:#006666;}
.secndColorLight0 {background-color: #FFDDB0;}
.secndColorLight1 {background-color:#F5F5F5; }

.primColorStrong0 {background-color: #666;}
.primColorMedium0 {background-color: #d9d9d9;}
.primColorLight0 {background-color: #99cccc;}

.teaserColor {background-color: #003366;}
.menuColorBg {background-color: #000000;}

body {
	background: url(common/images/bg.jpg) repeat;
	padding:0; 
	margin:0; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#333;
	line-height:1.5em;
}

h1 { font-size:30px; font-family: DesySansCn-Medium, Arial, Helvetica, sans-serif; color:var(--desy-bf-blue);; text-transform: uppercase; font-weight: normal; line-height: 1em; }

h2 { font-size:20px; font-family: DesySansCn-Medium, Arial, Helvetica, sans-serif; color:var(--desy-bf-blue);; margin: 10px 0px; font-weight: normal; line-height:normal; max-width: 460px; }

h3 { font-size:15px; font-family: DesySansCn-Medium, Arial, Helvetica, sans-serif; color: var(--desy-bf-blue);; line-height: 19px; font-weight: normal; margin: 10px 0px; }

h4 { font-size:15px; font-family: DesySansCn-Medium, Arial, Helvetica; color: var(--desy-bf-blue);; text-transform: uppercase; margin: 6px 0px 6px 0px; font-weight: normal; line-height: 100%; }

.dot { color: var(--desy-orange); }

p { color: #000; margin-bottom: 4px; font-family: Arial, Helvetica, DesyNeueHelveticaWFS-55Rm; line-height: 19px; }

a { color: var(--desy-bf-blue); text-decoration: none; }
a:hover { color: var(--desy-orange); text-decoration: underline; }

ul { padding-left:0; margin-left:30px; }

div { padding:0; margin:0; }

video { margin: 10px 0; max-width: 100% !important; }

img.left { float: left; margin: 0 20px 0 0; }

img.right { float: right; margin: 0 0 0 20px; }

.clear { clear:both; }


/* Header */
#header { width:100%; margin: 0 0 4px 0; padding-top: 0px; background-color: #fff; }

#top { color:#fff; height:80px; padding-top:6px; }
#top p { color: rgb(144,144,144); font-size: 16pt; font-weight:bold; }
#top a { color: rgb(144,144,144); }
#top a:hover { color:var(--desy-orange); text-decoration: underline; }

#topleft { float: left; margin-left: 140px; overflow: hidden; margin-top: 2.5em; }
#topleft ul { margin:10px 0px 6px 0px; list-style: none outside none; display:none; }
#topleft ul li { display: inline; }
#topleft ul li a { color: #696969; font-size: 84%; line-height: 110%; margin-right: 5px; padding-right: 5px; text-transform: uppercase; display: block; float: left; line-height: 1; text-decoration: none; border-right: 1px solid #ccc; }
#topleft ul li a.active { color: var(--desy-orange); }
#topleft ul li:last-child a { border-right:none; }
/* #topleft p { margin-top:5px; color: #000; font-family: "HelveticaNeueW01-67MdCn 692710", Arial, Helvetica, sans-serif; margin-bottom:0; float:left; font-size: 100%; line-height:120%; font-weight:normal; }*/
#topleft p { 
    margin-top:5px; 
    color: #000; 
    font-family: "DesySansCn-Medium", Arial, Helvetica, sans-serif; 
    margin-bottom:0; 
    float:left; 
    font-size: 100%; 
    line-height:120%; 
    font-weight:normal; 
    letter-spacing: .3px;
}

#topright { float: right; margin: 0px 0px 0px 0px; }
#topright #portal_header_mobile { margin-top: 40px; display:none; }
#topright h1 { display:none; }

#logoarea { float:left; }
#desylogo { border:0; margin: 10px 0 0 20px; padding: 0px; }

#icons { text-align:right; float: right; margin-right: 2px; margin-top: 2px; }
#icons #phonebook_icon { margin-right: 10px; }
#icons #phone { display: none; }
#icons #lang_icon { margin-left: 10px; margin-right: 4px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); }
#icons a:hover #lang_icon { filter:none; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); }

#mobile_menu_header { display: none; }

#top div.topright_button{ text-align: right; margin-top:6px; }
#top div.topright_button a { text-transform: uppercase; font-family:DesySansCn-Medium, Helvetica, Arial, sans-serif; vertical-align: baseline; font-size: 15px; color: #F18F1F; }
#top div.topright_button a img { height:10px;  }

#Micronavigation { padding: 8px 3px 0 20%; margin-bottom: 8px; }

/* Menu */
#topmenu { 
	height: 26px;
	vertical-align: middle;
	margin-left: 244px;
	font-size:15px;
	padding-left:2px;
}
#menu { 
	padding-top: 4px;
	margin: 0;
	padding: 2 0 0 0;
	line-height: 1.3;
	outline: 0 none;
	text-decoration: none;
	width: 682px;
}
#menu ul { margin:0; }
#menu li { 
	float:left;
    margin-right: 4px;
    border-right: 1px solid #333333;
	border-bottom:none;
    list-style: none outside none;
	padding: 0px 4px 0px 0px;
	height:14px;
	line-height:14px;
display:inline;
position:relative;
}
#menu li a { 
/*	color: #696969;
    color: #009fdf; */
    color: var(--desy-bf-blue);
    text-transform: uppercase;
    font-family: DesySansCn-Bold, Helvetica, Arial, sans-serif;
    line-height:100%;
    vertical-align: baseline;
    font-size:15.6px;
}
#menu li a:hover { 	
    color: var(--desy-orange);
    text-decoration: underline;
}
#menu .current a,
#menu .active a { 
    color: var(--desy-orange);
}

#menu li:last-child { border-right:none; }

ul#main_menu > li a { padding-bottom:11px; }
ul#main_menu li:hover > ul
{
	visibility:visible;
	opacity:.95;
}  
ul#main_menu ul { border-top: 1px solid #009fdf; }
ul#main_menu ul, ul#main_menu ul li ul {
    list-style: none;
    padding: 0;    
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99;
	width: 12.8em;
	background:#f7f7f7;
	box-shadow:1px 1px 3px #ccc;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}
ul#main_menu ul li.raquo > a:after { content: " \00BB"; }
ul#main_menu ul li ul {
top: -1px;
left: 16em;
border-top: 1px dotted #333;
}
#main_menu a {
	display: block;
	position: relative;
}
#main_menu ul ul {
border-top: 1px solid #ccc;
}
#main_menu ul li {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #009fdf;
margin: 0;
padding: 5px 10px;
font-weight: bold;
list-style-type: none;
line-height: 1em;
white-space: nowrap;
/* overflow: hidden; 
width: 14em;*/
text-overflow: ellipsis;
border-right:none;
clear:both;
width: 100%;
}
#main_menu ul li ul li { width: 10em; }
#main_menu ul li > a { text-transform: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#main_menu ul ul li a { font-weight: normal; color: #696969; overflow: hidden; width: 12em; text-overflow: ellipsis; }

#portalheader { width:100%; height: 78px; margin: 4px 0 10px 0; background-repeat:no-repeat; }
.portalheader_ger { background: url('common/images/header_subpage_ger.png'); }
.portalheader_eng { background: url('common/images/header_subpage_eng.png'); }
#portalheader a { text-decoration:none; }
#portalheadertitle { width: 100%; height: 100%; }

#pageregionLeft { margin: 0 14px 0 0; float: left; width: 18%; }
#pageregionLeft .box_inner_prev { height:auto; }
#pageregionLeft ul { margin: 4px 0px 4px 0px; }
#pageregionLeft ul li {
	background: url(../pfeilerechts.jpg) no-repeat;
	background-position: left center;
	list-style-type:none;
	padding-left:8px;
	line-height:1.4em;
}
#pageregionLeft ul li.highlight a:link,
#pageregionLeft ul li.highlight a:visited { text-decoration:underline; color: var(--desy-orange); }

/* Wrapper */
#overall {
	background-color:#fff;
	width: 980px;
	margin: 0 auto;
}

.wrapper {
	width:98%; 
	margin:0 auto;
}

#breadcrumbs { color: #000; font-size:12px; }
#breadcrumbs span a { color: #000; }
#breadcrumbs span a:hover { color: var(--desy-orange); text-decoration: underline; }

#left { float:left; width: 232px; }

nav#leftmenu { margin-bottom: 40px; }
#leftmenu { width: 232px; height:100%; margin-bottom: 7px; }
#leftmenu a:hover { color: var(--desy-orange); text-decoration: underline; }
#leftmenu li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
#leftmenu a.current { color: var(--desy-orange); }
#leftmenu ul { margin: 0; }
#leftmenu ul li { border-bottom: 1px solid #009fdf; list-style-type:none; padding-top: 4px; text-transform:uppercase; }
#leftmenu ul li a.active { color: var(--desy-orange); }
#leftmenu ul li a.ZMSDocument1 { font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
#leftmenu ul ul li { border-top: 1px dotted #696969; border-bottom:none; text-transform:none; }
#leftmenu ul ul li a.active { font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
#leftmenu ul ul li a { color: var(--desy-bf-blue); margin-left:6px; }
#leftmenu ul ul ul li a { margin-left:14px; }
#leftmenu ul ul ul ul li a { margin-left:22px; }
#leftmenu ul ul ul ul ul li a { margin-left:30px; }
#leftmenu ul ul ul ul ul ul li a { margin-left:38px; }
#leftmenu ul ul ul ul ul ul ul li a { margin-left:46px; }
#leftmenu ul ul ul ul ul ul ul ul li a { margin-left:54px; }
#leftmenu img { border: none; }

div#leftmenu a { text-decoration:none; }

#mainpagecontent { background-color: rgb(222,222,222); color:#000; }
#pagecontent { margin-left: 244px; color:#000; min-height: 400px; }

#banner { width:100%; margin-bottom: 14px; }
#banner h1 { margin-top:12px; }
#banner .highlight_image { height: 342px; background-repeat: no-repeat; background-size: 100% auto; background-position: center; width:100%; }
p.highlight_txt { font-size:26px; font-family: "DesySansCn-Medium", Arial, Helvetica, sans-serif; color:#fff; margin: 6px 0px; padding: 14px 0px; font-weight: normal; line-height:100%;  }

.box_big { float:left; width:474px; }
.box_head { border-bottom: 1px solid #ccc; }
.box_head h1 { margin-bottom: 8px; margin-left:23px; margin-top: 12px; }
.box_head h2 { margin-bottom: 8px; margin-left:13px; margin-top: 12px; }

.img_left { padding:8px; background:#fff; border:1px solid #d8d8d8; float:left; margin:0px 8px 10px 0px; width:100px; }

.rh_prev_txt { border-bottom: 1px solid #dddddd; height:160px; }
.rh_prev_txt p { margin:0px; }

.box_small { float:left; padding: 8px; width: 29.5%; background-color: #fff; margin: 10px 10px; }

.top-link { float:left; padding: 8px; background-color: #fff; }
.top-link div.previewtext p { margin: 0; padding:0; }
.top-link div.previewtext p a { color: #696969; }
.top-link div.previewtext p a:hover { color: #F28E00; }

.box_announcement { border-bottom: 1px solid #ccc; padding-bottom: 6px; }
.box_announcement .box_announcement_image { width: 160px; height: 110px; background-repeat: no-repeat; /* background-size: 100% auto; background-position: center 5px; */ float: left; margin-right: 8px;   background-size: contain; background-position: center; background-color: #666; margin-top: 4px; }

/* IE Hacks */
.box_announcement .box_announcement_image { background-position: 0 0\9 }
.box_announcement .box_announcement_image { margin-top: 20px\9 }

p.previewtext { margin: 2px 0 0 168px; }
div.box_announcement div.previewtext { margin: 2px 0 0 168px; }
div.box_announcement div.previewtext p { margin:0; }

.box_inner_prev { text-align:left; height: 100%; overflow: hidden; }
.box_inner_prev p { margin: 2px; }

.research { margin-left:0; margin-top:4px; padding-left:0px; clear:both; color: #696969;  }
.research li { list-style:none; padding:4px 0px 8px 8px; border-bottom: 1px dotted #333; margin-bottom: 8px; font-size:12px; line-height:1.4em; }
.research li a { color: #000; font-weight:bold; margin-top: 10px; line-height:2em; }
li.clock { list-style:url(../clock.png); padding: 0px; border-bottom:none; margin: 2px 0 2px 25px; }

.description { color: #666; font-size: 15px; margin: 0px 0px 20px 0px; }

div#standardindex { max-width: 460px; }

.caption { font-size: 11px; color:#666; margin-top: 2px; border-top: 1px dotted #ccc; }

.mission { color: var(--desy-bf-blue); font-weight:bold; margin-top: 2px; }

p.date { color:#666; }

.imgNoborder {border:0;}
.img {border:0;}

/* Content */
.one_column_width { max-width:460px; }
.two_columns_width { width: 710px; }

.title {
	letter-spacing: -1px;
	font-size: 2em;
	font-weight: normal;
	margin: 10px 0px 8px 0px; 
}
.title a {
	border-bottom: none;
	color: #454545;
}
.title a:hover {
}

div.previewbox { border-top: 1px solid #CCC; min-height:180px; }
.previewbox div.previewimage { 
	height: 160px;
	width:224px;
	float:left;
	margin: 10px 0px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center 7px;
	background-size: contain;
}
.previewbox div.previewimage a img { width:224px; border:none; }
.previewbox div.previewtext { margin-left: 242px; }

/* MultiHeader */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.header { position:relative; height:342px; }
.header .content-tabs { height: 342px; }
.header .ui-tabs .ui-tabs-nav {
	list-style: none;
	position: absolute;
	bottom: 0px;
	z-index:50;
} 

/* IE Hack */
.header .ui-tabs .ui-tabs-nav { bottom: 10px\9 }

.header .ui-tabs .ui-tabs-nav li {
    display: inline;
    border-bottom-width: 0 !important;
    margin: 0;
    padding: 0;
} 
.header .ui-tabs .ui-tabs-nav li a {
	display: block;
	padding: 0 5px 0 5px;
    margin-left: 10px;
    float: left;
    text-decoration: none;
    background-color: #fff;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	font-weight:bold;
	color: var(--desy-orange);
} 
.header .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } 
.header .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .imageheader .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .imageheader .ui-tabs .ui-tabs-nav li.ui-state-processing a, .imageheader .ui-tabs li a:hover, .imageheader .ui-tabs li a:focus {
    cursor: text;
	color: #fff;
    background-color: var(--desy-orange);
    text-decoration: underline;
} 
.header .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
  .header .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    background: none;
} 
.header .ui-tabs .ui-tabs-hide { display: none !important; }

.imageheader .slider {
	display:block;
	position:absolute;
	width:232px;
	height:342px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	overflow:hidden;
}
.imageheader div.sliding {
	width:260px;
	position:absolute;
}
.imageheader .slide-teaser {
	padding:10px;
	padding-right: 40px;
	height:190px;
	background-position: right center;
	background-repeat:no-repeat;
}
.imageheader .slidearrow { float:right; margin:96px 4px 0 0; }
.imageheader a .slide-teaser p { color: #000; }

.smallimg {
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	height:60px;
	width:74px;
}

.infoheader {
	width: 664px;
	float: left;
	border-bottom: 1px solid #0083D7;
}
.infoheader-img {
	float: left;
	width: 214px;
	margin-top: 20px;
}
.infoheader-text {
	float: left;
	width: 450px;
}
.heading-big {
	color: #009fdf;
	font-size: 1em;
	font-weight: bold;
}
.one { width:214px; }

p.summary { font-family: "DesySansCn-Medium", Arial, Helvetica; margin-bottom: 2px; color: #010101; line-height: 1.4em; font-size:15px; }

/* ColumnTextMaster */
table.column td.col { border: none; background-color: #fff; }

/* Quick Nav */
a:hover .quick_nav_img_wrapper {
	/*background: url(https://particle-physics.desy.de/common/css/common/images/arrow_large_white.png) no-repeat right; */
}
.quick_nav_link { float: right; width: 20px; height: 35px; background: url(https://particle-physics.desy.de/common/css/common/images/arrow_large_orange.png) no-repeat right; margin-right: 4px; }

/* Sidebars */
div.teaser {
	width:232px;
	padding: 0;
	text-align: left;
	overflow:hidden;
	float:right;
}
.teaser ul { margin: 4px 2px 24px 4px; border-bottom: 1px solid #ccc; }
.ZMSTeaserContainer { padding: 0; margin:0; }
.ZMSTeaserElement { padding: 0; margin:0; }
.teaser .LinkElementTitle { margin: 0 2px 12px 4px; }
.teaser .ZMSTeaserElement div.graphic { float: left; margin: 0 8px; }
.teaser div.ZMSTeaserElement div.title { font-size: 15px; font-family: DesySansCn-Medium, Arial, Helvetica; color: #666; text-transform: uppercase; margin: 6px 0px 0px 0px; font-weight: normal; line-height: 100%; border-bottom: 1px solid #CCC; padding-bottom: 6px; letter-spacing:normal; }
.teaser div.ZMSTeaserElement div.title a { padding-top: 8px; font-weight:normal; font-size:12px; font-family: Arial, Helvetica, DesyNeueHelveticaWFS-55Rm; line-height: 19px; color: #009fdf; }
.ZMSTeaserElement div.clearfloating { height:0; }
.left_teaser { padding: 0; margin-top:10px; }
.LinkElementTitle {
	font-size:15px;
	font-family:DesySansCn-Medium, Arial, Helvetica;
	color: #666;
	text-transform: uppercase;
	margin: 6px 0px 0px 0px;
	font-weight: normal;
	line-height: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
}
.left_teaser .LinkElementTitle { color: var(--desy-bf-blue); }
li.LinkElementExternal {
	list-style-image:url(common/images/external_link.png);
	margin-bottom: 6px;
	margin-left: 17px;
	font-size: 11px;
}
li.LinkElementInternal, 
li.LinkElementInternalPortal {
	list-style-image:url(common/images/quickLinks_arrow.png);
	margin-bottom:6px;
	margin-left:17px;
	font-size: 11px;
}
li.LinkElementInternalClient {
	list-style-image:url(common/images/quickLinks_arrow.png);
	margin-bottom:6px;
	margin-left:17px;
	font-size: 11px;
}
li.LinkElementMailto {
	margin-left:17px;
	font-size: 11px;
}
li.LinkElementFile {
	margin-left:17px;
	font-size: 11px;
}
/*.teaser ul li a { color: #666666; font-size:11px; text-transform: uppercase; } */
.teaser ul li a { color: var(--desy-bf-blue); font-size:12px; text-transform: uppercase; }
.teaser ul li a:hover { color: var(--desy-orange); }

table.Narrow { width: 228px; height:300px; float: left; margin: 6px; }
table.Wide { width: 99%; }

table.ZMSTable { border-collapse:collapse; max-width: 100%; /* overflow: hidden; */ width: 100%; }
table.ZMSTable p { padding-left: 4px; }
table.ZMSTable th { background-color: #f5f5f5; border:1px solid #d8d8d8; padding: 0 10px; }
table.ZMSTable th p { text-align:left; }
table.ZMSTable td { background-color: #fff; border:1px solid #d8d8d8; padding: 0 10px; }

#content table tr td p { margin-top: .4em; }

/* Calendar */
#calendar_wrap { padding: 0 15px; text-align: center; }
#calendar_wrap table { width: 100%; }
#calendar_wrap tfoot td { border: none; }
#calendar_wrap tfoot td#prev { text-align: left; font-weight: bold; border: none; }
#calendar_wrap tfoot td#prev a { border: none; }
#calendar_wrap tfoot td#next { text-align: right; font-weight: bold; border: none; }
#calendar_wrap tfoot td#next a { border: none; }

/* Exchange Cal */
#navigator .navrow:first-child { display:none; }
div#navigator .navrow { padding: 0.3em !important; margin-top: 12px; }

/* dropdown mega menu */
#dropdown { 
	display:none; 
	border-top: 1px solid #009fdf;
	margin: 4px 0px 0px 244px; 
	background-color:#f7f7f7;
	padding: 0 10px;
	overflow: hidden; 
	position: absolute;
	z-index: 100;
	width: 696px;
	opacity: 0.95;
	height: 342px;
}
#dropdown_content { margin-top: 6px; }
#dropdown_content ul { margin: 0 10px 6px 0; float:left; height:140px; }
#dropdown_content ul li { width:114px; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:var(--desy-bf-blue); margin: 0; padding: 4px 0px; font-weight: bold; list-style-type:none; line-height: 1em; }
#dropdown_content ul li ul { margin-top: 12px; }
#dropdown_content ul ul li { font-size:11px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 6px 0; padding: 0px; font-weight: normal; list-style-type:none; width:114px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 110%; }
#dropdown_content ul ul li a {color:#333; }
span#close_dropdown { float: right; margin-top: 10px; color: #999; cursor: pointer; }
div#loading { width: 222px; margin: 80px auto 40px auto; text-align: center; }

/* Mobile Dropdown */
div#mobile_dropdown { display:none; }

/* Footer */
div#footer {
	width: 100%;
	height: 50px;
	margin: 30px auto 0 auto;
	padding-top: 8px;
	border-top: 1px solid dimgray;
	line-height: 1.4em;
	font-size: 90%;
	background-color: white;
}
div#footer p {
	margin: 0;
	padding: 0;
	text-align: right;
	color: dimGray;
}
#footer a { color: #696969; }
#footer a:hover { color: #F28E00; }
#footer .link { float: right; }
#footer .copyright { float: left; }

/* Indico-Object */
#IndicoEventsWrapper_teaser_ {
	margin:0 12px 20px 0;
	width: 208px; 
	font-size: 1em; 
	float: right; 
}
#IndicoEventsWrapper_teaser_simple_event {
	margin:0 12px 20px 0;
	width: 208px; 
	font-size: 1em; 
	float: right; 
}
#IndicoEventsWrapper_teaser_conference {
	margin:0 12px 20px 0;
	width: 208px; 
	font-size: 1em; 
	float: right; 
	clear: right; 
}
.IndicoEventsWrapper h4 { 
	font-size: 15px;
	font-family: DesySansCn-Medium, Arial, Helvetica;
	color: #666;
	text-transform: uppercase;
	margin: 6px 0px 0px 0px;
	font-weight: normal;
	line-height: 100%;
}
#IndicoEvents_teaser_ {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	overflow: hidden; 
}
#IndicoEvents_teaser_simple_event {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	overflow: hidden; 
}
#IndicoEvents_teaser_conference {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	overflow: hidden; 
}
.IndicoEachEvent {
	border: 1px dotted #333333;
}
.IndicoEachEvent_teaser_ {
	margin: 6px 1px 14px 1px;
}
.IndicoEachEvent_teaser_simple_event {
	margin: 6px 1px 14px 1px;
}
.IndicoEachEvent_teaser_conference {
	margin: 6px 1px 14px 1px;
}
.IndicoEventTitle {
	color: var(--desy-bf-blue); 
	font-weight:bold; 
}
.IndicoEventTitle a {
	font-weight:bold; 
}
.IndicoEventTitle_teaser_ {
	color: var(--desy-bf-blue); 
	font-weight:bold; 
}
.IndicoEventTitle_teaser_simple_event {
	color: var(--desy-bf-blue); 
	font-weight:bold; 
}
.IndicoEventTitle_teaser_conference {
	color: var(--desy-bf-blue); 
	font-weight:bold; 
}
.IndicoEventTitle_teaser_ a { font-weight:bold; }
.IndicoEventTitle_teaser_simple_event a { font-weight:bold; }
.IndicoEventTitle_teaser_conference a { font-weight:bold; }

.IndicoEventSpeaker {
	border-top: 0px;
	border-right: 0px; 
	border-left: 0px;
	padding-top: 3px; 
}
.IndicoEventSpeaker_teaser_simple_event {
	border-top: 0px; 
	border-right: 0px; 
	border-left: 0px;
}
.IndicoEventSpeaker_teaser_conference {
	border-top: 0px; 
	border-right: 0px; 
	border-left: 0px;
}

.IndicoEventLocation {
	margin: 0px; 
	border: 0px;
	padding: 4px 3px 4px 0px; 
}
.IndicoEventLocation_teaser_simple_event {
	margin: 0px; 
	border-top: 0px; 
	border-right: 0px; 
	border-left: 0px; 
}
.IndicoEventLocation_teaser_conference {
	margin: 0px; 
	border-top: 0px; 
	border-right: 0px; 
	border-left: 0px; 
}

.IndicoEventSchedules {
	margin: 10px 0px 0px 0px; 
	padding: 4px 3px 4px 0px;
	color: #666;
	border-top: 1px solid #ccc;
}
.IndicoEventSchedules_teaser_ {
	margin: 0px; 
	border: 0px;
	color: dimGray;
	margin-bottom: 0.2em; 
}
.IndicoEventSchedules_teaser_simple_event {
	margin: 0px; 
	border: 0px;
	color: dimGray;
	margin-bottom: 0.2em; 
}
.IndicoEventSchedules_teaser_conference {
	margin: 0px; 
	border: 0px;
	color: dimGray;
	margin-bottom: 0.2em; 
}
.IndicoEventSchedules_teaser_ span {
	margin-left: 20px; 
}
.IndicoEventSchedules_teaser_simple_event span {
	margin-left: 20px; 
}
.IndicoEventSchedules_teaser_conference span {
	margin-left: 20px; 
}
.ical {
	width: 14px;
	height: 15px;
	background-repeat: no-repeat;
	float: left;
	background-position-y: bottom;
	margin-right: 8px;
}
.IndicoEventLink {
	margin: 0 0 4px 0; 
	padding: 1px 3px 3px 14px;
}
.IndicoEventLink_teaser_simple_event {
	margin: 0 0 4px 0; 
}
.IndicoEventLink_teaser_conference {
	margin: 0 0 4px 0; 
}
.IndicoEventLink a {
	background-position: right center;
	padding-right: 10px;
}
.IndicoEventLink_teaser_simple_event a {
	background-position: right center;
	padding-right: 10px;
}
.IndicoEventLink_teaser_conference a {
	background-position: right center;
	padding-right: 10px;
}
#more_events_teaser_simple_event {
	margin-top: 6px;
	float: left;
}
#more_events_teaser_conference {
	margin-top: 6px;
	float: left;
}
.indico_arrow_right { 
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px; 
}

/* ZMSGraphic */
div.ZMSGraphic { margin:4px 4px 24px 4px; }
div.ZMSGraphic.floatright { clear: right; }
div.ZMSGraphic img.zoom { 
	vertical-align: bottom;
	padding-bottom: 1px;
	background-image:url(common/images/zoom_small.png);
}
div.ZMSGraphic img.superzoom { background-image:url(common/images/zoom_large.png); width:auto; margin: 2px 6px 0 0; }
a.fancybox img { background-image:url(common/images/zoom_small.png); background-position-x: 97%; }
div.ZMSGraphic div.text { padding: 4px 0 0 2px; }

/* Link-Box */
div.LinkBox ul { margin-left: 12px; }
table.infobox { border-bottom: 1px solid #CCC; }
td.secndColorStrong0 { border-bottom: 1px solid #CCC; }
td span.infoboxtitle {
	font-size: 15px;
	font-family: DesySansCn-Medium, Arial, Helvetica;
	color: #666;
	text-transform: uppercase;
	margin: 6px 0px 0px 0px;
	font-weight: normal;
	line-height: 100%;
	padding-bottom: 6px;
}
.infobox td { padding: 6px 0; vertical-align: top; }
.infobox th img { padding-top: 20px; display: block; margin: 0 auto; }
.infobox th {   padding: 12px; text-align: left; }
th span.infoboxtitle { color: var(--desy-bf-blue); font-weight:bold; text-align:left; }
table.infobox td div.ZMSFile { margin:0; text-align: left; padding-left:10px; }
table.infobox div.ZMSFile div.title { padding-right: 4px; white-space: normal; margin-bottom: 0; }
table.infobox div.ZMSFile div.title a:link {  color: var(--desy-bf-blue); text-decoration: none; text-transform: uppercase; font-weight:normal; padding-right: 10px; }
table.infobox div.ZMSFile div.title a img { vertical-align: bottom; }
table.infobox div.ZMSFile div.text { margin: 0 0 0 19px; }
table.infobox p { margin:0; }
table.infobox td p { padding:10px; }

/* Maps Object */
div.section.smallteaser a h2 { font-size:15px; font-family: Arial, Helvetica, sans-serif; color: var(--desy-bf-blue); line-height: 19px; font-weight: normal; margin: 4px 0px; }

/* Bildserie */
div.mediacollection { width:150%; }

/* Forum */
ul.nav-tabs { height:20px; }

/* Slider Container */
.sliderbanner li { max-height: 342px; }
.sliderbanner li div { height: 342px; }
.sliderbanner .dots li { width: 8px; }
.sliderwrapper { margin-bottom: 1.2em }

/* Login Required */
form#login_required {
	background-image: url(common/images/header_homepage_eng.png);
	background-repeat: no-repeat;
}
table#login {
	background-color: whiteSmoke;
	width: 714px;
	margin: 0px 0px 0px 244px;
	border:none;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding-bottom: 40px;
}
table#login tbody tr { float: left; margin-left: 6px; }
table#login tbody tr:first-child { float: none; }
table#login tbody tr td {
	background-color: transparent;
	border: none;
	text-align: left;
	color: #666;
}
table#login tbody tr:first-child td {
	padding: 40px 0px 6px 10px;
}
table#login tbody tr td font {
	font-size: 15px;
	font-family: DesySansCn-Medium, Arial, Helvetica;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 100%;
	color: #666;
}

/* iFrame */
iframe.pubdb {
	width: 880px; 
	height: 1790px; 
/*	clip: rect(136px,900px,1690px,170px); */
	clip: rect(136px,900px,1740px,164px);
	margin: -146px 0px 0px -170px;
}
/* FF-Hack for pubdb-embedding */
@-moz-document url-prefix() { 
  iframe.pubdb {
		width: 920px;
		height: 1630px;
		clip: rect(136px, 900px, 1630px, 180px);
		margin: -146px 0px 0px -200px;
  }
}

/* DOOR Styles */
table.list_table { border-collapse: collapse; }
td.list_table_title { background-color: #f5f5f5; border:1px solid #d8d8d8; padding: 2px 10px; font-weight:bold; }
td.list_table_cell { background-color: #fff; border:1px solid #d8d8d8; padding: 2px 10px; }
td.list_table_cell_w40  { background-color: #fff; border:1px solid #d8d8d8; padding: 2px 10px; }

/* GCS */
div#search_icon { background: url('common/images/search_icon.png'); height: 19px; width: 14px; background-repeat: no-repeat; }
a#search { padding: 2px 5px 0px 5px; float: left; margin-right:10px; }
@-moz-document url-prefix() { 
  a#search {
     margin-top:-2px;
  }
}
div#close_gcs { margin-top: -14px; color:#999; display:none; cursor: pointer; height: 14px; }
div#cse-search-form {
	position: absolute;
	width: 128px;
	display:none;
	margin-left: -102px; 
}
@-moz-document url-prefix() { 
  div#cse-search-form {
     margin-top:-2px;
  }
}
form.gsc-search-box {
	font-size: 13px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	width: 100%;
}
table.gsc-search-box td.gsc-search-button { padding-left:10px; }
table.gsc-search-box td.gsc-clear-button { padding-left:10px; }
#header table.gsc-search-box td.gsc-search-button { display:none; }
#header table.gsc-search-box td.gsc-clear-button { display:none; }
#header table.gsc-branding, table.gcsc-branding { display:none; }
td.gsc-input input.gsc-input { padding: 3px 6px; border: 1px dotted dimGray; height: 13px; font-size: 11px; }
div.gsc-wrapper { float:left; }
table.gsc-table-result div.gs-title a.gs-title { font-size: 12px; color: var(--desy-bf-blue); text-decoration:none; }
table.gsc-table-result div.gs-title a.gs-title b { font-size: 12px; color: var(--desy-bf-blue); text-decoration:none; }
.gs-result .gs-snippet { font-size: 12px; }
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl { color:black; font-size: 12px; }
table.gsc-table-result div.gsc-url-bottom div.gs-visibleUrl-long { color:black; font-size: 12px; display: block; }
table.gsc-table-result div.gsc-url-bottom div.gs-visibleUrl-short { display:none; }
div.gsc-expansionArea div.gsc-cursor div.gsc-cursor-page { color: #009fdf; }
div.gsc-expansionArea div.gsc-cursor div.gsc-cursor-current-page { color: var(--desy-orange); }

/*---- toggle ----*/
h5.trigger {font-size: 115%;}
.trigger {padding:10px;}