/**
 *
 * Pokito CSS-File
 * (c) RTL2 Fernsehen GmbH & Co. KG
 *
**/
body { font:11px/14px Verdana, Arial, sans-serif normal; color:#000; }
a { text-decoration:none; color:#000; }

/* Grafische Überschriften */
h1, h2 { text-indent: -1000px; background-repeat: no-repeat; background-position:0 0; }
h1 { height:66px; padding-bottom:30px; }
h1.Home { display:none; }
h2 { margin-left:8px; height:50px; }
#header img { display:block; }
#holder { height:100%; padding:0 5px; width:790px; background-repeat:repeat-y; }

/* DIV-Abschluss erzwingen */
#holder:after, .boxteaser:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content { float:left; width:627px; margin-left:5px; height:auto; background-position:top right; background-repeat:no-repeat; }


#navigation { width:158px; float:left; color:#FFF; line-height:1.2em; }
#navigation ul { list-style-type:none; }
#navigation li a { text-indent:-1000px; display:block; }

/* --~~~-- */
a#nav-home { height:51px; background-position:0px 0px; }
a#nav-serien { height:40px; background-position:0px -51px; }
a#nav-spiel { height:35px; background-position:0px -91px; }
a#nav-mypokito, a#nav-aktionen { height:35px; background-position:0px -126px; }
a#nav-videos { height:38px; background-position:0px -161px; }
a#nav-gewinnen { height:41px; background-position:0px -199px; }
a#nav-tipp { height:41px; background-position:0px -240px; }
a#nav-programm { height:39px; background-position:0px -280px; }
a#nav-anime { height:72px; background-position:0px -321px; }
#navigation li a#nav-neu { display:none; }

/* --~~~-- */
a.selected#nav-home, a#nav-home:hover { background-position:-163px 0px; }
a.selected#nav-serien, a#nav-serien:hover { background-position:-163px -51px; }
a.selected#nav-spiel, a#nav-spiel:hover { background-position:-163px -91px; }
a.selected#nav-mypokito, a#nav-mypokito:hover, a.selected#nav-aktionen, a#nav-aktionen:hover { background-position:-163px -126px; }
a.selected#nav-videos, a#nav-videos:hover { background-position:-163px -161px; }
a.selected#nav-gewinnen, a#nav-gewinnen:hover { background-position:-163px -199px; }
a.selected#nav-tipp, a#nav-tipp:hover { background-position:-163px -240px; }
a.selected#nav-programm, a#nav-programm:hover { background-position:-163px -280px; }
a.selected#nav-anime, a#nav-anime:hover { background-position:-163px -321px; }

/* --~~~-- */
#navigation li a#nav-club { height:77px; display:none;} 
a#nav-inetTV { height:93px; }
a#nav-advent { height:67px; }
#nav-suche, #nav-newsletter, #nav-meinung { background-position:0 0; background-repeat:no-repeat; }
#nav-merkzettel { background-position:-7px 0; background-repeat:no-repeat; }
#navigation input.text, #navigation select { border:1px solid #7BC1D0; width:93px; float:left; margin-right:3px; }
#navigation input.submit { border:none; width:20px; height:23px; display:block; cursor:pointer; background-position:left center; background-repeat:no-repeat; background-color:transparent; }
#nav-meinung p, #nav-merkzettel p, #nav-newsletter p { margin-left:3px; }

/* Navigation links - Suchfeld */
#nav-suche { height:51px; padding:46px 5px 0 25px; }

/* Navigation links - Newsletter */
#nav-newsletter { height:55px; padding:45px 5px 0 25px; }

/* Navigation links - Merkzettel */
#nav-merkzettel { margin-left:10px; /*padding:40px 15px 20px 15px;*/ /*height:70px;*/
    margin-top:8px; color:#000; }

/* Navigation links - Meinung */
#nav-meinung { padding:50px 15px 20px 15px; height:70px; margin-top:10px }

/** Pokis absolute Fuesse **/
#pokifeet { position:absolute; height:206px; top:205px; left:681px; width:114px; z-index:10; }

/* Footer Bereich */
#content-footer { height:75px; clear:both; background-repeat:no-repeat; }
#content-footer ul { padding:30px 0 0 175px; }
#content-footer li { float:left; display:inline; margin-right:20px; }
#content-footer li a { display:block; border-right:2px solid #FFF; padding-right:10px; font-weight:bold; text-decoration:none; }
#content-footer li a:hover { text-decoration:underline; }
#content-footer li a.noBorder { border:0 none; }

/* der Home-Link über dem Pokito-Logo unten links */
#content-footer { position:relative; }
#content-footer a#pokitoBack2StartPage { display:block; width:103px; height:25px; position:absolute; left:30px; top:28px; }



/** Breadcrumb-Navigation **/
#breadcrumb { padding-left:15px; }

/** Navigation unter Episoden und AnimeA-Z **/
div.h4PicNavi div { width:80px; height:70px; float:left; padding-left:20px; overflow:hidden }
div.h4PicNavi img.imgBrd { width:68px; height:38px; }
#flashbox { margin-left:5px }

/** Allgemeine Klassen **/
#ivwTAG { position:absolute; width:1px; height:1px; top:-10px; left:-10px; overflow:hidden; }
.c_all { clear:both; }
.c_lft { clear:left; }
.c_rgt { clear:right }
img.imgBrd { border-style:solid; border-width:2px; }
div#linkBar div { width:340px; padding:5px; margin-bottom:5px; }
div#linkBar div div { width:263px; float:right; padding:0; margin:0; }
div#linkBar a { text-decoration:none; }
div#linkBar a.ttxt { display:block; height:70px; overflow:hidden;/*width:255px; stoert bei 170er Bild, und muesste unnoetig sein (Block, ohne float) */
}
div#linkBar img { float:left; margin-right:5px; }
div#linkBar img.rightspace { height:45px; border:none; float:right; }

/*** Teaserboxen Startseite ***/
/* die Klassen a.POS und img.POS dienen nur dazu, dass SmartEdit-Links
 * und -bilder nicht von den Deklarationen betroffen werden ...*/
div.hometeaser  /* background-image als inlinestyle */ { width:205px; height:295px; background-repeat:no-repeat;position:relative;float:left; }
div.hometeaser div.innerDiv { position:absolute; }
div.hometeaser h5, div.hometeaser a.aPOS, div.hometeaser div.innerDiv { width:145px; }
div.hometeaser a.aPOS { text-decoration:none; display:block; height:55px; overflow:hidden; font-size:10px; }
div.hometeaser img.imgPOS { position:absolute; width:168px; height:95px; }
div.hometeaser a#rssLink
{
    display:block;
    width:163px;
    height:40px;
    margin-left:-10px;
    background-repeat:no-repeat;
    background-position:center;   
}

/** Image Bottom Left Text Top Right **/
div.imgBotLTxtTopR div.innerDiv { top:85px; left:48px;/* color als inlinestyle */ }
div.imgBotLTxtTopR img.imgPOS { top:166px; left:18px; }

/** Image Top Left Text Bottom Right **/
div.imgTopLTxtBotR div.innerDiv { top:180px; left:55px;/* color als inlinestyle */ }
div.imgTopLTxtBotR img.imgPOS { top:79px; left:21px; }

/** Image Bottom Right Text Top Left **/
div.imgBotRTxtTopL h5 { display:none; }
div.imgBotRTxtTopL div.innerDiv { top:65px; left:31px; }
div.imgBotRTxtTopL img.imgPOS { top:127px; left:42px; width:160px; height:92px; }

/* onlyText (Witz der Woche) */
div.onlyTxt div.innerDiv { top:85px; left:30px; height:170px; overflow:hidden;/* weil die Hoehe von h5 unbestimmt ist, muss ich a height 100% geben - die staende dann aber ueber */ }
div.onlyTxt div.innerDiv span { font-size:10px; } /* falls Text nicht verlinkt ist */
div.onlyTxt div.innerDiv a { height:100%; }
div.onlyTxt img.imgPOS { display:none; }


/* Newskasten */
div.onlyTxtNoHdl div.innerDiv { padding:50px 0 0 20px; height:220px; }
div.onlyTxtNoHdl div.innerDiv a { display:block; }
div.onlyTxtNoHdl div.innerDiv hr { border:none; height:1px; color:#FFF; background-color:#FFF; }

/*#medrecMid div, #medrecMid object, #medrecMid embed { margin:24px 90px 0 20px; float:left; clear:both; display:inline; }*/

#medrecMid { display:inline;clear:both;float:left;width:600px; }
#medrecMid div, #medrecMid object, #medrecMid embed { margin:0px 90px 20px 20px; float:left; clear:both; display:inline; }
#medrecMid div *, #medrecMid object *, #medrecMid embed *, #medrecMid div object, #medrecMid div embed { margin:0; }
#medrecEnd { padding:20px 163px; clear:both; }

/** Teaserboxen z.B: auf myPokito oder Neu **/
div.teaserBox { width:209px; min-height:260px; height:auto!important; height:260px; position:relative; float:left; display:inline; background-repeat:no-repeat; }
div.teaserBox a.mpt { display:block; width:152px; margin-top:64px; margin-left:30px; height:166px; }
div.teaserBox.Img a.mpt { height:60px; overflow:hidden; }
div.teaserBox img.mpt { width:160px; height:92px; margin-left:41px; display:block; margin-bottom:3px; }
div.teaserBox ul { clear:both; width:160px; margin-left:22px; }
div.teaserBox ul li { background-color:#ff8653; background-repeat:no-repeat; line-height:16px; height:20px; margin-top:2px; }
div.teaserBox ul li a { padding:2px 5px 2px 20px; display:block; width:135px; color:#fff; }
div#bilderkastanien /* siehe ie6-css */ { margin:0 10px -20px -40px; float:left; }
img.pokeOut { width:170px; padding:0 0 28px 14px; background-repeat:no-repeat; background-position: bottom center; display:block; margin:0 10px -20px -20px; float:left; }
div#bilderkastanien img.pokeOut { display:block; clear:both; float:none; margin:0; }

a.pokeOut { width:170px; padding:0 0 28px 14px; background-repeat:no-repeat; background-position: bottom center; display:block; margin:0 10px -20px -20px; float:left; }
div#bilderkastanien a.pokeOut { display:block; clear:both; float:none; margin:0; }

/** Sliding containers **/
div.Xcontainer { margin:-30px 0 0; background-repeat:repeat-y; width:100%; }
p.Xtop { background-position:top center; background-repeat:no-repeat; height:80px; }
p.Xbottom { background-position:bottom center; background-repeat:no-repeat; height:80px; }
div.Xtext { padding:0 55px 0 40px; }

/*textlinks detailseite*/
div.Xtext a, div#kastenkoerper a { text-decoration:none; font-weight:bold; color:rgb(230,0,14); }
div.Xtext a:hover, div#kastentext a:hover { color:#000; }
div.Xtext a.mpt, div#kastenkoerper a.mpt, div.Xtext a.mpt:hover, div#kastenkoerper a.mpt:hover { color:#000; font-weight:normal; }
/** **/

/* Listennavi rechts neben den TargetContainern auf Neu, Tipp; MP Aktionen, Moderatoren, Neu; Events + Termine */
ul#rightTarConnavi { width:200px; float:left; margin-top:40px; padding-left:10px;} 
/* siehe auch: IE6-CSS */
ul#rightTarConnavi li { font-weight:normal; padding:0 0 2px 0; line-height:19px; height:19px;  margin-top:1px; width:200px; overflow:hidden; background-position:4px 6px; background-repeat:no-repeat; }
ul#rightTarConnavi li a { display:block; text-decoration:none;  text-indent:20px; width:100%; background-position: 182px 6px; background-repeat: no-repeat; }
/** listennavi rechts ende **/

/* blaettern (Tipp, Neu, MyPokito [und Serien]) */
ul#paging /* wird in Serien Details ueberschrieben */ { height:19px; width:160px; float:left; }
ul#paging li, ul#pagingPlus li { display:inline; float:left; height:19px; text-align:center; line-height:19px; padding-right:10px; }
ul#paging li a.pfeilL, ul#paging li a.pfeilR, ul#pagingPlus li a.pfeilL, ul#pagingPlus li a.pfeilR { background-repeat:no-repeat; background-position:left center; text-indent:-1000px; width:19px; height:19px; display:block; }
ul#paging li a.pfeilL, ul#pagingPlus li a.pfeilL { background-position:right center; }

/* blaettern plus zusatznavi */
ul#pagingPlus { width:360px; height:19px; }
ul#pagingPlus li#weiterblaettern { width:50px; text-align:left; }
ul#pagingPlus li a.subnav { color:#000; width:90px; display:block; text-decoration:underline; }
ul#pagingPlus li a.subnav:hover { text-decoration:none; }
/* Ende blaettern */

p#copyrightNote { padding:30px 0 0 40px; width:575px; clear:both; font-size:9px; }



/*****************************************************************************/
/*TP 2010 Umfrage ab hier*/

div.poll div.innerDiv {
 width:145px;
 position:absolute;
 height:175px;
 left:30px;
 overflow:hidden;
 top:85px;
 font-size:9px;
}

#poll-container h3 {
 color: #cc0000;
 font-size: 15px;
 text-align: left;
 font-weight: 300;
 padding: 5px;
 margin-top: 5px;
}

#poll-container p {
 margin-bottom:10px;
}
#poll-container a {
 color:#000000;
 text-decoration:underline;
}
form#poll {
 padding-left:5px;
}
form#poll input[type=radio] {
clear:left;
float:left;
height:12px;
margin-bottom:5px;
margin-left:10px;
}
form#poll label {
float:left;
line-height:15px;
margin-bottom:0px;
margin-left:5px;
}
form#poll input[type=submit] {
 clear:both;
}

/* Bar Graphs */
#poll-container .graph {
  width: 140px;
  position: relative;
  left: 5px;
}
#poll-container .bar-title {
  position: relative;
  float: left;
  width: 140px;
  line-height: 12px;
  font-weight: bold;
}
#poll-container .bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 2px;
}
#poll-container .bar-container div {
  background-color:#cc4400;
  height: 12px;
  
}
#poll-container .bar-container strong {
  position: absolute;
  right: -29px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: center;
}