/* Buttons, gehoben und gedrückt */
.buttonUp, .buttonDown,
.buttonUp_small, .buttonDown_small,
.buttonUp_medium, .buttonDown_medium,
.buttonUp_big, .buttonDown_big,
.buttonUp_huge, .buttonUp_flat,
.buttonUp_back, .buttonUp_micro,
.buttonUp_inline{
    background-image: url("../pics/navleftbg1.png");
    border: 1px solid #AAAFBD;
    font-weight: bold;
    color: darkblue;
    line-height:20px;
    display:block;
    text-align:center;
    vertical-align:middle;
    font-size:13px;
}

/* Buttons, gehoben und gedrückt */
.buttonUp img, .buttonDown img img,
.buttonUp_small img, .buttonDown_small img,
.buttonUp_medium img, .buttonDown_medium img,
.buttonUp_big img, .buttonDown_big img,
.buttonUp_huge img, .buttonUp_flat img,
.buttonUp_back img, .buttonUp_micro img{
    position:relative;
    top:2px;
}


/* Bilder und Grundeigenschaften für Buttons */
.buttonUp, .buttonDown{
    width:122px;
    height:20px;
}

#content .buttonUp_back{
    margin-top: 6px;
    width:75px;
    height:18px;
}

.buttonUp_micro{
    width: 100px;
    height: 20px;
    line-height: 10px;
    font-size: 70%;
    font-weight: normal;
}

.buttonUp_flat{
    width: 122;
    height: 18px;
}

.buttonUp_small, .buttonDown_small{
    width:30px;
    height:20px;
    float:left;
}
.buttonUp_medium, .buttonDown_medium{
    width:97px;
    height:20px;
}
.buttonUp_big, .buttonDown_big{
    width:150px;
    height:20px;
}

.buttonUp_huge{
    width:500px;
    height:20px;
}

.buttonUp_huge{
	background-image: url("../pics/navleftbg_big.png");
	height: 32px;
	line-height: 32px;
}

/* Button (gehoben), wenn der Mauszeiger über ihm ist */
.buttonUp:hover, .buttonUp_small:hover, .buttonUp_medium:hover,
.buttonUp_big:hover, .buttonUp_huge:hover, .buttonUp_flat:hover{
    text-decoration:none;
    color: orange;
    cursor: pointer;
}

.buttonUp_inline{
    display:inline;
    padding: 2px 4px;
}

/* Button (gehoben), er angeklickt wird */
.buttonUp:active, .buttonUp_small:active, .buttonUp_medium:active, .buttonUp_big:active{
    /*background-position: 0 -36px;
    text-decoration:none;
    cursor: pointer;
    border:0;*/
}


/* Button, wenn er gedrückt dargetstellt wird */
.buttonDown, .buttonDown_small, .buttonDown_medium, .buttonDown_big{
    /*background-position: 0 -72px;
    text-decoration:none;
    cursor: pointer;
    border:0;*/
}

/* Verwendung bei Buttons, die inaktiv geschaltet wurden */
.inactive{
    background-position: 0 -20px;
    color: #606060;
    /*background-color: #D0D0D0;*/
}