/* Copyright 2017, Frank Sembowski (www.arpinum.de) */

/* Fonts */
@font-face {
	font-family: "Tinos"; font-style: normal;
	font-weight: 400;
	src: local("Tinos Regular"), local("Tinos-Regular"), url("/_Layout/Fonts/Tinos/Tinos-Regular.ttf") format("truetype");
	unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
	}

@font-face {
	font-family: "Roboto Condensed"; font-style: normal;
	font-weight: 400;
	src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("/_Layout/Fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf") format("truetype");
	unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
	}

@font-face {
	font-family: "NunitoSans"; font-style: normal;
	font-weight: 400;
	src: local("NunitoSans"), local("NunitoSans-Regular"), url("/_Layout/Fonts/Nunito_Sans/NunitoSans-Regular.ttf") format("truetype");
	unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
	}

@font-face {
	font-family: "Monda"; font-style: normal;
	font-weight: 400;
	src: local("Monda"), local("Monda-Regular"), url("/_Layout/Fonts/Monda/Monda-Regular.ttf") format("truetype");
	unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
	}

/* @import url('https://fonts.googleapis.com/css?family=Monda|Mukta+Malar:500|NTR|Nunito+Sans|Oxygen|Quattrocento+Sans'); */

body {
	margin: 0px; padding: 0px;
	background-color: #2d3647;
	}

#Main {
	margin: 0px; padding: 0px;
	background-color: #2d3647;
	}

#Header {
	margin: 0px auto 0px;
	max-width: 738px;
	padding: 10px 10px 10px 36px;
	}

#Footer {
	margin: 0px auto 0px;
	max-width: 738px;
	clear: both;
	padding: 10px 10px 10px 36px;
	}

#Motto {
	max-width: 738px;
	margin: 0;
	padding: 5px 0 5px 0px;
	}

#VerticalMenuWrapper {
	margin: 0px auto 0px;
	max-width: 738px;
	border-left: 0px;
	padding-left: 0px;
	}

#OuterColumnWrapper {
	clear: both;
	margin: 0px auto 0px;
	max-width: 738px;
	overflow: hidden;
	background: #fefcf9;
	}
	
.main-column,
.main-column-area-of-arts,
.main-column-area-of-promotion {
	background: #fefcf9;
	max-width: 736px;
	padding: 0px 84px 0px 64px;
	overflow: visible;
	border: 0px solid #fefcf9;
	}
		
.main-column-gallery {
	background: #fefcf9;
	max-width: 736px;
	margin: 0px auto 0px;
	overflow: visible;
	border: 0px solid #fefcf9;	
	}
	
/* area of promotion */
#AreaOfPromotionWrapper {
	margin: 10px auto 10px;
	width: 90%;
	}
.area-of-promotion { }
	
/* area of arts */
.main-column-area-of-arts {
	padding: 0px 38px 0px 38px;
}

#AreaOfArtsWrapper {
	overflow: hidden;
	margin: 10px auto 10px;
	width: 92%;
	}
.area-of-arts-block {
	margin: 0px auto 0px;
	width: 96%;
	}
.area-of-arts {
	float: left;
	padding: 10px;
	margin: 6px 10px 6px 0px;
	border: solid 1px #000;
	}

#Footer p, #Header p { color: #FFFFFF; }

/* h-elements */
h1, h2, h3, h4 {
	font-family: "Roboto Condensed", sans-serif;
	}
h1 {
	font-size: 1.7em;
	color: #f9eedf;
	letter-spacing: 0.2em;
	margin: 0; 
	padding: 10px 0;
	}
h2 {
	font-size: 1.3em;
	margin: 20px 0 15px 0;
	padding: 0.6em 0 0 0;
	}
h3 {
	font-size: 1.2em;
	letter-spacing: 0.1em;
	color: #4b4b4b;
	margin: 1.2em 0 0.6em 0;
	}
h4 {
	font-size: 1.0em;
	font-weight: normal;
	color: #4b4b4b;
	margin: 20px 0 5px 0;
	}
