/* 
    Created on : 12.11.2013, 20:05:37
    Author     : Johannes
*/

body {
    overflow-y: auto;
    overflow-x: hidden;

    z-index:    -1;

    margin:     0px;

    padding:    42px 10px 42px 10px;
}

#oben {
    height:           32px;
    width:            100%;

    background-color: #AAAAAA;
    border-bottom:    3px solid black;

    z-index:          1;

    position:         fixed;
    top:              0px;
    left:             0px;
}

#oben h1 {
    font-size: 1.6em;
    margin:    3px 0px 0px 10px;
}

#unten {
    height:           32px;
    width:            100%;

    background-color: #AAAAAA;
    border-top:       3px solid black;

    z-index:          1;

    position:         fixed;
    right:            0px;
    bottom:           0px;
}

#btn1 {
    width:         120px;

    z-index:       2;

    margin-left:   5px;
    margin-bottom: 5px;

    position:      fixed;
    bottom:        0px;
    left:          0px;
}

#btn2 {
    width:    120px;

    z-index:  2;

    position: fixed;
    right:    5px;
    bottom:   5px;
}

/*#btn3 {
    width: 100px;

    z-index: 2;

    margin-bottom: 5px;

    position: fixed;
    bottom: -2px;
    left: 400px;
}*/

.input input[type="text"],
.input input[type="email"],
.input input[type="number"],
.inputerror input[type="text"],
.inputerror input[type="email"],
.inputerror input[type="number"] {
    width: 250px;
}

input:focus {
    box-shadow: 0px 0px 5px greenyellow;
}

.input {
    padding-left: 25px;
    border-left:  5px solid greenyellow;
}

.inputerror {
    padding-left: 25px;
    border-left:  5px solid red;
}

th, td {
    border-left:  1px solid black;
    border-right: 1px solid black;
}

th {
    border-bottom: 1px solid;
}

.bearbeiten {
    width:      100%;
    box-shadow: 0px 0px 10px;
    border:     1px solid;
}

.bearbeiten button {
    float: right;
    width: 175px;
}

table {
    border-collapse: collapse;
    border-bottom:   1px solid black;

    text-align:      center;
    /*    font-weight: bold;*/
}

.tabelle tr[data-active="true"]:nth-child(2n) {
    background-color: #85D22C;
}

.tabelle tr[data-active="true"]:nth-child(2n + 3) {
    background-color: #6DAD24;
}

.tabelle tr[data-active="false"]:nth-child(2n) {
    background-color: rgba(211, 20, 20, 0.9);
}

.tabelle tr[data-active="false"]:nth-child(2n + 3) {
    background-color: rgba(175, 15, 15, 0.95);
}

.tabelle tr:nth-child(2n) {
    background-color: #DDDDDD;
}

.tabelle tr:nth-child(2n+3) {
    background-color: #BBBBBB;
}

.tabelle input[type="text"] {
    width: 100px;
}

.tabelle input {
    width: 95px;
}

div.bearbeiten input {
    width:  250px;
    margin: 5px;
}

div.bearbeiten button {
    margin-top:   4px;
    margin-right: 1px;
}

.left {
    text-align: left;
}

#wunsch-vknr {
    font-size: 30pt;
}

#vknr {
    text-align:       center;
    font-size:        25pt;
    background-color: #EEEEEE;
    padding:          10px;
}

table.bestaetigung {
    width:  100%;
    border: None;
}

table.bestaetigung td {
    border: None;
}

table.bestaetigung td:first-child {
    width: 15%;
}