body { font-family: calibri, arial, sans-serif; font-size: 13px; }
html { overflow-y: scroll; }

select { width: 147px; }

a { text-decoration: none;  }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; margin: 0; }
ul, li { list-style-type: none; margin: 0; padding: 0; }
a img { border: 0; }
table { border-collapse:collapse; margin: 10px 0; padding: 0 }
table.tabelle tr td { border-right: 1px solid #000; padding: 1px 7px; }
table.tabelle tr th { border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 1px 7px; }


h2 { border-bottom: 1px solid #000; }
.error { border: 1px solid #000; background: #ff0000; color: #fff; margin: 10px 0; padding: 5px; font-weight: bold; text-align: center; }
.ok { border: 1px solid #000; color: #fff; background: #007f00; margin: 10px 0; padding: 5px; font-weight: bold; text-align: center; }

.highlight td { background: #ccc; }

#main_tabelle { float: left; border-right: 1px solid #000; padding: 0 20px 0 0;border-left: 1px solid #000; }
#main_edit { float: left; width: 330px; padding-top: 10px;  }
#sub_tabelle { float: left; padding: 0 0 0 20px; }
#sub_edit { float: left; width: 250px; padding: 10px 0 0 20px; }
.clearer { clear: both; }

.logout { float: right; }

.head { position: fixed; top:0; left: 0; font-size: 1.5rem; width: 100%; background-color: #fff; border-bottom: 1px solid #34ebc6; }
.head div { float: left; padding: .5rem; margin: 0 1rem; }
.head .active, .head div:hover { background-color: #eee; }
.head div.rechts { float: right; padding: 0.5rem; }

.content { border-top: 1px solid #34ebc6; padding-top: 3.5rem; }

table.tabelle tr.red td { color: #ff0000; }