@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/OpenSans-Semibolditalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/OpenSans-Bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

html {
	height: 100%;
	padding-bottom: 1px;
}

body {
	font-family: open_sansregular, sans-serif;
	color: #222;
	background-color: #fffcf4;
}

#page {
	color: #222;
	background-color: #FFFCF4;
	padding-bottom: 0.25em;
	margin-top: 2em;
	margin-right: 12.5%;
	margin-left: 12.5%;
}

#header {
	margin-top: 3em;
	margin-bottom: 1em;
}

#header h1 {
	font-family: open_sanssemibold, sans-serif;
	font-weight: 600;
	font-size: 2em;
	color: #444;
	background-color: #FFFCF4;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border-bottom: solid 0.2em #444;
}

#main {
	clear: both;
	margin-top: 1em;
}

#col1 {
	float: left;
	width: 20%;
	margin: 0;
}

#col1-content {
	position: relative;
	padding: 0.3em 0.5em;
}

#col2 {
	float: left;
	width: 60%;
	margin: 0;
}

#col2-content {
	position: relative;
	padding: 0 1.5em;
}

#col3 {
	width: auto;
	padding-top: 0.4em;
	margin: 0 0 0 80%;
}

#col3-content {
	position: relative;
	padding: 0.2em 0.5em;
}

#col1-content h2 {
	font-family: open_sanssemibold, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	color: #AD0000;
	background-color: #FFFCF4;
	hyphens: auto; 
}

#col1-content ul.navi {
	list-style-type: none;
	padding: 0;
	hyphens: auto; 
}

#col1-content ul.navi li {
	color: #ad0000;
	background-color: #FFFCF4;
	border-top: solid 0.1em #444;
	margin-right: 1em;
}

#col1-content ul.navi li.last {
	border-bottom: solid 0.1em #444;
}

#col1-content ul.navi li a:link, #col1-content ul.navi a:visited {
	display: block;
	color: #ad0000;
	background-color: #FFFCF4;
	text-decoration: none;
	padding: 0.2em 1em;
}

#col1-content ul.navi li a:hover {
	color: #AD0000;
	background-color: #e5e5e5;
}

#col1-content ul.navi li a.active:link, #col1-content ul.navi li a.active:visited {
	color: #AD0000;
	background-color: #e5e5e5;
	
}

#col2-content div.willkommen {
	margin-bottom: 2em;
}

#col2-content div.willkommen h1 {
	font-family: open_sanssemibold, sans-serif;
	font-size: 1.4em;
	font-weight: 600;
	color: #444;
	background-color: #FFFCF4;
	margin-top: 0.7em;
}

#col2-content div.willkommen h1 span {
	padding-left: 0.1em;
}

#col2-content div.willkommen h2 {
	font-family: open_sansregular, sans-serif;
	font-size: 1.2em;
	font-weight: 500;
	color: #333;
	background-color: #FFFCF4;
}

#col2-content div.willkommen div.foto {
	float: right;
	text-align: right;
	line-height: 0.5em;
}

#col2-content div.willkommen div.foto img {
	margin: 0.5em 0.5em 0.5em 1.25em;
   box-shadow: 0em 0em 0.5em #888;
	max-width: 18em;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#col2-content div.willkommen div.foto span.urheber {
	font-size: 65%;
	color: #555;
	background-color: #FFFCF4;
	margin-right: 0.75em;
}

#col2-content div.willkommen div.foto span.urheber a:link, #col2-content div.willkommen div.foto span.urheber a:visited {
	text-decoration: none;
	color: #555;
	background-color: #FFFCF4;
	padding: 0 0.2em;
}

#col2-content div.willkommen div.foto span.urheber a:hover {
	color: #333;
	background-color: #E5E5E5;
	padding: 0 0.2em;
}

#col2-content h1 {
	font-family: open_sanssemibold, sans-serif;
	font-size: 1.4em;
	font-weight: 600;
	margin-top: 0.7em;
}

#col2-content h2 {
	font-family: open_sanssemibold, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	margin-top: 1.2em;
	margin-bottom: 0.6em;
}

#col2-content h3 {
	font-family: open_sanssemibold, sans-serif;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 0.6em;
}

#col2-content h3.vita {
	font-family: open_sansregular, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 0.6em;
}

