/** BUTTONS **/

/* BUTTON LINK */
/** Normaler State **/
a.buttonLinkNormal {
    background-image: url('../../images/button-right-big.png');
	background-repeat: no-repeat;
    background-position: right 1px;
	background-attachment: scroll;
    color: #FFFFFF !important;
    font-weight: bold;
    display: block;
    float: left;
    font: normal 12px Verdana,Arial,Helvetica, sans-serif;
    height: 40px;
    margin-right: 12px;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none !important;
}

a.buttonLinkNormal span {
    background-image: url('../../images/button-left-big.png');
	background-repeat: no-repeat;
    background-position: left 1px;
	background-attachment: scroll;
	font-weight: bold;
    display: block;
    line-height: 34px;
    padding: 3px 0 3px 12px;
}

/** Hover **/
a.buttonLinkHover {
    background-image: url('../../images/button-right-big.png');
	background-repeat: no-repeat;
    background-position: right -40px !important;
	background-attachment: scroll;
    color: #FFFFFF;
    display: block;
    float: left;
    font: normal 12px Verdana,Arial,Helvetica, sans-serif;
    height: 40px;
    margin-right: 12px;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
}

a.buttonLinkHover span {
    background-image: url('../../images/button-left-big.png');
	background-repeat: no-repeat;
    background-position: left -40px;
	background-attachment: scroll;
	font-weight: bold;
    display: block;
    line-height: 34px;
    padding: 3px 0 3px 12px;
}

/** Active **/
a.activeButton {
    background-image: url('../../images/button-right-big.png');
	background-repeat: no-repeat;
    background-position: right top;
	background-attachment: scroll;
    color: #FFFFFF;
    display: block;
    float: left;
    font: normal 12px Verdana,Arial,Helvetica, sans-serif;
    height: 40px;
    margin-right: 12px;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
}

a.activeButton span {
    background-image: url('../../images/button-left-big.png');
	background-repeat: no-repeat;
    background-position: left top;
	background-attachment: scroll;
	font-weight: bold;
    display: block;
    line-height: 34px;
    padding: 3px 0 3px 12px;
}

/** Click **/
a.buttonLinkClick {
    background-image: url('../../images/button-right-big.png');
	background-repeat: no-repeat;
    background-position: right -40px;
	background-attachment: scroll;
    color: #FFFFFF;
    display: block;
    float: left;
    font: normal 12px Verdana,Arial,Helvetica, sans-serif;
    height: 40px;
    margin-right: 12px;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
}

a.buttonLinkClick span {
    background-image: url('../../images/button-left-big.png');
	background-repeat: no-repeat;
    background-position: left -40px;
	background-attachment: scroll;
	font-weight: bold;
    display: block;
    line-height: 34px;
    padding: 3px 0 3px 12px;
}

/* BUTTON LINK SMALL */
/** Normaler State **/
a.buttonLinkSmallNormal {
    background-image: url('../../images/button-right-small.png');
	background-repeat: no-repeat;
    background-position: right 1px;
	background-attachment: scroll;
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    height: 20px;
    padding-right: 5px;
/*    margin-right: 6px; */
/*    padding-right: 9px; /* sliding doors padding */
    text-decoration: none !important;
}

a.buttonLinkSmallNormal span {
    background-image: url('../../images/button-left-small.png');
	background-repeat: no-repeat;
    background-position: left 1px;
	background-attachment: scroll;
    display: block;
    line-height: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 5px;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: none;
    
/*    padding: 5px 0 5px 10px; */
}

/** Disabled State **/
a.buttonLinkSmallDisabled {
    background-image: url('../../images/button-right-small-disabled.png');
	background-repeat: no-repeat;
    background-position: right 1px;
	background-attachment: scroll;
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    height: 20px;
    padding-right: 5px;
/*    margin-right: 6px; */
/*    padding-right: 9px; /* sliding doors padding */
    text-decoration: none !important;
}

a.buttonLinkSmallDisabled span {
    background-image: url('../../images/button-left-small-disabled.png');
	background-repeat: no-repeat;
    background-position: left 1px;
	background-attachment: scroll;
    display: block;
    line-height: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 5px;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: none;
    
/*    padding: 5px 0 5px 10px; */
}

/** Hover **/
a.buttonLinkSmallHover {
    background-image: url('../../images/button-right-small.png');
	background-repeat: no-repeat;
    background-position: right -20px;
	background-attachment: scroll;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    height: 20px;
    padding-right: 5px;
    text-decoration: none;
}

a.buttonLinkSmallHover span {
    background-image: url('../../images/button-left-small.png');
	background-repeat: no-repeat;
    background-position: left -20px;
	background-attachment: scroll;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    display: block;
    line-height: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 5px;
    text-decoration: none;
}

/** Active **/
a.buttonLinkSmallActive {
    background-image: url('../../images/button-right-small.png');
	background-repeat: no-repeat;
    background-position: right -20px;
	background-attachment: scroll;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    height: 20px;
    padding-right: 5px;
    text-decoration: none;
}

a.buttonLinkSmallActive span {
    background-image: url('../../images/button-left-small.png');
	background-repeat: no-repeat;
    background-position: left -20px;
	background-attachment: scroll;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    display: block;
    line-height: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 5px;
    text-decoration: none;
}

/** Click **/
a.buttonLinkSmallClick {
    background-image: url('../../images/button-right-small.png');
	background-repeat: no-repeat;
    background-position: right top;
	background-attachment: scroll;
    color: #FFFFFF;
    display: block;
    float: left;
    font: normal 12px Verdana,Arial,Helvetica, sans-serif;
    height: 20px;
    margin-right: 6px;
    padding-right: 9px; /* sliding doors padding */
    text-decoration: none;
}

a.buttonLinkSmallClick span {
    background-image: url('../../images/button-left-small.png');
	background-repeat: no-repeat;
    background-position: left top;
	background-attachment: scroll;
	font-weight: bold;
    display: block;
    line-height: 14px;
    padding: 3px 0 3px 10px;
}

.tfeld.disabled {
	color: #8B8B8B;
	cursor: default;
}

.tfeld.disabled.redTfeldGlow {
	animation: tfeldRedGlow ease-in-out 1.5s infinite;
}
	
@keyframes tfeldRedGlow {
    0% {
        border-color: #FECA92;
    }

    50% {
        border-color: #EE0000;
    }

    100% {
        border-color: #FECA92;
    }
}

#userDataInputDisabled {
	background-color: rgba(255, 255, 255, 0.9);
	border: 1em solid rgba(80, 80, 80, 0.9);
	padding: 2em;
	box-shadow: rgba(246, 124, 0, 0.5) 0.3em 0.3em;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -25%);
	display: none;
	cursor: default;
}

#userDataInputDisabled p {
	padding-bottom: 0;
	margin-bottom: 0;
}