#not-available {
  background:#00ade9;
  color:#fff;
  padding:8px;
  margin:0 0 16px 0;
}
#not-available h1 {
  color:#fff;
}

.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 p:last-child {
  margin: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;
}
#jiggy-player {
  display:block;
  width:180px;
  height:159px;
}
a.rss {
  display:block;
  padding-left:18px;
  line-height:16px;
  background:url(/assets/images/rss16.gif) no-repeat 0 0;
}

.jiggy-facebook .content {
  background:#00ade9;
  padding:7px 11px;
}
.jiggy-topvideos h4 {
  /*background:#e30250;*/
}
.jiggy-topvideos .content {
  padding-top:0;
}

.jiggy-topvideos .content h5 {
  color:#e30250;
  font-size:11px;
  margin:0;
}
.jiggy-topvideos .content h5 a {
  color:#e30250;
}

/* Jiggy, Shoutbox
*******************************/
#shoutbox-list {
  margin:0;
  padding:4px;
  list-style-type:none;
  background:#fff;
  height:250px;
  overflow:auto;
}
#shoutbox-list li {
  margin:0 0 4px 0;
  padding:0 0 4px 0;
  border-bottom:solid #EDEDED 1px;
}
#shoutbox-list li p {
  margin:0;
}
#shoutbox-list li.admin {
  background:#B2E6F8;
  padding:4px;
  border:0;
}

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

/* 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;
}

/* Banner, Cycle
*******************************/
#cycle {
  margin:0 0 16px 0;
  height:177px;
  overflow:hidden;
}
#cycle ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
#cycle ul li {
  margin:0;
  padding:0;
}

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

/* Startseite, Video des Tages
*******************************/
.video-of-the-day {
  clear:both;
  margin:0 0 16px 0;
}
.video-of-the-day .image {
  width:572px;
  height:322px;
  background:#cccccc;
  margin:0 0 3px 0;
  position:relative;
}
.video-of-the-day .image span {
  display:block;
  width:220px;
  height:50px;
  position:absolute;
  bottom:0;
  left:0;
  background:url(/assets/images/beitrag-ansehen.png) no-repeat;
}
.video-of-the-day h2 {
  font-size:16px;
  margin:0 0 0 0;
}
.video-of-the-day .content {
}
.video-of-the-day .text {
}

/* 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-articles {
  margin:0 0 16px 0;
  padding:0;
  list-style-type:none;
}
.video-article {
  clear:both;
  margin:0 0 20px 0;
  paadding: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;
}

/* Artikel, Video, 2-spaltig
*******************************/
.video-articles-two-cols {
  margin:0 -16px 0 0;
}
.video-articles-two-cols .video-article {
  width:278px;
  float:left;
  clear:none;
  margin:0 16px 32px 0;
}
.video-articles-two-cols .video-article .comments {
  font-size:11px;
  text-align:right;
  margin:0 0 3px 0;
  float:right;
}
.video-articles-two-cols .video-article .imagebox {
  width:278px;
  height:156px;
  margin:0 0 5px 0;
}
.video-articles-two-cols .video-article .imagebox img {
  width:278px;
  height:156px;
}
.video-articles-two-cols .video-article .imagebox dd {
  display:none;
}
.video-articles-two-cols .video-article h2 {
  font-size:14px;
  color:#555;
}
.video-articles-two-cols .video-article h2 a {
  color:#555;
}
.video-articles-two-cols .video-article .content {
  margin:0;
  width:278px;
  height:auto;
  overflow:hidden;
}
.video-articles-two-cols .video-article .content h2 {
  margin:0;
}
.video-articles-two-cols .video-article .content .text {
  height:auto;
  overflow:hidden;
  font-size:11px;
}