#col2-content h4 {
	font-family: open_sansregular, sans-serif;
	font-size: 1em;
	font-weight: 600;
	margin-top: 0.75em;
	margin-bottom: 0.5em;
}

#col2-content p {
	font-size: 0.95em;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
        hyphens: auto;
}

#col2-content p a:link, #col2-content p a:visited, #col2-content ul li a:link, #col2-content ul li a:visited {
	text-decoration: none;
	color: #214C77;
        background-color: #f4f4f4;
}

#col2-content p a:hover, #col2-content ul li a:hover {
	text-decoration: underline;
	color: #214C77;
	background-color: #E5E5E5;
}

#col2-content p.daten {
	font-size: 0.85em;
	color: #336a54;
	background-color: #FFFCF4;
	margin: 0 0 0.75em 0;
}

#col2-content p.literatur {
	font-size: 0.85em;
	line-height: 1.4em;
	margin-top: 1.5em;
}

#col2-content hr {
	margin-top: 1.5em;
}

#col2-content .sektion {
	margin-right: 1em;
}

#col2-content ul {
	font-size: 0.95em;
	list-style-type: square;
	margin-top: 0.5em;
}

#col2-content ul li {
   line-height: 1.5em;
}

#col2-content ul li a:link, #col2-content ul li a:visited {
   padding: 0;
}

#col2-content ul li a:hover {
   padding: 0;
}

#col2-content ul.schwerpunkte {
	font-size: 0.95em;
	list-style-type: square;
	padding: 0;
	margin: 0;
}

#col2-content ul.schwerpunkte li {
	line-height: 1.5em;
	margin: 0.5em 0 0.5em 1.75em;
}

#col2-content ul.publikation {
	font-size: 0.95em;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#col2-content ul.publikation li {
	line-height: 1.4em;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 0 0.5em 0;
}

#col2-content ul.publikation li span.buchtitel {
	font-family: open_sansitalic, sans-serif;
	font-style: italic;
}

#col2-content ul.publikation li a:link, #col2-content ul.publikation li a:visited {
	color: #214c77;
	background-color: #FFFCF4;
	text-decoration: none;
}

#col2-content ul.publikation li a:hover {
	color: #214c77;
	background-color: #E5E5E5;
	text-decoration: underline;
}

#col2-content ul.vita {
	font-size: 0.95em;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#col2-content ul.vita li {
	line-height: 1.5em;
	margin-left: 9em;
	margin-bottom: 0.75em;
}

#col2-content ul.vita li span.vita-jahr {
	position: absolute;
	left: 1.7em;
}

#col2-content ul.vita li span.spatium {
	padding: 0 0.15em;
}

#col2-content p a img {
   float: left;
   max-width: 20em;
   width: 100%;
   height: 100%;
   object-fit: cover;
	margin: 1em 1em 1em 0;
}

#col2-content p a:link img, #col2-content p a:visited img {
	text-decoration: none;
	border: 0.1em solid #FFFCF4;
}

#col2-content p a:hover img {
	border: 0.1em solid #214C77;
}


#col2-content div.realisation {
	font-size: 90%;
	margin-top: 1.75em;
}

#col2-content div.realisation h2 {
	margin-bottom: 0.5em;
}

#col2-content div.realisation p a:link, #col2-content div.realisation p a:visited {
	text-decoration: none;
	color: #214c77;
	background-color: #FFFCF4;
}

#col2-content div.realisation p a:hover {
	text-decoration: underline;
	color: #214c77;
	background-color: #E5E5E5;
}

#col3-content h2 {
	font-family: open_sanssemibold, sans-serif;
	font-size: 1em;
	font-weight: 600;
	color: #AD0000;
	background-color: #FFFCF4;
	hyphens: auto; 
}

#col3-content h3 {
	font-family: open_sanssemibold, sans-serif;
	font-size: 0.9em;
	font-weight: 600;
	color: #000;
	background-color: #FFFCF4;
	hyphens: auto; 
}

#col3-content p {
	font-size: 0.85em;
	line-height: 1.4em;
	hyphens: auto; 
}

#col3-content p span.datum {
	color: #AD0000;
	background-color: #FFFCF4;
}

