/* ******** GENERAL INFORMATION ******* */
/* 
- For text block setting always use p class=txt 
- Headings in tables: td class=tdhead (white bg, no border) + your h of choice
	- h1 (page header, not to be used within text body)
	- h2 (.zo, main header within text body)
	- h3 (.zo, sub title within text body)
	- h4 (sub sub title within text body)
	- h5 (sub sub title)
- paragraph separator hr.zo, used for p / h4 paragraphs
*/
body {
	-webkit-text-size-adjust: none;
   -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
        text-size-adjust: none;
}


/* ####### TEXT FORMAT ######### */

h2 {
	border-bottom: 1px dashed #999;
	padding: 0 0 3px 0;
}
.inputSearchRightButton {
    background: url(https://www.uni-heidelberg.de/images/uni/zentral/all/icon_search.gif) no-repeat !important; 
}
h3 {
	border-bottom: 1px dashed #999;
	padding: 0 0 3px 0;
}
table.resources tr {
	padding: 10px;
	background-color: #efefef;
	border: none;
}
table.resources td {
	padding: 10px;
	background-color: #efefef;
	border: none;
}
p.ma_check {
	padding: 5px;
	background-color: #efefef;
	border: 1px solid #dadada;
}

/* Rückkehrertests */

.rtests_wrap a[href$=".pdf"]::before  {
	content: "";
	display: inline-block;
	background: url("https://www.ori.uni-heidelberg.de/md/ori/islamwissenschaft/doc_adobe.gif") no-repeat;
	margin: 0 4px 0 0;
	height: 16px;
	width: 16px;
}

table.rtests {
	margin-bottom: 15px;
	margin-left: 10px;
}
table.rtests tr, table.rtests td {
	border: 1px solid #dadada;
	padding: 5px;
}
tr.hl td {
	background: #efefef;
	font-weight: bold;
}
div.rtests_list ul, div.rtests_list li {
	padding: 3px;
	margin-bottom: 1px !important;
}
div.rstests_material ul, div.rstests_material li {
	color: #333;
}
div.rtests_list h4 {
	border-bottom: 1px dashed #999;
	padding-bottom: 7px;
}
span.rstest_sub {
	font-size: 0.6em;
}
div.rtests_small h4 {
	padding: 1px;
	margin: 3px 3px 5px 0px;
}
#anker_Materialien {
	padding-bottom: 1px !important;
}
div.rtests_small {
	font-size: 0.8em;
	background-color: #efefef;
	border: 1px solid #dadada;
	padding: 5px;
	margin-left: 0px;
}
div.rtests_imp {
	font-size: 0.8em;
	background-color: #efefef;
	border: 1px solid #dadada;
	padding: 5px;
	margin-left: 0px;
	margin-top: 7px;
}
div.rtests_info {
	padding-top: 15px;
	border-top: 1px dashed #999;
}
h4 {
}
p {
	text-align: justify;
}
.underline {
	text-decoration: underline;
}
.italic {
	font-style: italic;
}
s p.topmargin {
	margin-top: 15px;
}
p.study {
	text-align: justify;
	margin-bottom: 10px;
	display: block;
}
p.white {
	line-height: 0.3em !important;
}
p.link {
	text-align: left;
}
.nostyle {
	padding: 0px;
	border: 0px;
	box-shadow: none;
}
/* ++++ .right-link für Links auf der rechten Seite, bspw. in grauen Kästen +++ */
p.anker {
	text-align: left;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	background-color: #efefef;
	border: 1px solid #dadada;
}
p.inst {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em !important;
	font-size: 1em;
}
td.degree {
	width: 32%;
	height: 30px;
}
span.desc {
	font-size: 0.9em;
}
hr {
	margin: 15px 0;
	border-width: 0px 0px 1px;
	border-style: none none dashed;
	border-color: -moz-use-text-color -moz-use-text-color grey;
}
/* ####### Prüfungsauschüsse ######### */
.pa_container, .pa_container_nfb {
	display: table;
	width: 100%;
	border-collapse:collapse;
}
.pa_container_nfb {
	margin-left: 8px;
	width: 98.8%;
}
.pa_row {
	display: table-row;
}
.pa_row_heading {
	display: table-row;
	background-color:#efefef;
}
.pa_cell {
	display: table-cell;
	padding: 5px;
	border: 1px solid #999;
}

/* ####### HORIZONTAL NAVIGATIONS ######### */
.staff tr {
	border-spacing: 0px;
	padding: 2px;
}
/* +++++ Yearly navigation row +++++++ */ 
table.yearnav {
	width: 100%;
}
.yearnav td {
	background-color: #efefef;
	border: 1px solid #dadada;
	vertical-align: center;
	text-align: center;
	padding: 3px;
	border-spacing: 2px;
}
/* table.yearnav :hover {
	color: #fff;
	background-color:#990000;
	border-color: #900;
	} */
	
/* Genutzt zB bei JP - Archiv - Jahresübersicht */
#block-nav a {
	color: #900;
	margin-left: 2px;
	padding: 0 5px;
	background-color: #efefef;
	border: 1px solid #dadada;
}
#block-nav a:hover {
	color: #fff;
	background-color: #990000;
	border-color: #900;
	text-decoration: none;
}
/* Senz */

