/* STYLESHEET FUER SOAPSWORLD.DE */
/* Enthält das CSS-Gerüst */


/* 1: GLOBAL */


* {

margin: 0;
padding: 0;
border: 0;

}

html, body {

height: 100.1%;
background: #f2f2f1;

}

p {

padding-top: 16px;

}

.plusone {

float: right;

}


/* 2: CONTAINER */


#container {

width: 100%;
position: relative;
min-height: 100%;

}


/* 3: NAVIGATION */


#navigation {

width: 100%;
height: 34px;
border-bottom: 1px solid #c4c4c4;
background: #dcdcdc;

}

#navigation-content {

width: 808px;
margin: 0px auto;
position: relative;
font: bold 14px/28px Georgia;
text-transform: uppercase;
z-index: 3000;

}

#navigation-content ul {

position: relative;
z-index: 3000;

}

#navigation-content li {

float: left;
list-style-type: none;
display: block;
height: 34px;

}

#navigation-content .navigation-spacer {

width: 1px;
background: url(menu-spacer.jpg) no-repeat;

}

#navigation-content .navigation-item {

padding-top: 4px;
padding-left: 8px;
padding-right: 8px;

}

#navigation-content a {

text-decoration: none;
display: block;

}

#navigation-content ul div.navigation-shows {

visibility: hidden;
position: absolute;
top: 35px;
left: 125px;
z-index: 1000;
width: 661px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 20px;
background: #dcdcdc url(navigation-shows-background.jpg) no-repeat bottom;
border-left: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;

}

#navigation-content ul.navigation-shows-column {

width: 190px;
float: left;

}

#navigation-content ul.continued {

margin-left: 35px;

}

#navigation-content li.navigation-shows-category, #navigation-content li.navigation-shows-item, #navigation-content li.navigation-shows-empty {

float: left;
width: 200px;
text-transform: none;
height: 30px;

}

#navigation-content li.navigation-shows-category, #navigation-content li.navigation-shows-category:hover {

font: bold 16px/22px Georgia;
margin-bottom: 10px;
border-bottom: 1px solid #c4c4c4;
margin-left: 5px;
margin-right: 5px;
width: 190px;

}

#navigation-content li.navigation-shows-item a {

color: #333333;
font: normal 14px/30px Georgia;
height: 30px;
width: 190px;
padding-left: 5px;
padding-right: 5px;

}

#navigation-content ul ul.navigation-about-the-show {

visibility: hidden;
position: absolute;
top: 35px;
left: 125px;
z-index: 598;
background: #dcdcdc;
border-left: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;

}

#navigation-content ul ul.navigation-about-the-show li {

float: none;
background: #dcdcdc;
border-bottom: 1px solid #c4c4c4;
width: 200px;

}

#navigation-content li:hover > div.navigation-shows, #navigation-content li:hover > ul.navigation-about-the-show {

visibility: visible;

}

/* 4: HEADER */


#header {

width: 100%;
height: 100px;
background: url(header-background.jpg);

}

#header-content {

width: 804px;
height: 100px;
margin: 0px auto;
position: relative;

}

#header-content #show-title {

position: absolute;
top: 29px;
right: 0px;
text-align: right;
font: bold 22px/22px Georgia;
float: right;
text-transform: uppercase;
color: #ffffff;
padding: 10px;

}

#header-content #show-title a {

color: #ffffff;
text-decoration: none;

}


/* 5: CONTENT */


#content {

width: 808px;
margin: 0px auto;
position: relative;
padding-bottom: 80px;

}

#content-left {

width: 544px;
margin-right: 20px;
float: left;

}

#content-right {

width: 244px;
float: right;

}

.item {

position: relative;
padding: 20px;
background: #ffffff;
font: normal 14px/22px Georgia;
margin-bottom: 20px;
border-left: 1px solid #e1e1df;
border-top: 1px solid #e1e1df;
border-right: 1px solid #d4d4d3;
border-bottom: 1px solid #d4d4d3;

}

#content-left .item {

width: 500px;

}

h1 {

font: bold 16px/22px Georgia;
padding-bottom: 16px;
border-bottom: 1px solid #d4d4d3;

}

