html
{
 margin: 0;
 padding: 0;
}

body 
{
 background-color: #c1c1d6; 
 font-family: "Nimbus Sans L", "Arial", sans-serif;
 margin: 0;
 padding: 0;
}

div.oldie
{
 visibility: hidden;
 margin: 10px;
 padding: 10px;
}

div.menu
{
 position: fixed;
 display: block;
 width: 200px;
 height: 100%;
 top: 0;
 left: 0;
 padding: 0;
 margin: 0;
 background-color: #555588; 
 text-align: right;
 font-family: "Luxi Mono", serif;   
 font-size: 1.2em;
 background-image: url("liliom.jpg"); 
/* background-image: url("images/advent4.gif"); */
 background-repeat: no-repeat;
 background-position: 50% 90%;
}

div.line
{
 border-width: 2px;
 border-color: #ffffff;
 border-bottom-style: solid;
 margin: 1em 0 0 0;
 padding: 5px;
}

div.content
{
 margin: 0 0 0 200px;
 padding: 0 0 120px 0;
 min-height: 600px;
 height: 100%;
}

div.submenu
{
 margin: 0 0 0 220px;
 padding: 0;
}

div.arc
{
 width: 200px;
 height: 100px;
 float: left;
 margin: 10px 10px 10px 50px;
 padding: 0;
}

div.traffic
{
 padding: 0 0 0 5px;
 margin: 0px 0 2px 20px;
 font-size: 0.8em;
 float: left;
 width: 150px;
 clear: left;
 border-right: solid 0 #ffffff;
 border-bottom: solid 2px #ffffff;
 background-position: center right;
 background-repeat: no-repeat;
}

div.right
{
 float: right;
 margin: 0;
 padding: 0;
}

div.left
{
 float: left;
 margin: 0;
 padding: 0;
}

div.comment
{
 padding: 0;
 margin: 10px 50px 0 50px; 
 background-color: #b8b8d0;
 text-align: right;
}

h2.comment
{
 font-size: 1em;
 font-weight: normal;
 margin: 0;
 padding: 1px 10px;
 background-color: #8181a6;
 color: #555588;
 text-align: left;
}

p.center
{
 text-align: center;
 padding: 0;
 margin: 5px 20px 5px 20px;
}

p.right
{
 text-align: right;
 padding: 0;
 margin: 5px 20px 5px 20px;
}

a.button:link, a.button:visited, a.button:active 
{
 padding: 0 10px 0 10px;
 margin: 0;
 color: #555588;   
 text-decoration: none; 
 font-size: 1em;
}
a.button:hover   
{
 color: #ffffff; 
}

a.button2:link, a.button2:visited, a.button2:active 
{
 padding: 0;
 margin: 0;
 color: #555588;   
 text-decoration: none; 
 font-size: 1em;
}
a.button2:hover   
{
 color: #ffffff; 
}

a.inactive:link, a.inactive:hover, a.inactive:active, a.inactive:visited
{
 padding: 0;
 margin: 0;
 color: #000000;   
 text-decoration: none; 
 font-size: 1em;
}

a.menu:link, a.menu:visited, a.menu:active 
{
 display: block;
 border-width: 2px;
 border-color: #ffffff;
 border-bottom-style: solid;
 padding: 5px;
 margin: 0;
 color: #c1c1d6;   
 text-decoration: none; 
 letter-spacing: 0.2em; 
 font-weight: bold;
}
a.menu:hover   
{
 color: #ffffff; 
 background-color: #8181a6;
}

a.a_menu:link, a.a_menu:hover, a.a_menu:active, a.a_menu:visited
{
 display: block;
 border-width: 2px;
 border-color: #ffffff;
 border-bottom-style: solid;
 padding: 5px;
 margin: 0;
 color: #c1c1d6;   
 text-decoration: none; 
 letter-spacing: 0.2em; 
 font-weight: bold;
 color: #000000; 
 background-color: #c1c1d6;
 text-align: center;
}

a.calendary:link, a.calendary:hover, a.calendary:active, a.calendary:visited
{
 text-decoration: none; 
 font-weight: bold;
 color: #ff0000; 
}

a.arckep:link, a.arckep:active, a.arckep:visited
{
 margin: 0;
 padding: 0 10px 0 10px;
 height: 1.2em;
 width: 500px;
 overflow: visible;
 text-decoration: none;
 color: #000000;
}

a.arckep:hover
{
 overflow: visible;
 font-weight: bold;
 color: #000000;

}

a.arckep:link img.arckep, a.arckep:active img.arckep, a.arckep:visited img.arckep
{
 display: none;
}

a.arckep:hover img.arckep
{
 display: inline;
}

img.arckep
{
 float: right;
 padding: 0;
 margin: 0 100px 0 0;
}

img.smiley
{
 vertical-align: baseline;
 padding: 0;
 margin: 0;
}

img.icon
{
 padding: 0 10px 0 0;
 margin: 0;
}

img.right
{
 float: right;
}

img.left
{
 float: left;
}


img.rss
{
 vertical-align: middle;
 padding: 0;
 margin: 0;
}