h4.publication-hint-headline {
	margin: 24px 0 6px 0;
	font-size: 1.0em;
	font-weight: 600;
	font-family: "Roboto Condensed", sans-serif;
	line-height: 1.45em;
	}

/* paragraph styles */
p {
	font-family: "Tinos","Helvetica Neue", sans-serif;
	font-size: 1em;
	line-height: 1.6em; 
	margin: 0;
	padding: 5px 0;
	}
p.marginalia,
p.marginalia-source,
li.marginalia {
	font-size: 0.9em;
	line-height: 135%; 
	margin: 0;
	}
p.marginalia,
li.marginalia {
	padding: 15px 30px 5px 20px;
	}
p.marginalia-source {
	padding: 5px 30px 25px 30px;
	text-align: right;
	}
p.hint,
p.copyright-hint {
	padding: 6px 10px; 
	margin: 8px 0 8px 0;
	border: 1px dotted #1F4084;
	background-color: #ffffff;
	}
p.promotion {
	margin: 20px 0 0 0;
	font-weight: bold;
	}
p.promotion-text {
	margin: 0 0 0 11px;
	padding-left: 16px;
	border-left: 2px solid #afafaf; /* #868686;*/
	}
p.experience-report,
p.experience-report-source {
	font-size: 0.95em;
	padding: 5px 12px;
	}
p.experience-report-source {
	text-align: right;
	}
p.page-margin-bottom {
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
	}
	
div.info-frame,
p.info-frame,
ul.info-frame {
	border: 1px solid #2d3647;
	padding: 6px 18px 6px 18px;
	margin: 0px auto 0px;
	background-color: #ffffff;
	}
	
.align-right { text-align: right; }
.align-center { text-align: center; }

/* text elements */
.text-motto {
	font-family: "Georgia", "Times New Roman", serif; font-size: 1.0em; font-style: italic; color: #f6686d; line-height: 140%;
	}
.text-author {
	font-family: "Georgia", "Times New Roman", serif; font-size: 1.0em; color: #f9eedf; line-height: 140%;
	}
.text-footer {
	font-size: 1.0em; color: #f9eedf; line-height: 140%;
	}

label {
	font-family: "Roboto Condensed", sans-serif; font-size: 17px; line-height: 160%; 
	margin: 0; padding: 5px 0;
	}
textarea.contact-text,
input.contact-mail {
	font-family: "Monda", sans-serif; font-size: 15px; line-height: 135%; 
	margin: 0; padding: 2px 0px;
	width: 100%;
	}
button {
	font-family: "NunitoSans", sans-serif; font-size: 16px; line-height: 100%; 
	margin: 8px 0 0 0; padding: 5px 7px 4px 7px;
	}

dd, dt { font-family: "Tinos","Helvetica Neue",sans-serif; font-size: 1.0em; line-height: 135%; }
dt { font-weight: bold; }
dd { margin: 6px 0 16px 40px; }

hr.topic-delimiter {
	margin-top: 1em;
	margin-bottom: 3em;
	height: 1px;
	}

hr.column-delimiter {
	margin-top: 30px;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	}

.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

.slim-spacer {
	margin-top: 12px;
	}

/* text layout */
span.nobr { white-space: nowrap; }
span.stressed { font-style: italic; }
span.formula {
	font-family: "Courier New", sans-serif; 
	}
	
/* invisible links */
#Title h1 a:link,
#Title h1 a:visited,
#Title h1 a:hover,
#Title h1 a:active,
.text-footer a:link,
.text-footer a:visited,
.text-footer a:hover,
.text-footer a:active {
	text-decoration: none; 
	color: #f9eedf;
	}

/* links */
a:link, a:visited {
	text-decoration: underline;
	text-decoration-color: #808ca3;
	color: #2c244c;
	}
a:hover, a:active {
	text-decoration: underline;
	text-decoration-color: #808ca3;
	color: #2c244c;
	}
a.anker-link {
	margin-left: 2px;
	padding-left: 18px;
	background: transparent url(../Images/General/LinkAnker.gif) no-repeat 0 6px;
	}
