@charset "UTF-8";

/* @group Clearfix Hack */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/* @end */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 120%;
	color: #000;
	letter-spacing: 1px;
	margin: 0 0 1em 1em; padding: 0;
}

h2 {
	font-size: 1em;
	font-weight: normal;
	margin: 2em 0 0.5em 0;
}

a {
	color: #000;
}
a:hover {
	color: #F36;
}

.link_titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	text-decoration: none;
}

#header {
	position: relative;
	top: 0;
}
#header .fhnw_logo {
	margin-left: 5px;
	margin-top: 10px;
}
#header .bkd_logo {
	margin-top: 3em;
}

.titel {
	margin-top:3em;
}
.language {
	position: absolute;
	right: 2em;
	top: 20px;
	font-size: 0.6em;
	color: #999;
}

#projects {
	
}




a.project {
	color: #000;
	font-size: 0.95em;
	display: inline-block;
	margin: 0 0.2em 0.6em 0;
	position: relative; top: 0;
}
a.project .hover_text {
	background-color: #fff;
	display: none;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	border-top: 2px solid black;
	padding-top: 0.2em;
}
a.project .hover_text strong {
	display: block;
}
a.project:hover .hover_text {
	display: inline-block;
}

.footer {
	margin: 1em 0 3em 0;
	font-size: 0.6em;
	color: #999;
	position: relative;
}
.footer:after {
	position: absolute;
	top: 0;
	left:0;
	height: 300px;
	width: 100%;

}
.footer a{
	color: #999;
	text-decoration: none;
}
.footer a:hover{
	color: #F36;
}