@charset "utf-8";

/**
 * @system   TYPOlight 2.5
 * @version  1.05
 * @date     2011-03-04, 2011-03-03
 * @since    2008-02-27
 * @author   Alldesign
 *
 * DESCRIPTION
 * - Layout and content.
 */

/* ------------------------------------------------------------------------------------ FRAMEWORK */

/**
 * Interactive elements
 * with different display states.
 */
.sprite {
  color:rgba(0, 0, 0, 0);
  background:transparent none 0 0 no-repeat;
  font-size:0;
  line-height:-4000px;
  text-indent:-4000px;
  letter-spacing:-4000px;
  overflow:hidden;
  display:block;
  width:100%;
  height:100%;
}

/* --------------------------------------------------------------------------------------- LAYOUT */

* {
  margin:0;
  padding:0;
  font-family:"Verdana", "Geneva", "Arial", "Tahoma", "Helvetica", sans-serif;
  font-size:12px;
  -webkit-text-size-adjust:none;
}

body, html {
  height:100%;
}

body {
  background:#FFF url('/img/body.gif') repeat-y;
}

#wrapper {
	width:989px;
}

#left {
	background:url('/img/menu_bg.jpg') repeat-y;
	float:left;
  width:170px;
	height:541px;
}

#left .foot {
	background:#057DC2;
	position:absolute;
	width:170px;
	height:12px;
	bottom:0;
}

#main {
	color:#6C6C6C;
	font-size:12px;
	margin:0 0 0 180px;
}

#main .inside {
	margin:0 20px;
}

#logo {
  background:url('/img/logo.gif');
  font-size:0;
  text-indent:-4000px;
  letter-spacing:-4000px;
  width:170px;
  height:90px;
  margin:15px 0;
}

#logo a {
  display:block;
  width:100%;
  height:100%;
}

#title {
	background:url('/img/tab_bg.gif') repeat-x;
  overflow:hidden;
	height:28px;
	margin:0 0 45px;
}

/* Rounded corners ---------------------------- */

/**/
.roundedcornr_box_531235 {
  background:#D0D0D0 url('/img/roundedcornr_531235_grad.gif') repeat-x top left;
}

.roundedcornr_top_531235 div {
  background:url('/img/roundedcornr_531235_tl.gif') no-repeat top left;
}

.roundedcornr_top_531235 {
  background:transparent url('/img/roundedcornr_531235_tr.gif') no-repeat top right;
}

.roundedcornr_bottom_531235 div {
  background:url('/img/roundedcornr_531235_bl.gif') no-repeat bottom left;
}

.roundedcornr_bottom_531235 {
  background:transparent url('/img/roundedcornr_531235_br.gif') no-repeat bottom right;
}

.roundedcornr_top_531235 div,
.roundedcornr_top_531235,
.roundedcornr_bottom_531235 div,
.roundedcornr_bottom_531235 {
  font-size:1px;
  width:100%;
  height:15px;
}

.roundedcornr_content_531235 {
  margin:0 15px;
}
/**/

/* ------------------------------------------------------------------------------------- ELEMENTS */

a {
	color:#057DC2;
	text-decoration:none;
}

h2 {
  color:#6C6C6C;
  font-size:14px;
}

/* ----------------------------------------------------------------------------------------- MENU */

/**
 * Main navigation.
 */

.mod_navigation a,
.mod_navigation p {
  color:#057DC2;
  text-decoration:none;
  border:none;
  font-size:10px;
  font-weight:bold;
  display:block;
  padding:3px 0;
}

.mod_navigation a:hover {
  color:#888;
  border-top:1px solid #AAA;
  border-bottom:1px solid #AAA;
  padding:2px 0;
}

.mod_navigation li {
	margin:0 0 5px;
}

.mod_navigation .level_2 {
	margin:5px 0 0;
}

.mod_navigation .level_1 a,
.mod_navigation .level_1 p {
	background:url('/img/menu_l1.gif') 15px center no-repeat;
	padding-left:27px;
}

.mod_navigation .level_2 a,
.mod_navigation .level_2 p {
	background:url('/img/menu_l2.gif') 28px center no-repeat;
	padding-left:39px;
}

.mod_navigation .active {
	color:#777 !important;
	background:#CCC;
}

/**
 * Title with social media toolbar and date.
 */

#title .date {
  float:right;
}

#title h2 {
	background:#FFF url('/img/tab.gif') top right no-repeat;
	font-size:12px;
	line-height:28px;
	letter-spacing:1px;
	text-align:center;
	float:left;
	width:150px;
	height:28px;
	padding:0 25px 0 0;
}

