body {
  background-color: white;
  color: black;
  height: 100%;
}

td.tbl_bgr {
  background-color: #3163AE;
}

td.tbl_dark {
  background-color: #B5CAEA;
}

td.tbl_dark_fett {
  background-color: #B5CAEA;
  font-weight: bold;
}

td.tbl_light {
  background-color: #EAF1F7;
}

td.tbl_white {
  background-color: #ffffff;
}

td {
  font-family: arial;
  font-size: 80%;
  color: #000000;
}
.rot {
  color:red;
}
.gruen	{
  color:green;
}
.fett{
  font-weight:bold;
}
.art_head	{
  font-family: tahoma, sans-serif;
  font-size:100%;
  font-weight: bold;
  color: #333333;
}
.cms_head {
  font-family: tahoma, sans-serif;
  font-size:100%;
  font-weight: bold;
  color: #333333;
}
.listen_head {
  font-family: tahoma, sans-serif;
  font-size:80%;
  font-weight: bold;
  color: #000033;
}

a {
  font-family: tahoma, sans-serif;
  font-size:95%;
  font-weight: bold;
  color: black;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #2A56A8;
}
a.gesperrt, a.kategorie.gesperrt {
  font-family: verdana, sans-serif;
  color:red;
  text-decoration: line-through;
}
a.gesperrt:hover {
  text-decoration: none;
}
a.kategorie {
  font-family: verdana, sans-serif;
  font-size: 100%;
  color: black;
  font-weight: bold;
  text-decoration: none;
}
a.funktion {
  font-family: arial, sans-serif;
  color: #3163AE;
  background-color: #CAD7EA;
  text-decoration: underline;
  font-weight: bold;
}
a.auflistung { 
  font-family: arial, sans-serif;
  color: #000000;
  background-color: #CAD7EA;
  text-decoration: underline;
}
a.bottom {
  font-weight: normal;
}
input.flat { 
  font-family: arial, sans-serif;
  border-width: 0px;
}

.upload input { 
  background-color: #c5e2c6;
  font-size: 100%;
  color: #214322;
  border: 1px solid #214322;
}
.form-error { 
  color: red;
  font-weight: bold;
}

img {
  border: 0;
}

label {
  cursor: default;
}

.archiv {
  width: 35em;
  border: 2px solid #669;
  border-collapse: collapse;
}

.archiv td {
  border-left: 2px solid #669;
  padding: 1ex;
}

.archiv td.grafik {
  height: 80px;
}

.archiv td.preview {
  width: 60px;
}

.archiv td.grafik.preview {
  width: 120px;
  height: 160px;
}

.archiv td.label {
  width: 15ex;
}

#controls {
  border: 1px transparent !important;
}

.btnImage {
  border: 1px transparent !important;
  vertical-align: top !important;
}

.btnImage:hover {
 border: 1px solid #66a !important;
 background: #bbf;
}

a.disabled {
 color: #ccc;
}

body#main, body#mainbig {
 background-color: #e39115;
 background-image: url("/img/main_bg.jpg");
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: 0px -40px;
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
}

html {
 width: 100%;
 height: 100%;
}

#main #data, #mainbig #data {
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 40px;
 overflow: hidden;
 width: auto;
 width: expression(document.body.clientWidth-80);
 height: auto;
 height: expression(document.body.clientHeight);
 margin-left: 40px;
 border: 2px solid black;
 border-bottom: 0px;
 background-color: #E9A63E;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: 0px -40px;
 background-image: url("/img/main_bg_text.jpg");
}

#main #data #content, #mainbig #data #content {
 position: absolute;
 top: 0px;
 bottom: 62px;
 left: 0px;
 right: 0px;
 overflow: hidden;
 width: auto;
 width: expression(document.body.clientWidth-84);
 height: auto;
 height: expression(document.body.clientHeight-62);
 overflow: auto;
 border-bottom: 2px solid black;
}

#main #data #content table {
 width: 100%;
}

#mainbig #data #content {
 bottom: 0px;
 height: expression(document.body.clientHeight);
 border: 0;
}

#main #data #footer {
  position: absolute;
  bottom: 0px;
  height: 60px;
  width: auto;
  right: 40px;
  margin-left: 40px;
}

#main #data #footer table {
  width: 100%;
}

#main #data #footer td {
  text-align: center;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}