div.senzv {
	padding: 8px 5px 5px 8px;
	border: 1px solid #dadada;
	margin-top: 15px;
	background: #f7f7f7;
}
/*  ##### TABLE FORMAT ########### */

table tr, td {
	border: 0px;
}
/* +++++ Information tables with gray background and border ++++++++ */
table.dir {
	width: 100%;
}
table.dir p {
	text-align: left;
	padding: 5px;
}
.dir td {
	background-color: #efefef;
	border: 1px solid #dadada;
	vertical-align: top;
	text-align: left;
	padding: 3px 5px 5px 10px;
	border-spacing: 5px;
}
.form_dir td {
	border: none;
}
/*.dir td a {
			float: right;
		} */
table.dr {
	width: 100%;
	margin-bottom: 25px;
	border-spacing: 3px;
}
table.dr p {
	text-align: left;
	padding: 5px;
}
tr.drinfo td {
	padding: 5px 2px 5px 2px;
	background-color: #fff;
	text-align: center;
}
.dr td {
	background-color: #efefef;
	border: 1px solid #dadada;
	vertical-align: top;
	text-align: left;
	padding: 3px 5px 5px 10px;
}
/* FACHSCHAFT */

div.fachschaft-kontakt {
	background-color: #efefef;
	padding: 4px;
	border: 1px solid #999;
	margin-left: 15px;
	margin-top: 10px;
	}

p.protokolle {
	
	min-height: 50px;
}



