*{padding:0; margin:0;}

@font-face{
	font-family:'Nobile-Reg';
	src: url('Nobile-Regular.ttf');
}
body{
	background-image: linear-gradient(to bottom, #000, #999);
	font-family:Arial;
}

a:visit{
	color:;
}

/*In action*/

#wrap{
	width:250px; height:50px;
	background-image:url(./images/filmab.jpg);
	overflow:hidden;
}
<img id="play" src="./images/filmab.jpg"/>

#inline_con{
}

/*in Action END*/

#video_action{
	z-index:999;
	width:1020px;
	height:500px;
	position:relative;
	top:180px;
	left:130px;
	margin-left:auto;
	margin-right:auto;
	background:#000;
	display:none
}

#hauptwrap{
	margin-left:auto;
	margin-right:auto;
	background-color:none;
	min-height:1000px;
	height:auto;
	width:90%;
	max-width:1280px;
}

#hauptcon{
	position:absolute;
	top:180px;
	width:1280px;
	height:510px;
	background:none;
}

#head{
position:absolute;
	z-index:2;
	top:1px;
	width:1280px;
	height:150px;
	margin-top:30px;
}

	#head img{
	margin-top:0px;
	width:200px;	
	padding-left:20px;
	float:left;
	}

	#kinn{
	margin-top:30px;
	margin-left:0px;
	height:125px;
	width:1020px;
	float:right;
	}
	
	#kinn h1{
	font-size:40px;
	margin-right:20px;
	color:#fff;
	font-weight:400;
	}
	
	#kin ul{
	width:1020px;
	float:right;
	display:Block;
	}
	
	#kinn li{
		font-weight:400;
		float:right;
		margin-left:15px;
		color:#f5f5f5;
		list-style:none;
		font-size:20px;
	}

#spalte_oben{
	min-width:1280px;
	width:100%;
	height:50px0px;
	float:left;
}

#spalte_oben_1{
	width:250px;
	height:500px;
	float:left;
	background:#000;
}

#spalte_oben_2_ueber_uns{
	margin-left:10px;
	width:1020px;
	height:500px;
	float:left;
	background-image:url(./images/schloss_5.jpg);
}

#spalte_oben_2_beschriftung{
	margin-left:10px;
	width:1020px;
	height:500px;
	float:left;
	z-index:3;
	background-image:url(./images/WIGO-Crafter.jpg);
}

#spalte_oben_2_werbeschilder{
	margin-left:10px;
	width:1020px;
	height:500px;
	float:left;
	background-image:url(./images/RMHPavillon.jpg);
}

#spalte_oben_2_grossformat{
	margin-left:10px;
	width:1020px;
	height:500px;
	float:left;
	background-image:url(./images/RMHPavillon.jpg);
}

#spalte_oben_2_direktdruck{
	margin-left:10px;
	width:1020px;
	height:500px;
	float:left;
	background-color:#111;
	overflow:hidden;
}

#spalte_oben_2_preise{
	margin-left:10px;
	width:1020px;
	height:500px;
	float:left;
	background-image:url(./images/schloss_4.jpg);
	overflow:hidden;
}

#spalte_oben_2_impressum{
	margin-left:10px;
	width:1020px;
	height:500px;
	float:left;
	background:#111;
	overflow:hidden;
}


ul.beschreibung_liste_werbe{
	color:#fff;
	font-size:13px;
	margin-top:30px;
	padding-left:40px;
	padding-right:20px;
}

ul.beschreibung_liste_werbe li{
padding-top:3px;
}

ul.beschreibung_liste_impressum{
	color:#fff;
	font-size:16px;
	margin-top:30px;
	padding-left:40px;
	padding-right:20px;
	list-style-type:none;
}

#beschreibung_direktdruck, #beschreibung_beschriftung,
#beschreibung_impressum, #beschreibung_werbeschilder, #beschreibung_gross{
	position:relative;
	z-index:2;
	top:0px;
	width:400px;
	height:500px;
	background:#111;
	opacity:0.9;
	transition: opacity 1s ease-in-out;
}

#beschreibung_direktdruck h3, #beschreibung_beschriftung h3, #beschreibung_werbeschilder   h3, #beschreibung_gross h3{position:relative;top:-480px;
	padding-top:30px;
	Padding-left:30px;
	color:#ffee00;
	text-align:left;
	font-size:18px;
}

#beschreibung_direktdruck p, #beschreibung_beschriftung p, #beschreibung_werbeschilder p, #beschreibung_gross p{
	position:relative;
	top:-480px;
	padding-top:10px;
	Padding-left:30px;
	padding-right:30px;
	color:#f5f5f5;
	text-align:left;
	font-size:14px;
}

ul.beschreibung_liste_direkt, ul.beschreibung_liste_beschriftung, ul.beschreibung_liste_werbeschilder, ul.beschreibung_liste_gross {
	position:relative;
	top:-495px;
	color:#fff;
	font-size:13px;
	margin-top:30px;
	padding-left:55px;
	padding-right:20px;
	list-style-image:url(./images/haken-gelb.gif)
}

ul.beschreibung_liste_direkt li, ul.beschreibung_liste_beschriftung li, ul.beschreibung_liste_werbeschilder li, ul.beschreibung_liste_gross li{
	padding-top:3px;
}

#beschreibung, #beschreibung_preise{
	position:relative;
	top:0px;
	width:400px;
	height:500px;
	background:#111;
	opacity:1;
	transition: opacity 1s ease-in-out;
}

