* {
  margin:0;
  padding:0;
}

html {
  height: 100%;
  margin-bottom: 1px;
}


body{
  text-align:center;
  font-family:Helvetica,Arial,Verdana,sans-serif;
}

#seite {
 margin:0pt auto;
 text-align:left;
 background-color:white;
}

#kopf{
  height:200px;
  width:100%;
  min-width:600px;
  color:back;
}

#kopf img {
  float:left;
  margin-right:60px;
  border:0px solid white;
}

#kopf {
  text-align:right;
}

#kopf p {
  padding-top:30px;
  padding-right:10px;
}

#kopf big {
  font-size:20pt;
}


#kopf h1 {
  padding:20px 100px;
}

#kopf h2 {
  padding:20px 150px;
  color:silver;
  font-size:12pt;
}



#inhalt {
  margin:0 auto;
  width:1050px;
}

#inhaltsbereich {
  float:right;
  width:770px;
  padding-left:30px;

  background-color:white;
  margin-bottom:1em;
}

#steuerung {
  background-color:#f6f6f6;
  width:245px;
  font-size:.8em;
  float:right;
  padding: 0;
  margin: 0;
}

#steuerung ul {
  padding: 0 ! important;
  list-style:none;
}

#steuerung ul li li {
    margin-left: 25px ! important;
}


#steuerung li {
    /* list-style: none; */
}

#steuerung li li {
    padding-left: 0em;
    list-style-type: square;
}

#steuerung li li li {
    list-style-type: disc;
}


#steuerung strong {
    background-color: yellow;
}

#steuerung a:hover {
    background-color: #C6E7FB;
}


#steuerung strong,
#steuerung a {
    text-decoration: none;
    border-top: 1px solid black;
    display: block;
    padding: 5px 6px 5px 10px;
}

#steuerung ul {
    /* border-bottom: 1px solid black; */
}



#inhalt h1 {
  padding-bottom:20px;
  color:#99b2b7; /*  #901b35; */
}

#inhalt h2 {
  padding-bottom:0px;
  color:#4F4F4F;
  line-height:1.3em;
}

#inhalt h3 {
  padding-bottom:0px;
  color:#4F4F4F;
  line-height:1.3em;
}


#inhalt p {
  padding-bottom:20px;
  color:#4F4F4F;
  /* width:80%; */
  line-height:1.6em;
}

#inhalt ul, ol {
  padding:0px 30px 20px 45px;
  color:#4F4F4F;
  line-height:1.6em;
}

#inhalt table {
  padding:0px 30px 20px 30px;
  border-spacing: 4px 12px;
}

#inhalt td {
  vertical-align:top;
  padding-bottom:14px;
}

#blaettern {
  /* clear: both;  */
  background-color:white;
  height:20px;
  width:97%;
  color:white;
  text-align:right;
  text-align:center;
  font-size:.8em;
  margin-top:1em;
  padding-top:3px;
  /* border:1px red solid; */
}


#fuss {
  clear: both;
  background-color:#99b2b7; /* #901b35; */
  /* height:120px; */
  /* width:100%; */
  color:#636363;
  text-align:left;
  font-size:.8em;
  /*
  margin-top:1em;
  padding-top:3px;
  padding-left:2em;
  */
  background-image: url(../bilder/fuss-mit-grau.png);
  /* border:1px solid red; */
}

#fussvtext {
    float: left;
    height:120px;
    background-color: #FFDF00;
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
  background-image: url(../bilder/fuss-mit-grau.png);
    
}

#fusstext {
/*
    padding-top: 80px;
*/
    height:120px;
    background-color: #FFDF00;
    padding-top: 80px;
    padding-left: 30px;
  background-image: url(../bilder/fuss-mit-grau.png);
}

#steuerungoben {
  background-color:#99b2b7; /* #901b35; */
  height:30px;
  width:100%;
  min-width:800px;
  margin-bottom:2em;

  color:white;
/*
  padding-top:8px;
  padding-left:0px;
*/
}

#steuerungoben ul {
  list-style:none;
}

#steuerungoben li {
   float:left;
   margin-right:2px;
   width:150px;
   text-align:center;
   height:23px;

   padding-top:6px;
}

#steuerungoben a {
  color:white;
  text-decoration:none;
}

#steuerungoben a:hover {
  text-decoration:underline;
}

/*
.dsteuhigh {
  background-color:#333333;
}

#steuerung li a:hover {
  color:red;
}

.dsteunorm {

}



#steuerung ul {
}

#steuerung li {
}


#steuerung .dsteuhigh a {
  text-decoration:none;
}

#steuerung a {
  text-decoration:none;
}

#steuerung ul {
  list-style:none;
  padding-left:1em;
  padding-right:0;
  margin-right:0;
}

#steuerung li {
  padding-right:0;
  margin-right:0;
  font-size:1em;
  font-weight: bold;
}

#steuerung li li {
   list-style:square;
   font-size:0.9em;
  font-weight: normal;
}

.dsteu_hight {
}

.dsteu1 {
    display: block;
    padding-top: .4em;
    padding-bottom: .4em;
}

.dsteu2, .dsteu3, .dsteu4, .dsteu5, .dsteu6, .dsteu7, 
.dsteu8, .dsteu9, .dsteu10, .dsteu11, .dsteu12, .dsteu13, .dsteu14, .dsteu15, .dsteu16, .dsteu17, .dsteu18 {
    border-top: 1px solid black;
    display: block;
    padding-top: .4em;
    padding-bottom: .4em;
    
}
*/



dt {
 font-weight: bold;
}

dd {
  padding-left: 4em;
  /* width:80%; */
  padding-bottom:1em;
}


table {
  /* width:80%; */
}

th {
  background-color:skyblue;
}


pre {
    position:relative;
    padding: 0em .8em;
    border-left: #b4c6e0 6px solid;
    display: block;
    overflow: auto;
    font-family: monospace;

    line-height: 1.5em;
    background: #eeeeee;
    margin-bottom:1em;
}

code {
   padding-left:.4em;
   padding-right:.4em;
   background-color: yellow;
   font-size:1em;
   font-weight: bold;
}

kbd {
    border: solid 0.2em;
    border-top-color: #DDDDDD;
    border-right-color: #BBBBBB;
    border-bottom-color: #BBBBBB;
    border-left-color: #DDDDDD;
    padding: 0pt 0.4em;
    white-space: nowrap;
    background-color: #EEEEEE;
    font-size: 0.9em;
}

.box {
  border:#b4c6e0 1px solid;
  background: #eeeeee;
  padding:1em;
  margin-right:1.5em;
  margin-bottom:1.5em;
}


.demotabelle, td {
  font-size: smaller;
  border-width:1px;
  border-style:solid;
  border-color:black;
  padding-right:.4em; 
  padding-left:.4em; 
  border-spacing: 0;
  border-collapse: collapse;

}

.demotabelle th {
  background: #C0C0C0;
  text-align:center;
}

th.hervor, .hervor  {
  background: #FFDF00;
}