/* ++++++ Tables for staff contact details +++++++ */
table.contact {
	width: 100%;
	/*border-spacing: 7px 2px;*/
	margin-bottom: 15px;
	margin-top: 10px;
}
table.zogf {
	width: 100%;
	border-spacing: 7px 2px;
	margin-bottom: 15px;
	margin-top: 10px;
	width: 381px;
}
table.contact p, table.zogf p {
	width: 100%;
	border-spacing: 7px 2px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.contact td, .zogf td {
	background-color: #efefef;
	vertical-align: top;
	text-align: left;
	padding: 3px 5px 5px 10px;
	border-spacing: 5px;
	border: 1px solid #dadada;
}
img.kwon_img {
	background-color: #fff;
	padding: 2px;
	border: 1px solid #dadada;
	margin-right: 4px;
	margin-top: 5px;
}

img.giele1 {
	width:170px;
	display:block;
	margin-left: -5px;
}
img.giele2, img.giele3, img.giele4, img.giele5 {
	width: 700px;
}
img.giele6, img.giele7 {
	width: 300px;
}
/* ++++++ Tables with alternating row background colors ++++++ */
.alternate-rows tr:nth-child(even) {
	background: #efefef
}
.alternate-rows tr:nth-child(odd) {
	background: transparent;
}
/* +++++ No automatic border +++++++ */
table.noborder tr, td {
	border: 0px;
}
td.tdhead {
	background-color: white;
	border: none;
}
.trborder tr {
	border-bottom: 1px solid #999;
}
.trborder td {
	border: 0px;
}
table.members tr:nth-child(odd) {
	background-color: #efefef;

}

td.pic {
	padding: 0px;
	background-color: #ffffff;
	border: 0px solid #dadada;
	font-weight: normal;
	vertical-align: top;
	border-spacing: 5px;
}
.kwon-projects-wrap {
	margin: 20px 0px 30px 0px;
}
.kwon-project-head {
	font-weight:bold;
	border-bottom: 1px dashed #999;
	padding-bottom:3px;
	margin-bottom: 6px;
	font-size:1.1em;
}
.kwon-project {
	text-align:justify;
	margin-bottom:15px;
}

.kwon-publications-wrap {
	margin-bottom:30px;
}
.bm-team {
	margin-left:5px;
}
.bm-team div {
display: table-cell;
}
.bm-team ul  {
	margin-bottom: 5px !important;
}

.bm-date {
	display: block;
	font-weight:bold;
}
.bm-title {
	display:block;
	font-style: italic;
}

.bm_portrait {
	border:1px solid #999; 
	margin:7px 0px 9px 0;
	padding: 4px;
	background-color: white;
	width: 310px;
}

/* ####### FILMPORTAL ######## */

p.date {
	text-align: right;
}
#filmportal {
	border-spacing: 12px;
	border-collapse: separate;
	margin-left: -12px;
}
#filmportal td {
	background-color: #efefef;
	/*border: 1px solid #dadada; */
	vertical-align: top;
	text-align: left;
	position: relative;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .4);
	padding: 15px;
}
td.newsletter {
	border-left: 5px solid rgba(175, 111, 58, 0.8);/*border-bottom: 1px dashed rgba(175, 111, 58, 0.8);*/
}
td.fotm {
	border-left: 5px solid rgba(51, 204, 51, 0.8);/*border-bottom: 1px dashed rgba(51, 204, 51, 0.8);*/
}
td.manuals {
	border-left: 5px solid rgba(78, 173, 173, 0.8);/*border-bottom: 1px dashed rgba(78, 173, 173, 0.8);*/
}
td.cal {
	border-left: 5px solid rgba(35, 105, 105, 0.8);/*border-bottom: 1px dashed rgba(35, 105, 105, 0.8);*/
}
td.filmsearch {
	border-left: 5px solid rgba(189, 85, 144, 0.8);/*border-bottom: 1px dashed rgba(189, 85, 144, 0.8);*/
}
#filmportal h3 {
	margin-top: 0px;
}
#filmportal img.newsletter { /* Main Table for "Grid" */
	margin: 5px 0 12px 0;
	background: #fff;
	padding: 2px;
	border: #999;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .4);
}
#filmportal img.filmnews { /* Main Table for "Grid" */
	margin: 0px 10px 10px 0;
	background: #fff;
	padding: 2px;
	border: #999;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .4);
}
#nl-left { /* Newsletter-Box left */
	width: 62%;
	padding-right: 5px;
	float: left;
}
#nl-right { /* Newsletter-Box right */
	float: left;
}
div.fsearch .inputSearchRightButton {
	border: none;
	width: auto;
	padding-top: 0px;
}
div.fsearch input {
	border: solid 1px #dadada;
	transition: box-shadow 0.3s, border 0.3s;
	width: 80%;
	padding: 5px;
}
div.fsearch input:focus {
	border: solid 1px #707070;
	box-shadow: 0 0 5px 1px #969696;
}
div.fsearch p {
	padding: 10px 0 0 0;
	font-size: 0.8em;
	line-height: 0.7em;
}
a.jpdb {
	border: 1px solid #999;
	padding: 9px 0 9px 9px;
	margin-top: 20px;
	box-shadow: 1px 2px 4px rgba(0,0,0,.3);
	background: rgba(78,173,173, 0.2);
	cursor: pointer;
	text-align: left;
	display: block;
}
a.jpdb:hover {
	box-shadow: inset 1px 2px 2px rgba(0,0,0,.3);
}
div.zodb {
	border: 1px solid #999;
	padding: 9px 0 9px 9px;
	margin-top: 20px;
	box-shadow: 1px 2px 4px rgba(0,0,0,.3);
	background: rgba(255,160,0, 0.2);
	cursor: pointer;
	text-align: left;
}
div.zodb:hover {
	box-shadow: inset 1px 2px 2px rgba(0,0,0,.3);
}
div.ansehen {
	padding-top: 50px;
}
a.reserve {
	border: 1px solid #999;
	padding: 9px 0 9px 9px;
	box-sizing: border-box;
	margin-top: 15px;
	margin-bottom: 14px;
	box-shadow: 1px 2px 4px rgba(0,0,0,.3);
	background: rgba(204,143,92, 0.2);
	cursor: pointer;
	text-align: left;
	display: block;
}
a.reserve:hover {
	box-shadow: inset 1px 2px 2px rgba(0,0,0,.3);
}
div.ansehen div:nth-child(3) {
	border: 1px solid #999;
	padding: 9px 0 9px 9px;
	margin-bottom: 20px;
	box-shadow: 1px 2px 4px rgba(0,0,0,.3);
	background: rgba(78,173,173, 0.2);
	cursor: pointer;
	text-align: left;
}
a.room {
	padding: 9px 0 9px 9px;
	margin-bottom: 14px;
	margin-top: 20px;
	box-shadow: 1px 2px 4px rgba(0,0,0,.3);
	border: 1px solid #999;
	background: rgba(85,189,85, 0.2);
	cursor: pointer;
	display: block;
	text-align: left;
}
a.room:hover {
	box-shadow: inset 1px 2px 2px rgba(0,0,0,.3);
}
div.ansehen div:nth-child(3):hover {
	box-shadow: inset 1px 2px 2px rgba(0,0,0,.3);
}
hr.film {
	border-bottom: 1px dashed #999;
}
#footerbox {
	width: 100%;
	float: left;
	border-top: 1px dashed #999;
	margin-top: 5px;
	padding-top: 10px;
}
.footerbox p {
	text-align: center;
}
#anschaffungen-grau div {
	background: rgba(239, 239, 239, 0.8);
	padding: 10px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#anschaffungen-grau div {
	border-left: 4px solid #dadada;
	border-bottom: 1px dashed #dadada;
	margin-bottom: 15px;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
}
#anschaffungen div {
	background: rgba(239, 239, 239, 0.8);
	padding: 10px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
	border-left: 5px solid rgba(51, 204, 51, 0.8);
	border-bottom: 1px dashed rgba(51, 204, 51, 1);
	overflow: hidden;
}
/* ++++ unterschiedliche Randfarben ++++ */
#anschaffungen div:nth-child(2) {
	border-left: 5px solid rgba(255, 160, 0, 1);
	border-bottom: 1px dashed rgba(255, 160, 0, 1);
}
#anschaffungen div:nth-child(3) {
	border-left: 5px solid rgba(51, 204, 51, 0.8);
	border-bottom: 1px dashed rgba(51, 204, 51, 1);
}
#anschaffungen div:nth-child(4) {
	border-left: 5px solid rgba(78, 173, 173, 0.8);
	border-bottom: 1px dashed rgba(47, 68, 117, 1);
}
#anschaffungen div:nth-child(5) {
	border-left: 5px solid rgba(35, 105, 105, 0.8);
	border-bottom: 1px dashed rgba(35, 105, 105, 1);
}
#anschaffungen div:nth-child(6) {
	border-left: 5px solid rgba(189, 85, 144, 0.8);
	border-bottom: 1px dashed rgba(189, 85, 144, 1);
}
#anschaffungen p, #anschaffungen li, #anschaffungen-grau p {
	font-size: 0.8em;
}
#anschaffungen a, #anschaffungen-grau a {
	font-size: 1.1em;
}
#anschaffungen ul {
	list-style-type: none!important;
	margin-bottom: 0px!important;
}
#anschaffungen-grau div {
	background: rgba(239, 239, 239, 0.8);
	padding: 10px;
	padding-bottom: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	overflow: hidden;
	border-left: 4px solid #dadada;
	border-bottom: 1px dashed #dadada;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
}
/* Newsletter-List */

