h1 {
	width: 100%;
	text-align: center;
	font-size: 20pt ;
	margin-top: 5pt ;
	margin-bottom: 10pt ;
	font-family: Verdana, Geneva, sans-serif ;
	/* padding-bottom: 5pt; */
}

.header {
	width: 100%;
	/* border-bottom: 2px solid black; */
	background-color: silver;
	margin-bottom: 0 ;
	margin-top: 0 ;
	padding-bottom: 0 ;
	padding-top: 0 ;
	font-weight: bold ;
	padding-right: auto ;
	padding-left: auto ;
	/* padding-bottom: 5pt; */
}



h2 {
	/* width: 100%; */
	/* border-bottom: 2px solid black; */
	font-size: 16pt;
}

body {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	/* font-size: 85%; */
	margin: 0;
	}

.page {
	/* margin: 1em 5% 0 5%; */
	margin-top: 1em;
	margin-right: auto ;
	margin-left: auto ;
	width: 50em ;
}

a {
	text-decoration: none;
}

a:visited {
	color: blue;
}

a:hover {
	background-color: silver;
}

.nav a:hover {
	background-color: silver;
	border-bottom: 2px solid #E9E9E9 ;
}

.nav a.here:hover {
	background-color: white;
	border-bottom: 2px solid white ;
}

.langselector {
	border-bottom: 2px solid black;
	border-right: 2px solid #E9E9E9 !important;
	border-top: 2px solid #E9E9E9 !important;
	position: absolute;
	right: 0px;
	top: 0px;
}

.langselector:hover {
	border-bottom: 2px solid black !important ;
}

.langselectorSelected {
	/* border-right: 2px solid #E9E9E9 !important ; */
	border-bottom: 2px solid black;
}

.langselector.selected .selectLang {
	display: none;
}

.nav {
	/* border-bottom: 2px solid black; */
	/* border-left: 2px solid black; */
	/* border-right: 2px solid black; */
	display: block;
	margin-top: 5pt;
	margin-bottom: 0px;
	padding-bottom: 0px ;
	/* padding: 0 10% 0 10%; */
	/* margin: 0 10%; */
	/* margin-top: 0; */
	font-size: 12pt;
	text-align: center;
	/* background-color: #E9E9E9; */
	border-bottom: 2px solid black;
	vertical-align: bottom ;
	line-height: 1.8em ;
}

.nav li {
	display: inline;
}

.nav a {
	/* border-bottom: 2px solid black; */
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-top: 2px solid black ;
	line-height: 1.9em ;
	margin-left: 0 ;
	margin-right: 0 ;
	margin-bottom: -3px ;
	padding-right: 0.6em ;
	padding-left: 0.6em ;
	padding-bottom: 0px;
	/* padding: 0.6em; */
	background-color: white;
	display: inline-block ;

	font-weight: normal;
	background-color: #E9E9E9 !important ;
}


.nav .here {
	border-bottom: 0 ;
	/* font-weight: bold; */
	line-height: 1.9em ;
	border-bottom: 2px solid white;
	background-color: white !important ;
}

li {
	/** list-style: outside; **/
	list-style: inside ;
	text-indent: -2em ;
}

ul {
	text-indent: 0px;
	padding-left: 2em ;
}

.papers li {
	margin-bottom: 1em;
}

table {
/*	font-size: 85%; */
	padding: 0;
	/** border-collapse: separate; **/
	border-collapse: collapse;
	margin: 1em 0em 1em 0em;
	border-spacing: 0 5pt 0 0;
}

.paddedrows td:not(:last-child) {
   padding-right: 3pt !important ;
}

.paddedrows td {
	padding-bottom: 0.5em ;
}

.paddedrows li {
	padding-bottom: 0.5em ;
}

td {
	padding-left: 0px; /** 4px; **/
	padding-right: 0px; /** 4px; **/
	font-size: 12pt ;
}

.urgent {
	color: red;
	font-weight: bold;
}

.topalign td {
	vertical-align: top ;
}

.fullbox {

}

