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

body {
	height: 100%;
	width: 100%;
	background-color: #E0E0E0;
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	line-height: 13px;
	color: #000000;
}

img {
	border: none;
}

#impressum {
	color: #787878;
	text-decoration: none;
}

#outerbox {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 750px;
	height: 400px;
}

#innerbox {
	background-color: #363636;
	color: #FFFFFF;
	position: absolute;
	width: 750px;
	height: 320px;
	padding: 0;
	font-size: 1.1em;
	line-height: 15px;
	text-align: left;
}

.content_left {
	background-color: #00C0BE;
	overflow: hidden;
}

.content_right {
	background-color: #363636;
	overflow: hidden;
}

.paddingdiv {
	padding: 5px 10px 5px 15px;
}

table {
	color: #FFFFFF;
	width: 100%;
	text-align: left;
	font-size: 1.0em;
}

th {
	width: 20%;
	vertical-align: top;
}

#navigation {
	text-align: center;
	line-height: 30px;
	position: absolute;
	clear: both;
	font-size: 1.5em;
}

#navigation2 {
	text-align: center;
	line-height: 30px;
	font-size: 1.0em;
}

#navigation a, #navigation2 a {
	color: #4a4a4a;
	text-decoration: none;
}

#navigation a:hover, #navigation2 a:hover{
	color: #9e9e9e;
}

#navigation ul, #navigation2 ul {
	text-align: center;
	padding: 0;
}

#navigation li, #navigation2 li {
	display: inline;
}

#navigation li::after, #navigation2 li::after {
	content: " ";
	word-spacing: 1.0em;
	background-image: linear-gradient(
			90deg,
			transparent 0 calc(50% - 0.03em),
			#4a4a4a 0 calc(50% + 0.04em),
			transparent 0
	);
}

@media (min-width: 800px) {
	.content_left {
		height: 320px;
		float: left;
	}

	.content_right {
		height: 320px;
		float: right;
	}

	#navigation {
		width: 750px;
		top: 320px;
	}

	#navigation2 {
		position: relative;
		top: 350px;
	}

	#welcome_left {
		width: 460px;
		background-image: url(../images/welcome_left.png);"
	}

	#welcome_right {
		width: 290px;
		background-size: cover;
		background-image: url(../images/welcome_right.jpg);
	}

	#ausstellungen_left {
		width: 240px;
		background-image: url(../images/ausstellungen_left.jpg);"
	}

	#ausstellungen_right {
		width: 510px;
	}

	#vita_left {
		width: 240px;
		background-image: url(../images/vita_left.jpg);"
	}

	#vita_right {
		width: 510px;
		line-height: 22px;
	}

	#kontakt_left {
		width: 336px;
		background-image: url(../images/kontakt_left.jpg);"
	}
}

@media (max-width: 799px) {
	#outerbox {
		width: 460px;
		height: 750px;
	}

	#innerbox {
		width: 460px;
		height: 600px;
	}

	#navigation {
		width: 460px;
		top: 600px;
	}

	#navigation2 {
		position: relative;
		top: 630px;
	}

	#welcome_left {
		width: 460px;
		height: 260px;
		background-image: url(../images/welcome_left.png);"
	}

	#welcome_right {
		width: 460px;
		height: 340px;
		background-size: cover;
		background-position: top;
		background-image: url(../images/welcome_right.jpg);
	}

	#vita_right ul {
		line-height: 22px;
	}

	#kontakt_left {
		width: 460px;
		height: 260px;
		background-size: cover;
		background-position: top;
		background-image: url(../images/kontakt_left.jpg);"
	}
}