html, body {
 margin: 0;
 padding: 0;
 position: absolute;
 top: 0;
 left: 0;
}

html body {
  background:#CC9;
  text-align:center;
  font:"Trebuchet MS",Verdana,Arial,Sans-serif;
  font-size: normal;
  margin:0px;
  padding:0px;
  }

div.headerlogo{
 text-align:left;
 left: 30px;
 z-index: 2;
 position: absolute;
}

img.headerbackground{
 height:90px;
 width: 100%;
 z-index: 1;
 padding:0px;
}

div.langmenu {
width:100%
}

div.langmenu ul {
 padding: 3px 0;
 margin-left: 0;
 border-bottom: 1px solid black;
 font: bold 12px Verdana, sans-serif;
 margin:1,0,0,0;

  text-align: right;
  z-index: 3;
} 

div.langmenu ul li {
 list-style: none;
 margin: 0;
 display: inline;

 margin-right:2px;
}

div.langmenu ul li a {
 padding: 3px 0.5em;
 margin-left: 3px;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
 border: 1px solid black;

 color: #000
}

div.langmenu ul li a:visited{
 color: #000;
}

div.langmenu ul li a.options:link:hover{
 color: #000;
 background: #AAE;
 border-color: #227;
}

div.langmenu ul li a.current {
 background: #CC9;
 border-bottom: 1px solid #CC9;
 cursor: default;
}





table.menutable {
  table-layout: auto;
  width: 100%;
  text-align:center;
  border-bottom: 1px #333 solid;
}

table.menutable td{
  width: 20%;
  padding:0;
  margin:0;
  padding-top: 1px;
}

table.menutable a{
 width: 100%;
 padding: 0px 5px;

 color: white;
 background: #369;
 text-decoration:none;
 font-weight: bold;
 margin: 0;
}

table.menutable a:hover{
 background: #111;
}


div.title {
  text-decoration: underline;
  font-size: large;
  font-weight:bold;
}


div.title a{
  text-decoration: none;
  font-size: normal;
}





div.bodytable {
  font-size: normal;

}

div.bodytable ul.listgraphic {
  list-style-type: circle; 
  list-style-image: url(/pelni/img/greendot2.gif);
  font-size: 15pt;

}


div.textbox {
 border: 2px solid; 
 width:70%; 
 text-align:center;
 border-color:#AAE;
 background-color:#CCCCFF;
 color:#369;
 font-weight: 800;
 line-height: 20pt;
}

div.searchbox {
 border: 2px solid; 
 border-top: 0px;
 width:70%; 
 text-align:center;
 border-color:#AAE;
}



div.monthmenu {
 text-align:center;
 width:70%
}

div.monthmenu ul {
 padding: 3px 0;
 margin-left: 0;
 border-bottom: 2px solid #AAE;
 font: bold 12px Verdana, sans-serif;
 margin:1,0,0,0;

  z-index: 3;
} 

div.monthmenu ul li {
 list-style: none;
 margin: 0;
 display: inline;
 margin-right:2px;
 
}

div.monthmenu ul li a {
 padding: 3px 0.5em;
 margin-left: 3px;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
 border: 1px solid #AAE;
 color: #369;
}

div.monthmenu ul li a.options:link:hover, div.monthmenu ul li a.options:visited:hover{
 color: #369;
 background: #AAE;
 border-color: #227;
}

div.monthmenu ul li a.current {
 background: #CC9;
 border-bottom: 3px solid #CC9;
 cursor: default;
 color: #000;
}


table.data	{
 text-decoration: none;
 color: #000;
}

table.data td {
  padding:5;
}

table.data tr.columnheader {
 color: white;
 font-weight:bold;
}

table.data tr.columnheader td {
  background-color: #369;
  text-align: center;
}

table.data td.odd{
  background-color: #E5E5E5;
  margin: 10;
}

table.data td.even{
  background-color: #D5D5D5;
  margin: 10;
}

table.data a {
 text-decoration: none;
 color: #000;
 font-weight: bold;
}

table.data a:hover {
 color: blue;
}



div.footer {
  width: 98%;
  font-size: smaller;
  color: #666600;
  background: #CCCC66;
  border: 1.5px;
  border-color: #999966;
  border-style: solid;
  padding: 4px;
}

div.footer table.footertable{
  width: 100%; 
  font-weight: bold;
}