?@charset "utf-8";
  /* CSS Document */
  
  /* CSS Document für ÖBiBonline */


/* Formatierungen für komplette Site
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
* { margin:0; padding:0; border:0;
}

body {
  top: 0;        
  left: 0;       
  padding: 10px 20px;       
  background-color:#AACFE8; 
  width:990px;
  font-family: verdana, arial, geneva, helvetica, sans-serif !important;
  font-size: 78%;  
  line-height:1.4em;
  color:#4D392B;
/* Sommerferienlese-Club2018 */
  color:#FFF;
}


a:link {
  color:#9D4301;
}


a:visited {
  color:#CD5700;
}

#preload {
  display: none
}

#preload img {
  height: 0; width: 0; border: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -30;
}


div#container {
  background: #FEF9DD url(../images/header4.jpg) no-repeat 0 0;
  background: #FFED91 url(../images/header4.jpg) no-repeat 0 0;
  border:0;
  width:888px;
  margin: 20px;         
}

/* horizontale Navigationsleiste */

div#container div#navi {
   background: #91B8E2 url(../images/ecken/navi_left.gif) top left no-repeat;
   margin:215px 270px 50px 30px;
   margin:215px 270px 50px 30px;
   height:51px;
   /*width:580px;*/
}

div#container div#navi div#box {
   display:block;
   width:100%;
   height:100%;
   padding-top:0px;
}

div#lesen_und_gewinnen {
  position:absolute;
  margin-top: 165px;
  margin-left: 40px;
  padding:7px;
  padding-left:13px;
  float:left;
  font-size:14px;
  font-weight:bold;
  font-family:Arial,Verdana, Helvetica, sans-serif;
  line-height:15px;  
  color:#51ACE8;
        overflow:hidden;
  width: 320px;
}

div#weblog_logo {
    /*background: transparent url(../images/weblog_wiese.gif) top left no-repeat;*/
  position:absolute;
  margin-top: 0px;
  margin-left: 0px;
  height:140px;
  width:100px; 
}


div#container div#navi div#buttons {
  float:left;
  padding-left:40px;
}

div#container div#navi div#buttons ul {
  padding:6px;
  padding-left:0;
  overflow:hidden;  
}

div#container div#navi div#buttons ul li {
  height:40px;
  width:80px;
  list-style-type:none;
  float:left;
  margin:0;
  padding:0px;  
  padding-left:4px;
  font-size:0.9em;
  text-align:center;
}

div#container div#navi div#buttons ul li a {
  display:block;
    background: url(../images/navi_button_no.gif) top left no-repeat;
  height:40px;
  width:80px;
  padding:0;
  padding-left:0px;
  margin:0;
  color:#3B4958;
  text-decoration:none;
}

div#container div#navi div#buttons ul li a:hover {
  display:block;
    background: url(../images/navi_button_hover.gif) top left no-repeat;
  height:40px;
  width:80px;
  padding:0;
  padding-left:0px;
  margin:0;
}

div#container div#navi div#buttons ul li a.act {
  display:block;
    background: url(../images/navi_button_act.gif) top left no-repeat;
  height:40px;
  width:80px;
  padding:0;
  padding-left:0px;
  margin:0;
}

div#container div#navi div#buttons ul li a.act:hover {
  display:block;
    background: url(../images/navi_button_act.gif) top left no-repeat;
  height:40px;
  width:80px;
  padding:0;
  padding-left:0px;
  margin:0;
}


div#container div#navi_left {
   margin:20px 0px 50px 0px;
   padding-left:40px;
   height:54px;
   width: 120px;
   float:left;
}


div#container div#navi_left div#buttons {
  float:left;
  padding-left:0px;
}

div#container div#navi_left div#buttons ul {
  padding:0px;
  padding-left:0;
  overflow:hidden;  
}

div#container div#navi_left div#buttons ul li {
  height:20px;
  width:100px;
  list-style-type:none;
  float:left;
  margin:0;
  margin-bottom:10px;
  padding:0px;  
  padding-left:4px;
  font-size:0.9em;
  text-align:center;
}

div#container div#navi_left div#buttons ul li a {
  display:block;
    background: url(../images/navilinks_no.gif) top left no-repeat;
  height:20px;
  width:100%;
  padding:0;
  padding-left:0px;
  margin:0;
  color:#3B4958;
  text-decoration:none;
}

div#container div#navi_left div#buttons ul li a.act {
  display:block;
    background: url(../images/navilinks_hover.gif) top left no-repeat;
  width:100%;
  margin:0;
}

div#container div#navi_left div#buttons ul li a:hover {
  display:block;
    background: url(../images/navilinks_hover.gif) top left no-repeat;
  width:100%;
  margin:0;
}

div#container div#content {
  float:left;
  margin-top:10px;
  padding-bottom:10px;
}


div#container div#content_center {
   float:left;
   margin:20px 0px 0px 0px;
   padding-left:0px;
   width: 450px;
}

  .rbroundbox { 
    width: 100%; 
    margin: auto;
    margin-bottom:20px;
  }
  
  .rbtop, .rbueberschrift, .rbcontent, .rbbottom  {
    padding:0px 15px 15px 15px;
  }

  .rbtop { 
    background: url(../images/ecken/content_oben2.gif) no-repeat top left; 
    height:8px;
    margin:0;
    padding:0;
  }
    
  .rbueberschrift { 
    background: url(../images/ecken/content_mitte.gif) repeat top left;
    /*background-color:#0099CC;`*/
    margin:0;
    padding-bottom:2px;
    height: 1.6em;
    font-weight:bold;  
  }

  .rbueberschrift p{ 
    margin:0;
    padding:0;
  }


  
  * html .rbueberschrift { 
    margin:-4px 0 0 0px;
  }
    
  .rbcontent  { 
    margin: 0px; 
    background: url(../images/ecken/content_ueberschrift.gif) repeat top left;
    padding-top:10px;
  }

  .rbcontent  h1 { 
    font-size:1.0em;
    margin:0;
    text-indent:-0.3em;
    padding-bottom:0.5em;    
  }

  .rbcontent  p { 
    font-size:1.0em;
    padding-bottom:0.5em;
  }


  
  .rbbottom  { 
    background: url(../images/ecken/content_unten.gif) no-repeat top left; 
    height:12px;
    margin:0;
    padding:0;
  }
  

