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

}


/* 2: NAVIGATION */


#navigation {

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

}

#navigation-content {

width: 808px;
margin: 0px auto;
position: relative;
font: bold 12px/22px Georgia;
text-transform: uppercase;

}

#navigation-content ul {

position: relative;
z-index: 597;

}

#navigation-content li {

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

}

#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 ul.sub-navigation-one {

visibility: hidden;
position: absolute;
top: 30px;
left: 113px;
z-index: 598;

}

#navigation-content #sub-navigation-one-left {

float: left;
width: 230px;
border-left: 1px solid #c4c4c4;

}

#navigation-content #sub-navigation-one-right {

float: left;
width: 229px;
border-left: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;

}

#navigation-content ul ul.sub-navigation-one li {

float: none;
font: bold 10px/16px Georgia;
height: 21px;
background: #dcdcdc;
border-bottom: 1px solid #c4c4c4;

}

#navigation-content ul ul.sub-navigation-two {

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

}

#navigation-content ul ul.sub-navigation-two li {

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

}

#navigation-content li:hover > ul {

visibility: visible;

}

/* 3: 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;

}


/* 4: CONTENT */


#content {

width: 808px;
margin: 0px auto;
position: relative;
min-height: 80%;

}

#content-left {

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

}

#content-left #item {

width: 500px;
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-right {

width: 244px;
float: right;

}

#content-right #item {

width: 200px;
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 h1, #content-right h1 {

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

}

#content-left #last-updated {

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

}

.more {

font-weight: bold;

}

/* 5: FOOTER */


#footer {

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;

}


/* 6: CLEAR */


#clear {

clear: both;

}

/* 10: Twitter */

#tweet ul {

list-style-type: none;
margin-top: 8px;

}

#tweet ul li {

padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid #d4d4d3;

}

#tweet a, .twitter {

color: #000000;

}

/* 8: Slider */

#content-slider {

margin-top: 6px;

}

#controller {

display: none;

}

#prev {

float: left;

}

.jFlowPrev {

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

}

#next {

float: right;

}

.jFlowNext {

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

}

#slides #slide div {

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

}

/* 9: Episodelist */

#episodelist {

margin-top: 6px;
width: 200px;
height: 200px;
overflow-y: scroll;
font: normal 11px/16px Georgia;

}

#episodelist div {

border-bottom: 1px dashed #a9a9a9;
margin-bottom: 4px;
padding-bottom: 4px;
width: 175px;

}

#episodelist a {

display: block;
text-decoration: none;
color: #000000;

}

#episodelist a:hover {

background: #ffece0;
color: #aa4e11;

}

/* 10: Tabs */

#auftritte {

margin-bottom: 16px;

}

.tabsleft, .episode-tabs {

list-style-type: none;

}

.tabsleft li {

float: left;
margin-right: 10px;

}

.episode-tabs li {

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

}

.tabsleft a {

display: block;
color: #ffffff;
font: bold 12px/16px Georgia;
text-decoration: none;
padding: 10px;

}

.episode-tabs a {

display: block;
color: #ffffff;
font: bold 12px/16px Georgia;
text-decoration: none;
padding: 5px;

}