body
{
background: url(auringot.gif);
background-color: #f17b2f;
color: #FF6600;
font-family: Arial, Helvetica, sans-serif;
border-left-width: 0px;
border-right-width: 0px; border-top-width: 0px;
border-bottom-width: 0px;
border-left-style: none; 
border-right-style: none; 
border-top-style: none;
border-bottom-style: none;
border-color: rgb(255,255,255);
}

#content
{
font-size: 100%;
background-color: #f3a049;
color:#784902;
margin-left:3%;
border-left-width: 0px; 
border-right-width: 0px; 
border-top-width: 0px; 
border-bottom-width: 0px;
border-left-style: none; 
border-right-style: none; 
border-top-style: none; 
border-bottom-style: none;
padding: 25px 25px 25px 25px;
border-color: rgb(0,0,0);
text-align: left;
}

#omakuva
{
width:106px;
height:170px;
border:none;
margin-right:10%;
}

#menu
{

color:#f3a049;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
border-color: #FF6600;
}


a.menuitem
{
font-size: 120%;
font-weight:bold;
background-color: #f3a049;
color: #b70909;
font-variant: normal;
text-transform: none;
font-weight: normal;
margin-left: 5px;
margin-right: 20px;
margin-top: 0px; 
margin-bottom: 0px;
border-left-width: 0px; 
border-right-width: 0px; 
border-top-width: 0px; 
border-bottom-width: 0px;
border-style:outset;
border-width:thick;
padding:3px 3px 3px 3px;
text-align: center;
border-color:#FF9900;
}


#vapaa
{
background:url(vapaa.png) no-repeat left;
width:100%;
Height:200;
}


#logo, #logo a

{
background:url(naurupalkki.png) no-repeat;
background-color: #f3a049;
width:100%;
height:200px;

}

#trail, #trail a
{
font-size: 100%;
color:#FFCC66;
font-style: bold;
font-variant: normal;
text-transform: capitalize;
font-weight: normal;
border-left-width: 0px; 
border-right-width: 0px;
border-top-width: 0px; 
border-bottom-width: 0px;
border-left-style: none; 
border-right-style: none; 
border-top-style: none; 
border-bottom-style: none;
padding: 9px 9px 9px 9px;
border-color: rgb(51,240,169);
text-align: center;
}

#content a
{
color: #784902;
text-decoration: underline;
}

#content a:hover, #content a:active
{
background-color: #FFCC33;
color: #b70909;
}

table.tiedot
{
border-style:none;
text-align:top;
padding: 43px 43px 43px 43px;
}

td
{
text-align:left;
border-style:none;
}

th
{
color:#b70909;
}

input, select, checkbox, textarea 

{
background-color:#fce8ca;

}

input.nappi
{
color:#b70909;
background-color:#FFCC33;
font-weight: bold;
}



h1, h2, h3, h5, h6
{
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
}

ul
{
list-style-image:url(tahti.gif);
}

h1
{
font-size: 152%;
color:#b70909;
font-weight: bold;
}

h2
{
font-size: 137%;
color:#b70909;
font-weight: bold;
}

h3
{
font-size: 107%;
color:#b70909;
}

h4
{
font-size: 107%;
color:#b70909;

}

h5
{
font-size: 92%;
}

h6
{
font-size: 77%;
}

#menu a
{
text-decoration: none;
}

.menuitem:hover
{
background-color: #FF6600;
color: :#b70909;
}

#trail a
{
text-decoration: underline;
}

#logo a
{
text-decoration: none;
}

#trail a:hover
{
}

body.atk
{
background-color:#5b186a;
}

#palkkiatk
{
background:url(atkpalkki.png) no-repeat;
width:100%;
height:160px;
background-color:#002d3f;
}

#menuatk
{
width:50%;
margin-top:5%;
margin-left:20%;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
padding:5px 5px 25px 0px;
}

a.menuitematk
{
color:#edeeee;
background-color:#002d3f;
border-style:outset;
border-width:thick;
border-color:#002d3f;
font-size: 100%;
padding:10px 20px 10px 10px;
}


#contentatk
{
border-style:outset;
border-width:thick;
border-color:#002d3f;
background:url(ruutu.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5px 5px 10px 25px;
background-color:#f5ac5b;
Width:50%;
margin-left:20%;
margin-right:20%;
margin-bottom:5%;
}

#yhteyscontentatk
{
color:#edeeee;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5px 5px 10px 25px;
Width:50%;
margin-left:20%;
margin-right:20%;
margin-bottom:5%;
}

#menu a
{
text-decoration: none;
}


#alapalkki
{
background:url(alapalkkiatk.png);
width:100%;
height:59px;
background-color:#002d3f;
}

/* layout */
#menu		{width: 26%; position: relative; top: 0; left: 0; float: left; text-align: center;}
.menuitem		{width: auto;}
#content		{margin-left: 26%; width: auto}
.menuitem		{display: block;}


@media print
{
#menu       {display: none;}
#content    {padding: 0px;}
#content a  {text-decoration: underline;}
}

#footer {
	
	text-align : right;
	font-style: italic;
	
}