html {background: none;}

html, body {
  height: 100%;
}

body {
  background: url(startseite.jpg) no-repeat center center;
  background-size: cover;
  padding: 0;
  margin: 0;
  color: #4a4a49;
  font-size: 14px;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 16px;
  line-height: 21px;
}

p,ul {
  line-height: 18px;
}

ul {
  padding: 0 0 0 15px;
  /*  list-style-image: url(https://redaxo.fitcalc.de/files/fitcalc_listitem.png); */
  list-style-image: url("fitcalc_listitem.png");
  list-style-type: none;
}

li {
  padding: 14px 0 0 0;
}

.white {
  background-color: #FFF;
  background-image:none;
}

.container {
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:90 !important;
  margin: 0px auto;
  padding: 0px;
  background: #FFF;
  width: 292px;
}
  
.main {
  z-index:3;
  position: absolute;
  top: 0px;
  left: 0px;
  width:352px;
  height: 397px;
  padding: 85px 15px 25px 25px;
  -moz-box-shadow: 0 0 15px 5px #333;
  -webkit-box-shadow: 0 0 15px 5px #333;
  box-shadow: 0 0 15px 5px #333;
  background: #FFF no-repeat 307px 17px;
  
  /* Gewitter oben*/
  /*background: #FFF url("thunderstorm.png") no-repeat 210px 0px;*/
  /*background-size: 140px 120px;*/
  
  /* Lachende Sonne oben*/
  /*background: #FFF url("laughing_sun.png") no-repeat 210px 5px;*/
  /*background-size: 170px 140px;*/

  /* KWS Logo oben*/
  /* background: #FFF url("kws_logo.png") no-repeat 307px 17px; */
  /* Death Star Star Wars Logo oben */
  /* background: #FFF url("deathstar.jpg") no-repeat 290px 17px; */
}

#imprint {
  z-index:2;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #FFF;
  padding: 15px;
  -moz-box-shadow: 0 0 15px 5px #333;
  -webkit-box-shadow: 0 0 15px 5px #333;
  box-shadow: 0 0 15px 5px #333;
  text-align:right;
}

#nav1 a, #nav2 a {  text-decoration: none;
  color: #4a4a49;}

#nav1 a:hover, #nav2 a:hover {color: #f42644;}

#nav2 a.active {color: #f42644;}

ul#nav2 {padding: 0 0 0 15px;height: 430px; overflow:auto;}
  
a.imprint {
  text-decoration: none;
  color: #4a4a49;
  display: inline-block;
  padding: 2px 0px;
}

a.imprint:hover {
  color: #f42644;
}

a.kws-link {
  position:relative;
  float:left;
  display: block;
  width: 352px;
  height: 85px;
  text-indent: -9999px;
}

.kws-text {
  position:relative;
  float:left;
  width: 100%;
  height: 397px;
  overflow: auto;
}

ul#nav1 {
  padding: 0px 15px;
  margin: 0px;
  list-style-type: none;
  list-style-image: none;
}

ul#nav1, ul#nav2 {list-style-image: none;}

#nav1 a {font-weight:700;font-style: italic;padding: 0 0 10px 0; display:block;background: url("arrow_down.png") no-repeat 90px 3px;}
#nav1 a:hover {background: url("arrow_down_red.png") no-repeat 90px 3px;}

.footer {
  z-index: 1;
  position:absolute;
  right: 57px;
  bottom: 45px;
  width:136px;
  height: 109px;
  /* KWS Logo unten rechts*/
  background: url("kws_logo_white.png") no-repeat left top;
}

.footer a {
  display: block;
  width: 136px;
  height: 109px;
  text-indent: -9999px;
}

.video_button {
	background-color:#F42644;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	border-left:solid 1px #FF2F4D;
	margin-left:35px;
	background-image: linear-gradient(bottom, rgb(244,38,68) 0%, rgb(255,47,77) 100%);
	background-image: -o-linear-gradient(bottom, rgb(244,38,68) 0%, rgb(255,47,77) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(244,38,68) 0%, rgb(255,47,77) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(244,38,68) 0%, rgb(255,47,77) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(244,38,68) 0%, rgb(255,47,77) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(244,38,68)),
	color-stop(1, rgb(255,47,77))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #FF2F4D, 0px 5px 0px 0px #960C20, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #FF2F4D, 0px 5px 0px 0px #960C20, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #FF2F4D, 0px 5px 0px 0px #960C20, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #FF2F4D, 0px 5px 0px 0px #960C20, 0px 10px 5px #999;
}