.subtitle {
	font-size: 12pt ;
	font-weight: bold ;
	padding-bottom: 0.5em ;
	padding-top: 0.2em ;
}

.sidebox {
		float: left;	margin-right: 1em;
	width: 210px ;
}

.topbox, .bottombox {
	clear: both;
}

.rightbox {
	float: left;
	/* margin-left: 1em; */
	width: 60% ;
	padding-top: 0px;
}

h3.first {
	margin-top: 0;
}

.imagebox {
	float: left;
	margin-right: 1em;}

.langmenu {
	position: absolute;
	border: 2px solid black;
	border-top: none;
	border-left: none;
	height: 1em;
	width: 1em;
}

.langoptions {
	border-bottom: none;
	border-top: none;
	background-color: #E9E9E9;
	text-align: center;
	/* display: none ; */
	display: block ;
	visibility: hidden ;
	font-weight: normal ;
	padding-right: 2em;
}

.langoptions a {
	padding: 0.5em ;
}

.descr {
	border-left: 2px solid black;padding-left: 0.5em;	margin-top: 0.5em;
	text-indent: 0 !important ;
}

.ar {
	font-family: Lateef, Arial, Helvetica, sans-serif;
	font-size: 125%;
}

.slides {
	display: none;
	position:relative;
}

.slides:hover {
	display:inline-block;
}

.caption-box {
	text-align: center;
	font-size: 12pt;
	color: gray;
}

.slidenav {
	display: inline-block ;
	width: auto ;
	text-align: center !important ;
	position: absolute ;
	left: 50% ;
	bottom: 0 ;
	transform:translate(-50%,0%) ;
	-ms-transform:translate(-50%,0%) ;
}

.slidebox {
	position: relative ;
	max-width: 200px;
	height: 200px;

}

.imageselector, .imageselector-current {
	cursor: pointer ;
	background-color: #000 ;
	color: #fff ;
	display: inline-block ;
	padding-left: 8px ;
	padding-right: 8px ;
	text-align:center ;
	border-radius: 50% ;
	height: 13px ;
	width: 13px ;
	padding: 0 ;
	border: 2px solid #ccc !important ;
	background-color: transparent !important ;
}

.imageselector-current, .imageselector:hover {
	background-color: #fff !important ;
}

.rightshift {
	cursor: pointer ;
	padding-right: 16px !important ;
	/** color: #b4aa50 !important ; **/
	color: white !important ;
	text-shadow: 2px 2px 4px black ;
	margin-bottom: 52px;
	float: right !important ;
}

.leftshift {
	cursor: pointer ;
	padding-left: 16px !important ;
	/** color: #b4aa50 !important ; **/
	color: white !important ;
	text-shadow: 2px 2px 4px black ;
	margin-bottom: 52px;
	float: left !important ;
}

.infotable tbody tr td {
	vertical-align: top ;
	font-size: 12pt;
}

.infotable tr:first-child td:first-child {
	/* width: 6em; */
/*	text-indent: -1.5em;
	padding-left: 1.5em ; */
/*	word-wrap: break-word;
	overflow-wrap: break-word; */
}

.infotable tr:nth-child(2) td:nth-child(2) {
	width: 6em;
}

.infotable {
	/* width: 100% !important ; */
	margin-right: 1em !important ;
}

.infotable tbody tr:first-child td:first-child i.fa {
	height: 200% !important ;
	margin-bottom: 1.5em ;
}

.infotable tbody tr td i.fa {
	width: 1.2em ;
	margin-top: 0.25em ;
	/* padding-right: 0.25em ; */
}
	
@media screen and (max-width: 50em) {
/* @media (min-width:320px)  { */ /* smartphones, iPhone, portrait 480x320 phones */
	.page {
		width: 95% ;
	}
	/* .infotable tr:first-child td {
		width: 10em !important ;
	} */
	.rightbox {
		width: 100% !important ;
	}
	.sidebox {
		width: 70% !important ;
		margin: 0 15%;
	}
	.slidebox {
		max-width: 100% !important;
		height: 100% !important;
	}

}

@media screen and (min-width:100em) {

}

/**
ul.publications { **/
	/* padding-left: 1em; */
