@charset "UTF-8";
/* ========================================
Stylesheet der FlashForward Homepage

Datei: screen.css
Datum: 11. August 2010
Autor: Pathor (techn. Admin) 

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
======================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* {
 padding: 0;
 margin: 0;
 border: none;
}

ul { margin-bottom: 0; }

li { margin-left: 2em; }

/* ==================================
   2. Allgemeine Styles
   =============================== */

body {
 color: #fff;
 background-color: #CD853F;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11px;
}

p {
 margin: 10px 0;
}

h1 { font-size:18px; padding: 20px 0; text-align: center; }
h2 { font-size:16px; padding: 20px 0; text-align: center; }
h3 { font-size:14px; padding: 15px 0; }

abbr { border-bottom: 1px dotted #fff; }

/* ================
   Hyperlinks    */

a {
 outline: none;
 text-decoration: none;
 font-weight: 700;
}

a:link, a:visited, a:active {
 color: #fff;
 background-color: transparent;
}

a:hover, a:focus {
 color: #FFD700;
 background-color: transparent;
 text-decoration: underline;
}

/* =====================
   Klassen und IDs    */

.smallfont {
 font-size: 10px;
 font-weight: 700;
}

.bigfont {
 font-size: 16px;
 font-weight: 700;
}

.skiplink {
 position: absolute;
 top: -5000px;
 left: -5000px;
 width: 0;
 height: 0;
 overflow: hidden;
 display: inline;
}

form.newssuche input[type=text] {
 color: #000;
 background-color: #fff;
 border: 1px solid #daa521;
}
form.newssuche input[type=submit] {
 color: #fff;
 background-color: #daa521; 
}

.werbung_links,
.zweitenavigation {
 text-align: center;
}
  .werbung_links p {
   margin: 0 5px 10px;
  }

.rahmenbox,
.tvplaner,
.autogramme {
 margin: 10px;
 border: 2px solid #B8860B;
 padding: 5px;
 text-shadow: #B8860B 3px 3px 3px;
}
  .tvplaner h3 {
   font-size: 18px;
   font-weight: 900;
   text-decoration: underline;
  }
  .tvplaner span {
   display: block;
   font-size: 10px;
   font-weight: 700;
  }
  .tvplaner p {
   font-size: 9px;
  }

.werbetext {
 color: #fff;
 background-color: #333;
}

.tabhead {
 color: #fff;
 background-color: #daa521;
 background-image: url(images/cellpic.gif);
 font-size: 16px;
 font-weight: 700;
 text-shadow: #333 3px 3px 3px;
 margin: 10px 0;
 border: 2px solid #B8860B;
 padding: 3px;
 text-align: center;
}

.button {
 text-align: right;
}

.clearing {
 clear: both;
}

.center {
 text-align: center;
}

/* ==================================
   3. Styles für Layoutbereiche
   =============================== */

#wrapper {
 width: 900px;
 margin: 15px auto;
 background-color: #1b1b1b;
 background-image: url(images/bg_wrapper.gif);
 background-repeat: repeat-y;
 border: 2px solid #333;
}

.logo {
 display:block;
 border-bottom: 2px solid #333;
 width: 900px;
 height: 150px;
 overflow: hidden;
}

#navigation {
 float: left;
 width: 150px;
 color: #fff;
 background-color: #1b1b1b;
}
  #navigation ul {
   padding: 10px 0;
  }
  #navigation li {
   list-style-type: none;
   padding: 0;
   margin: 0;
  }
  #navigation li a {
   display: block;
   padding: 2px 2px 2px 6px;
   font-size: 14px;
   text-decoration: none;
   text-shadow: #333 3px 3px 3px;
  }
  #navigation li a:link, #navigation li a:visited    {
   color: #fff;
   background-color: transparent;
  }
  #navigation li a:hover   {
   color: #fff;
   background-color: #DAA520;
   text-decoration: none;
  }
  #navigation li a:active  {
   color: #000;
   background-color: #fff;
  }
/* ============================================
  "Wo bin ich" in der Navi erkenntlich machen */
   
  #index #navi01,
  #news #navi01,
  #autogramme #navi02,
  #darsteller #navi03,
  #episodenguide #navi04,
  #listen #navi05,
  #faqs #navi06,
  #stimmen #navi07,
  #multimedia #navi08,
  #einschaltquoten #navi09,
  #auszeichnungen #navi10,
  #forum #navi11,
  #guestbook #navi12,
  #links #navi13,
  #sitemap #navi14,
  #impressum #navi15 {
   color: #fff;
   background-color: #DAA520;
   background-image: url(images/cellpic.gif);
   border:3px solid #666;
   border-top:1px solid #333;
   border-bottom:1px solid #333;
  }
  
#rechte_spalte {
 float: right;
 width: 150px;
 color: #fff;
 background-color: #1b1b1b;
 text-align: center;
}

#content {
 color: #fff;
 background-color: #000000;
 border-right: 2px solid #333;
 border-left: 2px solid #333;
 margin: 0 150px;
 padding: 10px;
}

#contentfloat {
 float: left;
 width: 578px;
 margin-bottom: 10px;
}

#footer {
  color: #fff;
  background-color: #1b1b1b;
  clear: both;
  font-size: 9px;
  margin: 0;
  padding: 5px;
  border-top: 2px solid #333;
  text-align: center;
}
 #footer p:first-child {
  margin: 3px;
  font-weight: bold;
 }