p.nl_list {
	padding: 10px;
}
ul.nl_list li {
	padding: 3px 0 3px 5px !important;
	border: 1px solid #dadada;
	margin: 5px;
	list-style: none !important;
}
ul.nl_list li:nth-child(odd) {
	background-color: #fff;
}
ul.nl_list li:nth-child(even) {
	background-color: #fff;
}
ul.nl_list li:first-child {
	background: #efefef;
}

/* ++++ unterschiedliche Randfarben ++++ */


#anschaffungen p, #anschaffungen li, #anschaffungen-grau p {
	font-size: 0.8em;
}
#anschaffungen a, #anschaffungen-grau a {
	font-size: 1.1em;
}
#anschaffungen p img, #anschaffungen-grau p img {
	width: 100px;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #dadada;
	float: left;
	margin: 0 5px 5px 0;
}
#anschaffungen span {
	display: block;
}
#anschaffungen p.date {
	display: block;
	font-weight: bold;
}
#anschaffungen ul {
	list-style-type: none!important;
	margin-bottom: 0px!important;
}


/* ####### MA-Übersicht ######## */

div.ma_table {
	display: table;
	border-collapse:collapse;
	margin-top:20px;
}
div.ma_tr {
	display:table-row;
}
div.ma_tr div {
	display:table-cell;
	padding: 4px 4px 4px 10px;
	border:1px solid #dadada;
}
div.ma_tr div:first-child {
	background-color: #efefef;
}

/* ####### NAVIGATION ######## */
.subnavigation a {
	float: left;
	display: inline-block;
	list-style-type: none;
}
/*.subnavigation a {
    background-color: #efefef;
    float: left;
    color: #990000;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    padding: 0.5em;
    display: block;
    text-align: center;
    border: 1px;
    border-style: solid;
    border-color: #dadada;
}

.subnavigation a:hover {
    background-color: #990000;
    color: #ffffff;
    text-decoration: none;
    display: block;
    border: 1px;
    border-style: solid;
    border-color: #dadada;
} */

/* +++++ TABLE BOA > Lokale Ressourcen +++++ */
.boalocal table, tr, td {
	background-color: transparent;
}
.boalocal td {
	border: 0px;
	padding-left: 10px;
	font-size: 9pt;
}
.boalocal tr {
	border-bottom: 1px solid #999;
}
/* ###### IMAGES ######### */

/* +++++ Picture align left with border and padding, like: http://www.zo.uni-heidelberg.de/overview/index.html ++++++ */
img.inst {
	padding: 3px;
	border-width: 1px;
	background-color: #fff;
	border-color: rgb(170, 170, 170);
	border-style: solid;
	float: left;
	margin-left: 0px;
	margin-right: 7px;
	margin-top: 5px;
}
img.sinst {
	padding: 3px;
	border-width: 1px;
	background-color: #fff;
	border-color: rgb(170, 170, 170);
	border-style: solid;
	float: left;
	margin-left: 0px;
	margin-right: 7px;
	margin-top: 3px;
	width: 140px;
}
img.tls {
	padding: 3px;
	border-width: 1px;
	background-color: #fff;
	border-color: rgb(170, 170, 170);
	border-style: solid;
	float: left;
	margin-left: 0px;
	margin-right: 7px;
	margin-top: 3px;
	height: 90px;
}
tr.white td {
	background-color: #fff;
	border: none;
}
tr.readings td {
	background-color: #fff;
	padding: 10px 10px 0 10px;
}
tr.readings li {
	font-size: 0.8em;
}
div.itxt {
	background-color: #eee;
	border: 1px solid #dadada;
	padding: 7px;
	margin-left: 15px;
	margin-top: 5px;
}
a.toggle-block-show-all {
	font-size: 0.75em;
	color: black;
}
a.toggle-block-show-all-tls {
	font-size: 0.8em;
	font-weight: bold;
}

.rudyak {
	padding: 5px !important;
    display: table-cell;
}
	
.rudyak img {
	vertical-align: middle;
}
/* +++++++++ like: http://www.zo.uni-heidelberg.de/sinologie/studies/index.html +++++ */
img.pic {
	padding: 2px;
	border-width: 1px;
	border-color: rgb(170, 170, 170);
	border-style: solid;
	display: block;
	margin-right: 10px;
	width: 90px;
	height: 90px;
}
img.zo {
	padding: 2px;
	border: 1px solid #dadada;
}
.news_img {
	text-align: left;
	margin: 0px 10px 0px 0px;
	border: 1px solid #dadada;
	float: left;
	background-color: #ffffff;
}
.newsOPCovidImg {
	display:flex;
	justify-content:center;
	margin: 20px 0;
}