a.external-link {
	margin-right: 0.04em;
	padding-right: 14px;
	background: transparent url(../Images/General/LinkExternal.png) no-repeat right center;
	}
a.internal-link {
	margin-right: 0.2em;
	/* padding-right: 14px; */
	/* background: transparent url(../Images/General/LinkInternal.png) no-repeat right center; */
	border-bottom: 0.14em solid #d5c0a4;
	text-decoration: none;
	}
a.enlarge-link {
	margin-right: 0.04em;
	padding-right: 22px;
	background: transparent url(../Images/General/LinkEnlarge.png) no-repeat right center;
	}
a.download-format {
	display: box;
	border-radius: 4px;
	color: white;
	background-color: #808ca3; /* Same text-decoration-color as a tag. */
	padding: 0 4px;
	text-decoration: none;
	}

/* info tables */
td.right, th.right { text-align: right; }
td.left, th.left { text-align: left; }
td.center, th.center { text-align: center; }

table.bright {
	border: solid 1px #1F4084;
	margin-left: 0px;
	margin-top: 6px;
	margin-bottom: 16px;
	border-collapse: collapse;
	border-spacing: 0px;
	-webkit-box-shadow: #454541 0px 3px 4px;
	-moz-box-shadow: #454541 0px 3px 4px;
	box-shadow: #454541 0px 3px 4px;
	}
table.bright td, table.bright th {
	border: 1px dotted #9FA0A6;
	padding: 3px 8px 3px 8px;
	background-color: #ffffff;
	font: 0.7em/1.5em "Verdana";
	}
table.bright th {
	white-space: nowrap;
	background-color: #c0c3c8;
	font-weight: bold;
	}
	
div.table-left {
	float: left;
	border: 0px; 
	padding: 4px 4px 6px 0px;
	margin: 0px 20px 0px 0px;
	}

/* lists */
ol.simple-ordered-list {
	margin: 0;
	padding: 0;
	padding-left: 30px;
	list-style-type: lower-alpha;
	}
ol.simple-ordered-list li {
	padding-bottom: 4px;
	font-family: "Tinos","Helvetica Neue",sans-serif; font-size: 1.0em; line-height: 135%; 
	}
ul.simple-unordered-list {
	margin: 0;
	margin-top: 0.1em;
	padding: 4px 0 4px 32px;
	} 
ul.simple-unordered-list li {
	padding-bottom: 4px;
	font-family: "Tinos","Helvetica Neue",sans-serif; font-size: 1.0em; line-height: 135%; 
	}
ul.citation-list {
	margin: 0;
	padding: 0;
	padding-left: 28px;
	}
ul.citation-list li {
	padding-bottom: 2px;
	font-family: "Tinos","Helvetica Neue",sans-serif; font-size: 1.0em; line-height: 135%; 
	}
ul.publication-hint {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
ul.publication-hint li {
	padding-bottom: 2px;
	font-family: "Tinos","Helvetica Neue",sans-serif;
	font-size: 1.0em;
	line-height: 135%; 
	}

/* pictures */
.image-thumbnail-left {
	float: left;
	border: 0px; 
	padding: 10px 4px 8px 4px;
	}
.image-thumbnail-right {
	float: right;
	border: 0px; 
	padding: 10px 4px 8px 12px;
	}
.image-thumbnail-right img,
.image-thumbnail-left img {
	border: 1px solid #AAAAAA;
	margin: 2px 2px 5px 2px;
	}
	
.image-thumbnail-desc-center, 
.image-thumbnail-desc-left, 
.image-thumbnail-desc-right {
	font-size: 0.9em;
	line-height: 1.4em;
	}
.image-thumbnail-desc-center {
	text-align: center;
	}
.image-thumbnail-desc-left {
	text-align: left;
	}
.image-thumbnail-desc-right {
	text-align: right;
	}
	
/* objects */
audio {
	padding: 0.8em 0 0 0;
	width: 100%;
	height: 2em;
	}

/* devices */
@media only screen and (max-width: 40em) {
	.main-column,
	.main-column-area-of-arts,
	.main-column-area-of-promotion {
		padding: 0px 4px 0px 4px;
		}
}