/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- 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
	{
	}

/* >>>>>>>>>> ERROR in indicoevents - AttributeError: 'str' object has no attribute 'getHref' <<<<<<<<<< */
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%;
}
/* -------// 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 //------- *//* -------// BO TeaserBox.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 TeaserBox.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;
}



.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%;
}
/* -------// BO PersonalProfile.f_css_defaults //------- */

.personName{
 font-size: 1em;
 background-color: #333;
 font-weight: bold;
}

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

.personBox{
 background-color: transparent; 

}

.personDescr{
 font-size: 0.9em;
 border:1px solid transparent; 
 padding: 0.3em; 
}  

.profilBox{
 background-color: transparent; 
}
/* -------// 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_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;
}

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


/**************************************/
/* 1. CSS-Modul: COLORS               */
/*****************-*********************/
.neutralColorTrans  {background-color: transparent}
.secndColorStrong0 { background-color:transparent; } /*Infobox title*/
.secndColorLight1 {background-color:transparent;} /*Infobox Content*/
.neutralColorMedium0 {background-color:#9cb1ce;} /*Header and footer background*/
.neutralColorStrong0 {background-color:#003399;} /* background Horizontal navi and pull down; former: #003366 */
.secndColorMedium0 {background-color:#333;} /*HOVER background Horizontal navi and pull down */
.primColorMedium0 {background-color:#e6e6e6;} /*ABC Horizontal Navi and pull down*/
.secndColorMedium1 {background-color:#FF3333;} /*HOVER ABC Horizontal Navi and pull down*/
.neutralColorLight0 {background-color:#e1e7f2;} /*body background*/
.neutralColorWhite {background-color:#fff;} /*content background*/
.secndColorStrong1 {background-color:#474747;} /*content ABC*/
.secndColorLight0 {background-color:#333;} /*content link ABC*/
.primColorLight0 {background-color:#ffcc33;} /*content HOVER link ABC*/
.primColorStrong0 {background-color:#fff;} /*copyright footer*/

.googlesearch { float:right; margin-right: 16px; margin-top: .3em; }
.googlesearch input[type="text"] { background-color: #e1e7f2; border: none; padding: 10px 40px 5px 4px; width: 176px; float: left; margin-right: 10px; }
.googlesearch button[type="submit"] { 
	background-attachment: scroll;
	background-color: transparent;
	background-image: url("common/search_icon");
	background-position: center center;
	background-repeat: no-repeat;
	border: medium none;
	height: 28px;
	margin-bottom: 0;
	padding: 36px 0 0;
	text-indent: -9999px;
	width: 40px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-left: -48px;
}



body {
margin:0;
font-family: Arial, sans-serif;
color: #003399;
background: #fff;
}
h1, h2, h3, h4, h5 {
font-weight: bold;
color: #003399;
text-transform: uppercase;
font-family: Arial, sans-serif;
}

h1{
font-size: 130%;
margin-bottom: 20px;
font-size: 16px;
border-bottom: 1px solid #003399;
}

h1.title {  
    margin-left: 20%;
    margin-top: 30px;
    max-width: 954px;
    padding-bottom: 10px; 
}

.content h1.title { 
margin-left: 0;
margin-top: 14px;
padding-bottom: 0;
}

h2 {
font-size: 14px;
font-weight: bold;
}

a:link, a:visited, a:hover {
color: #ff3333;
}

h3 { font-size: .8em; }

p {
/*
margin-top: 10px;
font-size: 12px; 
*/
margin-top: 1.5em;
font-size: .8em;
line-height: 1.5em;
}

.undercontent table { margin: .1em .6em; }
.undercontent table td p { margin-top: .5em; line-height: 1em; margin-bottom: .5em; }

ul { list-style-type: disc; margin: .2em 1em 1em 1em; }
li { font-size: .8em; line-height: 1.5em; }

sup {
    font-size: 9px;
    vertical-align: super;
}

.flexnav li.active > a:link, .flexnav li.active > a:visited { 
background-color: #9cb1ce;
color: #003399;
}
.flexnav li.active .touch-button .navicon {
color: #003399;

}

.flexnav li a:hover {
background-color: #e6e6e6;
color: #003399;
}

.flexnav li .touch-button i:hover .navicon {
color: #003399;
}

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

header {
text-align:left;
height: 156px;
}
div.logo {
padding: 0 2%;
margin-top: 0;
font-size:110%;
color: #000;
height: 100px;
}

div.logo img { max-height: 90px; max-width: 90%; float: left; }

#topbar { background-color: #e1e7f2; float: right; padding: 8px; color: #fff; font-size: 14px; margin-top: .5em; }
#topbar a:link, #topbar a:visited { color: #003399; text-decoration: none; }

.gradientline {
height: 7px;
background-color: #003399;
background-image: -webkit-linear-gradient(left,#003399 62%, white 69.8%,#003399 77%);
background-image: -ms-linear-gradient(left,#003399 62%, white 69.8%,#003399 77%);
background-image: -moz-linear-gradient(left,#003399 62%, white 69.8%,#003399 77%);
background-image: -o-linear-gradient(left,#003399 62%, white 69.8%,#003399 77%);
max-width: 954px;
}

article {
margin: 20px 2%;
}

.content {
width: 100%;
font-size: 105%;
line-height:1.5em;
}

div.content_teaser div.title {
font-size: 14px;
border-bottom: 1px dotted #003399;
font-weight: bold;
color: #003399;
text-transform: uppercase;
font-family: Arial, sans-serif;
}

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

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


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

.teaser div.graphic img { max-width: 206px; height: auto !important; margin-right: 0; margin-left: 0; }

div.ZMSTeaserElement {
margin-left: 6%;
border-bottom: 1px solid #ff3333;
margin-bottom: 40px;
padding-bottom: 10px;
}


div.ZMSTeaserElement div.title {
font-family: Arial, sans-serif;
font-weight: 700;
color: #ff3333;
border-bottom: 1px solid #ff3333;
text-transform: uppercase;
font-size: 100%;
}

div.ZMSTeaserElement div.title a {
color: #ff3333 !important;
}

div.ZMSTeaserElement div.text a:after { 

content:"\00a0 \00bb";
font-size: 15px;
}

div.ZMSTeaserElement a:link, a:visited, a:hover {
color: #003399;
}

.ZMSTeaserElement p a {
text-decoration: none;
}

 div.ZMSTeaserContainer {
line-height:1.5em;
/* padding-left: 24px; */
}
div.ZMSTeaserContainer img { width: 100%; }

#teaser ul li a { text-decoration: none; text-transform: uppercase; }
#teaser ul { list-style-type:none; }
#teaser li.LinkElementInternalClient a:after {
content: "\00a0 \00bb";
font-size: 15px;
}
.more_events_teaser_ {
text-decoration: none;
}

.box_announcement {
margin: 30px 0px 40px 0px;
min-height: 110px;
}

.box_announcement_image {
width: 240px;
height: 120px;
background-repeat: no-repeat;
max-width: 100%;
float: left;
margin-right: 15px;
margin-top: 6px;
}

div.box_announcement h3 {
font-size: 14px;
}

span.news_date { font-size: .8em; }

.previewtext {
/* font-size: 12px; */
font-size: .8em;
line-height: 1.5em;
font-color: #003399;
margin-left: 256px;
}
.previewtext a:link, .previewtext a:visited, .previewtext a:hover {
color:  #ff3333;
}

.previewtext a {
text-decoration: none;
}

}

footer {
background: #06325f;
color: #e6e6e6;
padding-bottom: 20px;
padding-top: 10px;
margin-top: 20px;
font-size: 80%;
}

footer p {
margin-left:2%;
}

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

.menu-button {
text-align: center;
background: #06325f;
color: #e6e6e6;
}

/********Login******/

table#login tr:last-child td:first-child input:nth-child(2) {
margin-top: 30px;
}

#login_required {
margin-bottom: 120px;
margin-top: 20px;
}

table#login tr:nth-child(2) td:first-child {
padding-top: 40px;
}

table#login tr:first-child td:first-child {
background: #fff !important;
width: 360px;
border-bottom: 1px solid  #003399;
padding-bottom: 10px;
font-size: 130%;
text-transform: uppercase;
}
table#login tr:first-child td:first-child font b { font-size: 110%; color: #003399 !important; }

body > tt { display:none; }

/*** GCS ***/
.gs-result .gs-title, .gs-result .gs-title * {
  color: #003399 !important;
}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
  color: #ff3333 !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #003399 !important;
}


/*******EOF-LOGIN******/

/* Indico-Object */

#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_teaser_ {
margin-left: 6%;
border-bottom: 1px solid #ff3333;
padding-bottom: 20px;
}

#IndicoEventsWrapper_teaser_ h4 {
border-bottom: 1px solid #ff3333;
padding-bottom: 2px;
margin-bottom: 8px;
}

#IndicoEventsWrapper_teaser_ h4 a {
text-decoration: none !important;
color: #ff3333 !important;
}

.IndicoEventsWrapper { font-size: .8em; line-height: 1.5em; }
.IndicoEventsWrapper h4 { 
	margin: 6px 0px 0px 0px;

}
#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; 
}

#IndicoEvents_teaser_ {
padding-top: 4px;
}
.IndicoEachEvent {
	border: 1px dotted #333333;
}
.IndicoEachEvent_teaser_ { margin-bottom: 30px; font-size: 12px; clear:left; }
.IndicoEachEvent_teaser_simple_event {
	margin: 6px 1px 14px 1px;
}
.IndicoEachEvent_teaser_conference {
	margin: 6px 1px 14px 1px;
}
.IndicoEventTitle {
	padding: 2px 0;
	color: #007ACC; 
	font-weight:bold; 
}
.IndicoEventTitle a {
	font-weight:bold; 
}
.IndicoEventTitle_teaser_ { margin-bottom: 4px; margin-left: 60px; line-height: 1.5em; }
.IndicoEventTitle_teaser_ a:link, .IndicoEventTitle_teaser_ a:visited { text-decoration: none; font-weight: bold; color: #003399 }
.IndicoEventTitle_teaser_simple_event {
	color: #007ACC; 
	font-weight:bold; 
}
.IndicoEventTitle_teaser_conference {
	color: #007ACC; 
	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;
}
.IndicoEventSpeaker_teaser_ { margin-left: 60px; line-height:1.4em; }

.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; 
}
.IndicoEventLocation_teaser_ { margin-left: 60px; line-height: 1.4em; }

.IndicoEventSchedules {
	margin: 20px 0px 0px 0px;
	padding: 8px 3px 4px 0px;
	color: #666;
	border-top: 1px solid #ccc;
}
.IndicoEventSchedules_teaser_ { margin-bottom: 4px; }
.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_simple_event span {
	margin-left: 20px; 
}
.IndicoEventSchedules_teaser_conference span {
	margin-left: 20px; 
}

.IndicoEventTime_teaser_ { margin-left: 60px; margin-right: 10px; float:left; clear: left; }
.ical {
	width: 14px;
	height: 15px;
	background-repeat: no-repeat;
	float: left;
	background-position-y: bottom;
	margin-right: 8px;
	background-image: url('common/indicoevents_iCal.gif') !important;
	margin-top: 2px;
}
.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;
}
#more_events_teaser_ { clear: both; margin-top: 40px; }

.indico_arrow_right { 
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px; 
	background: none !important;

}
.indico_arrow_right:before { 
	content: "\00bb"
}
#pfeil_toggle_indico_teaser_ { display: none; }

.IndicoBigDate { float: left; width: 60px; letter-spacing: .2em; font-size: 16px; }

.box_announcement_image {
display: none;
}

.previewtext {
margin-left: 0;
}

.googlesearch {
margin-right: -10px;
}

.sliderwrapper {
visibility:hidden;
margin-top: 50px;
}

.box_body {
margin-top: -265px;
}


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

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

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

.googlesearch {
margin-right: -7px;
}
}

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

.teaser div#teaser {
clear: both;
padding: 10px;
/*margin-top: 370px;*/
/*background: #e6e6e6;*/
width: 95%;
}

.box_announcement_image {
display: block;
}

div.sliderwrapper {
margin-top: 50px;
}

.googlesearch {
margin-right: 16px;
}

.previewtext {
margin-left: 256px;
}

.sliderwrapper {
visibility:visible;
}

.box_body {
margin-top: 0;
}

.date {
float:right;
}

}

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

