/*
 CSS MPI Foyer
 RGB 0 41 71 (dunkelblau)
 RGB 0 54 105 (mittelblau) 
 */
body,html {
	width: 100%; height: 100%; 
	font-family: 'Open Sans', sans-serif;
	/* font-family: 'Roboto', sans-serif; */
	/* background-color: rgb(0,41,71); */
	background-color: #333;
	color: #bbb; 
	margin: 0; padding: 0; }
a { text-decoration: none; color: #999; }
a:active, a:focus { outline: 0; -moz-outline-style: none; }
a:hover { color: #fff; }
iframe { width: 100%; height: 100%; border: 0; }

.wrapper { 
	display: table;
	width: 80%; height: 100%;
	margin: 0 auto; }

.inner_wrapper { display: table-cell; vertical-align: middle; }

.hidden { display: none; height: 100%; }

.header {
	height: 114px; 
	padding: 14px 10px 0 0; 
	/* border: 1px solid #012243; */ }
.header>img { height: 100px; margin: 0 36px 0 0; float: left; }
.header>h1 { float: left; line-height: 100px; margin: 0 0 0 10px; }
.header>a { 
	display: block; float: right; 
	line-height: 100px;
	text-decoration: none; 
	padding: 0 10px; }
.active { color: #ccc; }

.lnk_vid_wrapper { display: block; float: left; width: 50%; height: 25%; }
.lnk_vid { 
	display: block;  
	margin: 0 5px 5px 0;
	background: url(../img/play.png) no-repeat 6px/contain;
	width: 80%; height: 86%; }
.lnk_vid>a { 
	display: flex;
	align-items: center;
	width: 100%; height: 100%;
	padding: 0 0 0 62px;
	border: 1px solid #999; }

.tile_wrapper { width: 50%; float: left; }
.tile { height: 240px; border: 1px solid #999; margin: 60px 60px 0 0; }
.tile:hover { border: 1px solid #eee; }

.tile>a { 
	display: block;
	position: relative;
	color: #000;
	font-size: 120%;
	text-align: center;
	width: 100%; height: 100%; }

.lnk_bg { 
	display: block; 
	position: absolute; bottom: 0;
	width: 100%; height: 86px; line-height: 86px; 
	background: #fff;
	opacity: 0.8; }
.lnk_bg:hover { opacity: 1; }

.t1 { background: url(../img/seminarraum.jpg) no-repeat center/100%; z-index: -1; }
.t3 { background: #7EA39C url(../img/rds.jpg) no-repeat center -36px/90%; z-index: -1; }
.t4 { background: url(../img/mpi_front.jpg) no-repeat center/100%; z-index: -1; }

.close {
	display: none;
	width: 80px; height: 80px; 
	position: absolute; top: 0; right: 65px;
	background: url(../img/close.png) no-repeat center/contain; z-index: 100; }