* {
      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:155px;
  width:100%;
  min-width:600px;
}

#kopf img {
  float:left;
  /*  margin-right:60px; */
  /* margin-top:5px; */
  margin-bottom: 0;
  padding-bottom: 0;
}

#kopf {
/*  text-align:right; */
}

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

#kopf img {
    border:0;
}

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

#kopf {
    text-align: center;
    min-width: 800px;
}

#videooben {
    float: right;
    /* width: 330px; */
    font-size: 10pt;
}

#wrapper {
    margin:0 auto;
    width:850px;
    /* background-color:goldenrod; */
}

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

#inhalt {
    margin-left: 290px;
    margin-bottom:1em;
}

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

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


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

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

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

#inhaltbestellung p, #inhaltbestellung li {
    color: #333333;
    font-size:14px;
    line-height:21px;
    margin-bottom:1.3em;
    /* background-color: yellow; */ 
}

#inhaltbestellung li {
    /* padding-bottom: .5em; */
} 

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

#inhaltbestellung li,
#inhalt li {
    font-size:13px;
    line-height:19px;
    margin-bottom:0em;
    /* background-color: yellow; */
}

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

#inhaltbestellung ol {
    margin-bottom:1.3em;
    padding-left:1.6em;
    max-width: 480px;
    list-style-type: decimal;
}

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

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

#inhalt table {
    width: 100%;
    margin-bottom: 2em;
    border-collapse:collapse;
    -webkit-box-shadow: 5px 5px 15px 0px #cccccc;
    -moz-box-shadow: 5px 5px 15px 0px #cccccc;
    box-shadow: 5px 5px 15px 0px #cccccc;
    
}


#inhalt th {
    padding: 4px 6px;
}

#inhalt td {
    padding: 4px 6px;
    border: 0px;
    border-bottom: 1px dotted silver;
}

#inhalt thead {
    background-color: #B3D6F6;
}

#inhalt tr:nth-of-type(odd) {
    background-color: #F6F6F6;
}

#inhalt tr:nth-of-type(even) {
    background-color: #F1F1F1;
}

#inhalt tr:last-child  {
    border-bottom: 1px solid black;
}


#inhalt tr:hover { 
    background:yellow;
}

#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;
  height:2.1em;
  width:100%;
  color:white;
  text-align:left;
  font-size:.8em;
  margin-top:1em;
  padding-top:3px;
  padding-left:2em;
}

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

#steuerungoben {
  background-color: #666666;
  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: 20px;
}

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






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:70px 16px 16px 16px;
    border:1px solid silver;
    overflow: auto;
    /* width: 90%; */
    margin-bottom:40px;

    -webkit-box-shadow: 5px 5px 15px 0px #cccccc;
    -moz-box-shadow: 5px 5px 15px 0px #cccccc;
    box-shadow: 5px 5px 15px 0px #cccccc;     
}

.browserfenster > .browsertitel {
    position:relative; top:-65px;
    padding-left: 30px;
    font-size: 9pt;
    text-shadow: 0px 0px 10px #ffffff;
    filter: dropshadow(color=#ffffff, offx=0, offy=0);
}



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


.lempf_box {
    margin-left: 290px;
    margin-bottom: 30px;
}

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

.lempfehlung2 {
    padding: 0.3em 1em;
}


.glasbox {
    background: url(../bilder/glassbox-r-b.gif) repeat-x top right ;
    /* background-position: right; */
    background-repeat: repeat-x;
    margin-left: 0em;
    margin-top: 1em;
    margin-right: 0em;

    margin-bottom: 0em;
    margin-bottom: 1em;
    padding-bottom: 0em;

    min-width: 30em;
    /* background-color: yellow; */
}

.glasboxkopf {
    background-image: url(../bilder/glassbox-l-b.gif);
    background-repeat: no-repeat;
    height: 28px;
    line-height: 28px;
    color: white;
    font-weight: bold;
    letter-spacing: .03em;
    padding-left: 0.7em;

    margin-bottom: 0em;
    padding-bottom: 0em;
}



#glasbox {
    background: url(../bilder/glassbox-r-b.gif) repeat-x top right ;
    /* background-position: right; */
    background-repeat: repeat-x;
    margin-left: 0em;
    margin-top: 1em;
    margin-right: 0em;

    margin-bottom: 0em;
    margin-bottom: 1em;
    padding-bottom: 0em;

    min-width: 30em;
    /* background-color: yellow; */
}