#topbar { margin-top: 2.15em }
.googlesearch { margin-top: 1.7em; }

.content {
width: 80%;
}

footer p {
margin-left:5%;
}
article {
margin: 20px 5%;
}
div.logo {
padding: 0;
}

div.logo h1 {
font-size: 170%;
}

.headermargin {
padding-left: 5%;
max-width: 954px;
}
}

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


article {
max-width: 960px;
/*font-size:130%;*/
}

.content {
margin-left:0;
float: left;
width: 75.58333333%;
}

div.sliderwrapper {
margin-top: 12px;
}

div.undercontent {
border-right: 1px solid #003399;
padding-right: 5%
}

.teaser div#teaser{
clear: none;
/*padding-top: 0;*/
/*margin-top: 0;*/
margin-left:0;
float: right;
width: 22.16666666%;
padding-right: 6px;
padding-left: 0;
}
footer{
float: none;
margin-top: 20px;
}

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

@media all and (min-width: 1024px) {
.gradientline {
  margin-left: 5%;
}
}

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

footer p {
margin-left:10%;
}
article {
margin: 20px 10%;
}
div.logo {
padding: 0;
}
.headermargin {
padding-left: 10%;
}
.gradientline {
  margin-left: 10%;
}

}


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

footer p {
margin-left:20%;
}
article {
margin: 20px 20%;
}
header.logo {
padding: 0 20%;
}
.headermargin {
padding-left: 20%;
/*background-color: #00adef;*/
}
.gradientline {
  margin-left: 20%;
}
}

