/* Wird auch für Mobile / Layer verwendet */

/* ----------- Buttons ----------- */
button.btn, a.btn, button.btn_med, a.btn_med, button.btn_lrg, a.btn_lrg {
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    margin: 5px 0;
    padding: 0 0 3px;
    text-align: center;
    vertical-align: top;
    /*position: relative; wird in funktion dyn. gesetzt*/ /*peekaboo-bug ie*/
}
button.btn, a.btn {
    background: transparent url(/img/button/button_small.gif) no-repeat scroll 0 -34px;
    width: 65px;
}
a.btn, a.btn_med, a.btn_lrg {
    height: 12px;
    padding: 4px 0 8px 0;
    text-decoration: none;
}
button.btn:hover, a.btn:hover {
    background: transparent url(/img/button/button_small.gif) no-repeat scroll left 0px;
}

button.btn_med, a.btn_med {
    background: transparent url(/img/button/button_medium.gif) no-repeat scroll 0 -34px;
    width: 100px;
}
button.btn_med:hover, a.btn_med:hover {
    background: transparent url(/img/button/button_medium.gif) no-repeat scroll left 0px;
}

button.btn_lrg, a.btn_lrg {
    background: transparent url(/img/button/button_large.gif) no-repeat scroll 0 -34px;
    width: 200px;
}
button.btn_lrg:hover, a.btn_lrg:hover {
    background: transparent url(/img/button/button_large.gif) no-repeat scroll left 0px;
}