/* 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 .imagebox dt img {
  width:180px;
  height:101px;
}
.video-articles-three-cols .video-article .imagebox dd {
  display:none;
}
.video-articles-three-cols .video-article .content {
  margin:0;
  width:180px;
  height:32px;
  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 dl.imagebox dd {
  display:none;
}
.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, 4-spaltig, kompakt
*******************************/
.videos-day {
  border-bottom:solid #D6D6D6 1px;
  margin:0 0 16px 0;
}
.video-articles-four-cols-compact {
  margin:0 -16px 0 0;
}
.video-articles-four-cols-compact .video-article {
  width:142px;
  float:left;
  clear:none;
  margin:0 1px 8px 0;
}
.video-articles-four-cols-compact dl.imagebox {
  width:142px;
  height:80px;
  margin:0;
}
.video-articles-four-cols-compact dl.imagebox dt {
  width:142px;
  height:80px;
}
.video-articles-four-cols-compact dl.imagebox dt img {
  width:142px;
  height:80px;
}
.video-articles-four-cols-compact dl.imagebox dd {
  display:none;
}
.video-articles-four-cols-compact .video-article .content {
  float:left;
  margin:0;
  width:143px;
  height:32px;
  overflow:hidden;
}
.video-articles-four-cols-compact .video-article .content h3 {
  margin:0;
  padding:0 5px 0 0;
  font-size:12px;
}
.video-articles-four-cols-compact .video-article .content h3 a {
  color:#5D5D5D;
}
.video-articles-four-cols-compact .video-article .content .text {
  height:45px;
  overflow:hidden;
  font-size:11px;
}

/* Artikel, Video, Carousel
*******************************/
video-articles-carousel-container {
  xmargin:0 0 16px 0;
}
.video-articles-carousel {
  margin:0 -16px 0 0;
  height:112px;
  height:80px;
  overflow:hidden;
}
.video-articles-carousel li {
  margin:0 1px 0 0;
  float:left;
  clear:none;
  width:142px;
  height:112px;
}
.video-articles-carousel li dl.imagebox {
  width:142px;
  height:80px;
}
.video-articles-carousel li dl.imagebox dt {
  width:142px;
  height:80px;
}
.video-articles-carousel li dl.imagebox dt img {
  width:142px;
  height:80px;
}
.video-articles-carousel li dl.imagebox dd {
  width:136px;
  height:32px;
  padding:0 3px;
  text-align:left;
  text-transform:none;
  font-size:11px;
  background:url(/assets/images/video-carousel-text-bg.jpg);
}
.video-articles-carousel li dl.imagebox dd a {
  display:block;
}
.video-articles-carousel li .content {
  display:none;
}

.archive {
  text-align:right;
  padding:3px 0 0 0;
}

/* 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;
  margin:0 0 16px 0;
}
.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; */
}
.video-container .date {
  float:left;
}
.video-container .facebook {
  float:right;
}
.video-container .facebook iframe {
  width:78px;
  height:50px;
}
.video-container .back {
  clear:both;
}

#facebook-comments {
  display:none;
}
.admin #facebook-comments {
  display:block !important;
}

/* Kommentare
*******************************/
ul.comments {
  margin:0 0 16px 0;
  padding:0;
  list-style-type:none;
  border-bottom:solid #D6D6D6  1px;
}
ul.comments li {
  margin:0;
  padding:8px 0;
  border-top:solid #D6D6D6  1px;
}
ul.comments li .title {
  font-weight:bold;
  margin:0;
}
ul.comments li .text {
  margin:0;
}
ul.comments li .meta {
  color:#aaa;
  margin:0;
}
ul.comments li .meta a {
  color:#aaa;
}

form.comments label {
  font-size:12px;
}
form.comments input.text {
  width:480px;
  font-size:12px;
  padding:3px;
}
form.comments textarea {
  width:550px;
  font-size:12px;
  padding:3px;
}

form.comments p.error {
  margin:0;
  color:#f00;
}

