body { 
  font-family:verdana,arial,helvetica; font-size:11pt;
 }
table { 
  font-size:7pt;
 }
div {
 overflow: auto;
}

.logo {
 float: left;
}
div.page { 
  background: url("bg.jpg"); 
  width: 760px;
  position: relative;
  padding: 4px;
}

img.logo,.ruta { 
  clear: left;
  background: url("ruta.jpg");
  border: 1px solid black;
  width: 505px;
  color: #000000;
  padding: 4px;
  margin: 4px;
}
#ruta { 
  position: absolute;
  top: 500px;
  left: 100px;
  display: none;
 }
#menu { 
  background: url("menu.jpg");
  width: 170px;
  float: right;
  padding: 6px;
  border: 1px solid black;
  color: #000000;
  display: block;
  margin: 0;
 }
.submenu,.pagelinks {
  margin: 0;
  margin-left: 10px;
  display: block;
  left: 0px;
}
#menu li, #menu li a {
  color: #000000;
  margin: 4px;
}
#menu li a:hover {
  background: #ffffff;
}
li {
  display: block;
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
}
h2 { 
  text-align:center;
 }

tr.calendar, td.calendar { 
  background: #ffffaa;
 }

td.menu { 
  background: #ffffaa;
  font-size: 9pt;
 }
th.menu { 
 background: #ffffaa;
  font-size: 12pt;
 }

h1,h2 {
margin: 0
}
h3 {
margin: 0 0 4px 0;
text-align: center;
}

#gh,#sm {
position:absolute;
z-index:10;
right:4px;
bottom:4px;
float: right;
border: none;
clear: right;
vertical-align: text-bottom;
}
#gh {
  bottom: 38px;
}
.thumbnail {
 float: right; 
 border: none;
 clear: right;
 margin: 1px;
}
.bild {
 float: left;
 clear: left;
}
.wskat,.wsprodlist,.wsprod {
  border: 1px solid black;
  background:url('ruta.jpg');
  float:left;
  margin: 4px;
  padding: 4px;
}
.wsprod {
 width: 340px;
 }