body{
 margin:0;
 padding:105px 0 0 150px;
 font:80%/1.3 Arial,sans-serif;
}

div#header{
 position:fixed;
 top:0;
 left:0;
 width:150px;
 height:70px;
 background: #A0522D;
 color:black;
 Background-Image:url(picture/BackgroundHeader.jpg);
}

div#header1{
 position:fixed;
 top:0;
 left:150;
 width:700px;
 height:70px;
 background: #A0522D;
 color:black;
 overflow:hidden;
}

div#header2{
 position:fixed;
 top:0;
 left:850px;
 width:173px;
 height:70px;
 background: #A0522D;
 color:black;
 overflow:auto;
 Background-Image:url(picture/BackgroundHeader2.jpg);
}

div#header3{
 position:fixed;
 top:70px;
 left:0;
 width:1024px;
 height:35px;
 background: #DEB887; 
 color:black;
}

div#left-sidebar{
 position:fixed;
 top:105px;
 left:0; 
 width:140px;
 height:530px;
 overflow:auto;
 background: #DEB887;
 color:black; 

}

div#left-sidebar_scroll{
 position:absolute;
 top:105px;
 left:0; 
 width:150px;
 height:530px;
 overflow:auto;
 background: #DEB887; 
 color:black; 

}

@media screen{

  body>div#header{
  position:fixed;

 }

  body>div#left-sidebar{

  position:fixed;

 }
 body>div#left-sidebar_scroll{

  position:fixed;

 }

}


* html body{

 overflow:hidden;

} 


* html div#content{

 height:100%;

 overflow:auto;

}

h1{
 margin:0;
 padding:1em;
 font-size:1.5em;
 font-weight:bold;
}

h1 span{
 font-size:.667em;
}
h2{
 margin:0;
 padding:1em 1.25em;
 font-size:1.2em;
 font-weight:bold;
}
h3{
 margin:0;
 padding:1em 1.5em;
 font-size:1em;
 font-weight:bold;
}
pre{
 margin:.5em 1.5em;
 padding:.3em;
 color:#000;
 background:#fff;
}
pre,pre code,pre var{
 font:1em/1 "courier new",monospace;
}
pre var{
 font-style:oblique;
}
pre code.markup.comment{
 font-style:oblique;
 color:green;
}
pre code.markup.doctype{
 font-style:oblique;
 color:teal;
}
pre code.markup.element-name{
 font-weight: bold;
 color:purple;
}
pre code.markup.attribute-name{
 font-weight: bold;
 color:black;
}
pre code.markup.attribute-value{
 font-weight:normal;
 color:blue;
}
p{
 margin:0;
 padding:.5em 1em;
}

p1{
 margin:0;
 padding:0 0 0 10px;
}

p2{
 margin:0;
 padding:0 0 0 10px;
}

div#right-sidebar{
 background:green;
 color:black;
}

div#footer{
 background:olive;
 color:black;
}


table {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   width: 580px;
   border: 1px solid white;
   margin: 1em;
   border-collapse: collapse;
   caption-side: top;
   style="empty-cells: show";
   table style="table-layout: fixed";
}
table.rahmen {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   width: 580px;
   border: 1px solid white;
   margin: 1em;
   border-collapse: collapse;
   caption-side: top;
   style="empty-cells: show";
   table style="table-layout: fixed";
}
table.titel {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   width: 120px;
   border: 1px solid #99CC99;   
   margin: 1em;
   border-collapse: collapse;
   caption-side: top;
   style="empty-cells: show";
   table style="table-layout: fixed";
}
th {
   border: 1px solid white;
   width: 54px;
}
th.breit{
   border: 1px solid white;
   width: 80px;
}
th.klein{
   border: 1px solid white;
   width: 35px;
}
td {
   border: 1px solid white;
   width: 263px;
   height: 10px;   
   font-family: Arial, Helvetica, sans-serif;   
}
td.breit {
   border: 0px solid white;
   width: 578px;
   height: 10px;   
   font-family: Arial, Helvetica, sans-serif;   
}
td.klein {
   border: 1px solid white;
   width: 164px;
   height: 10px;   
   font-family: Arial, Helvetica, sans-serif;   
}
td.mittel {
   border: 1px solid white;
   width: 125px;
   height: 10px;   
   font-family: Arial, Helvetica, sans-serif;   
}
td.link {
   border: 1px solid white;
   width: 285px;
   height: 10px;   
   font-family: Arial, Helvetica, sans-serif;   
}
td.titel {
   border: 1px solid #99CC99;
   width: 120px;
   height: 10px;   
   font-family: Arial, Helvetica, sans-serif;   
}
caption {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 150%;
   font-weight: bold;
   text-decoration: underline;
}