body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    background-color: #ECE9D8;
}

.klein {
    font-size: 11px;
}

p {
    margin: 0 0 1em 0;
}

.letzter {
    margin-bottom: 0;
}

.mittig {
    text-align: center;
}

.nobreak {
    white-space: nowrap;
}

img.lfluss {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #000000;
}

img.rfluss {
    float: right;
    margin: 0 0 10px 10px;
    border: 1px solid #000000;
}

.rahmen {
    border: 1px solid #000000;
}

a.text {
    color: #446D8C;
    font-weight: bold;
    text-decoration: none;
}

.rot {
    color: #C01A32;
}




/* ------------------------------
   Anzeige-, Kopf- und Fußbereich
   ------------------------------ */
#anzeigebereich {
    position: absolute;
    margin: 50px 0 0 -500px;
    padding: 0;
    width: 1000px;
    left: 50%;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    border-top: none;
}

#kopf {
    position: relative;
    left: 0;
    top: 0;
    width: 1000px;
    height: 80px;
    background-image: url(hint-kopf.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#kopf #logo {
    position: absolute;
    left: 0;
    top: 6px;
    width: 183px;
    height: 60px;
    background-image: url(lastro-logo.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#kopf #kopfsteuerung {
    position: absolute;
    right: 20px;
    top: 16px;
}

#kopf #kopfsteuerung a {
    display: block;
    float: left;
    padding: 0 10px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color:#000000;
}

#kopf #kopfsteuerung a.mpaktiv,
#kopf #kopfsteuerung a:hover,
#kopf #kopfsteuerung a:focus {
    color: #CC0000;
}

#fuss {
  clear: both;
  width: 1000px;
  margin-top: 10px;
  padding: 5px 0;
  font-weight: bold;
  color: #446D8C;
  text-align: center;
  border-top: 2px solid #CC0000;
}




/* -------
   Inhalte
   ------- */
#inhaltsbereich {
    padding: 0 20px 0 15px;
    background-color: #FFFFFF;
}

#inhalt {
    padding-left: 180px;
    width: 800px;
	/*margin-bottom: 30px;*/
}

#inhalt h1 {
    margin: 0 0 2em 0;
    padding: 0 0 5px 0;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #000000;
}

#inhalt h1:first-line {
    font-size: 30px;

}

#inhalt h2 {
    font-size: 15px;
    font-weight: bold;
}

.hl1 { font-size:24pt; font-weight:bold; }
.hl2 { font-size:16pt; font-weight:bold; }
.hl3 { font-size:17pt; font-weight:bold; }
.hl4 { font-size:12pt; font-weight:bold; }


a:link    { font-weight:bold; text-decoration:none; color:#446D8C; }
a:visited { font-weight:bold; text-decoration:none; color:#446D8C; }
a:active  { font-weight:bold; text-decoration:none; color:#446D8C; }
a:hover   { font-weight:bold; text-decoration:none; color:#000000; }

.inhaltstabelle {
    margin: 0 auto;
}

#untersteuerung {
    float: left;
    width: 160px;
}

#untersteuerung .menuhead {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
    background-color:#CC0000;
	line-height: 19px;
}

#untersteuerung .menu {
    font-size: 11px;
    font-weight: normal;
    width: 155px;
    border: 1px solid #333333;
    background-color: #E9E9E9;
    margin-bottom: 3px;
	line-height: 17px;
}

#untersteuerung .menu a {
    display: block;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
	padding-left: 5px;
}

#untersteuerung .menu a:hover,
#untersteuerung .menu a:focus {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    background-color: #666666;
}

ul {
    margin: 0 0 1em 30px;
    padding: 0;
}

li {
    margin: 0 0 .5em 0;
    padding: 0;
}

table {
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0;
}

th, td {
    text-align: left;
    padding: 4px;
    font-size: 13px;
}

form {
    margin: 0;
}

table.belastungstabelle, table.belastungstabelle td {
    border-collapse: collapse;
    empty-cells: show;
    border: 1px solid; #999999;
}

table.belastungstabelle td, table.belastungstabelle th {
    text-align: right;
    padding: 5px;
}

table.belastungstabelle td.s1 {
    width: 30px;
    background-color: #CCCCCC;
}

table.belastungstabelle td.s2 {
    width: 140px;
    background-color: #FFFFEE;
    text-align: left;
    font-weight: bold;
}

table.belastungstabelle td.s3 {
    width: 40px;
    background-color: #FFFFEE;
    text-align: center;
    font-weight: bold;
}

table.belastungstabelle td.data1 {
    width: 45px;
    background-color: #99CCFF;
}

table.belastungstabelle td.data2 {
    width: 45px;
    background-color: #CCCCCC;
}

table.belastungstabelle td.mat {
    background-color: #FFFFEE;
    text-align: left;
}

table.typtabelle {
    outline: 4px outset #BBBBBB;
}

table.typtabelle td, table.typtabelle th {
    padding: 4px;
    background-color: #CCCCCC;
}

table.technischedaten {
    width: 100%;
}

table.technischedaten td, table.technischedaten th {
    border: 1px solid #000000;
}



/* --------
   Formular
   -------- */
.eingabefeld {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 300px;
    background-color: #FFFFFF;
    border: 1px solid #888888;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #FFFFFF;
    border: 1px solid #888888;
}

select {
    background-color: #FFFFFF;
    border: 1px solid #888888;
}

.formulartabelle {
    border-collapse: collapse;
    empty-cells: show;
}

.formulartabelle th, .formulartabelle td {
    padding: 2px 10px 2px 0;
    text-align: left;
}

.formulartabelle .abstand {
    padding-left:  13px;
    padding-right: 13px;
}