@font-face {
  font-family: "allura";
  src: url("../fonts/Allura-Regular.ttf");
}
.nav-container-outer {
  padding: 0;
  height: 25px;
  background-color: #FFFFCC;
  color: black;
  border-bottom: #6f7400 2px solid;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.nav-container .divider {
  display: block;
  font-size: 1px;
  border-width: 0;
  border-style: solid;
}

.nav-container .divider-vert {
  float: left;
  width: 0;
  display: none;
}

.nav-container .clear {
  font-size: 1px;
  height: 0;
  width: 0;
  clear: left;
  line-height: 0;
  display: block;
  float: none;
}

.nav-container {
  position: relative;
  zoom: 1;
  margin: 0 auto;
}
.nav-container .item-secondary-title {
  display: block;
  cursor: default;
  white-space: nowrap;
}
.nav-container a, .nav-container li {
  float: left;
  display: block;
  white-space: nowrap;
}
.nav-container ul {
  left: -10000px;
  position: absolute;
}

.nav-container div a, .nav-container ul a, .nav-container ul li {
  float: none;
}

.nav-container, .nav-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav-container, .nav-container ul ul {
  margin-top: 1px;
}

.nav-container li a {
  float: none;
}

.nav-container li {
  position: relative;
}

.nav-container ul {
  z-index: 10;
}

.nav-container ul ul {
  z-index: 20;
}

.nav-container ul ul ul {
  z-index: 30;
}

.nav-container ul ul ul ul {
  z-index: 40;
}

.nav-container ul ul ul ul ul {
  z-index: 50;
}

li:hover > ul {
  left: auto;
}

#nav-container ul {
  top: 50%;
}

#nav-container ul li:hover > ul {
  top: 0;
  left: 100%;
}

/*^'^ Primary Items ^'^*/
#nav-container a {
  padding: 7px 17px 7px 18px;
  margin: 0 0 0 0;
  color: #000;
  font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
}

#nav-container a:hover {
  color: #000000;
}

.item-primary ul {
  margin-top: 1em;
  width: 165px;
}

/*^'^ Secondary Items Container ^'^*/
#nav-container div, #nav-container ul {
  padding: 10px 4px 10px 4px;
  margin: 12px 0 0 20px;
  background-color: #DAD6B1;
}

/*^'^ Secondary Items ^'^*/
#nav-container div a, #nav-container ul a {
  padding: 3px 10px 3px 6px;
  background-color: #FFFFFF;
  font-size: 11px;
  border-width: 0;
  border-style: none;
  margin: 0 0 0 0;
  width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/
/*^'^ Secondary Item Titles ^'^*/
#nav-container {
  /*^'^ Horizontal Dividers ^'^*/
  /*^'^ Vertical Dividers ^'^*/
}
#nav-container div a:hover, #nav-container ul a:hover {
  background-color: #FFFFFF;
  color: #CC0000;
}
#nav-container .item-secondary-title {
  cursor: default;
  padding: 4px 0 3px 7px;
  color: #6C3600;
  font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
  font-size: 11px;
  font-weight: bold;
}
#nav-container .divider-horiz {
  border-top-width: 1px;
  margin: 5px 5px;
  border-color: #C16100;
}
#nav-container .divider-vert {
  border-left-width: 1px;
  height: 15px;
  margin: 4px 2px 0 2px;
  border-color: #AAAAAA;
}

#TVinfoMain {
  position: relative;
  margin: 5em 0 0 5em;
  width: 398px;
  float: left;
}

#TVinfoholder {
  width: 398px;
  height: 320px;
  display: block;
  border: 1px solid #999;
  background: transparent;
}

#TVinfoh1 {
  margin: 0;
  padding: 5px 0 0 10px;
  height: 35px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  background-color: transparent;
  color: #000;
}

#TVinfoButtons {
  margin: 0;
  padding: 0;
  background: #CCC url(https://www.tvinfo.de/tv-programm-fuer-ihre-homepage/img/button.png) repeat-x 0 0;
  height: 24px;
}

#TVinfoButtons a {
  width: 50px;
}

#TVinfoimg {
  width: 398px;
  height: 235px;
  background: #999;
  overflow: hidden;
}

#TVinfoimg a {
  padding: 0;
}

#TVinfoLogo {
  margin: 0;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #000;
  height: 50px;
}

#TVinfoa1 #TVinfoa2 {
  display: block;
  float: left;
  width: 80px;
  border-right: 1px solid #fff;
  text-decoration: none;
  text-align: center;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666;
  height: 15px;
  padding-top: 2px;
}

#TVinfoa3 {
  display: block;
  float: left;
  width: 80px;
  border: none;
  text-decoration: none;
  text-align: center;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666;
  height: 15px;
  padding-top: 2px;
}

body, html {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font: 100% sans-serif;
  color: #000;
  /*background-color: #727272;*/
  background-image: url(../images/hintergrund.gif);
  background-repeat: no-repeat;
  background-size: cover;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 10px;
}

#container {
  background-image: url(../spalten_simulieren.png);
  margin: 0 auto;
  width: 960px;
  min-height: 100%;
  background-repeat: repeat-y;
}

#kopf {
  font-size: 4em;
  font-family: allura, Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #dad6b1;
  color: #71770E;
  border-bottom: #6f7400 2px solid;
  padding: 10px 0;
  font-style: normal;
  font-weight: 400;
}

#leftteaser {
  width: 200px;
  float: left;
  padding-top: 10px;
}
#leftteaser li {
  border: 1px solid #9F974B;
  margin-bottom: 5px;
  border-radius: 7px/7px;
  background-color: #F3F2E7;
}
#leftteaser li:hover {
  background-color: #c2bead;
}
#leftteaser a {
  font-size: small;
  text-decoration: none;
  padding: 10px 15px;
  color: #27290B;
  font-style: italic;
  font-weight: bold;
}
#leftteaser a:hover {
  color: #FC0004;
}

#rightteaser {
  width: 100px;
  float: right;
  padding-right: 10px;
}
#rightteaser img {
  border: medium solid #4ECB61;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#rightteaser a {
  margin-right: 10px;
}
#rightteaser ul {
  margin-right: 20px;
}

#inhalt {
  margin-left: 25%;
  padding-bottom: 3em;
}

#box2 {
  position: absolute;
  margin-left: 320px;
}

#box3 {
  position: absolute;
  margin-top: 300px;
  margin-left: 0;
}

h2 {
  color: #565919;
}

p {
  margin-bottom: 20px;
}

#fuss {
  background-color: #dad6b1;
  color: #000;
  clear: left;
  height: 3em;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3em;
}

.clearfix:before, .clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

.livestream img {
  border: solid medium #38BE83;
  border-radius: 10px;
  padding: 2px;
  margin: 0 10px 10px 0;
}

/*# sourceMappingURL=neuer_stil.css.map */