/* 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;
}
table.archive {
  text-align:center;
}
table.archive th {
  width:114px;
}
table.archive td:hover {
  background:rgba(227, 2, 80, 1);
  color:#fff;
  cursor:pointer;
}
table.archive td.na {
  color:#888;
  background:#ededed;
  cursor:auto;
}
table.archive td.today {
  background:#E30250;
  color:#fff;
}

ul.archive {
  width:575px;
  margin:0 0 16px 0;
  padding:0;
  list-style-type:none;
  text-align:left;
  font-size:11px;
}
ul.archive li {
  width:112px;
  float:left;
  margin:0 3px 0 0;
  padding:0;
  list-style-type:none;
}
ul.archive li h2 {
  background:#00ade9;
  color:#fff;
  margin:0 0 1px 0;
  padding:3px 0;
  text-align:center;
}
ul.archive li p {
  background:#e2e2e2;
  margin:0 0 1px 0;
  height:21px;
}
ul.archive li p:nth-child(odd) {
  background:#eaeaea;
  margin:0 0 1px 0;
  height:21px;
}
ul.archive li p a {
  padding:3px 5px;
  height:15px;
  display:block;
  color:#666;
}
ul.archive li p a.active,
ul.archive li p a.active .day {
  color:#fff !important;
  background:#e30250 !important;
}
ul.archive li p a.active span {
  border-color:#f288ad;
}
ul.archive li p a:hover,
ul.archive li p a:hover .day {
  background:#d3d3d3;
}
ul.archive li p a.na:hover,
ul.archive li p a.na:hover .day {
  background:transparent;
  cursor:auto
}

ul.archive li span {
  display:block;
  float:left;
  border-right:solid #ccc 1px;
}
ul.archive li span.day {
  width:20px;
  color:#000;
}
ul.archive li span.date {
  padding:0 0 0 5px;
  width:55px;
}
ul.archive li span.count {
  padding:0 0 0 5px;
  width:15px;
  border:0;
  text-align:right;
}

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

/* Formulare
*******************************/
form {
  background:#e2e2e2;
  margin:0 0 .8em 0;
  padding:8px;
  font-size:11px;
}
.row {
  margin:0 0 4px 0;
}
label {
  font-size:11px;
}
label.block,
span.label-block {
  display:block;
}
label.indent {
  float:left;
  width:70px;
}
input.text,
textarea {
  border:0;
  height:16px;
  line-height:16px;
  font-size:11px;
  width:270px;
  padding:1px 0;
}
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, A40-Stillleben
*******************************/
#plz {
  width:40px;
  margin:0 4px 0 0;
}
#ort {
  width:226px;
}
#alter {
  width:80px;
}

/* Formular, Jiggy
*******************************/
.jiggy form {
  padding:0;
  background:transparent;
}
.jiggy form input.text,
.jiggy form textarea {
  width:164px;
}
.jiggy form input#ort {
  width:119px;
}


/* Kalender
*******************************/

.calendarcontainer {
}

table.calendar {
  line-height: 20px;
  width: 180px;
  background: #fff;
  text-align: center;
  border-spacing:1px;
  margin:0;
}
table.calendar td {
  padding:0;
  width:14%;
  color:#aaa;
}
table.calendar td a {
  display:block;
}
table.calendar td a:hover {
  text-decoration:none;
  background:#d3d3d3;
}

table.calendar td.month {
  font-weight: bold;
  color:#fff;
  background:#00ade9;
}
table.calendar td.month .prev {
  display:block;
  float:left;
  color:#fff;
  width:20px;
}
table.calendar td.month .next {
  display:block;
  float:right;
  color:#fff;
  width:20px;
}
table.calendar td.month a:hover {
  background:#66cef2;
  color:#fff;
  text-decoration:none;
}
table.calendar td.kw,
table.calendar td.hlkw {
  background:#d3d3d3;
  display:none;
}

table.calendar td.hlkw,
table.calendar td.hlwt,
table.calendar td.hlsa,
table.calendar td.hlso {
  background:#d3d3d3;
  color:#666 !important;
}
table.calendar .today,
table.calendar .todaysa,
table.calendar .todayso {
  background:#e30250;
  color:#fff;
}
table.calendar td.belegt a {
  color:#000;
}