body { background: #FFF; color: #222; }


/* { padding: 0; margin: 0; }*/

/* -------------------------------------------------------------- */
/* PAGE ELEMENTS */

div.centered {
	width:600px;
	height:100px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-100px 0 0 -300px;
}

div.topaligned {
	width:600px;
	height:100px;
	position:absolute;
	left:50%;
	margin:20px 0 0 -300px;
}


.menu { 
width: 600px; 
}

div.text {
margin-left: auto; 
margin-right: auto;
padding-right:0px;
padding-top: 60px;
}

div.bib {
margin-left: auto; 
margin-right: auto;
padding-left: 20px; 
text-indent:-20px;
padding-right:0px;
padding-top: 60px;
}

.bib a:link {
    color:#003366;
}

.bib a:visited {
    color:#99CC00;
}

@font-face {
  font-family: 'Open Sans';
  src: url('https://stefanowitsch.de/fonts/opensans/v34/open-sans-v34-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: bold;
  src: url('https://stefanowitsch.de/fonts/opensans/v34/open-sans-v34-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2');
}


p.lines {
font: 12px "Open Sans", "Arial", serif;
text-align: left;
color: #808080;
line-height: 6px;
}

p.txt {
font: 12px "Open Sans", "Arial", serif;
text-align: left;
color: #808080;
line-height: 16px;
}

p.text {
font: 12px "Open Sans", "Arial", serif;
text-align: left;
color: #808080;
line-height: 16px;
}

div.labeleditem{
text-align: left;
font: 12px "Open Sans", "Arial", sans;
color: #808080;
padding-bottom: 30px;
}

div.labeledthumbnail{
text-align: left;
font: 12px "Open Sans", "Arial", sans;
color: #808080;
height: 130px;
padding-bottom: 30px;
}

div.labeleditem .label {
text-align: left;
float: left;
width: 95px;
}

div.labeledthumbnail .thumbnail {
text-align: left;
float: left;
width: 260px;
}


div.labeledthumbnail .item {
text-align: left;
margin-left: 100px;
width: 400px;
margin-bottom: -15px;
}

div.labeleditem .item {
text-align: left;
margin-left: 100px;
width: 400px;
margin-bottom: -15px;
}

div.labeleditem a, a:visited, a:hover {
color: #003366;
text-decoration: underlined;
}



.name {
margin-left: auto; 
margin-right: auto;
padding-right: 0; 
padding-top: 0px;
padding-bottom: 4px;
font: 36px "Open Sans", "Arial", serif;
text-transform: uppercase;
text-align: center;
color: #92C7C7;
letter-spacing: 2px;
}

h3.heading {
font: 12px "Open Sans", "Arial", sans;
text-transform: uppercase;
font-weight: bold;
text-align: left;
color: #92C7C7;
line-height: 6px;
}


.uniname {
margin-left: auto; 
margin-right: auto;
padding-right: 0; 
padding-top: 0px;
padding-bottom: 4px;
font: 36px "Open Sans", "Arial", serif;
text-transform: uppercase;
text-align: center;
color: #003366;
letter-spacing: 2px;
}

.uniheader {
margin-left: auto; 
margin-right: auto;
padding-right: 0; 
padding-top: 0px;
padding-bottom: 4px;
font: 18px "Arial", serif;
text-transform: uppercase;
text-align: center;
color: #99CC00;
letter-spacing: 2px;
}

h3.uniheading {
font: 12px "Open Sans", "Arial", sans;
text-transform: uppercase;
font-weight: bold;
text-align: left;
color: #99CC00;
line-height: 6px;
}


img.large {
	display: block;
	margin: 3px auto;
	padding-top: 60px;
}


/* ------------------------------------------------------------- */
		/* BACK */

ul#back {
list-style: none;
width: 600px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-top: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
text-align: center;
}

ul#back li a, ul#back li a:visited, ul#back li a:hover { 
font: 10px Arial, sans-serif;
text-transform: uppercase;
margin-left: auto; 
margin-right: auto;
text-align: center;
text-decoration: none;
}


/* ------------------------------------------------------------- */
		/* NAV */

ul#nav {
list-style: none;
width: 600px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-top: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
float: left;
clear: both;
}

ul#nav li { 
padding: 4px 2px 2px 0px;
font: 10px Arial, sans-serif;
text-transform: uppercase;
float: left; 
}
	
ul#nav li a, ul#nav li a:visited { 
color: #808080;
padding: 0px 10px 0px 0px;
text-decoration: none; }
	
ul#nav li a:hover {
color: #92C7C7;
padding: 0px 10px 0px 0px;
text-decoration: none;
}
		
ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover {
color: #808080;
font-weight: bold;
padding: 0px 10px 0px 0px;
text-decoration: none;
}

/* -------------------------------------------------------------- */
		/* SUBNAV */

ul#subnav {
	list-style: none;
	width: 600px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #DFDFDF;
	float: left;
	clear: both;
}

/* list-style: none;
width: 600px;
padding-left: 0;
margin-top: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #808080;
float: left;
clear: both; */


ul#subnav li { 
color: #808080;
font: 10px Arial, sans-serif;
padding: 4px 2px 2px 0px;
text-transform: uppercase;
float: left; 
}

ul#subnav li a, ul#subnav li a:visited { 
color: #808080;
padding: 0px 10px 0px 0px;
text-decoration: none; 
}

ul#subnav li a:hover {
color: #92C7C7;
padding: 0px 10px 0px 0px;
text-decoration: none;
}

ul#subnav li a.current, ul#subnav li a.current:visited, ul#subnav li a.current:hover {
color: #808080;
padding: 0px 10px 0px 0px;
text-decoration: none;
font-weight: bold;
}