@charset "utf-8";
/* CSS Document */
/* Fonts Generated by Font Squirrel (http://www.fontsquirrel.com) on June 25, 2014 */
@font-face {
    font-family: 'dax-lightregular';
    src: url('/fonts/dax-light-webfont.eot');
    src: url('/fonts/dax-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/dax-light-webfont.woff') format('woff'),
         url('/fonts/dax-light-webfont.ttf') format('truetype'),
         url('/fonts/dax-light-webfont.svg#dax-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'daxregular';
    src: url('/fonts/dax-webfont.eot');
    src: url('/fonts/dax-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/dax-webfont.woff') format('woff'),
         url('/fonts/dax-webfont.ttf') format('truetype'),
         url('/fonts/dax-webfont.svg#daxregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Barlow Condensed';
	src: url('/fonts/barlow-condensed-v12-latin-regular.eot');
    src: url('/fonts/barlow-condensed-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/barlow-condensed-v12-latin-regular.woff') format('woff'),
         url('/fonts/barlow-condensed-v12-latin-regular.woff2') format('woff2'),
         url('/fonts/barlow-condensed-v12-latin-regular.ttf') format('truetype'),
         url('/fonts/barlow-condensed-v12-latin-regular.svg#barlow-condensed') format('svg'),
		 url('/fonts/BarlowCondensed-Regular.otf') format('opentype');
}
* {
	margin: 0;
	padding: 0;
}
.dots li {
	position: relative;
	bottom: 80px;
	left: 420px;
	display: inline;
	margin: 5px;
}
.dots .active {
	color:#fff;
}
body {
	font-family: 'dax-lightregular';
	background-color: #333333;
}
.fas {
	color: white;
}
#alles {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
#vorauswahl {
	position: fixed;
	padding-top: 0px;
	padding-left: 354px;
	padding-bottom: 30px;
	z-index: 100;
}
#vorauswahl li {
	background: rgba(255, 255, 255, 0.8);
	float: left;
	list-style-type: none;
	padding: 7px 15px 5px 15px;
}
#vorauswahl li a, #vorauswahl li a:visited {
	text-decoration: none;
	color: black;
}
#vorauswahl li a:hover, #vorauswahl li a:focus, #vorauswahl li a:active {
	text-decoration: underline;
	color: black;
	padding-bottom: 0px;
}
#erste-zeile {
	padding-top: 30px;
}
#logo {
	padding-top: 8px;
	padding-left: 25px;
	z-index: 99;
	float: left;
	position: fixed;
}
#logo-text {
	padding-top: 22px;
	padding-left: 160px;
	font-family: 'Barlow Condensed';
	text-transform: uppercase;
	font-weight: 100;
	font-size: 15px;
	z-index: 100;
	float: left;
	position: fixed;
}
#navigation {
	z-index: 98;
	position: fixed;
	padding-top: 30px;
	padding-left: 580px;
	padding-bottom: 20px;
	padding-right: 0px;
	width: 370px;
	font-family: 'daxregular';
	background: rgba(255, 255, 255, 0.8);
	border-style: none;
}
#navigation li {
	float: left;
	list-style-type: none;
	padding-left: 7.5px;
	padding-right: 7.5px;
}
#navigation li a, #navigation li a:visited {
	text-decoration: none;
	color: black;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	text-decoration: underline;
	color: black;
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 5px;
}
#hauptinhalt {
	/*clear: left;*/
	padding-top: 0px;
	padding-bottom: 600px;
	/* background-color: #a7d124; */
	/* background-color: #98e94c; */
	/* background-color: #3f708e; */
	background-color: #E7E7E7;
}
.bildmitnamen #slogan {
	position: absolute;
	top: 420px;
	left: 575px;
	width: 340px;
	font-weight: bold;
	font-size: xx-large;
	text-align: center;
	letter-spacing: -1px;
	background: rgba(255, 255, 255, 0.7);
}
#begrenzer {
	position: fixed;
	top: 550px;
	z-index: 97;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	width: 950px;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
}
#begrenzer-links {
	float: left;
	padding-left: 10px;
	font-size: small;
}
#begrenzer-rechts {
	text-align: right;
	padding-right: 10px;
	font-size: small;
}
#begrenzer-rechts a:hover {
	border-bottom-style: solid;
	border-bottom-color: #a7d124;
	border-bottom-width: medium;
}
#siegel {
	/*padding-top: 10px;*/
	opacity: 0.6;
	position:absolute;top:10px;right:180px;
}
.bildmitnamen { 
	position: relative;
	padding-bottom: 15px;
	width: 100%;
}
.bildmitnamen h1 {
	position: absolute;
	padding: 10px;
	bottom: 150px;
	right: 25px;
	font-size: x-large;
	background: rgba(255, 255, 255, 0.7);
}
.bildmitnamen p {
	position: absolute;
	padding: 10px;
	bottom: 75px;
	left: 50px;
	width: 280px;
	font-size: medium;
	background: rgba(255, 255, 255, 0.7);
}
.bildmitnamen p a, .bildmitnamen p a:link, .bildmitnamen p a:visited {
	text-decoration: underline;
	color: black;
}
.bildmitnamen a:hover, .bildmitnamen a:focus, .bildmitnamen a:active {
	background-color: #FFFFFF;
}
span.siegel {
	position: absolute;
	bottom: 40px;
	right: 20px;
	max-width: 315px;
}
.kursiv {
	font-style: italic;
}
.fotogross {
	width: 950px;
	height: 570px;
}
.hr-linie {
	max-width: 930px;
}
#das-insitut {
	padding-top: 0px;
}
#institut {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 150px;
	min-height: 550px;
}
#news, #projekte, #downloads, #masterarbeiten {
	padding-top: 100px;
	padding-left: 10px;
	padding-bottom: 150px;
	min-height: 550px;
}
#institut h1, #news h1, projekte h1, downloads h1 {
	padding-bottom:	20px;
}
#downloads h2 {
	padding-top: 30px;
}
#anfahrt {
	padding-top: 100px;
	padding-left: 10px;
	padding-right: 10px;
}
#anfahrt h2 {
	padding-bottom: 20px;
}
#masterarbeiten-bild {
	padding-top: 20px;
	text-align: center;
}
.aufzaehlungsstriche {
	list-style-type: armenian;
	padding-left: 30px;
}
.fotonormal {
	max-width: 450px;
	max-height: 338px;
	border: 2px solid black;
	margin: 0px 15px 0px 15px;
}
.fotocopyright {
	text-align: right;
	padding-right: 10px;
	font-size: small;
}
#google-karte {
	padding-left: 145px;
}
#kontakt {
	padding-top: 100px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
}
#kontakt h2 {
	padding-bottom: 20px;
}
#zoellner-forschung {
	padding-top: 100px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 130px;
}
#zoellner-forschung h3 {
	padding-bottom: 20px;
}
#zoellner-forschung img {
	padding-top: 40px;
	padding-left: 85px;
	padding-bottom: 40px;
}
#forschung-logos {
	background: rgba(255, 255, 255, 0.8);
	margin-top: 30px;
}
#maps {
	width: 925px;
	height: 360px;
}