@import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:wght@400;500&display=swap');

#coin{
	position:absolute;
	background:url(/~germanic/i/style/coin.png) no-repeat;
	display:block;
	width:200px;height:200px;
	margin-left:70%;
	margin-top:1.3%;
	}


#bird{
	position:absolute;
	background:url(/~germanic/i/style/bird.png) no-repeat top;
	display:block;
	width:150px;
	height:150px;
	margin-bottom:-10%;
	margin-left:8%;
}

.opera #bird {height:24%;margin-top:-2%;}
.safari #bird {margin-top:-5%;height:25%;}
.ff3 #bird{margin-top:-1%;height:26%;}
.chrome #bird {margin-top:-10%;height:27%;}
.ie #bird {margin-top:0;height:120%;}

#header{
	display:block;
	background:url(/~germanic/i/style/header_bckg.jpg);
	margin:43px 3% 30px 3%;
	padding:20px 0 20px 70px;
	height:100px;
	  -moz-border-radius: 10px; /* Firefox */
	  -webkit-border-radius: 10px; /* Safari and Chrome */
	  border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	  -moz-box-shadow: 2px 2px 2px #444; /* Firefox */
	  -webkit-box-shadow: 2px 2px 2px #444; /* Safari and Chrome */
	  box-shadow: 2px 2px 2px #444; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	  behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}


.header_title{
	color:#ffffcc;
	font-family:Vollkorn, serif;
	font-size:23pt;
	font-weight:normal;
	line-height:30px;
	
}


body{
background:url(/~germanic/i/style/common_bckg.jpg) #ffffcc;
color:#663300;
font-family:Vollkorn, serif;
}

p, li{line-height:1.4em;margin-bottom: 8px;font-family:'Vollkorn', serif;font-size:19px;} 



#body_tbl{
display:table;
width:100%;
height:100%;
}

#body_block{
width:100%;
height:90%;
position:static;
display:table-row;
}

#footer_block{
	width:100%;
	height:10%;
	vertical-align:bottom;
position:static;
display:table-row;
}

#footer{
	display:block;
	background:url(/~germanic/i/style/header_bckg.jpg);
	margin:3%;
	vertical-align: bottom;
	position:static;
	font-family:trebuchet ms;
	text-align:right;
	font-size:8pt;
	padding:10px;
	color:#fff;

	
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  -moz-box-shadow: 2px 2px 2px #444; /* Firefox */
  -webkit-box-shadow: 2px 2px 2px #444; /* Safari and Chrome */
  box-shadow: 2px 2px 2px #444; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
  behavior: url(border-radius.htc); 
}


.ie #footer_block {height:50px;}

a.lightlink:link{color:#ffffcc}
a.lightlink:visited{color:#ffffcc}
a.lightlink:hover{color:#ffcc66}

#nav_block{
	margin:0 0 3% 3%;
	width:20%;
	float:left;
	position:static;
	display:block;
	background: rgba(255,245,218,0.5);
		  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
/* opacity:.76; */
box-shadow: 1px 3px 4px rgba(102,51,0,0.3);
}

#content_block{
	display:inline-block;
	margin: 0 3% 3% 3%;
	width:70%;

	}

.ie #content_block{
	display:inline-block;
	padding-left:30px;
	width:90%;
}

div.content{max-width:800px;margin:auto;}


a:link{color:#336699;}
a:visited{color:#336699;}
a:hover{color:#996600}


#nav_block a{font-size:17px;font-family:"Fira Sans Extra Condensed", "Trebuchet MS", sans}

.active{
	display:inline-block;
	padding:5 20 5 10;
	margin-left:-20px;
	/* background:#7E160A; */
		list-style-type:square;
	text-decoration:none;
	font-weight:500;

	  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
  behavior: url(border-radius.htc); 



}

.enactive{
	display:inline-block;
	padding:5px;
	text-decoration:none;
	font-weight:300;
	
}
.active:before{content:"—  "}
.ie .active{margin-left:-5px;
padding:5 10 5 10;
}

a.active:link,a.active:visited {color:#dd2611;}

a.enactive:link{color:#7E160A;}
a.enactive:visited{color:#7E160A;}

.sactive{
display:inline-block;
padding:5px 10px 5px 10px;
font-size:11pt;
text-decoration:none;
}
.senactive{
font-size:11pt;
display:inline-block;
padding:5px 10px 5px 10px;
text-decoration:none;
font-style:italic;
}

a.sactive:link{color:#ffffcc;}
a.sactive:visited{color:#ffffcc;}
a.senactive:link{color:#7E160A;}
a.senactive:visited{color:#7E160A;}



ul#nav li{
list-style-type:none;
list-style-image:none;
margin-left:-20px;
margin-bottom:0px;
}

ul#subnav li{
list-style-type:disk;
list-style-image:none;
margin-left:-40px;
}



h1, h2, h3 {font-family:'Vollkorn', serif;font-weight:normal;}
h1{color:#960;font-size:2em}
h2{color:#633;font-size:1.6em;margin-top:20px}
h3{color:#660;font-size:1.5em}


.news{margin-bottom:20px}
.news div.NewsItem{margin-bottom:30px; border-bottom:1px dotted #bbb;padding-bottom:20px;display:block;height:auto;overflow:auto}

.news div.NewsItem img{position:relative;float:left;margin:0 20px 20px 0}
div.publicationItem{margin:20px 0 40px 0;padding-bottom:30px; border-bottom:#888 solid 1px;overflow:auto}

div.publicationItem img{margin:0 20px 40px 0;float:left}

div.foto{
font-size:15px;
font-style:italic;
margin:0 0 40px 0;
display:block;
max-width:640px;
min-width:480px;
}


.foto img {
    border: 7px solid #FFFFFF;
    box-shadow: 1px 1px 4px #999999;
    margin-bottom: 5px;
}
img.foto {
    border: 7px solid #FFFFFF;
    box-shadow: 1px 1px 4px #999999;
    display: block;
    margin-bottom: 35px;
}
.podfoto {
        font-size: 8pt;
    font-style: italic;
    margin: -25px 0 30px;
    text-align: right;
}
div.NewsBlock{height:auto;display:block;clear:both;}
div.NewsBlock hr{clear:both;margin:15px 0 15px 0}
div.NewsBlock img{position:inherit;display:block;margin:0 20px 20px 0}

span.SubHeaderSiteTitle{display:block;color:#ffdd99;font-style:italic}


@media only screen and (max-width: 1023px) {

}