*
{
padding: 0;
margin: 0;
}


body
{
background: white;
text-align: center;
font: normal 11px/18px Verdana, Helvetica, Arial, sans-serif;
}


/* --- laatikko, joka sisältää kaiken materiaalin taustaa lukuunottamatta --- */

#container
{
background: url(../images/basic/tausta.jpg) repeat-y;
width: 692px;
text-align: left;

margin: auto;
}


/* --- header --- */

#header
{
height: 80px;
background-color: #3266CC;
}



/* --- top navigation --- */


#topnavi
{
background: url(../images/basic/navi.gif);
height: 22px;
width: 692px;

}

#topnavi ul 
{
list-style-type: none;
text-align: center;
text-indent: -9999px;
}


#topnavi ul li 
{
display: inline;
}

#topnavi ul li a 
{
text-decoration: none;
color: white;
float: left;
height: 22px;
width: 90px;
padding: 0px 15px 0px 10px ;
}


#topnavi li a:hover 
{

}

#topnavi li a#active1
{
background: url(../images/basic/navi1.gif);
}

#topnavi li a#active2
{
background: url(../images/basic/navi2.gif) no-repeat;
}

#topnavi li a#active3
{
background: url(../images/basic/navi3.gif) no-repeat;
}

#topnavi li a#active4
{
background: url(../images/basic/navi4.gif) no-repeat;
}

#topnavi li a#active5
{
background: url(../images/basic/navi5.gif) no-repeat;
}

#topnavi li a#active6
{
background: url(../images/basic/navi6.gif) no-repeat;
}


/* --- side navigation --- */

#left
{
width: 178px;
background: url(../images/basic/bg_navbutton.gif) no-repeat;
float: left;
}

#left ul 
{
list-style-type: none;
text-indent: 20px;
text-transform: uppercase;
letter-spacing: -0.5px;
margin-top: 30px;
}

#left a 
{
display: block;
width: 145px;
height: 22px;
}

#left a:link, #left a:visited 
{
background: url(../images/basic/bg_navbutton.gif);
color: #666;
text-decoration: none;
}

#left a:hover 
{
text-decoration: none;
color: blue;
font-weight: bold;
background: url(../images/basic/bg_navbutton_over.gif);
}

#left a#current 
{
background: url(../images/basic/bg_navbutton_over.gif);
color: #666;
width: 155px;
text-decoration: none;
font-weight: bold;
}

#left h4
{
font: normal 10px Verdana, Helvetica, Arial, sans-serif;
margin: 10px 10px;
text-indent: 0;
color: #666;
}


/* --- links

#links 
{
	width: 163px;
	padding-left: 15px;
	margin-top: 10px;
}

#links h2 
{
	font: bold 13px Verdana, Helvetica, Arial, sans-serif;
	color: #000066;	
	margin: 10px 0 10px 0;
	padding: 0;
}

#links ul 
{
	margin: 0;
 	padding: 0;
 	list-style-type: none;
}

ul.subject li 
{
	background: url(../images/basic/bullet_extlink.gif) no-repeat 0 3px;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px;
	margin-bottom: 2px;
}

.subject a:link 
{
 	color: #3366cc;
 	text-decoration: none;
 	border-bottom: 1px dotted #A5003B;
}

.subject a:visited 
{
 	color: #6F2D47;
 	text-decoration: none;
 	border-bottom: 1px dotted #959E79;
}

.subject a:hover 
{
	background-color: #C3C9B1;
	color: #A5003B;
	text-decoration: none;
	border-bottom: 1px solid #A5003B;
}

--- */



/* --- main text --- */

#right
{
float: left;
padding: 10px;
margin: 0;
width: 479px;
}

#right p
{
color: #000;
margin-bottom: 12px;
padding-right: 30px;
}


#right h2 
{
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
color: #666;
margin: 18px 0;
padding-right: 30px;
}


#right h3
{
font:  bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.5px;
color: #666;
margin-bottom: 12px;
padding-right: 30px;
}

#right h4
{
font: bold 11px Verdana, Helvetica, Arial, sans-serif;
color: #666;
margin-bottom: 12px;
}


#right p.blue
{
font-weight: bold;
color: #3366cc;
letter-spacing: 1px;
}

#right p.ingressi
{
font-weight: bold;
font-style: italic;
color: #666;
}

.indent
{ margin-left: 50px; }

.imageright 
{
float: right;
padding: 7px;
margin-left: 10px;
background-color: #ffffff;
border: 1px solid #bac1a3;
}

.imageborder
{
padding: 7px;
margin-left: 10px;
background-color: #ffffff;
border: 1px solid #bac1a3;
}


.teosnimi
{
font-style: italic;
}

hr
{
color: #3366cc;
margin-bottom: 10px;
}

ul.arvostelut li
{
padding-bottom: 10px;
padding-left: 15px;
}

#right ul
{
padding-left: 15px;
margin-bottom: 10px;
}

dl dd
{
margin-left: 30px;
margin-bottom: 5px;
}

/* --- footer --- */

#clear
{
clear: left;
font: 10px Verdana, Helvetica, Arial, sans-serif; 
color: white;
padding-bottom: 5px;
}

#clear p
{
margin: 10px;
}

#clear a
{
color: #666;
margin-left: 20px;
}

#footer
{
background: url(../images/basic/tausta.jpg) repeat-y;
clear: left;
}

img.x
{
position: relative;
left: 270px;
z-index: 1;
}