#beschreibung_preise h3{
	padding-top:80px;
	Padding-left:30px;
	color:#ffee00;
	text-align:left;
	font-size:18px;
}

#beschreibung h3{
	padding-top:30px;
	Padding-left:30px;
	color:#ffee00;
	text-align:left;
	font-size:18px;
}

#beschreibung p{
	padding-top:10px;
	Padding-left:30px;
	padding-right:30px;
	color:#f5f5f5;
	text-align:left;
	font-size:14px;
}

#beschreibung_preise p{
	padding-top:10px;
	Padding-left:30px;
	padding-right:30px;
	color:#f5f5f5;
	text-align:left;
	font-size:14px;
}

#spalte_oben_2_ueber_uns:hover #beschreibung{
	position:relative;
	top:0px;
	width:400px;
	height:500px;
	opacity:0;
}

#spalte_oben_2_beschriftung:hover #beschreibung_beschriftung{
	position:relative;
	top:0px;
	width:400px;
	height:500px;
	opacity:0;
}


#spalte_oben_2_werbeschilder:hover #beschreibung_werbeschilder{
	position:relative;
	top:0px;
	width:400px;
	height:500px;
	opacity:0;
}

#spalte_oben_2_werbeschilder:hover #beschreibung_beschriftung{
	position:relative;
	top:0px;
	width:400px;
	height:500px;
	opacity:0;
}

#spalte_oben_2_grossformat:hover #beschreibung_gross{
	position:relative;
	top:0px;
	width:400px;
	height:500px;
	opacity:0;
}

#slider{
	z-index:1;
	position:relative;
	margin-top:0px;
	width:1020px;
	height:500px;
	float:right;
	overflow:hidden;
}

@keyframes slidy {
	
0% { left: 0%; }
3%	{ left: 0%; }
6%	{ left: -100%; }
9% { left: -100%; }
12%	{ left: -200%; }
15%	{ left: -200%; }
18% { left: -300%; }
21% { left: -300%; }
24%	{ left: -400%; }
27%	{ left: -400%; }
30%	{ left: -500%; }
33% { left: -500%; }
36% { left: -600%; }
39%	{ left: -600%; }
42%	{ left: -700%; }
45%	{ left: -700%; }
48%	{ left: -800%; }
51%	{ left: -800%; }
54% { left: -900%;}
57%{ left: -900%;}
60%{ left: -1000%;}
63%{ left: -1000%;}
66%{ left: -1100%;}
69%{ left: -1100%;}
71%{ left: -1200%;}
74%{ left: -1200%;}
77%{ left: -1300%;}
80%{ left: -1300%;}
83%{ left: -1400%;}
86%{ left: -1400%;}
89%{ left: -1500%;}
92%{ left: -1500%;}
95%{ left: -1600%;}
98%{ left: -1600%;}
100%{ left: -1600%;}
}


div#slider figure img { width: 12,5%; float: left; }
div#slider figure { 
  position: relative;
  width: 1700%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 50s slidy infinite; 
}
/*
NO HOVER VIDEO
#spalte_oben_2_direktdruck:hover #beschreibung{
	position:relative;
	top:0px;
	width:400px;
	height:500px;
	opacity:0;
}*/

#video{
	position:relative;
	margin-top:4px;
	width:955px;
	height:496px;
	float:right;
	overflow:hidden;
}

#spalte_unten{
	margin-top:10px;
	min-width:1280px;
	height:150px;
	float:left;	
	background-image:url(./images/schloss_2.jpg);
	background-color:#000;
}

#navigation{
	width:250px;
	height:248px;
}

#navigation a{
	color:#fff;
	text-decoration:none;
	background:#000;
	width: 200px;
		padding-left:50px;
		padding-top:5px;
		padding-bottom:1px;
	height:21px;
	display:block;
	transition: background 0.4s ease-in-out, color 0.8s ease-in-out;
}

#navigation a:hover{
	color:#000;
	text-decoration:none;
	background:#ffec00;
	width: 200px;
	padding-left:50px;
	padding-top:5px;
	padding-bottom:1px;
	height:21px;
	display:block;
}

ul.nav_list{
	margin-top:0px;
	margin-left:0px;
	font-weight:;
	padding:0px;
	}

	
ul.nav_list li{
	text-decoration:none outside none;
	list-style:none;
	color:#f5f5f5;
	background:#000;
		}

ul.nav_list a{
	text-decoration:none outside none;
		}


/*--------------------------------------*/
	
	#kontakt{
	width:250px;
	height:217px;
}
	
	ul.kontakt_list{
	margin-top:0px;
	width:250px;
	height:217px;
	}
	
	.k-head{
		color:#ffee00;
		padding-bottom:25px;
	}
	
	ul.kontakt_list li{
		text-decoration:none outside none;
		list-style:none;
		width: 200px;
		padding-left:50px;
		padding-top:4px;
		padding-bottom:0px;
		height:18px;
		font-size:16px;
		display:block;
		color:#fff;
		background-color:#000;
		}

	ul.kontakt_list a{
		display:block;
		margin-top:0px;
		background-color:#000;
		padding-left:50px;
		padding-top:000px;
		text-decoration:none outside none;
		height:18px;
		font-size:16px;
		}
	
#maps{
	position:relative;
	left:350px;
	bottom:330px;
	float:left;
	}