/* --------------------------------------------------------------
 * Readers Digest CSS
 * ------------------------------------------------------------ */


/********** Basic Styles **********/
body {
  color: black;
  background: white;
  margin: 0;
  padding: 0;
  background: #EEE9DB url(/images/body-bg.gif) repeat-x scroll left top;
  font-family: Arial,Helvetica, sans-serif;
}

hr {
  background: transparent;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

a, a:link, a:visited {
  color: #0099FF;
  outline-style: none;
  outline-width: 0;
  text-decoration: none;
}

h2 {
  display: block;
  font-size: 16px;
  font-weight: bold;
}

h3 {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

h2 span {
  border-bottom: 3px solid #b2eb35;
  color: #68635d;
}

h3 span {
  border-bottom: 3px solid #b2eb35;
  color: #68635d;
}

label {
  font-weight: normal;
}

area {
  background-color: red;
  z-index: 10;
}


/********** RD Styles ***********/
.titleWraper {
  border-bottom: 1px solid #e2dcd2;
  color: #68635d;
  height: 25px;
  line-height: 27px;
  margin: 10px 0 10px 0;
  padding: 0;
}

#tipp-suche-searchbox .button-wraper span input {
  padding: 2px 4px 6px 6px;
}

.formControls {
  background: transparent url(/images/button-left.gif) no-repeat scroll right top;
  border: none;
  cursor: pointer;
  display: block;
  float: left;
  padding-right: 3px;
}
  .formControls input {
    background: transparent url(/images/button-left.gif) no-repeat scroll left top;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    padding: 2px 4px 6px 6px;
    margin-right: -1px;
  }


/* Batch Navigation */
.listingBar {
  float: right;
}

.listingBar span {
  margin-left: 10px;
  float: left;
  padding: 3px 0 0 0;
}

.listingBar span a {
  color: #111;
  /*font-size: 12px;*/
}

/* previous page */
span.previous  {
  background: transparent url(/images/newer-post-long.gif) no-repeat scroll right top;
  display: block;
  float: left;
  height: 23px;
  line-height: 23px;
  padding: 0 3px 0 0;
}
  span.previous a {
    background: transparent url(/images/newer-post-long.gif) no-repeat scroll left top;
    color: #0099FF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    padding: 0 5px 0 25px;
    text-decoration: none;
  }

/* next page */
span.next {
  background: transparent url(/images/older-post-long.gif) no-repeat scroll right top;
  display: block;
  float: right;
  height: 23px;
  line-height: 23px;
  padding: 0 25px 0 0;
}
  span.next a {
    background: transparent url(/images/older-post-long.gif) no-repeat scroll left top;
    border: medium none;
    color: #0099FF;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    padding: 0 3px 0 8px;
  }

span.active {
  background: transparent url(/images/pagination_left_bg.gif) no-repeat scroll left top;
  color: #666666;
  cursor: pointer;
  float: left;
  height: 23px;
  line-height: 23px;
  padding: 0 0 0 6px;
}
  span.active a {
    background: transparent url(/images/pagination_right_bg.gif) no-repeat scroll right top;
    color: #666666;
    float: left;
    height: 23px;
    padding: 0 6px 0 0;
  }


#beta-search-button-wrapper {
  margin: 5px 0 0 0;
}

#gewusstwie-search-button-wrapper {
  margin: -3px 0 0 -10px;
}

.autor {
  font-weight: bold;
  font-size: 14px;
}

.kommentar,
.kommentar dl dt {
  background-color: #efffd8;
  padding: 3px 0 0 3px;
  font-weight: normal;
}

  .kommentar dd {
    color: #676767;
    margin-left: 10px;
    padding-bottom:5px;
  }

  .kommentar dd p {
    padding: 0 5px 5px;
    margin: 0;
  }

.portletbody {
  margin-top: 10px;
}

.field {
  left: 0;
  margin: 0 1em 1em 0;
  top: 0;
}

.fieldRequired {
  background: transparent url(/images/required.gif) no-repeat scroll left center;
  color: transparent;
  padding: 0 0 0 8px;
}

.infotext {
  font-style: italic;
}

#livesearchLegend {
  display: none;
}

.LSBox {
  display: block;
  float: none;
  text-align: left;
}

ul.LSTable {
  margin: 0;
}

ul.tagCloud {
  margin: 10px 0 0 0;
  padding: 10px;
  background-color: #eaf7ff;
  border: 1px solid #d4cfc9;
}

