#website {
width : 988px;
border : 2px solid #000;
background-color : #778899;
margin : auto;
}
#banner {
height : 100px;
}
#unten_banner {
margin : auto;
}
#links {
width : 200px;
float : left;
margin-left : 10px;
}
#mitte {
width : 760px;
float : right;
margin-left : 0px;
margin-right : 10px;
}
#footer {
width : 100%;
}
#footer span {
clear : both;
display : block;
}


.name {
color : red;
font-weight : bold;
font-variant : small-caps;
}
.zitat {
color : black;
font-weight : normal;
}
.zitat_hintergrund {
background-color : #c0c0c0;
padding : 0.4em;
border : 2px dashed #000;
}
.aktion {
color : blue;
font-weight : normal;
font-style : italic;
}
.szene {
color : green;
text-align : center;
font-weight : normal;
}
.aufgang {
color : purple;
text-align : center;
font-weight : normal;
}


table{
border-spacing: 3px;
margin:auto;
}
.table_index {
text-align : center;
caption-side : top;
}
.table_breite {
width:140px;
}

a {
color : black;
}
a:visited {
color : #808080;
}
a:hover {
text-decoration : none;
}
a.screenshot img {
border : 1px solid black;
background : #fff;
padding : 4px;
}


body {
font-family : sans-serif;
background:url("/img/bg_blue.gif") repeat-x fixed left top #4D87C7;
color : black;
font-size : small;
text-align : center;
}

h1 {
font-family : sans-serif;
font-size : small;
margin-top: 0;
margin-bottom: 0;
}
h2 {
font-family : sans-serif;
font-size : small;
margin-top: 0;
margin-bottom: 0;
}


.box {
background-color : #b0c4de;
border-left : 2px solid white;
border-top : 2px solid white;
border-right : 2px solid black;
border-bottom : 2px solid black;
text-align : left;
padding : 10px;
margin-bottom : 10px;
clear : both;
}
.breadcrumb {
background-color : #b0c4de;
text-align : left;
padding : 3px;
margin-bottom : 10px;
clear : both;
border-left : 2px solid white;
border-top : 2px solid white;
border-right : 2px solid black;
border-bottom : 2px solid black;
font-size : 0.85em;
}

.title {
color : black;
font-weight : bold;
}
.small {
font-size : x-small;
font-family : sans-serif;
}
.epi_link{
color : RED;
font-family : sans-serif;
text-align : left;
}

.formular {
background-color : #c0c0c0;
padding : 0.4em;
border : 2px dashed #000;
text-align: center;
}
.formular > ol {
list-style-type: none;
margin: 2px;
padding: 5px;
}
.formular > ol > li {
vertical-align: top;
}
.formular * label:after {
content: ":";
}

ul {
list-style-type : square;
margin-bottom: -2px;
margin-left: 20px;
}

.header_bild_links {
float : left;
border : 0px;
}
.header_bild_rechts {
float : right;
border : 0px;
}
.header_bild {
border : 0px;
}
.box_uberschrift{
text-align : center;
}
.einzelne_episode_beschreibung  {
text-align : center;
font-size : x-small;
font-family : sans-serif;
}
.br_floatende {
clear : both;
}
.footer_bild {
border : 0;
}
.footer_link_top {
vertical-align:top;
}
.zitat_bewertung {
text-decoration:none;
}
.bild_anzeigen_unterschrift {
color:#808080; 
font-style:italic; 
font-size:small;
}
.beta_schrift{
color:RED; 
font-style:italic; 
font-size:small;
}

.epi_bew1, .epi_bew2, .epi_bew3, .epi_bew4, .epi_bew5 {width:30px;} 
.epi_bew1 {background-color:red}
.epi_bew2 {background-color:orange}
.epi_bew3 {background-color:yellow}
.epi_bew4 {background-color:#7FFF00}
.epi_bew5 {background-color:green}

#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #036;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
border-right: 1px solid #fff;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: white;
}

.navcontainer_link1
{
border-left: 1px solid #fff;
}

.styleswitch {
float:right;
}

.styleswitcher {
height:18px;
width : 110px;
margin-top: -3px;
font-family: monospace;
font-size: 1em;
font-weight: bold;
background: #6495ed;
color: #FFFFFF;
}

#box_kopf{background: transparent; margin:1em;}
.sktop, .skbottom , .ftop, .fbottom, .bktop, .bkbottom {display:block; background:transparent;}
.sk1_u, .sk1_o, .sk2, .sk3, .sk4, .f1_u, .f1_o, .f2, .f3, .f4 , .bk1_u, .bk1_o, .bk2, .bk3, .bk4 {display:block; overflow:hidden;}
.sk1_u, .sk1_o, .sk2, .sk3, .f1_u, .f1_o, .f2, .f3, .bk1_u, .bk1_o, .bk2, .bk3 {height:1px;}

.bk2, .bk3, .bk4 {background:#FFF; border-left:1px solid #000; border-right:1px solid #000;}
.sk1_o , .bk1_o {margin:0 5px; background:#000;}
.bk1_u {margin:0 5px; background:#000; margin-bottom: 5px;}
.bk2 {margin:0 3px; background:#6495ed; border-width:0 2px;}
.bk3 {margin:0 2px; background:#6495ed;}
.bk4 {height:2px; margin:0 1px; background:#6495ed;}

.sk2, .sk3, .sk4 {background:#F00; border-left:1px solid #000; border-right:1px solid #000;}
.sk1_u {margin:0 5px; background:#000; margin-bottom: 5px;}
.sk2 {margin:0 3px; background:#F00; border-width:0 2px;}
.sk3 {margin:0 2px; background:#F00;}
.sk4 {height:2px; margin:0 1px; background:#F00;}

.f2, .f3, .f4 {background:#ccc; border-left:1px solid #FFF; border-right:1px solid #000;}
.f1_o {margin:0 5px; background:#FFF;}
.f1_u {margin:0 5px; background:#000;}
.f2 {margin:0 3px; background:#b0c4de; border-width:0 2px;}
.f3 {margin:0 2px; background:#b0c4de;}
.f4 {height:2px; margin:0 1px; background:#b0c4de;}

.footer_inhalt {display:block; background:#b0c4de; border-left:0 solid #FFF; border-right:0 solid #000; border-width:0 1px; text-align:center; clear:both; font-size:0.85em;}
.box_kopf_inhalt {display:block; background:#6495ed; border:0 solid #000; border-width:0 1px; padding : 2px; text-align : center; font-weight : bold;}	
.sk_inhalt {display:block; background:#F00; border:0 solid #000; border-width:0 1px; padding:2px; text-align:center; font-weight:bold;}

.tagcloud_font1{
font-size: 1.08em;
color: #003366;
text-decoration:none;
}
.tagcloud_font2{
font-size: 1.17em;
color: #993399;
text-decoration:none;
}
.tagcloud_font3{
font-size: 1.25em;
color: #3366FF;
text-decoration:none;
}
.tagcloud_font4{
font-size: 1.33em;
color: #009900;
text-decoration:none;
}
.tagcloud_font5{
font-size: 1.42em;
color: #ff7600;
text-decoration:none;
}
.tagcloud_font6{
font-size: 1.50em;
color: #009900;
text-decoration:none;
}
.tagcloud_font7{
font-size: 1.58em;
color: #993399;
text-decoration:none;
}
.tagcloud_font8{
font-size: 1.67em;
color: #3366FF;
text-decoration:none;
}
.tagcloud_font9{
font-size: 1.75em;
color: #ff7600;
text-decoration:none;
}
.tagcloud_font10{
font-size: 1.83em;
color: #003366;
text-decoration:none;
}