h1.calendar, h1.search, h1.products, h1.poll, h1.social {

padding-left: 30px;

}

h3 {

font: bold 11px/16px Georgia;
padding-bottom: 16px;

}

h3 a {

text-decoration: none;

}

h4 {

font: bold 12px/16px Georgia;
padding-bottom: 16px;
padding-top: 16px;
border-bottom: 1px dashed #d4d4d3;

}

#eyecatcher {

height: 200px;
width: 500px;
margin-bottom: 16px;

}

#eyecatcher-bottom {

position: absolute;
right: 30px;
top: 260px;
font: normal 10px/16px Georgia;
color: #545454;

}

.entries-container {

width: 500px;
margin-top: 16px;

}

.entries-left {

float: left;
width: 80px;

}

.entries-right {

float: left;
width: 420px;

}

.entries-left img {

margin-top: 6px;
border: 1px solid #d4d4d3;
width: 64px;
height: 64px;

}

.letter {

font: bold 16px/22px Georgia;
text-transform: uppercase;
margin-top: 16px;

}

.item-column {

width: 240px;
margin-right: 10px;
float: left;

}

#episode-navigation {

margin-top: 16px;
text-align: center;

}

#episode-information {

margin-top: 16px;
width: 498px;
border: 1px solid #d4d4d3;
font: normal 13px/22px Georgia;

}

#episode-information-content {

padding: 6px;

}

.episode-information-left {

float: left;
width: 110px;

}

.episode-information-right {

float: left;
width: 376px;

}

.episode-information-divider {

border-bottom: 1px dashed #d4d4d3;
clear: left;
padding-top: 4px;
margin-bottom: 4px;

}

.episode-overview-column1 {

width: 50px;
float: left;

}

.episode-overview-column2 {

width: 225px;
float: left;

}

.actor-image {

float: left;
width: 142px;
height: 210px;
margin-right: 20px;
margin-top: 20px;

}

.actor-image-small {

float: left;
width: 122px;
margin-right: 18px;

}

.actor-image-small img {

border: 1px solid #c9c9c9;
width: 120px;
height: 120px;

}

.actor-image-bottom, .actor-image-small-bottom {

margin-top: 8px;
font: normal 10px/16px Georgia;
color: #545454;
text-align: right;

}

#cast-list {

margin-top: 16px;

}

#cast-list img {

border: 1px solid #c9c9c9;
width: 60px;
height: 60px;

}

#cast-list .column {

width: 250px;
float: left;
font: normal 11px/18px Georgia;
margin-bottom: 10px;

}

#cast-list .left {

width: 70px;
float: left;

}

#cast-list .right {

width: 180px;
float: left;

}

#cast-list .label {

margin-top: 14px;

}

#cast-list a {

font-weight: bold;

}

.news-img {

float: left;
border: 1px solid #d4d4d3;
width: 64px;
height: 64px;
margin-right: 20px;
margin-bottom: 20px;

}

.news-links {

margin-top: 16px;
margin-left: 20px;

}

.news-links li {

list-style-image: url(circle.jpg);

}

.news-links a {

color: #000000;

}

.news-footer {

width: 500px;
margin-top: 16px;
font: normal 11px/16px Georgia;
color: #545454;

}

.news-source, .news-date {

float: left;
width: 250px;

}

.news-date {

text-align: right;

}

.news-list li {

list-style-type: square;
margin-left: 15px;

}

.gallery-list {

list-style-type: square;
margin-left: 15px;

}

.linklist-left {

float: left;
width: 405px;
list-style-type: square;
margin-left: 15px;

}

.linklist-right {

float: left;
width: 80px;
text-align: right;
list-style-type: none;

}

#character-information {

width: 478px;
padding: 10px;
font: normal 11px/18px Georgia;
border: 1px solid #d4d4d3;
clear: left;

}

.actor-facts {

width: 338px;
float: right;

}

.actor-facts ul li {

list-style-type: square;
margin-left: 15px;

}

.actor-facts-left {

font-weight: bold;
float: left;
width: 120px;
margin-bottom: 4px;

}

.actor-facts-right {

float: left;
width: 218px;
margin-bottom: 4px;

}

#relationships-pusher {