img.study {
	width: 174px;
	height: 104px;
	float: right;
	margin: 5px 0px 5px 10px;
	padding: 5px;
	border-width: 1px;
	background-color: #fff;
	border-color: #dadada;
	border-style: solid;
}
img.eajs, img.eacs, img.eaks {
	float: right;
	margin: 0px 0px 0px 10px;
	border: 1px solid #dadada;
}
img.al {
	float: right;
	margin: 0px 0px 0px 10px;
	border: 1px solid #dadada;
	background-color: #ffffff;
}

p.indent {
	text-align: justify;
	text-indent: 2em;
}

.lehramt_projekt {
	margin: 15px 0px 15px 15px;
	padding:5px;
	border: 1px solid #999;
	background-color: #efefef;
}
.med-wrap a[href$=".pdf"]::before {
	content: "";
	display: inline-block;
	background: url("https://www.ori.uni-heidelberg.de/md/ori/islamwissenschaft/doc_adobe.gif") no-repeat;
	margin: 0 4px 0 0;
	height: 16px;
	width: 16px;
}

.med-img-container img {
	width: 100%;

}
.medschein-container {
margin-top: 15px;
}
.medschein-container ol > li {
    line-height: 1.4em !important;
}
/* ######## DIVS ####### */

div.inst {
	background-color: #efefef;
	border: 1px solid #dadada;
	padding: 10px 15px 10px 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
div.ad {
	background-color: #efefef;
	border: 1px solid #dadada;
	padding: 3px 10px 3px 10px;
	margin: 0 0 15px 0;
}
div.eas, div.al {
	background-color: #efefef;
	border: 1px solid #dadada;
	padding: 10px 10px 3px 10px;
}
div.rightColumndist {
	line-height: 0px !important;
}
div#rechts_1011_0, div#rechts_1011_3, div#rechts_1011_4, div#rechts_1011_1, div#rechts_1011_5, div#rechts_1011_2, div#rechts_11_0, div#rechts_11_1, div#rechts_11_2, div#rechts_11_3, div#rechts_11_4, div#rechts_11_6 {
	border: 1px solid #dadada;
}
/*  ##### JP Kurzfilme ########### */

table.jpkf {
	border-spacing: 5px 1px;
}
tr.jpkftitle {
	background: #efefef;
}
tr.jpkftitle td {
	border: 1px solid #dadada;
	padding: 2px;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
}
tr.jpkfvid td {
	padding: 5px;
	padding-bottom: 25px;
}
tr.jpkfvid img {
	border: 1px solid #dadada;
	padding: 2px;
}
p.kfjpp {
	font-size: 1em;
	padding: 5px 1px 5px 1px;
	border: 1px solid #dadada;
	text-align: center;
	margin: 0px 0px 15px 5px !important;
}
/*  ##### ZO Organization Chart ########### */

table.chart {
	border-spacing: 7px 7px;
}
table.chart td {
	border: 1px solid #999;
	padding: 15px 10px 15px 10px;
}
table.chart tr.chart-zo {
	background: #efefef;
	text-align: center;
	font-weight: 600;
/*	box-shadow: 1px 2px 3px rgba(0,0,0,.2);*/
}
table.chart tr.chart-boa {
	background: rgba(85,189,85, 0.55);
	text-align: center;
	font-weight: bold;
	/*box-shadow: 1px 2px 3px rgba(0,0,0,.2);*/
}
table.chart tr.chart-inst td.cn {
	background: rgba(255,160,0, 0.55);
	text-align: center;
	font-weight: 600;
	/*box-shadow: 1px 2px 3px rgba(0,0,0,.2);*/
	width: 33.3%;
}
table.chart tr.chart-inst td.iko {
	background: rgba(78,173,173, 0.55);
	text-align: center;
	font-weight: 600;
/*	box-shadow: 1px 2px 3px rgba(0,0,0,.2);*/
	width: 33.3%;
}
table.chart tr.chart-inst td.jp {
	background: rgba(188,0,45, 0.55);
	text-align: center;
	font-weight: 600;
/*	box-shadow: 1px 2px 3px rgba(0,0,0,.2);*/
	width: 33.3%;
}
.zo-dir-kontakt {
	display:flex;
	margin-left: 8px;
}


.zo-dir-kontakt div {
	box-shadow: 1px 0 0 0 #dadada, 0 1px 0 0 #dadada, 1px 1px 0 0 #dadada, 1px 0 0 0 #dadada inset, 0 1px 0 0 #dadada inset;
}

.zo-dir-kontakt div:first-child {
	background-color: #efefef;
	padding: 6px;
	width:50px;
}

.zo-dir-kontakt div:last-child {
	padding: 6px;
	width:295px;
	text-align: center;
}

.k_media_container {
	display: flex;
}
.k_media_container div {
	padding: 4px 4px 4px 4px;
	box-shadow: 1px 0 0 0 #dadada, 0 1px 0 0 #dadada, 1px 1px 0 0 #dadada, 1px 0 0 0 #dadada inset, 0 1px 0 0 #dadada inset;

}
.k_media_date {
	width: 90px;
	background-color: #efefef;
	text-align: center;
}
.k_media_title {
	width:500px;
	text-align: left;
	padding-left: 8px !important;
}
.k_media_pub {
	width:150px;
	text-align: left;
	padding-left: 8px !important;
}



