* {
      margin:0;
      padding:0;
}

html {
  height: 100%;
  margin-bottom: 1px;
  background:#E0E0E0 url(../bilder/seitenhintergrund.png) repeat-x scroll left top;
}


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

#seite {
    margin:0pt auto;
    text-align:left;
    /*  */
}


#kopf {
    background-image: url(../bilder/kopf.jpg);
    height:104px;    
}

#kopf img {
  float:left;
  margin-right:60px;
  margin-top:5px;
}

#kopf {
  text-align:right;
}

#kopf p {
  padding-top:11px;
  padding-right:10px;
  color: white;
}

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

#wrapper {
    margin:0 auto;
    /* width:850px; */
    width:950px;  
    /* background-color:goldenrod; */
    border:1px solid silver;
    background-color:white;
}

#inhaltsbereich {
    width: 100%;
    float: right;
    margin-left: -290px;
    /* background-color: #b1b100; */
}

#inhalt {
    margin-left: 290px;
    margin-bottom:1em;
    font-size: 110%;
}

#steuerung {
    width: 245px;
    float: left;

    background-color:#eeeeee;
    border:1px solid silver;
    font-size:.8em;
    margin-bottom:1em;
}


#inhalt h1 {
    color:#666666;
    font-size:24px;
    margin-bottom:0;  
}

#inhalt h2 {
    color:#333333;
    font-size:16px;
    margin-bottom:16px;
    margin-bottom:0;
}

#inhalt h3 {
    color:#666666;
    font-size:15px;
    font-weight:bold;
    line-height:20px;
}

#inhalt p, li {
    color: #333333;
    color: black;
    font-size:15px;
    line-height:24px;
    margin-bottom:1.3em;
    max-width: 37em;
    max-width: 500px;
    /* background-color: yellow;  */
  
  
}

#inhalt li {
    font-size:15px;
    line-height:24px;
    margin-bottom:0em;
    /* background-color: yellow; */
    padding-bottom: 15px;
}

#inhalt ul, ol {
    margin-bottom:1.3em;
    padding-left:1.6em;
    max-width: 480px;
}


#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:#666666;
  background-color: #8B1B10;
  background-color: #8B0619;
  height:1.5em;
  color:white;
  text-align:center;
  font-size:.8em;
  margin-top:1em;
  padding-top:3px;
}

#fuss p {
}

#fuss span {
    padding-left: 1em;
    padding-right: 1em;
}

#steuerungoben {
  background-color: #666666;
  background-color: #8B1B10;
  background-color: #8B0619;
  height:30px;
  width:100%;
  min-width:800px;
  margin-bottom:2em;

  color:white;
}

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


/*   Steuerung links */
#steuerung a {
  color:black;
  text-decoration:none;
}

#steuerung li li a {
  color: #333333;
}


#steuerung strong {
    color: red;
}



#steuerung {
    padding: 8px 4px 8px 10px;
    margin-bottom:0;
}

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

#steuerung li a:visited {
  padding-right:17px;
  background: url(../bilder/besucht.gif) no-repeat 100% 0%;
}

#steuerung a {
  text-decoration:none;
  display: block;
  width: 230px;
}

#steuerung ul {
  list-style: none;
}

.dsteu2, 
.dsteu3, 
.dsteu4, 
.dsteu5, 
.dsteu6, 
.dsteu7, 
.dsteu8, 
.dsteu9, 
.dsteu10, 
.dsteu11, 
.dsteu12, 
.dsteu13, 
.dsteu14, 
.dsteu15, 
.dsteu16 {
    margin-top:10px;
    padding-top:5px;
    border-top:1px dotted silver;
        
} 

#steuerung2 ul ul {
  list-style: none;
  margin-bottom:0px;
}


#steuerung ul li {
  font-weight: bold;
  line-height: 1.3em;
  /* border:1px solid black; */
    margin-bottom:7px;
}

#steuerung ul li li {
  font-weight: normal;
}

#steuerung ul li li li {
  font-weight: normal;
  list-style: square;
  margin-left: 17px;
  width: 210px;
}

#steuerung ul li li li a {
  width: 213px;
}



.abc {
  width: 3em;
  padding-right: 1em;
}


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

.browserfenster {
    position:relative;
    background-image:url(../bilder/browserfenster-s.jpg);
    background-repeat:no-repeat;
    padding:3cm 16px .3cm 16px;
    border:1px solid silver;
    overflow: auto;
    /* width: 90%; */
    margin-bottom:1em;
}



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


.lempf_box {
    margin-left: 290px;
}

.lempfehlung, p.lempfehlung  {
    font-size: 0.85em;
}

.lempfehlung2 {
    padding: 0.3em 1em;
}