body {
background-color: #E3DED7;
background-image: url('../gfx/background.png');
background-repeat: repeat-y;
border: 0;
margin: 0;
}
h1 {
color: #564E06;
margin: 5px 25px 15px 25px;
font-family: Sans-Serif;
font-size: 120%;
}
h2 {
color: #564E06;
margin: 5px 25px 15px 25px;
font-family: Sans-Serif;
font-size: 100%;
}
h3 {
color: #564E06;
margin: 5px 25px 15px 25px;
font-family: Sans-Serif;
font-size: 90%;
}
p {
color: #2E2A04;
margin: 5px 25px 15px 25px;
font-family: Sans-Serif;
font-size: 80%;
text-align: left;
line-height: 1.5;
}
p img {
color: #2E2A04;
background-color: #F6F3D6;
margin: 5px;
padding: 1px;
border: 1px solid #2E2A04;
}
strong, b {
color: #564E06;
}
q {
color: #564E06;
font-style: italic;
}
ul {
padding: 0px 0px 0px 26px; 
margin: 0px 0px 20px 0px;
font-family: Sans-Serif;
font-size: 80%;
list-style-type: none;
text-align: left;
line-height: 150%;
}
ol {
padding: 0px 0px 0px 26px; 
margin: 0px 0px 20px 0px;
font-family: Sans-Serif;
font-size: 80%;
text-align: left;
line-height: 150%;
}
address {
color: #756B2B;
margin: 5px 25px 15px 25px;
font-family: Sans-Serif;
font-size: 70%;
font-style: normal;
text-align: center;
}
form {
color: #2E2A04;
margin: 5px 25px 15px 25px;
font-family: Sans-Serif;
font-size: 80%;
text-align: left;
}
input {
color: #564E06;
background-color: #F6F3D6;
padding: 2px;
margin: 2px;
border-width: 1px;
}
select {
color: #564E06;
background-color: #F6F3D6;
padding: 2px;
margin: 2px;
border-width: 1px;
}
textarea {
color: #564E06;
background-color: #F6F3D6;
padding: 2px;
margin: 2px;
border-width: 1px;
}
a:link {
color: #564E06;
}
a:hover {
color: #FFFFFF;
}
a:active {
color: #FFFFFF;
}
a:visited {
color: #564E06;
}
.menu a:link {
color: #F6F3D6;
text-decoration: none;
}
.menu a:hover {
color: #FFFFFF;
text-decoration: none;
}
.menu a:active {
color: #FFFFFF;
text-decoration: none;
}
.menu a:visited {
color: #F6F3D6;
text-decoration: none;
}
td a:link {
text-decoration: none;
}
td a:hover {
text-decoration: none;
}
td a:active {
text-decoration: none;
}
td a:visited {
text-decoration: none;
}
.menu {
color: #F6F3D6;
background-color: #505050;
background-image: url('../gfx/menubg.png');
background-repeat: repeat-x;
width: 100%;
height: 48px;
font-family: Sans-Serif;
font-size: 100%;
font-weight: bold;
}
.menuitem {
padding: 0px 15px 0px 15px;
border-left: 1px solid #717171;
border-right: 1px solid #1A1A1A;
vertical-align: middle;
white-space: nowrap;
}
.filler {
padding: 0px 10px 0px 10px;
border-left: 1px solid #717171;
border-right: 1px solid #1A1A1A;
width: 100%;
text-align: right;
vertical-align: middle;
}
.menushadow {
background-image: url('../gfx/menushadow.png');
background-repeat: no-repeat;
width: 100%;
height: 15px;
}
.flags {
width: 96px; 
position: absolute; 
left: 602px;
}
.flags img {
margin-top: 10px;
}
.main {
width: 400px;
position: absolute;
top: 63px;
left: 185px;
}
.logo {
position: absolute; 
top: 69px; 
left: 57px;
}
.divider {
margin: 5px 0px 10px 0px;
}
.alert {
color: #FF0000;
font-weight: bold;
text-decoration: blink;
}
.hotkey {
color: yellow;	
background-color: red;    
text-decoration: blink;
border: 1px outset; 
}
.disabled {
color: #AFA141;
}
.kalenteri {
margin-left: auto; 
margin-right: auto;
}
.kalenteri td {
padding: 10px;
font-family: Sans-Serif;
font-size: 90%;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.tietoja {
color: #564E06;  
background-color: #C2E82D;
border-top: 1px solid #DEF36B;
border-left: 1px solid #DEF36B;
border-right: 1px solid #94D308;
border-bottom: 1px solid #94D308;  
}
.tanaan {
color: #564E06; 
background-color: #CDC491;
border-top: 1px solid #F2EDCB;
border-left: 1px solid #F2EDCB;
border-right: 1px solid #A59752;
border-bottom: 1px solid #A59752;   
} 
.vpaivat { 
color: #F6F3D6;
background-color: #505050;
border-top: 1px solid #717171;
border-left: 1px solid #717171;
border-right: 1px solid #1A1A1A;
border-bottom: 1px solid #1A1A1A; 
}
.vapaat {
color: #2E2A04;
background-color: #F0ECC4;
border-top: 1px solid #F7F5E0;
border-left: 1px solid #F7F5E0;
border-right: 1px solid #DDD594;
border-bottom: 1px solid #DDD594; 
} 
.tyhjat { 
color: #AFA141;
background-color: #F6F3D6;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #DDD594;
border-bottom: 1px solid #DDD594; 
}