/* Properties that elements with class=side-box have in common */


.src{
  background-color: #F0FEFE;
      /* background-color: #bbffbb; */
  border: solid 0px #708090; /\* slate gray *\/ */
  margin-left: 4em;
  padding-left: 2em;
  padding-top: 1em;
padding-bottom: 1em;
overflow: auto 
}

body {
  background-color: white;
  color: black;
  margin-left: 5em;
  margin-right: 20em;
  margin-top: 0%;
}


h2{
  border-bottom: solid 2px #708090; /* slate gray */
  clear: left;
  margin-top: 2.5em;
  margin-left: -2.5em;   /*   shift to the left */
  margin-bottom: .5em;
  overflow: hidden;    /* don't crowd the menu */
  padding-right: 6px;
}


/* Shift the other headings a little bit less to the left */

h3,h4,h5,h6 {
  margin-left: -2em;
}

h3 {
     font-size: 120%; 
     font-weight: bold;
     background-color: #DBFEB6;
     color: #333333;
     border-bottom: 1px solid #A6A6A6;
     padding-right: 50px;
     display: block;
 }
h4 {
     font-size: 100%; 
     font-weight: bold;
     background-color: #F2FFE5;
     color: #333333;
     border-bottom: 1px solid #A6A6A6;
     padding-right: 50px;
     display: block;
 }

p.wichtig { color: White; background-color: Red; } 


/*  --------------Float the contents box to the top right-------------- */

.contents{
  background-color: lightblue;
  width:17em;  
  padding-right: 1em;
  padding-left: 1em;
  margin-left:auto; 
  margin-right:-20em; 
  float: right;
}

/* -----------------------design of muse tables-----------------------*/

 table.muse-table { 
  margin-top:2em;
  margin-bottom:1em;
  /*   margin-left:auto; */
  margin-right:auto; 
  border-width: 0px 2px 3px 0px;
  border-spacing: 4px; 
   border-style: none none none none; 
   border-color: blue blue blue blue; 
  border-collapse: separate; 
  /*    background-color: yellow;  */
}

table.muse-table th {
  border-width: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  border-spacing: 4px;
  border-style: groove groove groove groove;
  border-color: gray gray gray gray;
  border-collapse: separate;
  background-color: rgb(200, 220, 180);
  moz-border-radius: 0px 0px 0px 0px;
}

table.muse-table td {
  border-width: 0px 1px 0px 0px;
  padding: 3px 6px 3px 6px;
  border-style: groove groove groove groove;
  border-color: gray gray gray gray;
  background-color: rgb(250, 240, 180);
  moz-border-radius: 0px 0px 0px 0px;
}

.example{
  background-color: #CFCFCF;
  border: solid 2px #708090; /\* slate gray *\/ */
  margin-left: 4em;
  padding-left: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  overflow: auto 
}


div.side-box {
  width:10.2em;
  position:absolute;
  top:0;
  font-size:80%;
  padding-left:1%;
  padding-right:1%;
  margin-left:0;
  margin-right:0;
}

/* we leave some place on the side using the margin-* properties */
#mainBox {
  margin-left:0em;
  margin-right:10.2em;
  padding-left:1em;
  padding-right:1em;
  background-color: lightgray;
}


#bottomBox {
  margin-bottom: -2em;
  margin-left:-5em;
  margin-right:-20em;
  padding-top:.5em;
  padding-left:1em;
  padding-right:1em;
  background-color: orange;
}

#topBox {
  margin-top: 0;
  margin-left:-5em;
  margin-right:-20em;
  padding-top:.5em;
  padding-bottom:0.1em;
  padding-left:1em;
  padding-right:1em;
  color: white;
  background-color: #047c56;
}

/* and then we put each side on its place */
#leftBox {
  left:0;
}
#rightBox {
  right:0;
  background-color orange;
}