/* ###### FILMNEWSLETTER from Mailchimp ####### 
Caution: The whole newsletter has to be inside the div class=filmnewsletter */


.filmnewsletter p {
	margin: 10px 0;
	padding: 0;
}
.filmnewsletter table {
	border-collapse: collapse;
}
.filmnewsletter h1, .filmnewsletter h2, .filmnewsletter h3, .filmnewsletter h4, .filmnewsletter h5, .filmnewsletter h6 {
	display: block;
	margin: 0;
	padding: 0;
}
.filmnewsletter img, a img {
	border: 0;
	height: auto;
	outline: none;
	text-decoration: none;
}
.filmnewsletter body, .filmnewsletter #bodyTable, .filmnewsletter #bodyCell {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
.filmnewsletter #outlook a {
	padding: 0;
}
.filmnewsletter img {
	-ms-interpolation-mode: bicubic;
}
.filmnewsletter table {
	mso-table-lspace: 0pt;
	mso-table-rspace: 0pt;
}
.ReadMsgBody {
	width: 100%;
}
.ExternalClass {
	width: 100%;
}
.filmnewsletter p, .filmnewsletter a, .filmnewsletter li, .filmnewsletter td, .filmnewsletter blockquote {
	mso-line-height-rule: exactly;
}
a[href^=tel], a[href^=sms] {
	color: inherit;
	cursor: default;
	text-decoration: none;
}
.filmnewsletter p, .filmnewsletter a, .filmnewsletter li, .filmnewsletter td, .filmnewsletter body, .filmnewsletter table, .filmnewsletter blockquote {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
.ExternalClass, .ExternalClass p, .ExternalClass td, .ExternalClass div, .ExternalClass span, .ExternalClass font {
	line-height: 100%;
}
.filmnewsletter a[x-apple-data-detectors] {
	color: inherit !important;
	text-decoration: none !important;
	font-size: inherit !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}
.kloepschWrap {
	margin: 0 0 30px 0;
}
.kloepschImg {
	float:left;
}
.kloepschImg img {
	padding:3px;
	border: 1px solid #ccc;
	width:200px;
	margin: 4px 7px 0 0;
}
.kloepschTxt {
	
}
h2.citrep {
	border:none;
}
.citrepList li {
	padding: 5px !important;
	border: 1px solid #999;
	background-color: #efefef;
	margin: 8px;
	list-style-type: none !important;
}
.mittlersg-container {
    margin: 15px 0 10px 15px;
}
.mittlersg-footnote {
	padding: 5px !important;
	border: 1px solid #999;
	background-color: #efefef;
	margin:10px 0;
}
.mittlersg-footnote h4 {
	margin: 5px 0 !important;
}
.contactBMBio {
	margin: 25px 0 25px 2px;
    border: 1px solid #dadada;
    padding: 8px;
}
#bodyCell {
	padding: 10px;
}
.templateContainer {
	max-width: 600px !important;
}
a.mcnButton {
	display: block;
}
.mcnImage {
	vertical-align: bottom;
}
.mcnTextContent {
	word-break: break-word;
}
.mcnTextContent img {
	height: auto !important;
}
.mcnDividerBlock {
	table-layout: fixed !important;
}

.fstFootnote {
	font-size:10px;
}


.maglobalchinaContainer {
	margin-bottom:50px;
}
.maglobalchinaContainer img:not(.adobe-icon) {
	float: left;
height: 160px;
margin-right: 10px;
	padding:2px 0px 3px 2px;
	border:1px solid #dadada;
}
.maglobalchinaContainer img:hover {
	opacity:0.6;
}
/*
	@tab Page
	@section Background Style
	@tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
	*/
.filmnewsletter body, #bodyTable {
	/*@editable*/background-color: #FAFAFA;
}
/*
	@tab Page
	@section Background Style
	@tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
	*/
#bodyCell {
	/*@editable*/border-top: 0;
}
/*
	@tab Page
	@section Email Border
	@tip Set the border for your email.
	*/
.templateContainer {
	/*@editable*/border: 0;
}
/*
	@tab Page
	@section Heading 1
	@tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
	@style heading 1
	*/

	/*
	@tab Page
	@section Heading 2
	@tip Set the styling for all second-level headings in your emails.
	@style heading 2
	*/

	/*
	@tab Page
	@section Heading 3
	@tip Set the styling for all third-level headings in your emails.
	@style heading 3
	*/
.filmnewsletter h3 {
	/*@editable*/color: #202020;
	/*@editable*/font-family: Helvetica;
	/*@editable*/font-size: 20px;
	/*@editable*/font-style: normal;
	/*@editable*/font-weight: bold;
	/*@editable*/line-height: 125%;
	/*@editable*/letter-spacing: normal;
	/*@editable*/text-align: left;
}
/*
	@tab Page
	@section Heading 4
	@tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
	@style heading 4
	*/
.filmnewsletter h4 {
	/*@editable*/color: #202020;
	/*@editable*/font-family: Helvetica;
	/*@editable*/font-size: 18px;
	/*@editable*/font-style: normal;
	/*@editable*/font-weight: bold;
	/*@editable*/line-height: 125%;
	/*@editable*/letter-spacing: normal;
	/*@editable*/text-align: left;
}
/*
	@tab Preheader
	@section Preheader Style
	@tip Set the background color and borders for your email's preheader area.
	*/
