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) {

}


#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; */
	white-space: pre-wrap;
}

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