*{
  margin:0;
  padding:0;
}

html {
  height: 100%;
  margin-bottom: 1px;
  background-color:#dddddd; 
}


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

#seite {
 margin:0pt auto;
 text-align:left;
 width:600px;
 /* background-color:#333333; */
 background-color:white;
 border-right:1px solid black;
 border-left:1px solid black;
 border-top:1px solid black;
 /* border-bottom:1px solid black; */
 margin-top: 20px;
 margin-bottom: 20px;
 /* padding-bottom: 20px; */
}

#kopf{
  /* text-align:center; */ 
  height:150px;
  width:100%;
  /* min-width:600px; */
  color:back;
  /*
  background-image: url('../bilder/geburtstag-vergessen-b-2.png');
  background-repeat:no-repeat;
  */   
}

#kopflinks {
  float:left;
  border:0px solid red;
  
}

#kopfrechts {
  float:left;
  border:0px solid red;
  
}

#kopfmitte {
  float:left;
  height:150px;
  width:290px;
  border:0px solid blue;
  text-align:left;

}

#kopf img {
    border:0px solid blue;
}

#kopf {
  text-align:right;
}

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

#kopf strong {
  font-size:20pt;
  font-style: italic;
}


#inhaltsbereich {
float:left;
  /* width:75%; */
  /* width:600px; */

  background-color:white;
  /*margin:0px 30px 0px 30px;
  */
  padding: 1em;
  margin-bottom:1em;
}

#steuerung {
  background-color:#f6f6f6;
  border:1px solid black;
  /* width:250px; */
  width:170px;
  /*
  min-width:200px; */
  font-size:.8em;
  float:right;
  margin-bottom:1em;
  margin-left:.6em;
  margin-right:.6em;
}

#inhalt h1 {
  padding-bottom:20px;
  color:#2A8DF7;
}

#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 0px 0px 0px;
  /* border-spacing: 4px 12px; */
   width:540px;
}

#inhalt td {
  vertical-align:top;
  padding:3px;
  
  border-width:1px;
  border-style:dotted;
  border-color:white;  
}

#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:#FED49C;
  background-color:#63abf7;
  height:20px;
  /*
  width:100%;
  */
  color:black;
  text-align:left;
  font-size:.8em;
  margin-top:1em;
  padding-top:3px;
  padding-left:1em;
  border-top:1px solid black;
  border-bottom:1px solid black;
}

#fuss a {
  color:black;
  text-decoration: none;
}

#steuerungoben {
  background-color:#63abf7;
  /*height:1.2em;*/
  margin-bottom:2em;

  width: 100% !important;

  color:black;
/*
  padding-top:8px;
  padding-left:0px;
*/
  border-top:1px solid black;
  border-bottom:1px solid black;
}

#steuerungoben ul {
  list-style:none;
  display: inline-block;
}

#steuerungoben li {
  font-size: 75%;
  display:inline-block;
  /*background-color: darkblue;*/
  /*
   background-color:#333333;
  */


   /*float:left;*/
   padding-right:5px;
   border-right: 1px solid white;
   margin-right: 5px;

   /*width:100px;*/
   text-align:center;
}

#steuerungoben li:last-child {
   padding-right:0;
   border-right: 0px solid white;
   margin-right: 0;

}

#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 {
/*
  padding-top:1em;
  padding-left:2em;
  padding-bottom:1em;
*/
  padding-top:.5em;
  padding-bottom:.5em;
}

#steuerung li {
  /* background-color:red; */
}


#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;
}






dt {
 font-weight: bold;
}

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


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

th {
  text-align:center;
  background-color:#63ABF7;
  color:white;
  font-size:0.8em;
}


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: #b4c6e0;
   font-size:1em;
   font-weight: bold;
}

.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;
}



ol.quellcode {
  background-color: #b4c6e0;
  list-style:decimal-leading-zero;
  padding-left: 2.5em;
  margin-bottom: 1em;
  margin-right: 1em;
  padding-right: .5em;
  padding-bottom: 0em;
  font-size:.9em;
  font-family:monospace;
}

.quellcode li {
  background: #eee;
  margin: 0 0 1px 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.quellcode li:hover {
  background: yellow;
}

.einr1 { padding-left: 2em; }
.einr2 { padding-left: 4em; }
.einr3 { padding-left: 6em; }
.einr4 { padding-left: 8em; }