/*
    .btn_small  {   height:24px;    line-height:24px;    font-size:12px;}
    .btn_large  {   height:40px;    line-height:40px;    font-size:18px;}
    .btn_xlarge {   height:50px;    line-height:50px;    font-size:22px;}
    
    oder radial vergroessern...
    
    .btn150 {    transform:scale(1.5);    transform-origin:center;},
    
*/


.btn {
    .btn,
    .btn:link,
    .btn:visited,
    .btn:hover,
    .btn:active {
    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 !important;

    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;
}

.btn150 {
    transform:scale(1.5);
    transform-origin:center;
}






/* 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; }