@charset "utf-8";
/* CSS Document */

* {/* Universalselektor (entfernt den standard rahmen im browser) */
	margin:					0px;
	padding:				0px;
}

html {
	width:					100%;
	height:					100%;
}

body {/* Globale Zentrierung & Seitenhintergrund */
	width:					100%;
	min-width:				1200px;
	margin:					0 auto;
	background:				#FFF;
	font-size:				100%;
	font-family:			Tahoma, Geneva, sans-serif;
	text-align:				left;	
    background-position:	50%;
    background-attachment:	fixed;
    background-repeat:		no-repeat;
    background-size:		contain;
    height:					100%;
	overflow:				hidden;
}

#distance {
	width:					10px;
	height:					50%;
	margin-bottom:			-15.5em;
	float:					left;
}

#container {
	margin:					0 auto;
	position:				relative;
	height:					24.85em;
	width:					100%;
	clear:					left;
}

#logo {
	width:					320px;
	margin-left:			8%;	
	background-color:		#FFF;
}

#logo img {
	width:					320px;
}

#img_holder {
	width:					100%;
	height:					18em;	
	margin-top:				2%;
	border-top:				5px solid #000;
	border-bottom:			5px solid #000;
}

.img {
	float:					left;

	height:					100%;
	overflow:				hidden;
}

.border {
	width:					100%;
	height:					100%;
	border-left:			5px solid #000;
}

#img_1 {
	width:					12.5%;
	background-image:		url(../images/bild.jpg);
	background-repeat:		no-repeat;
	background-size:		cover;
	background-color:		#ccc;
	border:					none;
}

#img_2 {
	width:					25%;
	background-image:		url(../images/bild1.jpg);
	background-repeat:		no-repeat;
	background-size:		cover;
	background-color:		#14255b;
}

#img_3 {
	width:					25%;
	background-image:		url(../images/bild2.jpg);
	background-repeat:		no-repeat;
	background-size:		cover;
	background-color:		#f9b200;
}

#img_4 {
	width:					25%;
	background-image:		url(../images/bild3.jpg);
	background-repeat:		no-repeat;
	background-size:		cover;
	background-color:		#74b086;
}

#img_5 {
	width:					12.5%;
	background-image:		url(../images/bild4.jpg);
	background-repeat:		no-repeat;
	background-size:		cover;
	background-color:		#ccc;
}

.img_hover {
	background-color:		#FFF;
	height:					100%;
	opacity:				0.9;
	display:				none;
}

.img:hover .img_hover {
	display:				block;
}

.img_hover ul {
	margin-top:				1em;
}

.img_hover ul li {
	font-size:				1.7em;
	list-style:				none;
	margin-left:			1.7em;
	line-height:			1.5em;
}

#footer {
	position:				absolute;
	bottom:					0;
	right:					2%;
	font-weight:			300;
	font-size:				0.9em;
	padding-bottom:			1%;
}

#data {
	font-size:				0.8em;
	padding-left:			0.5em;
}

#data h1 {
	font-size:				1.2em;
	font-weight:			bold;
	line-height:			1.7em;
	margin-left:			-0.5em;
}

#data h2 {
	font-size:				1em;
	font-weight:			bold;
	line-height:			1.7em;
	margin-left:			-0.5em;
}

h1 {
	font-size:				1.5em;
	font-weight:			bold;
	margin-left:			0.5em;
	padding-top:			0.5em;
}

/*
 ***********************************************
 * LINKS
 ***********************************************
 */
 
#img_2 a,#img_2 a:active {
	text-decoration:		none;
	color:					#14255b;
		
}

#img_2 a:hover {
	border-bottom:			2px solid #14255b;
}

#img_3 a,#img_3 a:active {
	text-decoration:		none;
	color:					#f9b200;
		
}

#img_3 a:hover {
	border-bottom:			2px solid #f9b200;
}

#img_4 a,#img_4 a:active {
	text-decoration:		none;
	color:					#74b086;
		
}

#img_4 a:hover {
	border-bottom:			2px solid #74b086;
}

#footer a, #footer a:Active {
	color:					#F00;
	text-decoration:		none;
}

#footer a:hover {
	border-bottom:			1px solid #F00;
}