/* ######################## */
/* aufmacher.f_css_defaults */
/* ######################## */
/* -------// BO PersonalProfile.f_css_defaults //------- */
ul.zmi-container .aufmacher {width:100%;}

/* -------// EO PersonalProfile.f_css_defaults //------- */
/* ####################### */
/* imagemap.f_css_defaults */
/* ####################### */
/* BO Imagemap CSS */
#dhtmltooltip {
 font-size:11px;
 line-height:1.25em;
 color:#666; 
}
div.imgagemap {
 text-align:center;
}
/* EO Imagemap CSS */
/* ############################## */
/* multiFileUpload.f_css_defaults */
/* ############################## */
table.filelist td,
table.filelist td div {
padding:3px;
margin:0px;
vertical-align:top;
font-size:11px;
}

table.filelist td img {
margin-right:3px;
margin-bottom:-2px;
}
table.filelist td a {
text-decoration:none;
font-weight:bold;
}
table.filelist td a:hover span.filename {
text-decoration:underline;
}

table.filelist td div.small {
font-size:10px;
line-height:15px;
margin-bottom:.5em;
}

table.fileupload td div {
margin:0px;
}
table.filelist th,
table.fileupload th {
color:#666;
}

table.fileupload td {
padding-right:0px;
margin-right:0px;
}
table.fileupload td textarea {
height:3em;
width:96%
}

table.filelist {
border-collapse:collapse !important;
border:1px solid #fff;
}
table.filelist td {
border-spacing:0px;
border:1px solid #fff;
}
div.uploadmsg {
color:red;
background-color:#FFFFD0;
border:1px solid #999;
margin:6px 0px;
padding:4px;
width:98%;
}

/* ###################### */
/* ZMSFile.f_css_defaults */
/* ###################### */

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 a:link, div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited 
	{
	font-weight:bold;
	text-decoration:none;
	}

/* #################################### */
/* sl_activity_container.f_css_defaults */
/* #################################### */
.a_space_title.turquoise, li.a_filterbutton.Chemie.selected.active, p.turquoise {background:#6fc2b2;}
.a_space_title.yellow, p.yellow {background:#d6d900;}
.a_space_title.green, li.a_filterbutton.Kosmologie.selected.active, p.green {background:rgb(70,173,72);}
.a_space_title.blue, li.a_filterbutton.Teilchenphysik.selected.active, p.blue {background:rgb(0,166,235);}
.a_space_title.orange, li.a_filterbutton.Photon_Science.selected.active, p.orange {background:rgb(242,142,0);}
.a_space_title.purple, li.a_filterbutton.Informationstechnologie.selected.active, p.purple {background:rgb(139,107,172);}
.a_space_title.pink, li.a_filterbutton.Biologie.selected.active, p.pink {background:rgb(230,0,126);}
.a_space_title.lightgreen, li.a_filterbutton.Geowissenschaften.selected.active, p.lightgreen {background:rgb(192,210,66);}
.a_space_title.red, li.a_filterbutton.Geistes_Sozialwissenschaften.selected.active, p.red {background:rgb(234,80,76);}

#ActivityBox {
overflow:visible !important;
width:100%;
}

.section {
min-height: 800px;
}

.activity_content {
width: 259px !important;
padding: 10px; 
margin-right: 12px;
margin-bottom: 10px;
height: 450px;
overflow: hidden;
page-break-inside: avoid;
}

.a_space {
padding-bottom: 0px;
}

.sprecher {float:left;}

.a_space_title {
padding: 20px 0px 0px;
}

.a_image_bg {
    width: 100%;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
}

.a_location { color: #e89700;font-weight: bold; font-size:13px;}
div.a_space_title h1 {font-size: 18px; margin: 0;}
.sprecher {font-size: 13px; font-family: "DesyNeueHelveticaWFS-55Rm";font-weight: bold;}
.uhrzeit {font-size: 13px;  font-family: "DesyNeueHelveticaWFS-55Rm";font-weight: bold;}
.category {color: #696969; font-size: 14px;line-height: 16px;}
div#ActivityBox p {font-size: 13px;line-height: 18px;}
.activity_header { font-weight:bold; }

.building {
color: #007acc;
}

#ActivityBox .sprecher, #ActivityBox .uhrzeit, #ActivityBox div p {
    padding: 0 10px;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.filter { margin-bottom: 20px; }

.a_filterbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
        cursor: pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	border:1px solid #dcdcdc;
	color:#777777;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:1px 9px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        width: 155px;
        margin: 2px;
}


.a_filterbutton:active {
	position:relative;
	top:1px;
}
.a_filterbutton.active a { color: #e89700; }

#main-content ul.filter {
list-style-image: none;
}



.zmi #filternavigation { display: none; }


/* ################################# */
/* ZMSTeaserContainer.f_css_defaults */
/* ################################# */

/* ###################### */
/* infobox.f_css_defaults */
/* ###################### */
/* -------// 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 //------- */
/* ########################## */
/* toggle_text.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;
}

/* ######################### */
/* smartphone.f_css_defaults */
/* ######################### */
/* ----- */
/* ############################### */
/* ZMSTeaserElement.f_css_defaults */
/* ############################### */

/* ############################# */
/* ZMSLinkElement.f_css_defaults */
/* ############################# */
/* @see ZMSFile.f_css_defaults */
/* ############################### */
/* slider_container.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;
}

.sub_title {
	font-size: 15px;
	letter-spacing: 0;
	padding-top: 8px;
        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)";
}

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


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

/* ######################### */
/* bierdeckel.f_css_defaults */
/* ######################### */
.bierdeckel{
width:100%;
height:auto;
position:relative;
}

/* ############################### */
/* ZMSLinkContainer.f_css_defaults */
/* ############################### */
div.ZMSLinkContainer {
	background-color: #eee;
}
/* ######################### */
/* ZMSGraphic.f_css_defaults */
/* ######################### */

/*--------- .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 {
	background-color: transparent;
	margin: 1em 0;
}
.zmi div.ZMSGraphic {
	margin:0;
}
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:2em;
}
div.ZMSGraphic.floatright {
	float:right;
	margin-left:2em;
}
div.ZMSGraphic .alignleft {
	margin-right:10px;
}
div.ZMSGraphic.center div.graphic {
	text-align:center;
	margin:0px auto;
}
div.graphic {
	max-width:100% !important;
}
div.graphic.alignleft {
	float:left;
	text-align:right;
}
div.graphic.alignright {
	float:right;
	text-align:right;
}
div.ZMSGraphic div.text {
	padding: 4px;
}
.ZMSGraphic .text {
	background-color:transparent;
	padding:.5em 1em 0em 1em;
	font-size:smaller;
	font-style:italic;
}
.ZMSGraphic .graphic {
	margin-bottom: 7px;
}
.ZMSGraphic.center div.graphic  {
	margin:0 auto
}
.ZMSGraphic.left .graphic.alignleft {
	float:left;
	margin-right:15px;
}
.ZMSGraphic.left .text,
.ZMSGraphic.right .graphic,
.ZMSGraphic.right .text {
	width: auto !important;
}
/*-- ## 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 {
	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.superzoom img.superzoom {
	background-image: url(/misc_/zms/superzoom.gif);
}
/*--------- /.ZMSGraphic --------------*/

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

/* ##################### */
/* ZMSLib.f_css_defaults */
/* ##################### */