/**
 * global.css
 * http://www.robinson-im-netz.de
 * @public Kindernothilfe e.V.
 */

html, body{margin:0;padding:0;height:100%;font-family:Verdana,Arial,Helvetica,sans-serif;}
body{font-size:11px;background:#9cf;color:#000;}
a img{border-width:0px;}
#buchkante-h-oben, #buchkante-h-unten, #pagelabel{display:none;}
body.spiele{background-color:#e01; }
body.info{background-color:#5cc533; }
body.geschichten{background-color:#ffa200; }
body.service{background-color:#ff9ccc; }
.contentStream{display:block;margin:5px auto;}
.contentStream-text{margin:0 auto;display:block;font-style:italic;}
/** menu ------------------------------------------------------------ */
#menuBackground{position:absolute;top:0;left:0;margin:0;padding:0;height:35px;width:845px;background:transparent url(pic/menu_background.png) left top no-repeat;z-index:5;}
#menuShadow{position:absolute;top:35px;left:0;margin:0;padding:0;height:8px;width:845px;background:transparent url(pic/menu_shadow.png) left top no-repeat;z-index:101;}
#menuList{position:absolute;z-index:100;top:0px;left:0px;margin:0;padding:0;width:845px;height:43px;}
#pagelabel{display:block;position:absolute;top:35px;z-index:99;}
.info #pagelabel{left:67px; }
.geschichten #pagelabel{left:245px; }
.spiele #pagelabel{left:423px; }
.service #pagelabel{left:601px; }

ul#menu, ul#menu li, ul#menu ul{margin:0;padding:0;list-style:none;}
ul#menu{position:absolute;top:0px;left:0px;}
ul#menu li{float:left;}
ul#menu ul{display:none;width:178px;}
ul#menu .active ul{display:block;}
ul#menu ul li{display:block;border:0;}
#menuWrapper a{display:block;background:transparent url(pic/menubuttons.png) left 35px no-repeat;}
#menuWrapper a span {display:none;}
#menuWrapper a.rubric {width: 178px;height: 35px;}
#menuWrapper a.page {width: 178px;height: 33px;}

#menuWrapper .haus { width: 67px; height: 35px;}
#menuWrapper .knh { width: 55px; height: 35px; }
#menuWrapper .menu2:hover,   #menuWrapper .active .menu2  { background-position: 0px 0px; }
#menuWrapper .menu21:hover,  #menuWrapper .active .menu21  { background-position: -178px 0px; }
#menuWrapper .menu22:hover,  #menuWrapper .active .menu22  { background-position: -356px 0px; }
#menuWrapper .menu241:hover, #menuWrapper .active .menu241 { background-position: -534px 0px; }

#menuWrapper .menu3{ background-position: 0px -101px; }
#menuWrapper .menu6{ background-position: 0px -35px; }
#menuWrapper .menu1728{ background-position: 0px -68px; }
#menuWrapper .menu425{ background-position: 0px -134px; }
#menuWrapper .menu1253{ background-position: 0px -167px; }
#menuWrapper .menu233{ background-position: 0px -200px; }
#menuWrapper .menu666{ background-position: 0px -233px; }
#menuWrapper .menu1247{ background-position: 0px -266px; }

#menuWrapper .menu23{ background-position: -178px -35px; }
#menuWrapper .menu231{ background-position: -178px -68px; }
#menuWrapper .menu232{ background-position: -178px -101px; }
#menuWrapper .menu1666{ background-position: -178px -134px; }
#menuWrapper .menu1551{ background-position: -178px -167px; }

#menuWrapper .menu236{ background-position: -356px -35px; }
#menuWrapper .menu586{ background-position: -356px -68px; }
#menuWrapper .menu594{ background-position: -356px -101px; }
#menuWrapper .menu1133{ background-position: -356px -134px; }
#menuWrapper .menu1741{ background-position: -356px -167px; }
#menuWrapper .menu2418{ background-position: -356px -200px; }

#menuWrapper .menu243{ background-position: -534px -35px; }
#menuWrapper .menu923{ background-position: -534px -68px; }
#menuWrapper .menu1271{ background-position: -534px -101px; }
#menuWrapper .menu250{ background-position: -534px -134px; }
#menuWrapper .menu245{ background-position: -534px -167px; }
#menuWrapper .menu1300{ background-position: -534px -200px; }
#menuWrapper .menu1465{ background-position: -534px -233px; }
#menuWrapper .menu1335{ background-position: -534px -266px; }

/** leitseite ------------------------------------------------------- */
#leitseite-grafik{position:absolute;z-index:1;top:35px;left:0px;border-width:0px;}
#leitseite-bild{position:absolute;width:843px;height:541px;top:0px;left:0px;z-index:1;background-position:left top;background-repeat:no-repeat;}
#leitseite-bild ul,#leitseite-bild ul li{margin:0;padding:0;list-style:none;}
#leitseite-bild ul li{position:absolute;display:block;float:left;}
#leitseite-bild ul li a{display:block;float:left;font-size:11px;font-weight:bold;color:#000;text-decoration:none;}
#leitseite-bild ul .leaf{height:25px;background:transparent url(pic/leaf_r.png) right top no-repeat;}
#leitseite-bild ul .leaf a{padding:0px 7px 0px 8px;margin-right:6px;height:25px;line-height:20px;background:transparent url(pic/leaf_l.png) left top no-repeat;}

.leitseite-titel {display:block;height:75px;overflow:hidden;}
.leitseite-bilder-links{clear:both;float:left;width:100%;margin-top:14px;}
.leitseite-bilder-rechts{clear:both;margin-top:88px;margin-bottom:5px;padding:0px;color:#003a73;}
.leitseite-item,.leitseite-item-right{width:155px;float:left;}
.leitseite-item-right{margin-left:10px;}
.leitseite-bilder a{display:block;text-decoration:none;}
.leitseite-item-text{font-weight:bold;}
.leitseite-item-text:hover,.leitseite-item-text:active{text-decoration:underline;}
.leitseite-item-image{display:block;margin-bottom:5px;height:235px;overflow:hidden;}
.leitseite-item-image img{border:1px solid #0003b9;}

/** buch ------------------------------------------------------------ */
.service #buch{background:url(buch/service/buch_hintergrund.gif) left repeat-y;}
.service #buchkante-oben{background:url(buch/service/buchoben.gif) left top no-repeat;}
.service #buchinhalt-rechts{background:url(buch/service/buchinhalt_rechts_hg.gif) left top no-repeat;}
.service #lesezeichen-unten, .service #buchkante-oben, .service #buchkante-unten, .service #buchkante-h-oben, .service #buchkante-h-unten{background-color:#ff9ccc;}
.service #buchinhalt-links-inhalt h1, .service #buchinhalt-links-inhalt h2{color:#ff9ccc;}	
.service #lesezeichen-unten a{background-image: url(buch/service/sendpage.gif);}	
.service #buchunten-lesezeichen ul {background-image: url(buch/service/lesezeichen.gif);}
.spiele #buch{background:url(buch/spiele/buch_hintergrund.gif) left repeat-y;}
.spiele #buchkante-oben{background:url(buch/spiele/buchoben.gif) left top no-repeat;}
.spiele #buchinhalt-rechts{background:url(buch/spiele/buchinhalt_rechts_hg.gif) left top no-repeat;}
.spiele #lesezeichen-unten, .spiele #buchkante-oben, .spiele #buchkante-unten, .spiele #buchkante-h-oben, .spiele #buchkante-h-unten{background-color:#e01;}
.spiele #buchinhalt-links-inhalt h1, .spiele #buchinhalt-links-inhalt h2{color:#e01;}
.spiele #lesezeichen-unten a{background-image: url(buch/spiele/sendpage.gif);}
.spiele #buchunten-lesezeichen ul {background-image: url(buch/spiele/lesezeichen.gif);}
.geschichten #buch{background:#ffa200 url(buch/geschichten/buch_hintergrund.gif) left repeat-y;}
.geschichten #buchkante-oben{background:url(buch/geschichten/buchoben.gif) left top no-repeat;}
.geschichten #buchinhalt-rechts{background:url(buch/geschichten/buchinhalt_rechts_hg.gif) left top no-repeat;}
.geschichten #geschichte-zeile1 h1,.geschichten #buchinhalt-links h1, .geschichten #geschichte-zeile1 h2,.geschichten #buchinhalt-links h2{color:#ffa200;}
.geschichten #geschichte-zeile1 h1{margin-bottom:10px;font-size:22px;}
.geschichten #lesezeichen-unten, .geschichten #buchkante-oben, .geschichten #buchkante-unten, .geschichten #buchkante-h-oben, .geschichten #buchkante-h-unten{background-color:#ffa200;}
.geschichten #lesezeichen-unten a{background-image: url(buch/geschichten/sendpage.gif);}
.geschichten #buchunten-lesezeichen ul {background-image: url(buch/geschichten/lesezeichen.gif);}
.info #buch{background:url(buch/info/buch_hintergrund.gif) left repeat-y;}
.info #buchkante-oben{background:url(buch/info/buchoben.gif) left top no-repeat;}
.info #buchinhalt-rechts{background:url(buch/info/buchinhalt_rechts_hg.gif) left top no-repeat;}
.info #lesezeichen-unten, .info #buchkante-oben, .info #buchkante-unten, .info #buchkante-h-oben, .info #buchkante-h-unten{background-color:#5cc533;}
.info #buchinhalt-links-inhalt h1, .info #buchinhalt-links-inhalt h2{color:#5cc533;}
.info #lesezeichen-unten a{background-image: url(buch/info/sendpage.gif);}
.info #buchunten-lesezeichen ul {background-image: url(buch/info/lesezeichen.gif);}
.standard #buchkante-oben{display:none;}
.standard #buch{background:url(buch/standard/buch_hintergrund.gif) left repeat-y;}
.standard #buchinhalt-hg{background:url(buch/standard/buchoben2.gif) left top no-repeat;height:463px;overflow:hidden;}
.standard #buchunten-hg{background:url(buch/standard/buchunten_f3ffef-ee0011_hg.gif) left repeat-y;}
.standard #buchkante-unten{background:url(buch/standard/buchunten_f3ffef-ee0011_abschluss.gif) left bottom no-repeat;}
.standard #lesezeichen-unten a{background-image: url(buch/standard/sendpage.gif);}
.standard #buchunten-lesezeichen ul {background-image: url(buch/standard/lesezeichen.gif);}
.portal #buchunten-lesezeichen ul {background-image: url(buch/standard/lesezeichen.gif);}

/** geschichten ----------------------------------------------------- */
.geschichten #geschichte-zeile1, .geschichten #geschichte-zeile3{background:url(buch/geschichten/geschichte-hg.gif);}
.geschichten #geschichte-zeile2, .geschichten #geschichte-zeile4{background:url(buch/_alg/buchunten_cce1f4-cce1f4_hg.gif);height:auto;}
.geschichten #geschichte-zeile2, .geschichten #geschichte-zeile3, .geschichten #geschichte-zeile4{padding-top:3px;padding-bottom:3px;}
.geschichten #geschichte-zeile1 h1{margin:0px 0px 0px 19px;padding:0px;width:339px;height:76px;}
.geschichten #geschichte-zeile1 h1 img{width:339px;height:76px;}
.geschichten img.small-r, .geschichten img.small-l{width:140px;height:122px;}
.geschichten img.small-r{float:right;margin-left:5px;}
.geschichten img.small-l{float:left;margin-right:5px;}
.geschichten img.big{margin:0px;width:335px;height:122px;}
.geschichten .geschichte-zeile-links{float:left;width:357px;}
.geschichten .geschichte-zeile-rechts{float:right;width:352px;}
.geschichten .geschichte-links-l, .geschichten .geschichte-links-r{margin-left:18px;}
.geschichten .geschichte-links-r{text-align:right;font-size:10px;}
.geschichten .geschichte-links-l{text-align:left;font-size:10px;}
.geschichten .geschichte-rechts-l{margin-right:18px;text-align:left;font-size:10px;}