ul.tagCloud li {
  display: inline;
  margin: 0;
  padding: 2px;
}

.checkRequiredFields {
  clear: both;
  padding-top: 18px;
}


/********** Float Styles **********/
.right {
  float: right;
}

.left {
  float: left;
}

.clearfloat {
  clear: both;
}
.disabled {
  display: none;
}

/********** Global Page Styles **********/
#container {
  background-color: #ffffff;
  color: #111111;
  font-family: Arial,Helvetica, sans-serif;
  line-height: 1.5em;
  margin: 0 auto;
}

  /********** Header Styles **********/
  #header {
    background: #EEE9DB url(/images/body-bg.gif) repeat-x scroll left top;
  }

  #header hr {
    background-color: #fff;
  }

    /* header upper right site action links */
    #header #site-actions a, #header #site-actions a:visited {
      color: #666666;
      font-weight: bold;
    }

    /* header logo */
    #header #portal-logo {
    }

    /* header main navigation */
    #header #navigation {
      background: transparent url(/images/fake-navi.jpg) repeat-x scroll 0 0;
      height: 38px;
    }

    /* header top image */
    #header #content-header {
      padding-top: 10px;
      text-align: center;
      background-color: #ffffff;
    }

      /* header image */
      #content-header img {
        height: 185px;
        width: 940px;
      }

    /* header abo magazine links*/
    #header #abo-links {
      padding-top: 55px;
    }

    /* header magazine illustration */
    #header #rd-magazin {
      padding-top: 25px;
      margin-bottom: -5px;
    }

    /* header searchbox */
    #header #header-search {
      height: 37px;
      margin: 40px 0 0 0;
    }
      /* the search form inside the header search*/
      #header-search #header-search-form {
        background: transparent url(/images/search-bg.gif) no-repeat scroll right top;
        height: 37px;
        padding-right: 3px;
      }

        /* contains the input text field and the search button */
        #header-search-form #header-search-searchbox {
          background: transparent url(/images/search-bg.gif) no-repeat scroll left top;
          height: 37px;
        }

        /* header search text input field*/
        #header-search-searchbox #header-search-text-field {
          width: 235px;
          background: #FFFFFF url(/images/input-bg.gif) repeat-x scroll left top;
          border: 1px solid #B2B2B2;
          height: 21px;
          float: left;
          margin-left: 5px;
          margin-right: 5px;
        }

        /* search button wrapper */
        #header-search-searchbox .button-wraper {
        }

          /* search button span wrapper */
          #header-search-searchbox .button-wraper span {
            margin-left: 5px;
            margin-top: 4px;
          }



  /********** Content Styles **********/
  #content {
  }

    /*** left column (main content area) ***/
    #content #leftcol {
      border-right: 2px solid  #d4cfc9;
      /*margin-right: -1px;*/
      padding-right: 10px;
    }

      #leftcol #headword {
      }

      /* headword search box (wrapper) */
      #headword #portal-searchbox {
        width: 608px;
        height: 105px;
        background-color: #eaf7ff;
        border: 1px solid #d4cfc9;
      }

        /* tipp-suche table*/
        #portal-searchbox #tipp-suche {
          padding: 0 5px;
          width: 588px;
          height: 108px;
        }

        /* the az-index table inside the tipp-suche table */
        #tipp-suche #tipp-suche-index {
          padding-top: 5px;
          margin: 0;
        }

          #tipp-suche-index td {
            padding:4px 0 4px 5px;
          }

        /* the az-index links */
        #tipp-suche #tipp-suche-index a {
          color: #68635d;
          text-decoration: underline;
          font-weight: bold;
        }

        /* the search form inside the tipp-suche table*/
        #tipp-suche #tipp-suche-searchform {
          height: 37px;
          padding: 0 3px 0 1px;
          background: transparent url(/images/search-bg.gif) no-repeat scroll right top;
        }

        /* contains the input text field and the search button */
        #tipp-suche #tipp-suche-searchbox {
          background: transparent url(/images/search-bg.gif) no-repeat scroll left top;
          height: 37px;
          padding: 0 3px 0 1px;
        }

        #tipp-suche-searchbox #searchGadget {
          width: 500px;
          height: 20px;
          background: #FFFFFF url(/images/input-bg.gif) repeat-x scroll left top;
          border: 1px solid #B2B2B2;
          height: 21px;
          margin-left: 0px;
          margin-top: 2px;
        }

        #tipp-suche-searchbox .button-wraper {
          margin: -2px 0 0 -10px;
        }

       #tipp-suche #tipp-suche-tipp {
         margin: 15px 0 0 5px;
       }

      /* tip of the month */
      #leftcol #tippdesmonats {
        margin-top: 17px;
      }

        /* tip of the month headline */
        #tippdesmonats #tippheader {
          border-bottom: 3px solid #D4CFC9;
          font-size: 36px;
          font-weight: bold;
          margin-bottom: 0;
          padding-bottom: 10px;
        }

        #tippdesmonats #tippactions-top {
          margin-top: 10px;
          text-align: right;
          border-bottom: 1px solid  #d4cfc9;
        }
          #tippactions-top a {
            font-weight: bold;
            font-size: 11px;
          }

        #tippdesmonats #tipptext {
          font-size: 15px;
          margin-top: 15px;
          line-height: 21px;
          margin-bottom: 20px;
        }

        #tippdesmonats #tippactions-bottom {
          margin-top: 20px;
          padding-top: 5px;
          border-top: 3px solid #d4cfc9;
        }

        /* add comment link */
        #tippactions-bottom #tipp-comment-link {
          background: transparent url(/images/add-comment-icon.jpg) no-repeat top left;
          padding: 0px 0 2px 20px;
          color: #676767;
          font-weight: bold;
        }

        /* show comments link */
        #tippactions-bottom #tipp-comments-link {
          background: transparent url(/images/comment-icon.jpg) no-repeat top left;
          padding: 0px 0 2px 20px;
          margin-left: 15px;
          color: #676767;
          font-weight: bold;
        }

        /* comments number */
        #tippactions-bottom #tipp-comments-number {
          color: #93d10c;
          font-weight: bold;
        }


      #leftcol #weiteretipps {
      }

      #leftcol #tippeinreichen {
      }

      /* fix width of comment boxes -- they're hanging slighltly */
      #leftcol #kommentare {
        width: 605px;
      }

      #leftcol #kommentarabgeben {
      }

        #tippeinreichen #tipp-button {
          background: transparent url(/images/tipp-button.jpg) no-repeat top left;
          width: 191px;
          height: 27px;
          display: block;
        }
        /* hide the original button from the backend */
        #tipp-button #tipp-button-image {
          display: none;
        }


    /*** right column (portlet area) ***/
    #content #rightcol {
    }

      /* Tag Cloud Portlet */
      #rightcol #tagcloud-portlet {
      }

        #tagcloud-portlet .portletbody {
        }

      /* Top Ten Portlet */
      #rightcol #topten-portlet {
        border-top: 3px solid #d4cfc9;
        margin-top: 10px;
        padding-top: 10px;
      }

      /* Newsletter Portlet */
      #rightcol #newsletter-portlet {
        border-top: 3px solid #d4cfc9;
        margin-top: 10px;
        padding-top: 10px;
      }


  /********** Footer Styles ***********/
  #footer {
    background-color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    padding: 0 10px;
  }

  #footer #footer-carousel {
    background-color: #F7F1E3;
    height: 55px;
    margin-top: 10px;
  }

    #footer-carousel #left-slider {
      display: block;
      float: left;
      width: 29px;
      height: 53px;
      cursor: pointer;
    }

    #footer-carousel #right-slider {
      display: block;
      float: right;
      width: 29px;
      height: 53px;
      cursor: pointer;
    }

    #footer-carousel #scrollable-container {
      overflow: hidden;
      visibility: visible;
      z-index: 2;
      text-align: center;
      padding-left: 15px;
      width: 850px!important;
    }

      #footer-carousel #scrollable-list {
        margin: 0;
        padding: 0;
        position: relative;
        list-style-type: none;
        z-index: 1;
        left: 0;
      }

      #scrollable-list li a {
        display: block;
        float: left;
        height: 55px;
        width: 145px;
      }

      #scrollable-list li a img {
        margin-top: 4px;
      }

  #footer #footer-bottom {
    background-color: #E3DED1;
    font-size: 12px;
    font-weight: bold;
    margin: 10px -10px 0 -10px;
    padding: 10px 0;
    text-align: center;
  }

    #footer-bottom span {
      color: #636363;
      display: block;
      font-weight: bold;
    }


/* vim: set ft=css ts=2 sw=2 expandtab : */