/* ==================================
   4. Sonstige Styles
   =============================== */

/* ========================
   Formatierung der News */

.newsbox {
 color: #fff;
 background-color: #1b1b1b;
 border: 2px solid #B8860B;
 margin: 12px 0;
}

.newsheader {
 color: #fff;
 background-color: #daa521;
 background-image: url(images/cellpic.gif);
 padding: 1px 3px 2px;
 border-bottom: 2px solid #B8860B;
}
  .newsheader h2 {
   font-size: 1.6em;
   font-weight: 700;
   text-shadow: #333 3px 3px 3px;
   letter-spacing: 1px;
   margin: 0 0 2px 0;
   padding: 0;
   text-align: left;
  }

.newscontent {
 padding: 3px;
}
  .newscontent img {
   padding: 2px 5px 5px 2px;
  }

.newsfooter {
 color: #000;
 background-color: #daa521;
 background-image: url(images/cellpic.gif);
 margin-top: 10px;
 padding: 3px;
 border-top: 2px solid #B8860B;
}
	.newsfooter div {
		font-weight:700
	}
	
/* ===============================
   Formatierungen des Formulars */

textarea,
input[type="text"] {
 background-color: #fff;
 border: 1px solid #fff;
 overflow: auto;
}

textarea:focus,
input[type="text"]:focus {
 background-color: #ccc;
 border: 1px solid #858585;
 overflow: auto;
}

.formularfloat {
 float: left;
 width: 200px;
 padding: 5px 10px;
}
  .formularfloat input,
  .formularfloat textarea{
   margin: 4px 0;
   padding-left: 3px;
  }

.formularfloat_footer {
 clear: both;
 text-align: center;
}

.formular {
 margin: 10px 0;
 border: 1px solid #fff;
 padding: 5px;
}
  .formular h2 {
   padding: 2px;
  }
  
/* ========================
   News einsenden Formular */

.hoffnung { /* Zum Schutz vor Spambots */
 display: none;
}

/* =============
   Autogramme */

.autogramme a {
 display: block;
 margin: 5px;
}
  .autogramme p {
   margin: 0;
  }

/* ==================================
   Darstellerübersicht und Details */

.bilduebersicht {
 text-align: center;
}
  .bilduebersicht img {
   margin: 6px;
   padding: 2px;
   background-color: #fff;
   color: #000;
   border: 2px solid #bdbdbd;
   border-right: 2px solid #676767;
   border-bottom: 2px solid #676767;
  }
  .bilduebersicht a:hover img {
   margin: 8px;
   padding: 0;
  }

.bildrechts {
 float: right;
 color: #fff;
 background-color: #daa521;
 padding: 4px;
 border: 1px solid #bdbdbd;
 border-right: 1px solid #676767;
 border-bottom: 1px solid #676767;
 margin: 0 0 20px 5px;
}

/* =====================================================================
   Für Produktübersicht, Box in den Guides und Bilder in den Episoden */

#episodenguide #content li {
 list-style-type: none;
}

.ep_linkespalte {
 float: left;
 width: 289px;
}

.ep_rechtespalte {
 float: right;
 width: 289px;
}

.rahmenbox2 {
 border: 1px solid #fff;
 padding: 2px;
 margin: 5px 180px;
 text-align: center;
}

.pics {
 text-align: center;
}
  .pics img {
   border: 3px outset #474747;
   margin-top: -2px;
  }
  
/* =================================
   Listenbox für die Listen-Seite */

.listenbox {
 font-size: 11px;
 margin-bottom: 20px;
 border: double 3px #4f4f4f;
 padding: 10px 20px;
}

/* =================================
   FAQs - Titel und Überschriften */

.ueberschrift {
 color: #fff;
 background-color: #000;
 font-size: 12px;
 font-weight: 700;
 border: 1px solid #fff;
 padding: 3px;
}

/* ===================================================
   Abstände der Bilder in der Multimedia-Abteilung */
   
.multimedia img {
 margin: 10px 13px 10px 0;
}

/* ================================
   Formatierung der Quotenzellen */

.quotenwrapper table {
 border:1px solid #FFF;
}
  .quotenwrapper td {
   padding: 2px;
  }
  .quotenwrapper img {
   margin-top: 20px;
  }

.quote1 {
 color:#fff;
 background-color:#707070;
}

.quote2 {
 color:#fff;
 background-color:#474747;
}

.quotew {
 color:#fff;
 background-color:#ca1b29;
 text-align:center;
}

/* ======================================
   Überschriftenbox für die Awardseite */

#auszeichnungen h2 {
 border: 1px solid #fff;
 padding: 3px;
 margin: 20px 100px;
}

/* ================================
   Positionierung der Forumboxen etc. */

#forum .forum img {
 margin-bottom: 15px;
}   
   
.forum {
 margin: 20px;
 border: 2px solid #bdbdbd;
 border-right: 2px solid #676767;
 border-bottom: 2px solid #676767;
 text-align: center;
} 

/* ===============================
   Formatierungen im Gästebuch */

/* siehe /burningbook/guestbook.css */

/* ==============
   Linkbereich */

.abstand {
 text-align: center;
}   
  .abstand img {
   margin: 6px;
  }

.linkusrahmen {
 font-weight: 700;
 border: 1px solid #fff;
 padding: 15px;
}
  .linkusrahmen div {
   color: #000;
   background-color: #fff;
   padding: 2px;
  }

/* ==================================
   ENDE DES STYLESHEETS
   =============================== */