#templatePreheader {
	/*@editable*/background-color: #FAFAFA;
	/*@editable*/border-top: 0;
	/*@editable*/border-bottom: 0;
	/*@editable*/padding-top: 9px;
	/*@editable*/padding-bottom: 9px;
}
/*
	@tab Preheader
	@section Preheader Text
	@tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.


	*/
#templatePreheader .mcnTextContent, #templatePreheader .mcnTextContent p {
	/*@editable*/color: #656565;
	/*@editable*/font-family: Helvetica;
	/*@editable*/font-size: 12px;
	/*@editable*/line-height: 150%;
	/*@editable*/text-align: left;
}
/*
	@tab Preheader
	@section Preheader Link
	@tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
	*/
#templatePreheader .mcnTextContent a, #templatePreheader .mcnTextContent p a {
	/*@editable*/color: #656565;
	/*@editable*/font-weight: normal;
	/*@editable*/text-decoration: underline;
}
/*
	@tab Header
	@section Header Style
	@tip Set the background color and borders for your email's header area.
	*/
#templateHeader {
	/*@editable*/background-color: #FFFFFF;
	/*@editable*/border-top: 0;
	/*@editable*/border-bottom: 0;
	/*@editable*/padding-top: 9px;
	/*@editable*/padding-bottom: 0;
}
/*
	@tab Header
	@section Header Text
	@tip Set the styling for your email's header text. Choose a size and color that is easy to read.
	*/
#templateHeader .mcnTextContent, #templateHeader .mcnTextContent p {
	/*@editable*/color: #202020;
	/*@editable*/font-family: Helvetica;
	/*@editable*/font-size: 16px;
	/*@editable*/line-height: 150%;
	/*@editable*/text-align: left;
}
/*
	@tab Header
	@section Header Link
	@tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
	*/
#templateHeader .mcnTextContent a, #templateHeader .mcnTextContent p a {
	/*@editable*/color: #2BAADF;
	/*@editable*/font-weight: normal;
	/*@editable*/text-decoration: underline;
}
/*
	@tab Body
	@section Body Style
	@tip Set the background color and borders for your email's body area.
	*/
#templateBody {
	/*@editable*/background-color: #FFFFFF;
	/*@editable*/border-top: 0;
	/*@editable*/border-bottom: 2px solid #EAEAEA;
	/*@editable*/padding-top: 0;
	/*@editable*/padding-bottom: 9px;
}
/*
	@tab Body
	@section Body Text
	@tip Set the styling for your email's body text. Choose a size and color that is easy to read.
	*/
#templateBody .mcnTextContent, #templateBody .mcnTextContent p {
	/*@editable*/color: #202020;
	/*@editable*/font-family: Helvetica;
	/*@editable*/font-size: 16px;
	/*@editable*/line-height: 150%;
	/*@editable*/text-align: left;
}
/*
	@tab Body
	@section Body Link
	@tip Set the styling for your email's body links. Choose a color that helps them stand out from your text.
	*/
#templateBody .mcnTextContent a, #templateBody .mcnTextContent p a {
	/*@editable*/color: #2BAADF;
	/*@editable*/font-weight: normal;
	/*@editable*/text-decoration: underline;
}
/*
	@tab Footer
	@section Footer Style
	@tip Set the background color and borders for your email's footer area.
	*/
#templateFooter {
	/*@editable*/background-color: #FAFAFA;
	/*@editable*/border-top: 0;
	/*@editable*/border-bottom: 0;
	/*@editable*/padding-top: 9px;
	/*@editable*/padding-bottom: 9px;
}
/*
	@tab Footer
	@section Footer Text
	@tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
	*/
#templateFooter .mcnTextContent, #templateFooter .mcnTextContent p {
	/*@editable*/color: #656565;
	/*@editable*/font-family: Helvetica;
	/*@editable*/font-size: 12px;
	/*@editable*/line-height: 150%;
	/*@editable*/text-align: center;
}
/*
	@tab Footer
	@section Footer Link
	@tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
	*/
#templateFooter .mcnTextContent a, #templateFooter .mcnTextContent p a {
	/*@editable*/color: #656565;
	/*@editable*/font-weight: normal;
	/*@editable*/text-decoration: underline;
}

@media only screen and (min-width:768px) {
.templateContainer {
	width: 600px !important;
}
}

@media only screen and (max-width: 480px) {
.filmnewsletter body, .filmnewsletter table, .filmnewsletter td, .filmnewsletter p, .filmnewsletter a, .filmnewsletter li, .filmnewsletter blockquote {
	-webkit-text-size-adjust: none !important;
}
}

@media only screen and (max-width: 480px) {
.filmnewsletter body {
	width: 100% !important;
	min-width: 100% !important;
}
}

@media only screen and (max-width: 480px) {
#bodyCell {
	padding-top: 10px !important;
}
}

@media only screen and (max-width: 480px) {
.mcnImage {
	width: 100% !important;
}
}