/**
	text-indent: -3em; 
}


li.publication {
	list-style: none outside none ;
	margin-left: 0;
	padding-left: 3em;
	text-indent: -3em;
}
**/

/* .secondLevel .publication { */
.publication { 
	margin-bottom: 1.2em;
	/* text-align: justify ; */
}

.pubsection h3 {
	position: sticky;
	top: 0;
	z-index: 10;
	margin-left: -5em ;
}

/* .publication h5 { */
.pubsubsection h5 {
	clear: left ;
	/** display: inline ; **/
	float: left;
	text-align: left ;
	width: 5em ;
	max-width: 5em ;
	margin-left: -5em ;
	margin-top: 0em;
	font-size: 12pt ;
	position: sticky;
	top: 2em;
	z-index: 10;
}

.publication-journal {
	/* color: #777 ; */
	margin-bottom: 0em !important ;
	overflow: hidden;
	margin-left: 48px;
}

.publication-title {
	/* padding-left: 30pt !important ;
	text-indent: -30pt !important ; */

	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold ;
	font-size: 13pt;
	/* font-family: "DejaVu Serif" ; */
	/* font-family: "Trebuchet MS" ; */
}

.publication div {
	margin-bottom: 0.7ex;
}

.publication-links {
	font-size: 11pt !important;
	font-weight: normal !important ;
	/* margin-left: 30pt; ; */
	margin-left: 48px;
}

.pub-author-me {
	/* border: 1px solid black ; */
   /* color: black;
	-webkit-text-fill-color: white; */ /* Will override color (regardless of order) */
	/* -webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black; */
	/* font-weight: bold; */
	/* font-style: italic ; */
	/* text-shadow: 0px 0px 4px #00ffff; */
	/* text-shadow: 1px 1px #00ffff; */
	/* background-color: #eea ; */
	/* background-color: yellow ; */
	/* border: 1px solid #aaa ; */
	/* color: purple ;
	font-weight: bold; */
	/* color: #090 ; */
	color: #000 ;
}

.publication-authors {
	color: #777 ;
	margin-left: 48px;
}

.pubsection {
	margin-left: 6em ;
	padding-right: 3em ;
	display: block ;
}

.pubtypeiconbox img {
	/* width: 1.5em; */
	/* height: 2em ; */
	vertical-align: bottom ;
	width: 2.5em ;
	margin-right: 0.5em ;
	margin-bottom: 0.5em ;
}

.pubtypeicon {
	width: 2.5em ;
	margin-right: 0.5em ;
}

.publication-journal .pubtypeiconbox {
	/*float: left;*/
	/* height: 3em ; */
	vertical-align: top;
	display: inline-block;
	white-space: nowrap;
	float: left ;
}

.pubvenue {
}

.resprogicon {
	/* width: 1.5em; */
	height: 2em ;
	vertical-align: bottom ;
	width: 2em ;
}

.publication-icon {
	float: left;
}

.icon-resprog, .icon-pubtype {
	width: 2.5em;
}

#targetArea h3 {
	font-size: 16pt ;
	background-color: white;
}

h3#listHeader {
	font-size: 16pt ;
}

.highlighted {
	background-color: #FFFECC ;
	color: #666666 ;
	padding: 2px ;
	font-weight: bold ;
}

.jnw-cal {
	padding-bottom: 1em;
	padding-top: 2pt;
		float: left;	padding-right: 4pt;}

.season {
		float: right;}

.fa { display:inline !important; }

.sortButton {
	cursor: pointer ;
}

.bibTex {
	display: block;
	font-family: "DejaVu Sans Mono",Monaco,monospace ;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 11px;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow-x: auto;
	overflow-y: auto;
	box-sizing: border-box;
	margin-left: 48px;
}

.abstract, .konspekt {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 11px;
	color: #000;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow-x: auto;
	overflow-y: auto;
	box-sizing: border-box;
	margin-left: 48px;
}

.abstract br, .konspekt br {
	display:block;
	margin-top: 10px;
	content: "";
}



sc {
	font-variant: small-caps ;
}