/* Flash-Banner
*******************************/
#banner-top {
  position:absolute;
  left:540px;
  top:40px;
}
#banner-right {
  position:absolute;
  left:1008px;
  top:130px;
}

/* Jiggys, rechts
*******************************/
.jiggy {
  margin:0 8px 10px 8px;
  font-size:11px;
  background:#EDEDED;
}
.jiggy h4 {
  background:#E2E2E2;
  color:#5e5e5e;
  line-height:20px;
  height:20px;
  margin:0;
  padding:0 8px;
  font-size:11px;

  background:#00ade9;
  color:#fff;
}
.jiggy .content {
  padding:7px 7px 7px 7px;
}
.jiggy p {
  margin:0 0 5px 0;
}
.jiggy ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
.jiggy ul li {
  margin:0 0 4px 0;
  padding:0;
}
.jiggy ul li a {
  font-weight:bold;
  color:#5D5D5D;
}
a.rss {
  display:block;
  padding-left:18px;
  line-height:16px;
  background:url(/assets/images/rss16.gif) no-repeat 0 0;
}

.jiggy img.left,
.jiggy img[align=left] {
  float:left;
  margin:0 5px 0 0;
}

/* Jiggys, links
*******************************/
#leftbar .jiggy {
  margin:0 10px 10px 10px;
}

/* Jiggy, Empfang
*******************************/
.empfang-neu {
  position:relative;
}
.empfang-neu img {
  position:absolute;
  right:-15px;
  top:-40px;
  width:50px;
  height:50px;
}

/* Jiggy, Wetter
*******************************/
ul.wetter {
  border-bottom:solid #ddd 1px;
  margin:0 0 3px 0;
}
ul.wetter li {
  border-top:solid #ddd 1px;
  padding:3px 0;
  clear:both;
}
ul.wetter li h5 {
  margin:0;
  font-size:11px;
  color:#5D5D5D;
}
ul.wetter li img {
  float:left;
  margin:0 5px 0 0;
}
ul.wetter li p {
  margin:0;
}

/* Startseite, Preview
*******************************/
#preview {
  background:#32ABF2 url(/assets/images/preview-bg.jpg) 0 50%;
  padding:8px 8px 8px 294px;
  margin:0 0 8px 0;
  min-height:120px;
  height:auto !important;  /* f?r moderne Browser */
  height:120px;  /*f?r den IE */
}
#preview h1 {
  font-size:16px;
  color:#fff;
}
#preview ul {
  margin:0;
  padding:0;
  list-style-type:none;
  font-size:11px;
}
#preview ul li {
  margin:0 0 4px 0;
  padding:0;
}

/* Startseite, Banner
*******************************/
.content-banner {
  margin:0 0 16px 0;
}

/* Startseite, H1
*******************************/
h1.start-date {
  line-height:17px;
}

/* Startseite, Video des Tages
*******************************/
.video-of-the-day {
  clear:both;
  height:177px;
  background:#EBEBEB;
  margin:0 0 16px 0;
}
.video-of-the-day .image {
  width:286px;
  height:177px;
  float:left;
  background:#cccccc;
}
.video-of-the-day .content {
  width:270px;
  height:161px;
  float:left;
  padding:8px;
}
.video-of-the-day .text {
  height:105px;
  overflow:hidden;
}

/* 2-spaltig (50/50)
*******************************/
.two-columns .col-1 {
  float:left;
  width:278px;
  margin:0 8px 0 0;
}
.two-columns .col-2 {
  float:left;
  width:278px;
  margin:0 0 0 8px;
}
/* Imagebox
*******************************/
dl.imagebox {
  margin:0 0 10px 0;
  padding:0;
}
dl.imagebox dt {
  margin:0;
  padding:0;
  line-height:0;
}
dl.imagebox dd {
  margin:0;
  padding:0 5px;
  background:#00ade9;
  background:#e2e2e2;
  color:#5e5e5e;
  text-transform:uppercase;
  font-size:10px;
  line-height:15px;
  height:15px;
  text-align:right;
}