.video_button:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(150,12,32) 0%, rgb(201,31,52) 100%);
	background-image: -o-linear-gradient(bottom, rgb(150,12,32) 0%, rgb(201,31,52) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(150,12,32) 0%, rgb(201,31,52) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(150,12,32) 0%, rgb(201,31,52) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(150,12,32) 0%, rgb(201,31,52) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(150,12,32)),
	color-stop(1, rgb(201,31,52))
	);
	-webkit-box-shadow: inset 0px 1px 0px #FF2F4D, 0px 2px 0px 0px #960C20, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #FF2F4D, 0px 2px 0px 0px #960C20, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #FF2F4D, 0px 2px 0px 0px #960C20, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #FF2F4D, 0px 2px 0px 0px #960C20, 0px 5px 3px #999;
}

.video_button::before {
	background-color:#960C20;
	content: url("auge.png");
	width:35px;
	max-height:25px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:8px;
	top:0px;
	left:-36px;
	font-size:16px;
	font-weight:bold;
	color:#8fd1ea;
	text-shadow:1px 1px 0px #07526e;
	border-right:solid 1px #610815;
	background-image: linear-gradient(bottom, rgb(150,12,32) 0%, rgb(201,31,52) 100%);
	background-image: -o-linear-gradient(bottom, rgb(150,12,32) 0%, rgb(201,31,52) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(150,12,32) 0%, rgb(201,31,52) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(150,12,32) 0%, rgb(201,31,52) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(150,12,32) 0%, rgb(201,31,52) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(150,12,32)),
	color-stop(1, rgb(201,31,52))
	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #FF2F4D, 0px 5px 0px 0px #610815, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #FF2F4D, 0px 5px 0px 0px #610815, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #FF2F4D, 0px 5px 0px 0px #610815, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #FF2F4D, 0px 5px 0px 0px #610815, 0px 10px 5px #999 ;
}

.video_button:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #FF2F4D, 0px 5px 0px 0px #610815, 1px 1px 0px 0px #7D0A1B, 2px 2px 0px 0px #7D0A1B, 2px 5px 0px 0px #7D0A1B, 6px 4px 2px #B90D24, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #FF2F4D, 0px 5px 0px 0px #610815, 1px 1px 0px 0px #7D0A1B, 2px 2px 0px 0px #7D0A1B, 2px 5px 0px 0px #7D0A1B, 6px 4px 2px #B90D24, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #FF2F4D, 0px 5px 0px 0px #610815, 1px 1px 0px 0px #7D0A1B, 2px 2px 0px 0px #7D0A1B, 2px 5px 0px 0px #7D0A1B, 6px 4px 2px #B90D24, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #FF2F4D, 0px 5px 0px 0px #610815, 1px 1px 0px 0px #7D0A1B, 2px 2px 0px 0px #7D0A1B, 2px 5px 0px 0px #7D0A1B, 6px 4px 2px #B90D24, 0px 10px 5px #999 ;
}

.video-button-box {
  position:relative;
  float:left;
  text-align:center;
  width:100%;
  padding: 15px 0 25px 0;
}

.htmlvideo {z-index:9999;}
.htmlvideo > div {position:relative; float:left; width:720px; height: 415px; z-index:999;}
.htmlvideo > div > video {width:720px; height:405px;}
<!--[if lt IE 9]>
video {display:none;}
<![endif]-->

   /* custom player skin */
   .flowplayer { width: 80%; background-color: #f42644; background-size: cover; max-width: 800px; }
   .flowplayer .fp-controls { background-color: rgba(0, 0, 0, 0.4)}
   .flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)}
   .flowplayer .fp-progress { background-color: rgba(244, 38, 68, 1)}
   .flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}
   //.flowplayer { background: #f42644 url("startseite.jpg") no-repeat center center; background-size: cover;}