/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */

 /* Screen ------------------------------------------------------------------- */

@media projection, screen {

        /* Toggler2 - example simple style */

         .toggler8 {
           margin:25px 0 25px 0;
                cursor:pointer;
                text-decoration: none;
                font-size: 1.4em;
                font-weight:bold;
                line-height:30px;
                display: block;
                border:solid 1px #d4d4d4;
                padding:5px;
        }

       
        .toggler8-closed {
                color:#666;

        }
        .toggler8-closed:hover {
                color: #000;
                 text-decoration:underline;
        }
        .toggler8-opened {
                 font-size:11px; color:#666; text-decoration:none; padding:3px 10px 3px 9px; background: url(bulletpoint_kl.png) no-repeat left;
        }
        .toggler8-opened:hover {
                color: #000;
        }

        /* Container */
        .toggler8-c {
                margin-bottom:25px;
        }
        .toggler8-c-closed {
                margin:-25px 0px 25px 0px;
           background:#fff;
           border:solid 1px #d4d4d4;
           border-top:0;
           padding:20px;
                width:536px;
        }
        .toggler8-c-opened {
           margin:-25px 0px 25px 0px;
           background:#FFF8DC;
           border:solid 1px #d4d4d4;
                border-top:0;
           padding:20px;
                width:536px;
        }

}

/* Print -------------------------------------------------------------------- */
@media print {

        .toggler8-c { margin-bottom:25px; }
        .toggler8 { display: none; }

}