@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Rufina:400,700);
/* CSS Document */

html, body {
	height: 100%;
}
h1 {
	font-size: 14px;
	margin: 0 0 5px;
	padding: 0;
}
a:focus { outline: none; }
body {
	margin: 0px;
	overflow-x: hidden;
}
header {
	width: 100%;
	height: 31px;
	background-image: url(../img/bg.png);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #000;
}
#header2 {
	width: 100%;
	height: 266px;
	background-image: url(../img/bg_2.png);
	-webkit-box-shadow: 0 -16px 19px 33px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 -16px 19px 33px rgba(0,0,0,0.8);
	box-shadow: 0 -16px 19px 33px rgba(0,0,0,0.8);
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	height: auto !important;
}
#box_navi {
	width: 960px;
	margin: 0 auto;
}
#language {
	float: left;
	margin-top: 11px;
}
nav#norm {
	float: right;
	margin-top: -11px;
}
nav#norm ul {
	margin-right: -34px;
}
nav#norm ul li {
	list-style-type: none;
	float: left;
}
nav#norm ul li a {
	color: white;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 13.3px;
}
nav#norm ul li a:hover {
	color: #999;
}
nav#norm ul li:after {
	color: white;
	content: " ·";
	margin-left: 3px;
	margin-right: 7px;
	position: relative;
	top: 2px;
}
nav#norm ul li:last-child:after {
	content: " ";
	color: red;
}
#box_logo {
	width: 960px;
	margin: 0 auto;
}
#box_logo img {
	margin-top: 80px;
}
#left {
	width: 435px;
	float: left;
	margin-top: 30px;
	opacity: 1;
	animation: fade_text 3s;
	-moz-animation: fade_text 3s; /* Firefox */
	-webkit-animation: fade_text 3s; /* Safari and Chrome */
	-o-animation: fade_text 3s; /* Opera */
	animation-iteration-count: 1;
	clear: both;
	position: absolute;
	padding-bottom: 100px;
}
 @keyframes fade_text {
from {
opacity:0;
}
to {
	opacity: 1;
}
}
 @-moz-keyframes fade_texte {
from {
opacity:0;
}
to {
	opacity: 1;
}
}
 @-webkit-keyframes fade_text {
from {
opacity:0;
}
to {
	opacity: 1;
}
}
 @-o-keyframes fade_text {
from {
opacity:0;
}
to {
	opacity: 1;
}
}
#right {
	float: right;
	margin-top: -140px;
	width: 520px;
	clear: both;
}
#bildfade {
	height: 361px;
	margin-left: 25px;
	position: relative;
	width: 530px;
	position: relative;
	top: 25px;
	left: 25px;
	animation: mymove 2s;
	-moz-animation: mymove 2s; /* Firefox */
	-webkit-animation: mymove 2s; /* Safari and Chrome */
	-o-animation: mymove 2s; /* Opera */
	animation-iteration-count: 1;
}
 @keyframes mymove {
from {
left:9999px;
}
to {
	left: 25px;
}
}
 @-moz-keyframes mymove /* Firefox */ {
from {
left:9999px;
}
to {
	left: 25px;
}
}
 @-webkit-keyframes mymove /* Safari and Chrome */ {
from {
left:9999px;
}
to {
	left: 25px;
}
}
 @-o-keyframes mymove /* Opera */ {
from {
left:9999px;
}
to {
	left: 25px;
}
}
footer {
	width: 100%;
	height: 55px;
	position: fixed;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 10%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(10%, rgba(255,255,255,0.45)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 10%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 10%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 10%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 10%, rgba(255,255,255,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 );
	padding-bottom: 15px;
}
#kunden {
	background-image: url(../img/footer.png);
	width: 960px;
	height: 55px;
	margin: 0 auto;
}
#select_box {
    margin-left: 5px;
    margin-top: -6px;
}
clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
input, textarea {
	border: 1px solid black;
	font-family: times new roman;
	font-size: 15px;
	height: 20px;
	width: 245px;
}
.ergebnis {
	width: 50px;
}
textarea {
	height: 60px;
	height: auto;
	resize: vertical;
}
#slide_rahmen {
	background-image: url(../img/slide_rahmen.png);
	width: 530px;
	height: 361px;
}

#mob_nav {
	margin: 0;
	padding: 0;
	height: 1em;
	display:none;
	}
#mob_nav li {
	list-style: none;
	float: left; }
#mob_nav li a {
    background-color: #393938;
    color: #FFFFFF;
    display: block;
    padding: 3px 8px;
    text-decoration: none;
}
#mob_nav li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #69f;}
#mob_nav li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#mob_nav li:hover li {
	float: none; }
#mob_nav li:hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #000; }
#mob_nav li li a:hover {
	background-color: #8db3ff; }
#mob_nav li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#mob_nav li:hover li a, #navbar li.hover li a {
    background-color: #393938;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
}
#mob_nav li:hover li a, #navbar li.hover li a {
	background-color: #393938;
	border-bottom: 1px solid #fff;
	color: #fff; }
#kontakt_mob{
display:none; width: 250px; margin: 40px auto; text-align: center;
}
#video_play{
	height: 80px;
    margin: -80px auto 10px;
    position: relative;
    width: 135px;
}