#title p {
	color:#AAA;
	float:right;
	display:inline;
	font-size:11px;
	line-height:25px;
	padding:0 10px 0 0;
}

/* ------------------------------------------------------------------------------ CONTENT / PAGES */

#contents {
	line-height:1.5em;
	padding:0 0 0 25px;
	margin:0 25px 0 0;
}

#contents p {
	margin:0 0 1em;
}

#contents h1 {
  font-size:12px;
}

#contents h2 {
	font-size:12px;
}

/**
 * Catalog module.
 */

#contents .layout_full {
	margin:0 0 2em;
}

/* Home --------------------------------------- */

#themen-des-tages .ce_image {
  /* IE fix */
  margin:0 1px 0 0;
}

#home-link-werbung {
  overflow:hidden;
  position:absolute;
  left:465px;
  top:28px;
  width:330px;
  height:225px;
}

#home-link-werbung a {
  color:rgba(0, 0, 0, 0);
  font-size:0;
  line-height:-4000px;
  text-indent:-4000px;
  letter-spacing:-4000px;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

.mod_eventlist h4 {
  margin:0 0 5px;
}

.mod_eventlist .header.first {
  margin:0 0 10px;
}

/* Movie archive ------------------------------ */

#filmarchiv .even {
  background:#F0F0F0;
}

#filmarchiv td,
#filmarchiv th {
  padding:5px 10px;
}

#aktuelle-filme td,
#aktuelle-filme th {
  padding:5px 10px;
}

#aktuelle-filme .even {
  background:#F0F0F0;
}

/* TV program table --------------------------- */

#tblProgramm  {
  overflow-x:auto;
  overflow-y:hidden;
  margin:5px 0 20px;
}

#tblProgramm h1 {
  margin-bottom:20px;
}

#tblProgramm table {
  width:1350px;
  border-collapse:separate;
}

#tblProgramm table td {
  font-size:10px;
  padding:3px 7px 7px 3px;
  vertical-align:top;
}

#tblProgramm table tr.row_last td {
  padding-bottom:23px;
}

#tblProgramm table td.col_0 {
  background:#EEE;
  font-weight:bold;
  width:45px;
}

#tblProgramm table tr td {
  width:200px;
}

/**
 * This should be replaced with CSS3 or JS.
 */
#tblProgramm table tr.odd td
{
  font-weight:bold;
  border-top:1px solid #DCDCDC;
}

#tblProgramm table tr.row_first td {
  color:#23387C;
  background-color:#96BFD9;
  text-shadow:1px 1px 1px #EEE;
  font-size:14px;
  font-weight:bold;
}

/**
 * Catalog module table (WIP).
 */

.program-table th,
.program-table td {
  padding:10px;
}

/* Shop --------------------------------------- */

#shopping .even {
	background:#F0F0F0;
}

/* ----------------------------------------------------------------------- PLUGINS / SOCIAL MEDIA */

/* AddThis ------------------------------------ */

.addthis_button {
  width:250px;
  white-space:nowrap;
}

#addthis a {
  background:url('/tl_files/bilder/addthis.gif') 0 1px no-repeat;
  color:#057DC2;
  font-size:11px;
  padding:0 0 1px 18px;
}

#addthis a:hover {
  color:#000;
  background-position:0 -19px;
}

/* Social media toolbar ----------------------- */

.socialmedia {
  overflow:hidden;
  /*float:right;*/
  margin:15px 15px 0 12px;
}

.socialmedia a {
  color:#057DC2;
  font-size:11px;
  float:left;
  margin:0 7px 0 0;
}

.socialmedia a.youtube {
  background:url('/img/socialmedia/youtube-icon.png') 0 0 no-repeat;
  width:50px;
  height:50px;
}

.socialmedia a.youtube:hover {
  filter:alpha(opacity=85);
  opacity:0.85;
}

.socialmedia a.twitter {
  background:url('/img/socialmedia/twitter.png') 0 0 no-repeat;
  width:19px;
  height:21px;
}

.socialmedia a.twitter:hover {
  filter:alpha(opacity=85);
  opacity:0.85;
}

.socialmedia a.facebook {
  background:url('/img/socialmedia/facebook-icon.png') 0 0 no-repeat;
  width:50px;
  height:50px;
}

.socialmedia a.facebook:hover {
  filter:alpha(opacity=85);
  opacity:0.85;
}