/* OMAT-tyylit */

#cssdropdown, #cssdropdown ul {
padding: 0px 0px 0px 10px;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
height: 48px;
background-image: url(menutausta.jpg); 
}




.mainitems a{

font-weight: bold;
font-family:Arial;
font-size: 16px;
color: #476009;
padding: 0px 25px 0px 25px;
line-height: 46px;
text-decoration: none;
}

.mainitems a:hover{

font-weight: bold;
font-family:Arial;
font-size: 16px;
color: #000;

padding: 0px 25px 0px 25px;
line-height: 46px;
text-decoration: underline;
}



.subuls{
display: none;
font-color: #ffffff;

position: static;
top: 30px;

background: url(bg.jpg) top center repeat-y;
background-color: #98d401;

}

.subuls li{
margin-top: 10px;
width: 100%;
}

.subuls li a{
	background: url(bullet-lehti.jpg) top left no-repeat;
	height: 25px;
font-weight: bold;
font-family:Tahoma;
font-size: 11px;

	color: #476009;
line-height: 22px;
text-decoration: underline;
}

.subuls li a:hover{
font-weight: bold;
font-family:Tahoma;
font-size: 11px;
	color: #000;
	line-height: 22px;
text-decoration: underline;
}


#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

#header {
	width: 856px;
	height: 296px;
	background: url(yla.jpg) top center no-repeat;
	margin: 0 auto;
}

.pill_m {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: url(menu2.gif) top center no-repeat;
	width: 856px;
	height: 48px;
}


body {
background-image : url(tausta.jpg);
background-repeat : repeat-x;
background-color : #eee;
margin : 0;
padding : 0;
}

.navigation	{
	background: url(yla.gif) top center no-repeat;
		 }
		 
.suksiboksit	{color: white;
  		 background-image: url(kuvat/freetime-suksiboksit.jpg)}

.middle	{color: white;
  		 background-image: url(kuvat/middle-bg.jpg)}

.linkit A:link {
color : #53abc4;
text-decoration : none;
}

.linkit A:visited {
color : #53abc4;
text-decoration : none;
}

.linkit A:active {
color : #53abc4;
}

.linkit A:hover {
color : #d3ecfd;
text-decoration : none;
}

.tekstitumma A:link {
color : #cce6ff;
text-decoration : none;
}

.tekstitumma A:visited {
color : #cce6ff;
text-decoration : none;
}

.tekstitumma A:active {
color : #cce6ff;
}
.tekstitumma A:hover {
color : #c7daed;
text-decoration : underline;
}

.teksti a:link {
color : #526b12;
text-decoration : underline;
}

.teksti A:visited {
color : #526b12;

}

.teksti A:active {
color : #164a6f;
}

.teksti A:hover {
color : #000;
text-decoration : underline;
}

.links a:link {
color : #33590d;
text-decoration : none;
}

.links A:visited {
color : #526b12;
text-decoration : none;
}

.links A:active {
color : #164a6f;
text-decoration : none;
}

.links A:hover {
color : #000;
text-decoration : underline;
}

.linkit {
font-family : Tahoma, Verdana, Helvetica, sans-serif;
font-size : 13px;
font-style : normal;
font-weight : normal;
line-height : 17px;
letter-spacing : normal;
color : #c4e5ee;
}

h1 {
padding : 0;
font-family : Arial, sans-serif;
font-size : 19px;
font-weight : bold;
color : #2f8fc2;
}

h2 {
padding : 0;
font-family : Arial, sans-serif;
font-size : 16px;
font-weight : bold;
color : #000;
}

.teksti {
font-family : Arial;
font-size : 13px;
font-style : normal;
font-weight : bold;
line-height : 25px;
letter-spacing : normal;
color : #3c5412;
}

.links {
font-family : Arial;
font-size : 13px;
font-style : normal;
font-weight : bold;
line-height : 25px;
letter-spacing : normal;
color : #33590d;
}

.text {
text-align: left;
font-family : Arial;
font-size : 13px;
font-style : normal;
font-weight : normal;
line-height : 18px;
letter-spacing : normal;
color : #000;
}

.tekstitumma {
font-family : Tahoma, Verdana, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
font-weight : normal;
line-height : 16px;
letter-spacing : normal;
color : #cce6ff;
}

.text a:link {
color : #336799;
text-decoration : underline;
}

.text A:visited {
color : #526b12;

}

.text A:active {
color : #164a6f;
}

.text A:hover {
color : #000;
text-decoration : underline;