padding: 10px;
margin-top: 16px;
border: 1px solid #d4d4d3;
font-weight: bold;
cursor: pointer;

}

#relationships-pusher .misc {

padding-left: 22px;

}

#relationships {

width: 478px;
padding: 10px 10px 0px 10px;
font: normal 11px/18px Georgia;
border-left: 1px solid #d4d4d3;
border-right: 1px solid #d4d4d3;
border-bottom: 1px solid #d4d4d3;
display: none;

}

#relationships img {

border: 1px solid #c9c9c9;
width: 60px;
height: 60px;

}

#relationships .column {

width: 239px;
float: left;
margin-bottom: 10px;

}

#relationships .left {

width: 70px;
float: left;

}

#relationships .right {

width: 169px;
float: left;

}

#relationships .label {

margin-top: 14px;

}

#relationships a {

font-weight: bold;

}

.cast-your-vote {

float: right;
text-align: center;
font: normal 22px/40px Calibri;
padding: 2px;
border: 1px solid #d4d4d3;
height: 40px;
width: 90px;

}

.text {

width: 168px;
height: 22px;
padding: 5px;
background: #ffffff;
font: normal 14px/22px Georgia;
float: left;
border: 1px solid #d4d4d3;

}

.submit-search {

width: 18px;
height: 34px;
background: #ffffff;
font: normal 14px/22px Georgia;
float: right;
border: 1px solid #d4d4d3;

}

ul.pagination, ul.pagination-large, ul.pagination-characters li, .item-column-top {

padding-top: 16px;

}

ul.pagination li, ul.pagination-large li, ul.pagination-characters li {

list-style-type: none;
float: left;

}

ul.pagination li a {

display: block;
color: #ffffff;
width: 30px;
height: 22px;
font: bold 12px/16px Calibri;
text-decoration: none;
margin-right: 6px;
text-align: center;
padding-top: 8px;

}

ul.pagination-large li a {

display: block;
color: #ffffff;
font: bold 12px/16px Calibri;
text-decoration: none;
margin-right: 6px;
text-align: center;
padding: 8px;

}

ul.pagination-characters li a {

text-decoration: none;
color: #ffffff;
border-right: 1px solid #ffffff;
padding: 7px;
font: bold 12px/16px Calibri;
display: block;

}


.main-list li {

font: normal 12px/22px Georgia;
list-style-type: none;
padding-left: 20px;
background: url(square.gif) no-repeat;
background-position: 0px 9px;

}

.main-list .new {

background: #ff0000;
color: #ffffff;
font: bold 9px/14px Arial;
text-transform: uppercase;
padding: 3px;
margin-left: 5px;

}

.product-link-icon {

width: 16px;
height: 16px;
background: url(product-link-icon.jpg) no-repeat;
display: inline-block;

}

.news-link-icon {

width: 16px;
height: 16px;
background: url(news-link-icon.jpg) no-repeat;
display: inline-block;

}

.social-icons-left {

float: left;
width: 40px;
padding-top: 6px;

}

.social-icons-right {

float: left;
width: 160px;

}

.more {

text-decoration: underline;
font: bold 14px/22px Georgia;

}

.misc {

text-decoration: none;

}

.black {

color: #000000;
text-decoration: underline;

}

.last-updated, .share-icons, .main-list, #social-icons {

margin-top: 16px;

}

.last-updated {

font: normal 11px/16px Georgia;
color: #545454;
text-align: left;

}

.share-icons li {

list-style-type: none;
float: left;
margin-right: 6px;

}

.share-forum {

display: block;
height: 32px;
width: 32px;
background: url(forum.png);

}

.share-facebook {

display: block;
height: 32px;
width: 32px;
background: url(facebook.png);

}

.share-twitter {

display: block;
height: 32px;
width: 32px;
background: url(twitter.png);

}

.ads-inline {

float: left;
width: 220px;
height: 210px;
padding-top: 15px;

}

.submit {

width: 100%;
padding: 5px;
background: #ffffff;
font: normal 14px/22px Georgia;
border: 1px solid #d4d4d3;

}

#contact-box {

color: #000000;

}

