.btn {
    display:inline-block;

    height:32px;
    line-height:32px;

    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;

    text-align:center;
    text-decoration:none;

    color:#000000;

    border-radius:6px;

    border:1px solid #808080;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.6),
      1px 1px 3px rgba(0,0,0,.4);

    margin:2px;
}

/* nicht aktiv */

.btn_goto {
    background:linear-gradient(
        to bottom,
        #f5f5f5,
        #d8d8d8,
        #b8b8b8
    );
}

/* aktiv */

.btn_show {
    background:linear-gradient(
        to bottom,
        #fff7a0,
        #ffd84a,
        #ffb800
    );

    border:1px solid #a07000;
}

/* feste Breiten */

.btn3  { width:40px;  }
.btn4  { width:50px;  }
.btn5  { width:60px;  }
.btn6  { width:70px;  }
.btn7  { width:80px;  }
.btn8  { width:90px;  }
.btn9  { width:100px; }
.btn10 { width:110px; }
.btn11 { width:120px; }
.btn12 { width:130px; }