* { margin: 0; padding: 0; }

body,html 
{
	/*font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;*/
	margin:0;
	padding:0;
	line-height:135%;
	background:url(grafiikka/taustakuva.jpg);
	
}

ul 
{
list-style:none;
}

p 
{
margin:1em 0;
}


/*
h2
{
padding:10px 0 5px;
line-height:100%;
}

h2 
{
margin:15px 0 5px;
padding:5px 0;
color:#00A4CC;
font-size:20px;
font-weight:normal;
}
*/




h1 
{
font-size:30px;
line-height:100%;
font-weight:normal;
color:#666;
display:block;
padding-bottom:5px;
}

#mainWrapper
{
background:url("grafiikka/taustakuva-yla.jpg") 0 0 repeat-x;
}

#wrapper 
{
margin:0 auto;
width:980px;
}

#footer 
{
border-top:2px solid #333;
padding:20px 0 10px 0;
height:80px;
margin:1px auto;
position:relative;
color: #333; font: 12px 'Lucida Grande',Arial,Helvetica,sans-serif;
width:980px;

}

#header 
{
height:48px;
position:relative;

}

#content 
{
border-top:0px solid #333;
padding: 20px 0 25px;
}



#logo
 {
left:0;
}

#logo a img
{
border:none;
}

ul.suosittelemme
{
display:block;
background:url(grafiikka/pallot.gif) 0 100% repeat-x;
padding-bottom:20px;
margin-top:0px;
}



ul.homeColumns 
{
display:block;
background:url(grafiikka/pallot.gif) 0 100% repeat-x;
padding-bottom:20px;
margin-top:20px;
}

ul.homeColumns li h2 
{
/*margin:15px 0 5px;*/
margin-bottom: 10px;
padding-top:3px;
padding-bottom:3px;
padding-left: 5px;
background:#333;

color:#ccc;
font-size:14px;
font-weight:normal;
text-transform:uppercase;
margin-top:0;
width:295px;
}

ul.suosittelemme li h2 
{
/*margin:15px 0 5px;*/
padding-top:3px;
padding-bottom:3px;
padding-left: 5px;
background:#ed5409;
color:#000;
font-size:14px;
font-weight:normal;
text-transform:uppercase;
margin-top:0;
width:295px;
}

ul.homeColumns li
{
float:left;
background:url(grafiikka/pallot-vertikaali.gif) 100% 0 repeat-y;
padding:0 20px 0 0;
margin-right:20px;
width:300px;
position:relative;
color: #333; font: 12px 'Lucida Grande',Arial,Helvetica,sans-serif;
line-height: 150%;
}

ul.suosittelemme li
{
float:left;
background:url(grafiikka/pallot-vertikaali.gif) 100% 0 repeat-y;
padding:0 18px 0 0;
margin-right:20px;
width:300px;
position:relative;
color: #333; font: 12px 'Lucida Grande',Arial,Helvetica,sans-serif;
line-height: 150%;
}

ul.suosittelemme li.lasti
{
margin-right:0;
background:none;
padding-right:0;
width:608px;
color: #333; font: 12px 'Lucida Grande',Arial,Helvetica,sans-serif;
line-height: 150%;
}

ul.homeColumns li.last 
{
margin-right:0;
background:none;
padding-right:0;
}


#mainospalkki-yksi
{
	left:0;
	padding-top:4px;
	
	background: url("grafiikka/pallot.gif") top repeat-x;
	background: url("grafiikka/pallot.gif") bottom repeat-x;
	height: 0px;
}

#mainospalkki-kaksi
{
	left:0;
	padding-top:4px;
	width:100%;
	background: url("grafiikka/pallot.gif") top repeat-x;
	background: url("grafiikka/pallot.gif") bottom repeat-x;
	height: 20px;
}

#vasen-viiva
{
	left:0;
	padding-top:4px;
	width:300px;
	background: url("grafiikka/pallot.gif") top repeat-x;
	background: url("grafiikka/pallot.gif") bottom repeat-x;
	height: 0px;
}




a.hae:link
{FONT-FAMILY: Verdana, Arial, sans-serif;FONT-SIZE: 11px; color:#0066CC;FONT-WEIGHT: bold;}

a.hae:visited
{FONT-FAMILY: Verdana, Arial, sans-serif;FONT-SIZE: 11px; color:#0066CC;FONT-WEIGHT: bold;}

a.hae:active
{FONT-FAMILY: Verdana, Arial, sans-serif;FONT-SIZE: 11px; color:#0066CC;FONT-WEIGHT: bold;}

a.hae:hover{color:#127c26;FONT-FAMILY: Verdana, Arial, sans-serif;FONT-SIZE: 11px;FONT-WEIGHT: bold;
text-decoration:underline;
}







/* CLEARING ---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}