.alignleft {
margin-right:20px;
}

.alignright {
margin-left: 20px;
}

.floatleft {
margin-right: 20px;
}

.floatright {
margin-left: 20px;
}

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


div.ZMSGraphic {
	background-color:transparent; 
}

a.zoom img.zoom
	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
	}

div.ZMSGraphic img {
 border:0px;
}

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

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

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

/*--------------Maps Hack--------------------*/
.smallteaser {
        padding:20px;
        width:90%;
        border-top: 1px solid  #f4b031;
        font-size: 0.8em;
        /* font-size:90%; */
        margin-bottom: 30px;
}

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

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

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

div.LinkElementTitle {
padding: 5px;
color:   #474747; 
}

#teaser div.LinkElementTitle {
white-space: nowrap;
font-family: Arial, sans-serif;
font-weight: 700;
color: #ff3333;
border-bottom: 1px solid #ff3333;
text-transform: uppercase;
font-size: 100%;
margin-left: 6%;
}

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

table.ZMSTable td {
background-color: #e1e7f2;
padding-left: 4px;
}
table.ZMSTable th {
background-color: #ffcc33;
border-bottom: 1px solid;
padding-left: 4px;
}

.ZMSTable {
border-collapse: separate;
border-spacing: 2px;
}


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

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

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

/****Slider*****/

.desy_dot { display:none; }
.slide_item .description h4 { max-width: none; }
.sliderbanner .dots li { color: #003399; }
.sliderbanner .dots li.active { background: #003399; border: 2px solid #003399; }
.descriptionshadow { margin-top: -60px; }
.slide_item .description h4 { color: #fff; }
.slide_item p.highlight_txt { bottom: 6% !important; color: #ff3333 }
.descriptionshadow.shadowbottom { margin-top: 23%; }

/**EOF-Slider***/


/*---------------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: 100%;

}

div.ZMSFile div.title, div.ZMSLinkElement div.title {

font-size: 0.8em;
}

div.ZMSFile div.text {
display: none;
}

div.ZMSFile div.title {
padding: 20px;
}

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

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


/*------------------- StandardIndex --------------------*/
h5.standardindex_title { float: left; margin-right: 1em; font-size: .8em; }
p.standard_index { padding-top:1px; }
h3.standardindex_headline { margin-top: 2em; font-size: 14px; border-bottom: 1px solid #003399; }