/* Artikel, Video
*******************************/
.video-article {
  clear:both;
  margin:0 0 20px 0;
}
.video-article .imagebox {
  width:180px;
  margin:0 8px 0 0;
  float:left;
}
.video-article .imagebox dt {
  /* height:101px; */
  background:#ccc;
}
.video-article .content {
  margin:0 0 0 8px;
  float:left;
  width:376px;
}
.video-article .content-wide {
  margin:0;
  float:left;
  width:572px;
}

/* Artikel, Video, 3-spaltig
*******************************/
.video-articles-three-cols {
  margin:0 -16px 0 0;
}
.video-articles-three-cols .video-article {
  width:180px;
  float:left;
  clear:none;
  margin:0 16px 16px 0;
}
.video-articles-three-cols .video-article .content {
  margin:0;
  width:180px;
  height:100px;
  overflow:hidden;
}
.video-articles-three-cols .video-article .content h2 {
  margin:0;
}
.video-articles-three-cols .video-article .content .text {
  height:45px;
  overflow:hidden;
  font-size:11px;
}


/* Artikel, Video, 4-spaltig
*******************************/
.video-articles-four-cols {
  margin:0 -16px 0 0;
}
.video-articles-four-cols .video-article {
  width:282px;
  float:left;
  clear:none;
  margin:0 8px 16px 0;
}
.video-articles-four-cols dl.imagebox {
  width:131px;
}
.video-articles-four-cols dl.imagebox dt {
  height:74px;
}
.video-articles-four-cols .video-article .content {
  float:left;
  margin:0;
  width:143px;
  height:100px;
  overflow:hidden;
}
.video-articles-four-cols .video-article .content h2 {
  margin:0;
}
.video-articles-four-cols .video-article .content .text {
  height:45px;
  overflow:hidden;
  font-size:11px;
}

/* Artikel, Video (Detail)
*******************************/
#player {
  display:block;
  width:278px;
  height:156px;
}
.video-container {
  background:#f2f2f2 url(/assets/images/video-container-bg.gif);
  padding:8px;
  border-bottom:solid #D6D6D6 1px;
}
.video-container h1 {
  margin:0 0 8px 0;
}
.video-container .video-player {
  width:556px;
  margin:0 0 16px; 0;
  float:left;
}
.video-container .video-player span {
  position:absolute;
  width:44px;
  height:44px;
  margin:113px 0 0 158px;
  text-indent:-9999px;
  background:url(/assets/flowplayer/play.png);
}
.video-container .video-player #player {
  width:556px;
  height:294px; /* 4:3 */
  height:337px; /* 16:9 */
}
.video-container .video-text {
  /* width:180px; */
  /* float:left; */
}

/* Archiv
*******************************/
.pagenavig-archiv a {
  color:#fff;
  background:#aaa;
  font-size:11px;
  padding:2px 4px;
  white-space:nowrap;
  line-height:20px;
}
.pagenavig-archiv a:hover {
  background:#888;
  text-decoration:none;
}
.pagenavig-archiv a.active {
  background:#00ade9;
}

/* Suchergebnisse
*******************************/
.result {
  margin:0 0 20px 0;
}
.result h2,
.result p {
  margin:0;
}

/* Formulare
*******************************/
form {
  background:#e2e2e2;
  margin:0 0 .8em 0;
  padding:8px;
}
.row {
  margin:0 0 4px 0;
}
label {
  font-size:11px;
}
label.block {
  display:block;
}
input.text,
textarea {
  border:0;
  height:16px;
  line-height:16px;
  font-size:11px;
  width:270px;
}
textarea {
  width:270px;
  height:7em;
}
input.button {
  border:solid 1px;
  border-color:#40C2EF #007BA5 #007BA5 #40C2EF;
  background:#00ADE9;
  color:#fff;
  font-size:11px;
  cursor:pointer;
  -moz-border-radius:4px;
  border-radius:4px;
}
.sendmail_emptyfield1 input.text,
.sendmail_emptyfield1 textarea {
  border:solid #f00 1px;
}

/* Formular: Autogrammkarte
*******************************/
form.autogramm input.text,
form.autogramm textarea {
  width:262px;
}