@charset "utf-8";
/* vladimir.jilzov */
body {background-color: #000000; margin: 0;}
h1 {color: #ffffff; text-align: center;  font-family: Arial, Helvetica, sans-serif;}
h2 {color: #ffff00; text-align: center;  font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; text-align: left; margin: 1em;}
img { width: 100%, height: 100%;}
.liste {color: #ffffff; margin-left: 10%; font-family: Arial, Helvetica, sans-serif;}
#back-program {left: 0px; top: 0px; width: 100%; height: 100%; background-image: url("im034.jpg");}
.wrapper {height: 100%; margin-bottom: 60px;}
a {color: #ff9999; text-decoration: none;}
@media screen and (max-width: 680px) {
	.wrapper {height: 100%; margin-bottom: 100px;}
}
/*Navigationsbereich*/
.nav {width: 100%; height: 60px; position: fixed; top: 0;}
.nav ul {
  list-style: none;
  background-color: #66001a;
  text-align: center;
  padding: 0;
  margin: 0;
}
.nav li {
  font-family: 'Oswald', sans-serif;
  font-size: .8em;
  line-height: 16px;
  height: 16px;
  border-bottom: 1px solid #888888;
}
.nav a {
  text-decoration: none;
  color: #ffffff;
  display: block;
  transition: .3s background-color;
}
.nav a:hover {
  background-color: #d96c00;
}
 
.nav a.active {
  background-color: #ffffff;
  color: #444444;
  cursor: default;
}
@media screen and (min-width: 680px) {
  .nav li {
    width: 120px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
  }
 
.nav li {
    display: inline-block;
    margin-right: -4px;
  }
}
/* end navigation */

/* start content */

.content {margin-top: auto; width: 60%; margin-left: auto; margin-right: auto; background-color: #000000;}
@media screen and (max-width: 1024px) {
.content {margin-top: auto; width: 98%; margin-left: auto; margin-right: auto; background-color: #000000;}
}
.text {color: #ffffff; margin-top: 1em; margin-left: 1em; margin-right: 1em;}
.text-0 {color: #ffffff; margin-top: 0; margin-left: 1em; margin-right: 1em;}
.box-01 {
margin-top: 1em;
background: #000000;
border-top: 3px solid #ffff00;
border-left: 3px solid #ffff00;
border-bottom: 3px solid #ff5c26;
border-right: 3px solid #ff5c26;
border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}

/*video*/
#video_background  {
	
	margin-top: 6px;
	margin-right: auto;
	margin-left: 6px;
	width: 98%;
	height: 98%;
	overflow: hidden;
}
#video_pattern {
	background-image: url(./pattern.png);
	position: fixed;
	opacity: 0.5;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
.box-02 {

    width: 100%;
    min-height: 400px;
margin-top: 1em;
background: #000000;
border-top: 3px solid #ffff00;
border-left: 3px solid #ffff00;
border-bottom: 3px solid #ff5c26;
border-right: 3px solid #ff5c26;
border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);

}

/* Slider */
#slides {
    position: relative;
    margin-top: 4px;
	margin-left: 8px;
	margin-bottom: 4px;
    overflow: hidden;
    list-style-type: none;	
	width: 100%;
	min-height: 600px;
	list-style-type: none;
}
.slide {
    position: absolute;
    left: 0px;
    top: 0px;  
    opacity: 0;
    z-index: 1;	
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;

}


.showing {
    opacity: 2;
    z-index: 2;
	width: 100% !IMPORTANT;
	height: auto !IMPORTANT;
}

hr {width: 100%; color: #ffffff; margin-top: 1em;}
/*Footer*/
.footer {
  margin-left: auto;
  margin-right: auto;
  width: 60%;

}
@media screen and (max-width: 1024px) {
hr {width: 98%; color: #ffffff; margin-top: 1em;}
/*Footer*/
.footer {
  margin-left: auto;
  margin-right: auto;
  width: 98%;
  font-size: .8em;
}
}
.image-container-center {margin-top: 1em; margin-bottom: 1em; margin-left: auto; margin-right:auto; text-align: center;}