.contact-box-left {

float: left;
clear: left;
width: 160px;
padding-bottom: 3px;

}

.contact-box-right {

float: left;
width: 331px;
padding-bottom: 3px;

}

.contact-box-right input {

background: #ffffff;
font: normal 14px/22px Georgia;
width: 325px;
height: 16px;
padding: 2px;
border: 1px solid #d4d4d3;

}

.contact-box-right textarea {

background: #ffffff;
font: normal 14px/22px Georgia;
width: 325px;
padding: 2px;
border: 1px solid #d4d4d3;

}

#contact-box-buttons {

clear: left;
margin-left: 160px;
padding-top: 3px;

}

#contact-box-buttons input {

width: 331px;
padding: 5px;
background: #ffffff;
font: normal 14px/22px Georgia;
border: 1px solid #d4d4d3;

}

#contact-help {

display: block;
margin-top: 16px;
width: 498px;
height: 98px;
border-left: 1px solid #e1e1df;
border-top: 1px solid #e1e1df;
border-right: 1px solid #d4d4d3;
border-bottom: 1px solid #d4d4d3;
background: url(help-background.jpg) repeat-x;
text-decoration: none;

}

#contact-help div {

margin-top: 25px;
color: #5d5d5d;
font: normal 16px/22px Georgia;
text-align: center;

}

#contact-help .upper {

font-weight: bold;
color: #c73d3d;

}

#contact-help .lower {

font-style: italic;

}


/* 5: SIDE-NAVIGATION */


.side-navigation {

position: relative;
background: #ffffff;
font: normal 14px/22px Georgia;
margin-bottom: 20px;
border-left: 1px solid #e1e1df;
border-top: 1px solid #e1e1df;
border-right: 1px solid #d4d4d3;
border-bottom: 1px solid #d4d4d3;

}

.accordion-right {

width: 242px !important;

}

.side-navigation-item {

font: bold 13px/22px Georgia;
cursor: pointer;
border-bottom: 1px solid #ffffff;

}

.accordion-right .pane div a, .side-navigation-item a {

padding: 5px 0px 5px 50px;
height: 22px;
display: block;
text-decoration: none;

}

.accordion-right h2 {

padding: 5px 0px 5px 50px;
height: 22px;

}

.accordion-right .pane {

display: none;
height: auto;
width: 242px !important;

}

.accordion-right .pane div {

font: bold 12px/22px Georgia;
cursor: pointer;
border-bottom: 1px solid #ffffff;

}


/* 6: FOOTER */


#footer {

position: absolute;
bottom: 0;
width: 100%;
height: 75px;
background: url(footer-background.jpg);

}

#footer-content {

width: 800px;
margin: 0px auto;
position: relative;

}

#footer-text {

padding-top: 51px;
text-align: center;
font: bold 10px/18px Georgia;
color: #8c8c8c;

}

#footer-text a {

color: #8c8c8c;
text-decoration: none;

}


/* 7: MISC */


.clear {

clear: both;

}


/* 8: ACCORDION */


.accordion-left .last-updated {

margin-bottom: 16px;

}

.accordion-left {

margin-top: 13px;
width: 500px !important;

}

.accordion-left h2 {

padding-top: 3px;
padding-bottom: 3px;
font: bold 13px/22px Georgia;
cursor: pointer;
border-bottom: 1px solid #d4d4d3;
background: url(arrow-down.png) no-repeat 480px 10px;

}

.accordion-left h2.current {

cursor: default;

}

.accordion-left a {

text-decoration: underline;

}

.accordion-left .pane {

display: none;
height: auto;
width: 500px !important;

}

.accordion-left .pane p {

padding-top: 6px;
padding-bottom: 6px;
clear: both;

}


/* 9: RANKING */


input.send {

padding: 5px;
background: #ffffff;
font: normal 14px/22px Georgia;
border: 1px solid #d4d4d3;

}

ul.ranking {

list-style-type: circle;

}

ul.ranking li {

margin-left: 15px;

}

div.ranking {

padding-bottom: 10px;
padding-top: 10px;
font: normal 11px/16px Georgia;
border-bottom: 1px solid #d4d4d3;

}

