* {
  font-family: helvetica, sans-serif;
  font-size: 12px;
}

body {
  margin: 5px;
  background-color: #ccc;
}

table.menu {
  margin: auto;
  width: 850px;
  border: 1px dashed #000;
  border-bottom: 0px;
  border-left: 0px;
}

table.dienstplan {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

table.welcome {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000;
  background-color: #c7d4e7;
  opacity: 0.8;
  width: 300px;
}

td.welcome {
  text-align: left;
  vertical-align: middle;
  padding: 5px;
}

div.welcomemsg {
  background-color: white;
  border: 1px dashed #000;
  padding: 5px;
}

table.news {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000;
  background-color: #c7d4e7;
  opacity: 0.8;
}

td.news {
  text-align: left;
  vertical-align: top;
  padding: 5px;
}

td.newshelp {
  text-align: left;
  vertical-align: top;
  padding: 5px;
  background-color: white;
  border-left: 1px solid #000;
}

td.newsc {
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}

textarea.News {
  width: 300px;
  height: 150px;
}

table.profil {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000;
  background-color: #c7d4e7;
  opacity: 0.8;
}

td.profill {
  text-align: right;
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
}

td.profilr {
  text-align: left;
  vertical-align: top;
  padding-right: 5px;
}

td.profilc {
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
}

th.dienstplan {
  background-color: #c7d4e7;
  color: black;
  font-weight: bold;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}

td.dienstplan {
  background-color: white;
  color: black;
  text-align: center;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  white-space: nowrap;
}

td.dpdatum {
  text-align: right;
  padding-left: 5px;
  padding-right: 5px;
}

td.dpsamstag {
  background-color: #84db6a;
}

td.dpsonntag {
  background-color: #e56d72;
}

td.dienstplanbottom {
  background-color: #c7d4e7;
  color: black;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}

table.dienstplanmenu {
  width: 100%;
  border-right: 1px dashed #000;
  border-bottom: 1px dashed #000;
  border-top: 1px dashed #000;
  margin-bottom: 3px;
}

td.dienstplanmenu {
  text-align: center;
  vertical-align: middle;
  background-color: white;
  border-left: 1px dashed #000;
}

td.dpmactive {
  background-color: #ccc;
  border-left: 1px dashed #000;
}

td.dpmyear {
  background-color: #c7d4e7;
  font-weight: bold;
  font-size: 18px;
}

td.dpmlastyear {
}

td.dpmcuryear {
}

td.menu {
  background-color: #c7d4e7;
  border-left: 1px dashed #000;
  color: black;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}

td.logout {
  text-align: right;
  vertical-align: middle;
}

a, a:visited {
  color: #c00;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: black;
  text-decoration: underline;
  background-color: transparent;
}

a.footer, a.footer:visited {
  color: #c7d4e7;
  text-decoration: none;
  background-color: transparent;
}

a.footer:hover {
  color: white;
  text-decoration: underline;
  background-color: transparent;
}

a.menu, a.menu:visited {
  color: black;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}

a.menu:hover {
  color: #c00;
  font-weight: bold;
  text-decoration: underline;
  background-color: transparent;
}

a.dienstplan, a.dienstplan:visited {
  color: black;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}

a.dienstplan:hover {
  color: #c00;
  font-weight: bold;
  text-decoration: underline;
  background-color: transparent;
}

h1 {
  border: 1px solid black;
  background-color: #c7d4e7;
  color: #c00;
  text-align: center;
  font-size: 18px;
  opacity: 0.8;
}

h2 {
  color: #c00;
  background-color: #c7d4e7;
  border: 1px solid black;
  text-align: center;
  font-size: 15px;
}

.postedby {
  font-weight: bold;
  color: #ccc;
}

.postedat {
  color: white;
}

img.center {
  margin-left: auto;
  margin-right: auto;
}

img.noborder {
  border: 0px;
}

img.border {
  border: 1px solid #ddd;
}


table.content {
  margin: auto;
  width: 850px;
  border: 1px dashed #000;
}

td.content {
  background: #6685c4 url('images/Cockpit_Himmel_Wolken.png') no-repeat;
  background-position: bottom;
  text-align: center;
  padding: 10px;
  height: 550px;
  vertical-align: top;
}

table.intro {
  margin:auto;
  width: 850px;
  height: 550px;
  border: 1px dashed #000;
}

td.intro {
  text-align: center;
  vertical-align: top;
  padding: 10px;
  padding-bottom: 0px;
  background-image: url('images/Cockpit_Himmel_Wolken.png');
  background-repeat: no-repeat;
  background-position: bottom;
}

table.login,table.impressumspalten {
  background-color: #c7d4e7;
  border: 1px solid #000;
  margin: auto;
  width: 80%;
  opacity: 0.8;
}

th.login {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

td.loginsubmit {
  text-align: center;
  vertical-align: top;
}

td.loginc {
  vertical-align: middle;
  text-align: center;
  padding: 10px;
}

td.loginl {
  text-align: right;
  vertical-align: top;
  width: 50%;
}

td.loginr {
  text-align: left;
  vertical-align: top;
  width: 50%;
}

.transparent {
  background-color: transparent;
}

select {
  background-color: white;
}

option {
  background-color: white;
}

.thatsme {
  background-color: red;
  color: white;
}

table.forumnew {
  border: 1px solid #000;
  margin: auto;
  background-color: #c7d4e7;
}

td.forumnew {
  text-align: center;
}

td.forumdelete {
  text-align: center;
  vertical-align: middle;
}

input.forumdelete {
  width: 100%;
}

input.deleteuser {
  background-color: red;
  color: white;
  font-weight: bold;
}

input.modifyuser {
  background-color: green;
  color: white;
  font-weight: bold;
}

textarea.forumnew {
  width: 250px;
  height: 70px;
}

table.forumpost {
  width: 250px;
  height: 50px;
  border: 1px solid #000;
}

th.forumpost {
  border-bottom: 1px dashed #000;
  background-color: #333;
  text-align: right;
  color: white;
  padding-right: 5px;
}

td.forumpost {
  background-color: white;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}

table.forumgrid {
  width: 100%;
}

td.forumgrid {
  vertical-align: top;
  padding: 5px;
}

table.copyright {
  width: 850px;
  border: 1px dashed #000;
  border-top: 0px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}

td.copyrightl {
  width: 33%;
  text-align: left;
  vertical-align: middle;
  background-color: #333;
  color: white;
  padding-left: 3px;
}

td.copyrightc {
  width: 33%;
  text-align: center;
  vertical-align: middle;
  background-color: #333;
  color: white;
}

td.copyrightr {
  width: 33%;
  text-align: right;
  white-space: nowrap;
  vertical-align: bottom;
  background-color: #333;
  color: white;
  padding-right: 3px;
}

.topborder {
  border-top: 1px dashed #000;
}

table.impressum {
  margin: auto;
  width: 300px;
  height: 135px;
  border: 1px solid #000;
  background-color: white;
}

td.impressumspalte {
  text-align: center;
  vertical-align: top;
  padding-top: 15px;
}

th.impressum {
  background-color: #333;
  height: 15px;
  color: white;
}

td.impressuml {
  width: 80px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}

td.impressumc {
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  text-decoration: underline;
}

td.disclaimer {
  text-align: justify;
  padding-left: 5px;
  padding-right: 5px;
}

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

.hint {
  color: green;
  font-weight: bold;
}

.error {
  color: #c00;
  font-weight: bold;
}

table.benutzer {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

td.benutzer {
  background-color: #c7d4e7;
  opacity: 0.8;
  border: 1px solid black;
}

table.userlist {
  margin-left: auto;
  margin-right: auto;
}

td.userlist {
  vertical-align: middle;
  text-align: left;
  border-bottom: 1px dashed black;
}

th.userlist {
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid black;
}

td.userlistbl {
  border-left: 1px dashed black;
  padding-left: 5px;
}

td.userlistbool {
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px dashed black;
}