div#sponsoren {
  height:30px;
  margin-top:40px;
  margin-bottom:80px;  
  vertical-align:middle;  
}


div#sponsoren ul li {
  float:left;
  list-style-type:none;
  padding-right:23px;
}



div#container div#content_right {
    width:237px;
    float:left;
    margin:20px 0 0 30px;
}



div#container div#content_right div.rbroundbox { 
    width: 100%; 
    margin: auto;
  }
  
div#container div#content_right div.rbtop, div#container div#content_right div.rbueberschrift, div#container div#content_right div.rbcontent, div#container div#content_right div.rbbottom  {
    padding:0px 15px 15px 15px;
  }

div#container div#content_right div.rbtop { 
    background: url(../images/ecken/content_oben2.gif) no-repeat top left; 
    height:8px;
    margin:0;
    padding:0;
  }
    
div#container div#content_right div.rbueberschrift { 
    background: url(../images/ecken/content_mitte.gif) repeat top left;
    background-color:#0099CC;
    margin:0;
    padding-bottom:2px;
    height: 1.6em;
    font-weight:bold;
    
  }
  
* html div#container div#content_right div.rbueberschrift { 
    margin:-4px 0 0 0px;
  }
    
div#container div#content_right div.rbcontent  { 
    margin: 0px; 
    background: url(../images/ecken/content_ueberschrift.gif) repeat top left;
    padding-top:10px;
  }
  
div#container div#content_right div.rbbottom  { 
    background: url(../images/ecken/content_unten.gif) no-repeat top left; 
    height:12px;
    margin:0;
    padding:0;
  }
  
div#container div#footer {
  clear:both;
  background: #AACFE8 url(../images/hintergrund_unten.gif) no-repeat 0 0;
  bottom:0;
  height:40px;
  border:0;
  margin:0;
  padding-left:30px;
  padding-top:5px;
}


/* Sommerferien-Leseclub 2018 */

body {
  color:#FFF;
  font-family: open sans, arial, geneva, helvetica, sans-serif !important;
  font-size: 90%; 
}

a:link {
    color: white;
}

div#container {
    background: url(../images/images2018/hintergrund.png) no-repeat 0 0;
}

div#lesen_und_gewinnen {
    visibility: hidden;
}

div#container div#navi {
    background: transparent;
    margin: 198px 295px 90px 30px;
}

div#container div#navi div#buttons ul li a {
    background: url(../images/images2018/navi_button_no.png) top left no-repeat;
    height: 50px;
}


div#container div#navi div#buttons ul li a.act {
    background: url(../images/images2018/navi_button_act.png) top left no-repeat;
    height: 50px;
}

div#container div#navi div#buttons ul li a.act:hover {
    background: url(../images/images2018/navi_button_act.png) top left no-repeat;
    height: 50px;  
}


div#container div#navi div#buttons ul li a:hover {
    background: url(../images/images2018/navi_button_act.png) top left no-repeat;
    height: 50px;    
}

/* Navigation linke Seite */

div#container div#navi_left div#buttons ul li a {
    color: white;
    background: url(../images/images2018/subnavi_1.png)  1px 1px no-repeat;
}

div#container div#navi_left div#buttons ul li a.act {
    background: url(../images/images2018/subnavi_1.png) 1px 1px no-repeat;
}


div#container div#navi_left div#buttons ul li a:hover {
    background: url(../images/images2018/subnavi_1.png) 1px 1px no-repeat;
}

div#container div#navi_left div#buttons ul li a {
    background: url(../images/images2018/subnavi_2.png) 1px 1px no-repeat ;
}


/* Maincontent */



.rbtop {
    background: url(../images/images2018/contentmitte_oben.png) no-repeat top left;
}

.rbueberschrift {
    background: #2782c2;
    color: white;
    font-size:2.5em;
    padding-top:0.5em;
    height:auto;
    line-height: 1em;
}

.rbcontent {
    background: transparent;  
    background-color: #2782c2;
}

.rbcontent p {
    padding-bottom: 0em;
}

.rbbottom {
    background: url(../images/images2018/content_mitte_unten.png) no-repeat top right;
}

/* Kasten rechte Seite */
div#container div#content_right div.rbtop {
    background: url(../images/images2018/contentrechts_oben.png) repeat top left;
}

div#container div#content_right div.rbueberschrift {
    background: #6bc05b;
    font-size: 1.2em;
}

div#container div#content_right div.rbcontent {
    margin: 0px;
    background: #6bc05b;
    padding-top: 10px;
}

div#container div#content_right div.rbcontent a {
    font-size:0.8em;
  
}

div#container div#content_right div.rbcontent a[href="index.php?id=1722"], div#container div#content_right div.rbcontent a[href="index.php?id=2159"] {
  margin-left:-15px; 
}


div#container div#content_right div.rbbottom {
    background: url(../images/images2018/content_rechts_unten.gif) bottom left;
}

div#container div#footer {
    background: #AACFE8 url(../images/images2018/hintergrund_unten.png) no-repeat 0 0;
}