#col3-content p a.extern:link, #col3-content p a.extern:visited, #col3-content p a.intern-datei:link, #col3-content p a.intern-datei:visited {
	text-decoration: none;
	color: #214C77;
	background-color: #FFFCF4;
}

#col3-content p a.extern:hover, #col3-content p a.intern-datei:hover {
	text-decoration: underline;
}

#col3-content p a.intern:link, #col3-content p a.intern:visited {
	text-decoration: none;
	color: #1e7e1e;
	background-color: #FFFCF4;
}

#col3-content p a.intern:hover {
	text-decoration: underline;
}

#col3-content p span.urheber a:link, #col3-content p span.urheber a:visited {
	font-size: 0.9em;
	line-height: 1.2em;	
	text-decoration: none;
	color: #555;
	background-color: #FFFCF4;
	padding: 0 0.2em;
}

#col3-content p span.urheber a:hover {
	color: #333;
	background-color: #E5E5E5;
	padding: 0 0.2em;
}

#col3-content .sektion {
	margin-right: 0.5em;
}

#col3-content ul {
	font-size: 0.85em;
	list-style-type: none;
	padding: 0;
	margin: 0.75em;
	hyphens: auto; 
}

#col3-content ul.verweis li {
	line-height: 1.4em;
	margin-bottom: 0.5em;
}

#col3-content ul.verweis li.active a:link, #col3-content ul.verweis li.active a:visited {
	color: #AD0000;
	background-color: #FFFCF4;
}

#col3-content ul.verweis li a:link, #col3-content ul.verweis li a:visited {
	text-decoration: none;
	color: #214c77;
	background-color: #FFFCF4;
}

#col3-content ul.verweis li a:hover {
	text-decoration: underline;
	color: #214c77;
	background-color: #E5E5E5;
}

#col3-content ul.verweis li ul.verweis2 li {
	line-height: 1.4em;
	padding-left: 0.6em;
	margin-bottom: 0.4em;
}

#col3-content ul.verweis li ul.verweis2 li a:link, #col3-content ul.verweis li ul.verweis2 li a:visited {
	text-decoration: none;
	color: #214c77;
	background-color: #FFFCF4;
}

#col3-content ul.verweis li ul.verweis2 li a:hover {
	text-decoration: underline;
	color: #214c77;
	background-color: #E5E5E5;
}

#col3-content a img {
	max-width: 175px;
	margin: 0 0 0.4em 0;
}

#col3-content a:link img, #col3-content a:visited img {
	text-decoration: none;
	/* border: 0.1em solid #FFFCF4; */
	box-shadow: 0.1em 0.1em 0.25em #214c77;}

#col3-content a:hover img {
	opacity: 0.75;
	box-shadow: 0.25em 0.25em 0.5em #214c77;
}

#col3-content img.horizontal, #col3-content a img.horizontal {
	max-width: 200px;
	margin: 0 0 0.4em 0;
}

#col3-content a:link img.horizontal, #col3-content a:visited img.horizontal {
	text-decoration: none;
	/* border: 0.1em solid #214c77; */
}

#col3-content a:hover img.horizontal {
	opacity: 0.75;
	box-shadow: 0.25em 0.25em 0.5em #214c77;
}

#col3-content span.urheber {
	font-size: 85%;
	color: #555;
	background-color: #FFFCF4;
	margin-right: 0.75em;
}

#col3-content a.zoom:link img, #col3-content a.zoom:visited img {
	border: solid 0.2em #fff;
	box-shadow: 0.15em 0.15em 0.25em #214c77;
}

#col3-content a.zoom:hover img {
	max-width: 500px;
	opacity: 1;
	transition: ease 1.2s;
	position: absolute;
	right: 0.2em;
	border: solid 0.75em #fff;
	box-shadow: 0.25em 0.25em 0.5em #214c77;
}

em {
	font-family: open_sansitalic, sans-serif;
}

strong {
	font-family: open_sanssemibold, sans-serif;
}

/* #ie-clearing {
	display: none;
} */

#footer {
	clear: both;
	text-align: center;
	padding-top: 1em;
}

#footer p {
	font-size: 0.8em;
	color: #000000;
	background-color:#E5E5E5;
	padding: 0.25em 0;
	border-bottom: solid 0.1em #999;
}

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

#footer p a:hover {
	text-decoration: underline;
}