#glasboxkopf {
    background-image: url(../bilder/glassbox-l-b.gif);
    background-repeat: no-repeat;
    height: 28px;
    line-height: 28px;
    color: white;
    font-weight: bold;
    letter-spacing: .03em;
    padding-left: 0.7em;

    margin-bottom: 0em;
    padding-bottom: 0em;
}

.glasboxinhalt {
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    border-top: 0px solid #D4D4D4;
    margin: 0px;
    padding: 0.7em;
    background-color: #f6f6f6;
}

.glasboxinhalti {
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    border-top: 0px solid #D4D4D4;
    margin: 0px;
    padding: 0.7em;
    background-color: #f6f6f6;
}

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

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

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

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


#tabelleohnerahmen td {
    border:0px solid white;
}

.php  {font-family:monospace;}
.php .imp {font-weight: bold; color: red;}
.php .kw1 {color: #b1b100;}
.php .kw2 {color: #000000; font-weight: bold;}
.php .kw3 {color: #990000;}
.php .kw4 {color: #009900; font-weight: bold;}
.php .co1 {color: #666666; font-style: italic;}
.php .co2 {color: #666666; font-style: italic;}
.php .co3 {color: #0000cc; font-style: italic;}
.php .co4 {color: #009933; font-style: italic;}
.php .coMULTI {color: #666666; font-style: italic;}
.php .es0 {color: #000099; font-weight: bold;}
.php .es1 {color: #000099; font-weight: bold;}
.php .es2 {color: #660099; font-weight: bold;}
.php .es3 {color: #660099; font-weight: bold;}
.php .es4 {color: #006699; font-weight: bold;}
.php .es5 {color: #006699; font-weight: bold; font-style: italic;}
.php .es6 {color: #009933; font-weight: bold;}
.php .es_h {color: #000099; font-weight: bold;}
.php .br0 {color: #009900;}
.php .sy0 {color: #339933;}
.php .sy1 {color: #000000; font-weight: bold;}
.php .st0 {color: #0000ff;}
.php .st_h {color: #0000ff;}
.php .nu0 {color: #cc66cc;}
.php .nu8 {color: #208080;}
.php .nu12 {color: #208080;}
.php .nu19 {color:#800080;}
.php .me1 {color: #004000;}
.php .me2 {color: #004000;}
.php .re0 {color: #000088;}
.php span.xtra { display:block; }







.html5  {font-family:monospace;
background-position: top right;
background-repeat: no-repeat;
}

.html100 {
background-image: url(../bilder/quellcode-html-100.gif);
}

.html75 {
background-image: url(../bilder/quellcode-html-75.gif);
}

.html50 {
background-image: url(../bilder/quellcode-html-50.gif);
}


.html5 .imp {font-weight: bold; color: red;}
.html5 .kw2 {color: #FF7F00; font-weight: bold; }   /*  p  */
.html5 .kw3 {color: #008000; font-weight: bold; }
.html5 .es0 {color: #000099; font-weight: bold; text-decoration: line-through;}
.html5 .br0 {color: #66cc66; text-decoration: line-through;}
.html5 .sy0 {color: black; color: red;  }    /*   der Slash innerhaöb </p> */
.html5 .st0 {color: #55AAFF; font-weight: bold; }
.html5 .nu0 {color: #cc66cc; text-decoration: line-through;}
.html5 .sc-2 {color: #404040; }
.html5 .sc-1 {color: #808080; font-style: italic; }
.html5 .sc0 {color: #00bbdd; text-decoration: line-through;}
.html5 .sc1 {color: #ddbb00; text-decoration: line-through;}
.html5 span.xtra { display:block; }

.html5 .sc2 {color: black;  font-weight: bold; color: red; }   /* die Klammern <p> */









.mysql  {font-family:monospace;}
.mysql .imp {font-weight: bold; color: red;}
.mysql .kw1 {color: #990099; font-weight: bold;}
.mysql .kw2 {color: #990099; font-weight: bold;}
.mysql .kw3 {color: #9900FF; font-weight: bold;}
.mysql .kw4 {color: #999900; font-weight: bold;}
.mysql .kw5 {color: #999900; font-weight: bold;}
.mysql .kw6 {color: #FF9900; font-weight: bold;}
.mysql .kw7 {color: #FF9900; font-weight: bold;}
.mysql .kw8 {color: #9900FF; font-weight: bold;}
.mysql .kw9 {color: #9900FF; font-weight: bold;}
.mysql .kw10 {color: #CC0099; font-weight: bold;}
.mysql .kw11 {color: #CC0099; font-weight: bold;}
.mysql .kw12 {color: #009900;}
.mysql .kw13 {color: #000099;}
.mysql .kw14 {color: #000099;}
.mysql .kw15 {color: #000099;}
.mysql .kw16 {color: #000099;}
.mysql .kw17 {color: #000099;}
.mysql .kw18 {color: #000099;}
.mysql .kw19 {color: #000099;}
.mysql .kw20 {color: #000099;}
.mysql .kw21 {color: #000099;}
.mysql .kw22 {color: #000099;}
.mysql .kw23 {color: #000099;}
.mysql .kw24 {color: #000099;}
.mysql .kw25 {color: #000099;}
.mysql .kw26 {color: #000099;}
.mysql .kw27 {color: #00CC00;}
.mysql .coMULTI {color: #808000; font-style: italic;}
.mysql .co1 {color: #808080; font-style: italic;}
.mysql .co2 {color: #808080; font-style: italic;}
.mysql .es0 {color: #004000; font-weight: bold;}
.mysql .es1 {color: #008080; font-weight: bold;}
.mysql .br0 {color: #FF00FF;}
.mysql .sy1 {color: #CC0099;}
.mysql .sy2 {color: #000033;}
.mysql .st0 {color: #008000;}
.mysql .nu0 {color: #008080;}
.mysql span.xtra { display:block; }





.javascript  {font-family:monospace;}
.javascript .imp {font-weight: bold; color: red;}
.javascript .kw1 {color: #000066; font-weight: bold;}
.javascript .kw2 {color: #003366; font-weight: bold;}
.javascript .kw3 {color: #000066;}
.javascript .co1 {color: #006600; font-style: italic;}
.javascript .co2 {color: #009966; font-style: italic;}
.javascript .coMULTI {color: #006600; font-style: italic;}
.javascript .es0 {color: #000099; font-weight: bold;}
.javascript .br0 {color: #009900;}
.javascript .sy0 {color: #339933;}
.javascript .st0 {color: #3366CC;}
.javascript .nu0 {color: #CC0000;}
.javascript .me1 {color: #660066;}
.javascript span.xtra { display:block; }







#w1 {
    width: 120px;
    height: 610px;
    float: right;
    margin-left: 1em;
}

.formbeschriftung {
    display: block;
    float: left;
    font-weight: bold;

    width: 120px;
}

.umbruchfloat {
    clear: both;
}

#tabs fieldset,
#accordion fieldset {
    padding: 5px 14px;
    margin-top: 1em;
    margin-bottom: .5em;
}

#tabs legend,
#accordion legend {
    font-size: 11pt;
    font-weight: bold;
}

#tabs-3 ul,
#tabs-4 ul,
#tabs-5 ul {
    margin-left: 1em;
}


.str,.atv{color:#080}.kwd,.tag{color:#008}.com{color:#800}.typ,.atn,.dec{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}pre.prettyprint{padding:2px;
/* border:1px solid #888; */
border-left: #b4c6e0 6px solid;
}@media print{.str{color:#060}.kwd,.tag{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{font-weight:bold}.lit{color:#044}.pun{color:#440}.atn,.typ{color:#404}.atv{color:#060}}

.fehlermeldung {
    background-color: red;
    color:white;
}





#fussbereich {
  clear:both;
  /* width:100%; */
  height:159px;
  background: url("../bilder/pixel.png") repeat-x scroll 0 0 #EDEDED;
  border-top: 1px solid #E5E5E5;
  text-shadow: 0 1px 0 #FFFFFF;
  color: #76818C;  
  font-size:8pt;
  background-color: #EDEDED;
}

#fussmitte {
  margin-top: 100px;
  /*
  text-align: center;
  padding-left: 173px;
  background-color: yellow;
  */
}

#fussmitte a {
    text-decoration: none;
    color: #76818C;
}

#fussrechts {
  float: right;
  margin-top: 0px;
  padding-right: 20px;
  border: 0px solid black;
  text-align:right;
}

#fussrechts p {
  margin-top: 10px;
}

#fusslinks {
  float: left;
  margin-top: 10px;
  font-size:8pt;
  text-align: left;
}


.bildlinks {
    max-width:99%;
    float:left;
    border:0px;
    padding-right:0.5em;
}

.bildrechts {
    max-width:99%;
    float:right;
    border:0px;
    padding-right:0.5em;
}