.ranking-left, .ranking-table1 {

float: left;
width: 400px;
padding-bottom: 10px;
padding-top: 10px;
height: 16px;
font: normal 11px/16px Georgia;
border-bottom: 1px solid #d4d4d3;

}

.ranking-right, .ranking-table2 {

float: left;
width: 100px;
padding-bottom: 10px;
padding-top: 10px;
text-align: right;
height: 16px;
font: normal 11px/16px Georgia;
border-bottom: 1px solid #d4d4d3;

}

#points-left {

float: left;
width: 30px;
font: bold 11px/16px Georgia;

}

#points-right {

float: left;
width: 470px;
font: normal 11px/16px Georgia;

}

#points-left div, #points-right div.handle {

border-bottom: 1px solid #d4d4d3;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
height: 16px;

}

#points-right div.handle {

cursor: move;

}

#points-right div.handle:hover {

background: #ebebeb;

}

span.rankequal, span.rankup, span.rankdown {

font: bold 14px/16px Georgia;

}

span.rankup {

color: #616C0E;

}

span.rankdown {

color: #680A0A;

}

#percent {

float: right;

}

span.gold {

width: 15px;
height: 15px;
padding: 3px;
margin-left: 5px;
margin-right: 5px;
background: #FFD116;
border: 1px solid #000000;
float: left;
text-align: center;

}

span.silber {

width: 15px;
height: 15px;
padding: 3px;
margin-left: 5px;
margin-right: 5px;
background: #CCCCCC;
border: 1px solid #000000;
float: left;
text-align: center;

}

span.bronze {

width: 15px;
height: 15px;
padding: 3px;
margin-left: 5px;
margin-right: 5px;
background: #CD7F32;
border: 1px solid #000000;
float: left;
text-align: center;

}

.highlight {

background: #f5f75f;

}

#votes {

position: fixed;
top: 400px;
left: 138px;
width: 130px;
height: 180px;
background: url(bubble.png) no-repeat;
font: normal 12px/16px Georgia;
padding: 20px;

}

#stimmenzahl {

font-weight: bold;
color: #cb4a22;

}

.red {

color: #cb4a22;

}

.green {

color: #569611;

}


/* 10: OVERLAY */


div#feedback {
	height: 125px;
	width: 125px;
	background: url(feedback.png) no-repeat;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
}

a#fdb {
	display: block;
	height: 125px;
	width: 125px;
	position: fixed;
	right: 0;
	top: 0;
	text-decoration: none;
}

.apple_overlay {
	display:none;
	background-image:url(white.png);
	width:640px;		
	padding:35px;	
	font-size:11px;
}

.apple_overlay .close {
	background-image:url(apple-close.png);
	position:absolute; 
	right:5px; 
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(white.png);
	color:#fff;
	height:450px;
}
	
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	width: 650px;
	padding: 10px 20px 10px; 
	height:510px;
	overflow-y: auto;
}


/* 11: Slider */


#content-slider {

margin-top: 16px;

}

#controller {

display: none;

}

#prev {

float: left;

}

.jFlowPrev {

display: block;
width: 18px;
height: 76px;

}

#next {

float: right;

}

.jFlowNext {

display: block;
width: 19px;
height: 76px;

}

#slides #slide div {

float: left;
width: 76px;
height: 76px;
margin-right: 1px;

}


/* 12: Facebook Wall */


.fb-wall {

margin-top: 16px;

}

.fb-wall.loading {

height: 300px;
background: url(loading.gif) no-repeat center center;

}
	
.fb-message a {

color: #333333;

}

.fb-wall-box-first {

border: 0;
padding-top: 0;

}

/* Likes*/
	
.fb-wall-likes {

border-left: 1px solid #e1e1df;
border-top: 1px solid #e1e1df;
border-right: 1px solid #d4d4d3;
border-bottom: 1px solid #d4d4d3;
margin-top: 16px;
display: block;
font-size: 11px;
background: url(like.jpg) no-repeat 0 0 #ffffff;

}

.fb-wall-likes div {

margin: 0;
background: url(like.jpg) no-repeat 4px 5px #f6f6f6;
padding: 5px 5px 4px 26px;

}

.fb-wall-likes div span {

color: #3D3D3D;

}