@media only screen and (max-width: 480px) {
.mcnCaptionTopContent, .mcnCaptionBottomContent, .mcnTextContentContainer, .mcnBoxedTextContentContainer, .mcnImageGroupContentContainer, .mcnCaptionLeftTextContentContainer, .mcnCaptionRightTextContentContainer, .mcnCaptionLeftImageContentContainer, .mcnCaptionRightImageContentContainer, .mcnImageCardLeftTextContentContainer, .mcnImageCardRightTextContentContainer {
	max-width: 100% !important;
	width: 100% !important;
}
}

@media only screen and (max-width: 480px) {
.mcnBoxedTextContentContainer {
	min-width: 100% !important;
}
}

@media only screen and (max-width: 480px) {
.mcnImageGroupContent {
	padding: 9px !important;
}
}

@media only screen and (max-width: 480px) {
.mcnCaptionLeftContentOuter .mcnTextContent, .mcnCaptionRightContentOuter .mcnTextContent {
	padding-top: 9px !important;
}
}

@media only screen and (max-width: 480px) {
.mcnImageCardTopImageContent, .mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent {
	padding-top: 18px !important;
}
}

@media only screen and (max-width: 480px) {
.mcnImageCardBottomImageContent {
	padding-bottom: 9px !important;
}
}

@media only screen and (max-width: 480px) {
.mcnImageGroupBlockInner {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
}

@media only screen and (max-width: 480px) {
.mcnImageGroupBlockOuter {
	padding-top: 9px !important;
	padding-bottom: 9px !important;
}
}

@media only screen and (max-width: 480px) {
.mcnTextContent, .mcnBoxedTextContentColumn {
	padding-right: 18px !important;
	padding-left: 18px !important;
}
}

@media only screen and (max-width: 480px) {
.mcnImageCardLeftImageContent, .mcnImageCardRightImageContent {
	padding-right: 18px !important;
	padding-bottom: 0 !important;
	padding-left: 18px !important;
}
}

@media only screen and (max-width: 480px) {
.mcpreview-image-uploader {
	display: none !important;
	width: 100% !important;
}
}

@media only screen and (max-width: 480px) {
/*
	@tab Mobile Styles
	@section Heading 1
	@tip Make the first-level headings larger in size for better readability on small screens.
	*/
.filmnewsletter h1 {
	/*@editable*/font-size: 22px !important;
	/*@editable*/line-height: 125% !important;
}
}

@media only screen and (max-width: 480px) {
/*
	@tab Mobile Styles
	@section Heading 2
	@tip Make the second-level headings larger in size for better readability on small screens.
	*/
		
}

@media only screen and (max-width: 480px) {
/*
	@tab Mobile Styles
	@section Heading 3
	@tip Make the third-level headings larger in size for better readability on small screens.
	*/
.filmnewsletter h3 {
	/*@editable*/font-size: 18px !important;
	/*@editable*/line-height: 125% !important;
}
}

@media only screen and (max-width: 480px) {
/*
	@tab Mobile Styles
	@section Heading 4
	@tip Make the fourth-level headings larger in size for better readability on small screens.
	*/
.filmnewsletter h4 {
	/*@editable*/font-size: 16px !important;
	/*@editable*/line-height: 150% !important;
}
}

@media only screen and (max-width: 480px) {
/*
	@tab Mobile Styles
	@section Boxed Text
	@tip Make the boxed text larger in size for better readability on small screens. We recommend a font size of at least 16px.
	*/
.mcnBoxedTextContentContainer .mcnTextContent, .mcnBoxedTextContentContainer .mcnTextContent p {
	/*@editable*/font-size: 14px !important;
	/*@editable*/line-height: 150% !important;
}
}

@media only screen and (max-width: 480px) {
/*
	@tab Mobile Styles
	@section Preheader Visibility
	@tip Set the visibility of the email's preheader on small screens. You can hide it to save space.
	*/
#templatePreheader {
	/*@editable*/display: block !important;
}
}

@media only screen and (max-width: 480px) {
/*
	@tab Mobile Styles
	@section Preheader Text
	@tip Make the preheader text larger in size for better readability on small screens.
	*/
#templatePreheader .mcnTextContent, #templatePreheader .mcnTextContent p {
	/*@editable*/font-size: 14px !important;
	/*@editable*/line-height: 150% !important;
}
}

@media only screen and (max-width: 480px) {
/*
	@tab Mobile Styles
	@section Header Text
	@tip Make the header text larger in size for better readability on small screens.
	*/
#templateHeader .mcnTextContent, #templateHeader .mcnTextContent p {
	/*@editable*/font-size: 16px !important;
	/*@editable*/line-height: 150% !important;
}
}

@media only screen and (max-width: 480px) {
/*
	@tab Mobile Styles
	@section Body Text
	@tip Make the body text larger in size for better readability on small screens. We recommend a font size of at least 16px.
	*/
#templateBody .mcnTextContent, #templateBody .mcnTextContent p {
	/*@editable*/font-size: 16px !important;
	/*@editable*/line-height: 150% !important;
}
}
@media only screen and (max-width: 480px) {
/*
	@tab Mobile Styles
	@section Footer Text
	@tip Make the footer content text larger in size for better readability on small screens.
	*/
#templateFooter .mcnTextContent, #templateFooter .mcnTextContent p {
	/*@editable*/font-size: 14px !important;
	/*@editable*/line-height: 150% !important;
}