table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* =============== CSS Reset =============== ENDE =============== */
/* =============== Webfont laden =============== */

@font-face {
	font-family: "Klavika Web Regular";
	src: url('../webfont/KlavikaWebBasicRegular.eot?') format('eot'), url('../webfont/KlavikaWebBasicRegular.woff') format('woff');
	font-weight: 400;
}

@font-face {
	font-family: "Klavika Web Medium";
	src: url('../webfont/KlavikaWebBasicMedium.eot?') format('eot'), url('../webfont/KlavikaWebBasicMedium.woff') format('woff');
	font-weight: 400;
}

@font-face {
	font-family: "Klavika Web Light";
	src: url('../webfont/KlavikaWebBasicLight.eot?') format('eot'), url('../webfont/KlavikaWebBasicLight.woff') format('woff');
	font-weight: 400;
}

/* =============== Webfont laden =============== ENDE =============== */



/* =============== Struktur / Header-Content-Footer =============== */

html {
	overflow-y: scroll;
	font-family: "Klavika Web Regular";
}

.wrapper {
	font-family: "Klavika Web Regular", sans-serif;
	font-size: 16px;
	color: rgb(33,37,46);
	line-height: 1.2;
}

header, .content, footer {
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

header, .content {
	overflow: hidden;
}

.content {
	position: absolute;
	top:150px;
	width: 100%;
	height: 400px;
}
header{
	margin-left: 230px;
}

.border-bot, .border-top {
	border-bottom: 1px solid rgb(106,119,142);
	min-width: 980px;
}

/* =============== Struktur / Header-Content-Footer =============== ENDE =============== */



/* =============== Header / Navigation-Logo =============== */

nav, #navigation, #subnavi, .navidiv {
	float: left;
}

nav {
	overflow: hidden;
	margin-left: 85px;
}

.cursordefault { /* Cursor-Anpassung fuer Links ohne Ziel */
	cursor: default;
}

#navigation li:not(.lvl2-li) {
	text-align: right;
	width: 79px;
	padding-right: 15px;
	border-right: 1px solid rgb(106,119,142);
}

.lvl2-li {
	padding-left: 15px;
	padding-right: 30px;
}

#logo, #logo1 {
	width: 208px;
	height: 95px;
	float: right;
	background-image: url(../images/filmmuseum-schloss-ballenstedt-logo.jpg);
}

/* =============== Header / Navigation-Logo =============== ENDE =============== */



/* =============== Content =============== */

h1 {
	font-family: "Klavika Web Medium" , sans-serif;
	font-size: 18px;
	padding-bottom: 20px;
}

.inhalt {
	float: left;
	overflow: hidden;
	width: auto;
	height: auto;
}

.column {
	float: left;
	height: auto;
}

#c1, #c2, #c3 {
	width: 300px;
	float: left;
}

#c12, #c23 {
	width: 640px;
	float: left;
}

#c1, #c2, #c12 {
	padding-right: 40px;
}

#c123 {
	width: 980px;
}

h2 {
	font-family: "Klavika Web Medium" , sans-serif;
	font-size: 17px;
	padding-bottom: 5px;
}

h3 {
	padding-bottom: 5px;
	font-family: "Klavika Web Medium" , sans-serif;
}

/* =============== Content =============== ENDE =============== */



/* =============== Footer =============== */

footer ul {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

footer li {
	display: inline;
	border-right: 1px solid rgb(150,34,70);
	padding-right: 15px;
	padding-left: 15px;
}

footer li:last-child {
	border-right: 0px;
}

/* =============== Footer =============== ENDE =============== */



/* =============== Allgemein / Highlighting-Links =============== */

.highlight-blue {
	color: rgb(100,200,200);
}

.highlight-red {
	color: rgb(150,34,70);
}

.klavikawebmedium {
	font-family: "Klavika Web Medium" , sans-serif;
}

a {
	text-decoration: none;
	font-family: "Klavika Web Regular" , sans-serif;
	font-size: 16px;
	color: rgb(33,37,46);
	-webkit-transition: color 0.2s ease-in;  
	-moz-transition: color 0.2s ease-in;  
	-o-transition: color 0.2s ease-in;  
	transition: color 0.2s ease-in; 
}

a:hover {
	color: rgb(100,200,200); 
}

/* =============== Allgemein / Highlighting-Links =============== ENDE =============== */



/* =============== Sonstige =============== */

td:last-child { /* Eintrittspreis-Tabelle */
	padding-left: 40px;
	text-align: right;
}

.paddingbottom5 {
	padding-bottom: 5px;
}

.paddingbottom20 {
	padding-bottom: 20px;
}

.paddingtop25 {
	padding-top: 25px;
}

.paddingtop15 {
	padding-top: 15px;
}


/* =============== Sonstige =============== ENDE =============== */

#newspreview {
	padding-top: 5px;
}

.partner-bilder {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*================================Kontaktformular==================*/
.highlight-red {
  color: rgb(150,34,70);
}
.column {
  float: left;
  height: auto;
}

#c1, #c2, #c3 {
  width: 300px;
  float: left;
}

#c12, #c23 {
  width: 640px;
  float: left;
}
#c12{
	margin-left: 200px;
	width: 400px;
	
}
#c3{
	float: left;
	width: 300px;
	margin-left: 250px;
}

#c1, #c2, #c12 {
  padding-right: 40px;
}

#c123 {
  width: 980px;
}
.paddingbottom5 {
  padding-bottom: 15px;
}
.footer{
	position: absolute;
	top:480px;
	left:170px;
}
.border-top{
	position: absolute;
	top:150px;
	left:00px;
	width: 100%;
}
.border-bot{
	position: absolute;
	top:500px;
}
.mitte{
	position: absolute;
	top:150px;
	left:520px;
}