body {
    font-size: 100%;
font-family: serif;
background: #e9e8f6;
padding: 0;
margin: 0;
}
div#wrap {
background: #d9d8e6 50% 0;
width: 70%;
margin: 0 auto;
}
div#header {
background:  #c9c8d8; /*url(../img/logo.jpg) 100% 0 no-repeat;*/
/*background-size: auto 100%;*/
padding-top: 1em;
padding-bottom: 1em;
padding-left: 2em;
margin: 0;
border-width: 0 0.2em 0em 0.2em;
border-style: solid;
border-color: #33a;
}

div#header h1 {
    font-size: 1.75em;
color: #555;
}

div#menu {
background:  #c9c8d8; 
padding: 0;
margin: 0 0 0 0;
border-width: 0em 0.2em 0.2em 0.2em;
border-style: solid;
border-color:  #33a;
}

div#menu ul {
list-style-type: none;
display: table;
width: 100%;
margin: 0;
padding: 0;
}

div#menu ul li {
border-width: 0 0 0 0;
border-style: solid;
border-color:  #33a;
float: left;
position: relative;
/*display: table-cell;*/
width: 20%;
text-align: center;
padding: 0.2em 0 0.2em 0;
margin: 0 0 0 0;
}

div#menu ul li:hover {
float: left;
/*display: table-cell;*/
background: #d9d8e6;
border-width: 0 0 0 0;
}

div#menu ul li a {
color: #000;
font-weight: bold;
text-decoration: none;
display: block;
}
div#menu ul li a span {
text-decoration: underline;
}

div#menu ul li ul {
display: none;
top: 100%;
left: 0;
margin: 0;
padding: 0;
list-style-type: none;
position: absolute;
}

div#menu ul li:hover ul {
display: block;
margin-top: 0;
margin-left: 0;
padding-left: 0;
border-width: 0em .1em 0.2em .1em;
border-style: solid;
border-color: #33a;
background: #c9c8d8;
}

div#menu ul li ul li{
font-size: 1em;
clear: left;
display: block;
margin: 0 0 0 0;
padding: 0;
width: 100%;
text-align: left;
background: #c9c8d8;
border-width: 0 0 0 0;
}

div#content {
border-width: 0 0 0 0;
border-style: solid;
border-color: #33a;
background: #d9d8e6; /*url(../img/segl_cool_big_art.png) 50% 2em no-repeat;*/
padding: 2em;
}

div#content ul {
list-style-type: none;
}

div#content ul li {
padding: .2em;
}

div#content ul li a {
color: #33a;
font-weight: bold;
text-decoration: none;
border-width: 0 0 .1em 0;
border-color: #33a;
border-style: solid;
}

div#content table {
width: 100%;
border-width: 0;
border-style: solid;
border-color: #33a;
border-collapse: collapse;
}

div#content table td {
padding: .5em;
  border-width: .2em 0 .2em 0;
  border-style: solid;
  border-color: #33a;
}

p.code {
    font-family: monospace;
}

div#footer {
border-width: 0.2em 0.2em 0 0.2em;
border-style: solid;
border-color: #33a;
background: #c9c8d8;
padding: 0 0 0 2em;
font-size: 0.75em;
}

.debug {
color: #292;
}

div#footer p.validation {
    text-align: right;
padding: 0 1em 0 0;
}

div#footer p.updated {
    float: left;
}