/* ************************ Button */
a.Button {
    background-image: linear-gradient(to top, #d0d0d0, #eaeaea);
    color: #444;
    border: 1px solid #aaa;
    padding: 3px 6px 1px 6px;
    margin: 6px 5px 6px 0px;
    display: inline-block;
    text-decoration: none;
}

a.Button:hover {
    background-image: linear-gradient(to top, #bbb, #ddd);
}



/* ************************ QueueMessage: Info, OK, Wichtig, Warnung, Error */
p.QueueMessage {
    font-size: 12px;
    font-weight: bolder;
    width: 90%;
    margin: 0px 0px 10px 0px;
    padding: 4px 15px 4px 35px;
}

p.QueueMessage.Info {  background: #ffffff url(../_images/flash-info.png) no-repeat scroll 10px center; }

p.QueueMessage.OK { background: #ffffff url(../_images/flash-ok.png) no-repeat scroll 10px center; }

p.QueueMessage.Warnung { background: #ffffff url(../_images/flash-warn.png) no-repeat scroll 10px center; }

p.QueueMessage.Error { background: #ffe7e7 url(../_images/flash-error.png) no-repeat scroll 10px center; }

/* ************************ Debugging */
#DebugLogging {
    margin-top: 20px;
    padding: 15px;
    font-family: Arial;
    font-size: 12px;
    color:#444;
    border: 1px solid #444;
}
/* ************************ Table Basic */
table.PpTable {
    border-collapse: collapse;
}
table.PpTable, table.PpTable th, table.PpTable td {
        border: 1px solid #aaa;
        font-size: 12px;
        vertical-align: top;
    }
table.PpTable th {
    font-weight: bold;
    text-align: left;
    border-bottom: 3px solid #aaa;
    vertical-align: top;
}
table.PpTable td, table.PpTable th {
        padding: 4px;
    }

/* ************************ Loader */
.loader {
    border: 6px solid #d3d3d3;
    border-radius: 50%;
    border-top: 6px solid #1af54d;
    border-left: 6px solid #1af54d;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* ************ ERFWEITERUNG SEBI */