BODY {
    background-color: #9cf;
    background-image: url("../P/o023.jpg");
    background-attachment: fixed;
 }

H1, .center { text-align: center }
.right { text-align: right; }

H1, H2, H3 {
    color: #06c /*midnightblue*/;
    font-family: sans-serif;
    /*text-shadow: 0.2em 0.2em;*/
}

h1,h2,h3 {
  text-shadow: #fff -1px -1px 0px, rgba(0,0,0,0.5) 1px 1px 1px;
}

TABLE.bg>*>*>TH { background: #dceffe;
	      text-align: left;
	      font-family: sans-serif; }
TABLE.bg>*>TR>TD,TR.odd>TD,TD.odd { background: #feefdc; }
TD.even { background: #dceffe; }

/*TABLE { border-spacing: 2px; }*/
TABLE.border0 { border-spacing: 0; }


DIV.body, DIV.section, .aktiv, .active, .inaktiv, .inactive
 { background-color: #efe6d9;
   background-image: url("../P/Texture0106.jpg");
}


DIV.body, DIV.section {
    margin: 8px;
    padding: 5px;
    border-width: 2px;
    display: table; /* This makes the box big enough to fit the contents,
		     instead of fitting the box to the window and letting
		     the contents poke through the border */
}

.body, .aktiv, .active, .inaktiv, .inactive, .gap, .button {
  border-style: solid;
  border-color: #06c;
}

.inaktiv, .inactive {
  border-color: #369;
  border-bottom-color: #06c;
}

DIV.body, DIV.section
{
   border-color: #06c;
   border-style: solid;
}

DIV.nav {
 background-color: #9cf;
 padding: 5px /*0 5px 0 5px*/;
 margin: 8px;
 border-style: solid;
 border-width: 2px;
 border-color: #06c;
}

.sans { font-family: sans-serif; }
.small { font-size: small; }

img.right { float: right; margin-left: 5px; }
.floatright { float: right; margin-left: 5px; }

img.w3validator {
  float: right;
  border-width:0;
  width: 88px;
  height: 31px;
}

.whitebox {
    background: white;
    padding: 8px;
    border: 1px solid #999;
}

.sortable>* { cursor:move; }