#header 
{
width: 100%;
height: 80px;
border-color: #cccccc;
border-style: solid;
border-width: 0px 0px 2px 0px;
background: #ffffff url(kuvat/headerkuva.gif) top right;
background-repeat: no-repeat;
}

#naviviiva1
{
width: 100%;
height: 5px;
border-color: #aa9999;
border-style: solid;
border-width: 0px 0px 1px 0px;
background: #990000;
background-repeat: no-repeat;
}

#naviviiva2
{
width: 100%;
height: 10px;
border-color: #aa9999;
border-style: solid;
border-width: 0px 0px 1px 0px;
background: #cc0000;
background-repeat: no-repeat;
}

#ylanavi
{
width: 100%;
height: 20px;
border-color: #cccccc;
border-style: solid;
border-width: 0px 0px 2px 0px;
padding: 4px 0px 4px 30px;
background: #cc6633;
background-repeat: no-repeat;
z-index:-1
}

#vasen
{
float: left;
width: 20%;
padding-top: 50px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 30px;
background: none;
background-repeat: no-repeat;
}


#oikea
{
float: right;
width: 20%;
padding-top: 50px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 0px;
background: none;
background-repeat: no-repeat;
}

#keski
{
float: left;
width: 50%;
padding-top: 50px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background: none;
background-repeat: no-repeat;
}

#puzzle
{
position: absolute;
top:130px;
left:500px;
z-index: 1;
}

.puzzle
{
border-width: 1px;
border-color: #cccccc;
border-style: solid;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}

.leipis
{
font-size : 11px; 
text-align : left;
font-family : verdana, arial, helvetica, sans-serif; 			
}

.entry
{
font-size : 10px; 
text-align : left;
font-family : verdana, arial, helvetica, sans-serif; 
background: #eeeeee;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-width: 1px;
border-color: #cc0000;
border-style: dotted;
}


p, a, li, ul, ol
{
text-align : left;
}


a:link     	{ color: #cc6666; text-decoration: none}
a:visited  	{ color: #669999; text-decoration: none}
a:hover 	{ color: #cccccc; text-decoration: none}
a:active   	{ color: #cc6666; text-decoration: none}

.pic            
{ 
color : #aaaaaa; 
background : transparent none repeat; 
font-size : 10px;
font-family : verdana, arial, helvetica, sans-serif; 
}


h5 		
{ 
color : #000000; 
font-size : 11px;
font-style: bold;
font-family : verdana, arial, helvetica, sans-serif
}

h4 		
{ 
color : #990000; 
font-size : 14px;
font-style: normal;
font-family : century gothic, helvetica, arial, sans-serif
}


span.valikko 			{ font-size: 11px; font-family : verdana, arial, helvetica, sans-serif; color: #ffffff; text-decoration: none}
span.valikko a:link     	{ font-size: 11px; font-family : verdana, arial, helvetica, sans-serif; color: #ffffff; text-decoration: none}
span.valikko a:visited  	{ font-size: 11px; font-family : verdana, arial, helvetica, sans-serif; color: #cccccc; text-decoration: none}
span.valikko a:hover 		{ font-size: 11px; font-family : verdana, arial, helvetica, sans-serif; color: #ff9966; text-decoration: none}
span.valikko a:active   	{ font-size: 11px; font-family : verdana, arial, helvetica, sans-serif; color: #ffffff; text-decoration: none}