/*****************************************************/
/***************     YLEISET TYYLIT    ***************/
/*****************************************************/


* {
margin:0;
padding:0;
vertical-align:top;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin:auto;
	background-color:#CCCCCC;
}

h1 {
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
text-align:left;
padding-top:5px;
padding-bottom:20px;
}

h2 {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
padding-top:5px;
padding-bottom:10px;
}


p {
padding-bottom:15px;
}

.leipis {
font-size:11px;
text-align:left;
line-height:1.5;
}




/*****************************************************/
/*****************     RAKENNE     *******************/
/*****************************************************/


#frame {
	margin:auto;
	width:940px;
	float:left;
	background-color:#FFFFFF;
	border-right:#000000 solid 1px;
	border-bottom:#000000 solid 1px;
}

#content_frame {
	text-align:left;
	width:700px;
	background-color:#FFFFFF;
	float:left;
	margin-top:10px;
}

#media_frame {
	float:right;
	text-align:left;
	width:230px;
	margin-top:10px;
}

#ylapalkki {
background-color:#646569;
border-bottom:#c40009 solid 4px;
height:100px;
}

#vasen_palkki {
padding:10px;
}

#table {
width:350px;
line-height:1.6;
float:left;
}

#table2 {
width:100px;
float:right;
text-align:left;
padding-right:30px;
}

#table2 a {
font-size:12px;
font-weight:bold;
float:left;
color:#FFFFFF;
width:75px;
text-align:left;
background-color:#949494;
padding:5px;
text-decoration:none;
border:#63656b solid 1px;

}

#table2 a:hover {
float:left;
color:#c60008;
background-color:#949494;
padding:5px;
text-decoration:none;
}

/*****************************************************/
/***********           BANNERIT        ****************/
/*****************************************************/

#mainos {
z-index:999;
padding-left:10px;
}


#ytiedot {
padding-top:10px;
padding-left:10px;
border-left:#000000 solid 1px;
}

#ytiedot h1 {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding-bottom:10px;
}




/*****************************************************/
/***********     KUVAT JA CONTENT     *****************/
/*****************************************************/

.kuva {
float:left;
padding-right:10px;
}

#teksti {
float:left; 
padding-left:180px;
}

#gallup {
margin:10px;
margin-right:20px;
padding:10px;
width:400px;
background-color:#dadada;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

#gallup h1 {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

#gallup a {
font-size:12px;
font-weight:bold;
float:right;
color:#FFFFFF;
width:90px;
text-align:right;
background-color:#949494;
background-image:url(images/arrow2.gif);
background-repeat:no-repeat;
background-position:left;
padding:5px;
text-decoration:none;
border:#63656b solid 1px;

}

#gallup a:hover {
float:right;
color:#c60008;
background-color:#949494;
padding:5px;
text-decoration:none;
}



/*****************************************************/
/***************     MEDIAKORTTI     ******************/
/*****************************************************/

#mediakortti {
color:#000000;
}

#mediakortti a {
font-size:12px;
font-weight:bold;
float:left;
color:#FFFFFF;
width:85px;
margin-bottom:40px;
text-align:right;
background-color:#949494;
background-image:url(images/arrow2.gif);
background-repeat:no-repeat;
background-position:left;
padding:5px;
text-decoration:none;
border:#63656b solid 1px;

}

#mediakortti a:hover {
float:float;
color:#c60008;
background-color:#949494;
padding:5px;
text-decoration:none;
}