
html {
  margin:0;
  padding:0;
  height:100%;
}

body {
  margin:0;
  padding:0;
  height:100%;
  background-color:white;
  background-image:url(top.jpg);
  background-repeat:repeat-x;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
}

table, th, td, textarea, input, p {
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   vertical-align:top;
   text-align:justify;
}

/* ### Menue ### */
div#menue {
  font-weight:bold; font-size:12px; 
  height:100%; width:200px;
  background-image:url(menue.jpg); background-repeat:repeat-y;
  padding-top:15px;
  padding-left:8px;
  position: absolute;
  top:105px;
  margin-left:0px;
}

#menue ul {list-style:none; margin:0px;padding:0px;margin-bottom:15px}
#menue ul li { color:#EE333F; }
#menue ul li ul li { color:#666666; font-size:10px}
#menue ul li * a {text-decoration:none; color:#666666;font-size:10px;}

/* ### Logo ### */
img.logo {
  top:0px;
  left:0px;
  position: absolute;
  z-index: 10;
}

div#content
{
  background-image:url(menue.jpg); /* Fake fuer Navi: Blauen Streifen ganz nach unten ziehen */
  background-repeat:repeat-y;      /* Fake fuer Navi: Blauen Streifen ganz nach unten ziehen */
  margin-top:105px;
  width: 600px;
  padding:5px;
  padding-left:205px;
}

#content h1 {
  color:#004992;
  font-family:Arial,Helvetica,sans-serif;
  font-size:18px;
  font-weight:bold;
}

#content div.box, div.fehler {
   border-width:1px;
   border-style:solid;
   border-color:#ADAAAD;
   padding:0px;
   margin-bottom:10px;
}

#content div.box h1, #content div.fehler h1 {
  background-color:#F7F3F7;
  color:#004992;
  font-weight:bold;
  margin-top:0px;
  padding:5px;
  padding-top:5px;
  text-align:left;
  font-size:12px;
}

#content div.box p, #content div.fehler p {
  padding:5px;
  text-align:left;
  font-size:12px;
  margin:0px;
}

#content div.box table {
  font-size:12px;
}

/* ### Reiter ### */

.reiter {
  width: 100%;
  height:24px;
  margin: 0;
  padding: 0;

}
.reiter ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.reiter li { 
  float: left;
  height:24px;
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 25px;
  padding-bottom: 0px;
  background-image:url(tab_passive.gif);
  background-repeat:no-repeat;
  background-position:right;
  background-color:#F7F3F7;
}
.reiter li.active { 
  background-image:url(tab_active.gif);
  background-color:#adadad;
}
.reiter ul li a {
  text-decoration:none;
  font-weight:bold;
  color:#888888;
  margin: 0;
  padding: 0;
}  

.reiter ul li.active a {
  color:#FFFFFF;
}

input, textarea {
  border:1px solid #666666;
}

font.fehler {
   color:#ff0000;
}

input.fehler {
   background-color:#FFFFAA;
}

/* ### Tabelle ### */

/* Box Outerframe */
table.box {
   background-color:#F7F3F7;
   border-width:1px;
   border-style:solid;
   border-color:#ADAAAD;
   empty-cells:show;
   margin:0px;
   width:100%;
}

tr.datarow {
   background-color:#FFFFFF;
}


/* Tableheader in box*/
th.box {
   font-weight:bold;
   text-align:left;
   color:#004992;
   background-color:#F7F3F7;
   padding:5px;
}

/* Box Datacell */
td.box {
   font-weight:normal;
   text-align:left;
   color:#000000;
   padding:0px;
}

td.boxlabel {
   font-weight:normal;
   text-align:left;
   color:#F7F3F7;
   padding:0px;
}

a {
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   font-weight:normal;
   color:#004992;
   text-decoration: underline;
}

a:hover{
   color:#666666;
   text-decoration: underline;
}

a.linkbox {
   font-weight:bold;
   color:#666666;
   text-decoration:none;
}