span.date
{
 color: #c1c1d6;
}

span.seeded
{
 color: #555588;
}

span.name
{
 color: #ffffff;
}

span.warning
{
 color: #ff0000;
}

span.small
{
 font-size: 0.6em;
}

span.small_warning
{
 color: #ff0000;
 font-size: 0.6em;
}

span.nyar
{
 color: #aa0000;
}

span.tel
{
 color: #004400;
}

span.egyeb
{
 color: #000088;
}

span.tab
{
 padding: 0 10px 0 10px;
 margin: 0;
}

span.menu
{
 position: absolute;
 color: #555588;   
 display: block;
 height: 1.2em;
 overflow: hidden;
 padding: 0;
 margin: 0;
 width: 200px;
}

span.menu:hover
{
 color: #000000;   
 height: auto; 
 background-color: #b8b8d0;
 padding: 4px 9px 4px 9px;
 border: 1px solid #555588;
 z-index: 1;
}

td.calendary
{
 border: 1px solid #555588;
 padding: 4px;
 text-align: center;
 white-space: nowrap;
}

/****************/



a:link
{
 color: #555588; 
}
a:active, a:visited 
{
 color: #8181a6; 
}
a:hover 
{
 color: #ffffff; 
}

h1
{
 margin: 40px 20px 20px 20px;
 padding: 0;
 text-align: center;
 font-size: 1.8em;
 font-weight: bold;
 border-bottom: 1px solid #555588;
}

h2
{
 margin: 30px 20px 10px 20px;
 padding: 0;
 font-size: 1.4em; 
 font-weight: bold;
}

h3
{
 margin: 30px 20px 10px 30px;
 padding: 0;
 font-size: 1.0em;
 font-weight: bold;
}

h4
{
 margin: 5px 30px 0px 30px;
 padding: 0;
 font-size: 1.0em;
 font-weight: bold;
}

p
{
 margin: 5px 30px 5px 30px;
 padding: 0;
 text-align: left;
}

ul
{
 margin: 5px 30px 5px 30px;
 padding: 0;
 text-align: left;
 list-style-position: outside;
}

li
{
 padding: 0;
 margin: 5px 0 5px 1em;
}

dl
{
 margin: 0;
 padding: 0;
}

dd
{
 padding: 0;
 margin: 5px 30px 5px 30px;
}

dt
{
 padding: 0;
 margin: 5px 30px 20px 30px;
}

/*
pre
{
 padding: 0;
 margin: 10px 30px 10px 30px;
 font-family: "Nimbus Sans L", "Arial", sans-serif;
}
*/

img
{
 padding: 0;
 margin: 8px;
 border-style: none;
 height: auto;
 width: auto;
}

textarea
{
 width: 300px;
 height: 250px;
 padding: 4px 0 0px 4px;
 margin: 0 0 8px 0;
 border-style: none;
 font-family: "Nimbus Sans L", "Arial", sans-serif;
 font-size: 0.9em;
}

input
{
 width: 300px;
 padding: 0 0 0 4px;
 margin: 0 0 8px 0;
 border-style: none;
 font-size: 0.9em;
 border-bottom: solid 2px #ffffff; 
}

input[type="checkbox"]
{
 width: 1em;
 height: 1em;
 padding: 0;
 margin: 8px 0 8px 0;
 vertical-align: middle;
 border-style: none;
 font-size: 0.9em; 
}

select
{
 width: 300px;
 padding: 0 0 0 4px;
 margin: 0 0 8px 0;
 border-style: none;
 font-size: 0.9em;
}

label
{
 float: left;
 clear: left;
 width: 130px;
 padding: 0 0 0 4px;
 margin: 0px 0 8px 0;
 font-size: 0.9em;
 border-bottom: solid 2px #ffffff;
}

button
{
 border-style: none;
 margin: 0 0 8px 8px;
}

input.cp
{
 width: 100px;
}

hr
{
 border-style: none;
 height: 2px;
 background-color: #ffffff; 
 color: #ffffff; 
 padding: 0;
 margin: 20px;
}

table
 {
  padding: 0;
  margin: 5px 30px 5px 30px;
  border: 1px solid #555588;
  background-color: #b8b8d0;
  border-spacing: 0 0;
  border-collapse: collapse;
 }

tr
 {
  padding: 0;
  margin: 0;
 }

td
 {
  border: 1px solid #555588;
  padding: 4px;
  text-align: left;
  white-space: nowrap;
 }
 
th
 {
  padding: 4px;
  border: 1px solid #555588;
  background-color: #8181a6;
  color: #b8b8d0;
 }


pre
 {
  padding: 0;
  margin: 20px 40px 20px 40px;
  font-family: courier, monospace;
  font-stretch: condensed;  
  font-size: 1em;
 }


a.inher
 {
  color: #b8b8d0;
  text-decoration: none;
 }


div#thumbnails
{
 margin: 0 20px;
 text-align: center;
} 
 
div#lightbox
{
 text-align: center;
 display: none;
}

p#subscript
{
 text-align: center;
}