/* -----------------------------------------------------------  */
/* Diese Datei unterliegt dem Copyright von Lutz Böhm.          */
/*   CSS - Fünf Freunde Fanpage - http://ff5.lgfb.de            */

a:link{color:#0000FF;} 
/* a:link{color:#008888;} */

/* n a:visited{color:#6899ff;} */
/* a:visited{color:#008888;}   */
/* a:visited{color:#001530;}   */
a:visited{color:#0080C0;}

a:active{color:#B800FF;} 
a:hover{background-color:#ECF5FF;}

a:visited,a:link,a:active{text-decoration:underline; font-weight:bold; border:none;cursor:pointer ; } /* CSS-Fehler: style:cursorhand; pointer*/

th{color:#FFFFFF;background-color:rgb(0,51,102);text-align:center;font-weight:bold;}

.highlight2{background-color:rgb(0,51,102);text-align:center;} /*Farbe der gehighlighteten Quickbar*/
/* .texthighlight{color:#FFFFFF;font-weight:bold;}        */      /*Farbe der Schrift auf highlight*/

.resumee{color:#3333FF;font-weight:bold;}
.tafel{background-color:#FFFFFF;}
.Farbbalken{/*background-color:#003366;*/}
.Farbbalken1{background-color:#bf7671; color:#bf7671; height:5px; border:0; }  /*ROT #F75E77                    | F5 #FE9BB6 | MsM #8C4242 | #FCB2B2*/
.Farbbalken2{background-color:#88a7c4; color:#88a7c4; height:5px; border:0; }  /*BLAU #0074B2 | rgb(73,175,255) | F5 #C3D5FF | MsM #3D588B | #ADC8FB*/
.Farbbalken3{background-color:#8ece8d; color:#8ece8d; height:5px; border:0; }  /*GRÜN #ABD0BC #9EB886 #7CC079   | F5 #88C57F | MsM #476D4F | #B7DDBF*/
.Farbbalken4{background-color:#caa0c3; color:#caa0c3; height:5px; border:0; }  /*LILA-#785296 rgb(179,153,200)  | F5 #BEA7CF | MsM #665070 | #d6c0e0*/
.Farbbalken5{background-color:#fbd25c; color:#fbd25c; height:5px; border:0; }  /*ORANGE                         | F5 #FFBC61 | MsM #AF613A | #ffd1aa*/
.Farbbalken6{background-color:#91a59d; color:#91a59d; height:5px; border:0; }  /*GRAU #BBBDC0*/
/* .farbbalken7{background-color:#B08242;} */ /*OCKER                        | F5 #FFD874 | MsM #B08242 #B08242*/
.bgFarbbalken1{background-color:#bf7671;}
.bgFarbbalken2{background-color:#88a7c4;}
.bgFarbbalken3{background-color:#8ece8d;}
.bgFarbbalken4{background-color:#caa0c3;}
.bgFarbbalken5{background-color:#fbd25c;}
.bgFarbbalken6{background-color:#91a59d;}

.navbalken{
  width: 165px;
  text-decoration: none;
  text-align: center;
}

/*1 Folgen
  2 Infos zur Serie
  3 Medien
  4 Raritäten
  5 Sonstiges
  6 Organisatorisches*/

.Farbbalken1,.Farbbalken2,.Farbbalken3,.Farbbalken4,.Farbbalken5,.Farbbalken6{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:10px; }

/*.brief{width:90%; border-width:5px; border-color:#FF9999; border-style:inset; padding:10px; overflow:hidden; background-color:#FFFFF0;}*/
.brief{width:90%; border-width:2px; border-color:#999900; border-style:ridge; padding:10px; overflow:hidden; background-color:#FFFFF0;  font-style:italic;}

.brief2{width:90%; border-width:2px; border-color:#999900; border-style:ridge; padding:10px; overflow:hidden; background-color:#FFFFF0;color:rgb(0,51,102);}

body{background-color:#FFFFF0;background-image:url(bilder/bg.gif);}/*#0FB319*/ /*background-attachment:fixed;*/
body{COLOR:black;margin-top:0;}/*FONT-FAMILY:arial;*/ /*FONT-SIZE:12pt;*/
body {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

/* body{MARGIN-LEFT:15px;}*/

/* p,body,blockquote,td,br{text-align:justify;} */
address,h1,h2,h3,h4{text-align:left;} 

p,blockqoute,div { widows:3; } 

p,ol,li,ul,td,th,blockquote,nobr{Font-Size:12pt;}
/* p,h1,h2,h3,h4,br,ul,ol,li,div,td,th,address,acronym,blockquote,nobr,b,i,a,body{font-family:"Arial","Helvetica",sans-serif;} alles Sans-Serif*/
p,br,ul,ol,li,h3,h2,h4,div,td,th,address,acronym,blockquote,nobr,b,i,a,body{font-family:'Calibri','Lucida Sans Unicode','Tahoma','Arial Unicode MS',sans-serif;}
h1{font-family:"Times New Roman",serif;}
/*h1,h2{font-family:"Staccato222 BT";}*/ /*recht gut*/
/*h1,h2{font-family:"Monotype Corsiva";}*/ /*hübsche Kursivschrift*/
/*h2{font-family:"AmerType Md BT";}*/ /*Schreibmaschine*/
/*h1,h2{font-family:"Amazone BT";}*/ /*lustige halbhandschrift*/
/*h1,h2{font-family:"Bauhaus Md BT";}*/ /*NichtsoToll*/
/*h1,h2{font-family:"Bermuda Solid";}*/ /*sehr lustig*/
/*h1,h2{font-family:"Brush455 BT","Arial","Helvetica","Sans-Serif";}*/ /*SUPER*/

b,i,h1,h2,h3,h4,acronym,.brief{color:rgb(0,51,102);}  /*#003366*/ /*#003365 (beige)*/
h1,h2,h3{text-shadow: 2px 2px 3px #666;} /* #CCC;   Textschattierung (Firefox 3.5+, Safari 1.1+, Opera 9.6+, Chrome 4+) */
p,ul,ol,li,div,td,address,blockquote,nobr{color:rgb(0,0,0);}
address{font-size:8pt;font-style:normal;}
h1{line-height:36pt;}
h1{font-size:36pt;} 
h2,h3{font-size:18pt;} 
h2,h3{line-height:18pt;}

h3,h4,acronym{font-style:italic;}
h3,h4{font-weight:lighter;}
h4{font-size:14pt;}
acronym { BORDER-BOTTOM: 1px dotted #999999}

img {border=0;}

 .Unicode {
        font-family: Code2000, "TITUS Cyberbit Basic", "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Lucida Grande", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode";
        font-family /**/:inherit;
 }


/*input{border-left: none ; border-right: none ; border-top: none ; border-bottom: 2px dotted rgb(0,51,102);}*/

/*  h1 { margin-top: 15px; margin-left: 15px; font-family: "Arial Black"; font-size: 50px; line-height: 40px; text-align: left; color: #E1E1E1;}

  h2 { margin-top: -42px; margin-left: 140px; font-family: "Arial"; font-size: 30px; line-height: 35px; text-align: left; color: #004080; font-weight:bold;}*/


#leftbox {
border: 0px;
width: 20px;
float: left;
background-color:#FE9999;color:black;
}


/* Lightbox2 - v2.04  - 3/9/08 */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

