body, div, td, th, input, button, textarea, select, option {
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica;
    color: black;
}

html {
    background: rgb(255, 255, 255);
}

body, form {
    margin: 0px;
}

td {
    vertical-align: top;
    text-align: left;
}

#searchbar, #persaction, #persdata, #loginmaske, #shifter, #pershist {
    border: 1px solid #001700;
    background: #DFFFDF;
    padding: 4px;
}
#shifter {
    width: 750px;
}
#loginmaske {
    margin: auto;
    margin-top: 120px;
    padding: 8px;
}

#searchbar {
    width: 750px;
    margin-bottom: 4px;
}

#searchbar [type=submit] {
    background: #001700;
    color: white;
    margin-right: 16px;
    font-weight: bold;
}

.liste {
    border: 1px solid darkgray;
    border-top: 0px;
    width: 750px;
    overflow: auto;
}

table.list {
    border: 1px solid darkgray;
    border-collapse: collapse;
    width: 750px;
}

table.liste td {
    padding: 1px 4px 1px 4px;
}

table.liste thead tr {
    background: darkgray;
}

table.liste tbody tr {
    background: white;
}

table.liste thead tr td {
    background: url(listheadback.gif) repeat-x;
    border-left: 1px solid white;
}

table.liste thead tr td div {
    font-weight: bold;
    color: white;
    text-align: left;
}

table.liste tbody tr td {
    border: 1px dashed lightgrey;
    text-align: left;
}
table.liste tbody tr:first-child td {
    border-top: 0px;
}

table.liste td:first-child {
    text-align: right;
}

table.liste > tbody > tr:nth-child(even) {
    background: #F0F0F0;
}

table.liste tbody tr:hover {
    background: #DFFFDF;
}

table.liste tbody tr td#noresult {
    height: 150px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border: 0px;
}
#noresult:hover {
    background: white;
}

#persdata {
    width: 450px;
}

#persdata table {
    width: 100%;
}

#persdata textarea, #persdata [type=text] {
    width: 240px;
}

#persdata .inp1[type=text] {
    width: 52px;
}

#persdata .inp2[type=text] {
    width: 173px;
}

#persdata table tr td:first-child {
    font-weight: bold;
}

#persaction {
    width: 320px;
}

#pershist {
    width: 320px;
    height: 150px;
    margin-bottom:20px;
}