body { 
	background: #d9f0f2;
	padding:0 0 0 0;
	margin:0 0 0 0;
} 	
.teematausta {
	background: url(images/teematausta_miamiwhite.gif) no-repeat top center;
}
a:link, a:hover, a:active, a:visited {
	color: black;
	text-decoration: underline;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}
a:hover {
	text-decoration: none;
}
table.vote td, td.perus {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}
table.arkisto td, td.perus_ark {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}
td.perus_ark {
	padding: 2px;
}

h5.arkistosivu
{
	padding: 0;
	margin: 0 0 0 -5px;
}
td.main {
	padding-left: 0px;
	padding-right: 0px;
	margin: 0 !important;
}

table.sisa {
	padding: 0;
	margin: 0;
	width:100%;
}

td.vasen {
	background-color: #e5e5e5;
	border-right: 1px solid #d8d8d8;
	width: 270px;
	text-align: left;
	padding:20px 0 20px 0 ;
	vertical-align: top;
	margin: 0 !important;
}
td.keski, td.keskikeskustelut {
	width: 450px;	
	vertical-align:top;
	padding-top: none;
	padding-bottom: 10px;
	background-color: #ffffff;
	
}
td.keskiiso {
	width: 531px !important;	
}

td.keskikeskustelut {
	width: 531px;	
	border-left: 1px solid #9D978C;
}
td.oikea {
	text-align: left;

	width: 160px;
	border-left: 1px solid #e8e8e8;
	background-color: #f2f2f2;	
	vertical-align: top;
}

/* td.oikeayla img, td.vasenala img,*/ span.kuva img {
	border: 1px solid #000000;
}
div.kuva img {
	border: 1px solid #000000;
	
}
div.kuva {
	
	margin-left: 15px;
	float:left;
	margin-right: 15px;	
}

div.kansikuva img {
	border: 5px solid #ffffff;
	align: center;

}

table.keskitable {
	width: 100%;
	height: 500px;
	background: #ffffff;
}

td.vasenyla, td.oikeayla, td.vasenala, td.oikeaala {
	width: 50%;
	vertical-align: top;
	padding-top: 15px;
}

td.isolevee {
	vertical-align: top;
	padding-top: 0;
}
/*
td.vasenyla {
	border-right: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
} */
td.oikeayla {
	/* border-bottom: 1px dotted #666666; */
	text-align: center;
}
td.vasenala {
	/* border-right: 1px dotted #666666; */
	text-align: left;
}

td.bannerit {
	padding-top: 4px;
	padding-left: 2px;
}
td.bannerit span.kuva {
	padding: 3px;
}

.mediatiedot {
	background-color: rgb(255, 182, 0);
	width: 180px;
	padding: 10px;
	margin-left: 15px;
	border: 1px solid black;
}
.mediatiedot a {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
}
.mediatiedot a:hover {
	background-color: #ffffff;
}

.marguee {
	font-size: 10px;
	font-family: verdana, sans-serif;
	color: #000000;
	word-spacing: 10px;
	border: 3px solid #ffffff;

}

.kaupunki {
	color: rgb(255, 122, 0);
	font-size: 12px;
}

.isoh {
	text-transform: uppercase;
	font-size: 12px;
}
form.hakemus {
font-size: 12px;
}
form.hakemus input, form.hakemus textarea {
	 width: 310px; margin-bottom: 8px; margin-top: 2px;
}

/* lisäykset */


.ylakuva img {
	margin: 0px 0px 0px 0px;
}

.valikko {
	background: #629ae1 url(index_images/valikkotausta.jpg) no-repeat;
	/* background-color: #fec300; */
	border: 1px solid #629ae1;
	padding: 10px 10px 10px 10px;
	align: center;
}

.valikko img {
	margin: 0px 15px 0px 15px;
}

.valikko2 {
	background-color: #fec300; 
	border: 1px solid #ffb400;
	padding: 10px 5px 10px 5px;
	align: center;
}
.valikko2 img {
	margin: 0px 8px 0px 8px;
	border: none;
}
.oikopolku_tumma {
	background-color: #d8d8d8;	
	padding: 8px 10px 8px 20px;
}
.oikopolku_tumma a, .oikopolku_vaalea a{
	text-decoration: none !important;
	
	color: #404040;
}
.oikopolku_tumma a:hover, .oikopolku_vaalea a:hover{
	text-decoration: underline !important;
}
.oikopolku_vaalea {	
	background-color: #e5e5e5;
	padding: 8px 10px 8px 20px;

}
.tumma {
	background-color: #d8d8d8;
}
.vaalea {
	background-color: #e5e5e5;
}
/*Sporttiuutisten takaisin nappi*/
.btn_takaisin {
	padding: 0 0 20px 20px;
}
.btn_takaisin a{
	text-decoration: none;
}
.btn_takaisin a:hover{
	text-decoration: underline;
}

/* oikean reunan bannerit */
.banneritable {
	width: 160px;
	margin-left: 20px;
	margin-right: 0px;
	padding-left: 20px;
}

.alueet {
	padding: none;
	margin: none;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #404040;
	text-align: center;
	padding-bottom: 5px;
	align: center;
	margin-left: 11px;
}

.alueet img {
	margin-right: 5px;
}

.tausta {
	background-color: #fff7d9;
	border-top: 1px solid #fee16c;
	border-bottom: 1px solid #fee16c;
	align: center;
}

.tausta img {

}

/* reunalaatikot */
.vasenlaatikko, .oikealaatikko {
	background-color: #fff7d9;
	border-top: 1px solid #fee16c;
	border-bottom: 1px solid #fee16c;
	align: center;
	padding: 10px
}

/* vasemman puolen laatikko */
.vasenlaatikko {	
	border-right: 1px solid #fee16c;	
}

/* oikean puolen laatikko */
.oikealaatikko {	
	border-left: 1px solid #fee16c;	
}
/*  Metropoli valvoo*/

.aanestys{
	width:158px;
	background:#eaeaea;
	border:1px #dfdfdf solid;
	margin-right:27px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}
.otsikkogradient{

	background: #ffffff url(index_images/otsikkogradient.gif) repeat-x bottom left;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	margin-top:0px;
}
.mediat{
	background: #dedede;
	border-top: 1px #d0d0d0 solid;
	}

.mediat div{
	float:left;
	border: 2px #a0a0a0 solid;
	background:#ffffff;
	margin-left:14px;
	margin-top:11px;
	}
.paikka{
	
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	}
.teksti{
	
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	color: #515151;
	
	}
.ryhmat{
	margin-right:27px;
	margin-left:15px;
	width:726px;
	
	}
	
.ryhmat	a:link { color: #000000; text-decoration: none;}
.ryhmat a:visited { color: #000000; text-decoration: none;}
.ryhmat a:hover { color: #000000; text-decoration: underline; }
	
.alaryhmat{
	padding-top:15px;
	padding-bottom:25px;
	padding-left:15px;
	margin-left:27px;
	background: #eaeaea;
}
.alaryhmat a{

	margin-right:10px;
		
}
.video_thumb{
	

	}
.video_text{
	
	padding:5px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	
	}
.valittu{
	background: #ffcc12 url(index_images/alaryhma_valittu.gif) repeat-x top right;

	padding:3px;

}
.metropolivalvoo{	
	background: #ffffff url(index_images/metropolivalvoo.gif) no-repeat top right;
	padding-top:20px;
	color: #000000;
}

/*- Menu Tabs D--------------------------- */
#tabivalittu{
	
	color:#ffffff;
	
	}
    #tabsD {
      float:left;
      width:100%;
  
      font-size:93%;
      line-height:normal;
	  border-bottom:2px solid #ffcc12;
      }
    #tabsD ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
      }
    #tabsD li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsD a {
      float:left;
      background:url("index_images/tabi_vasen.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsD a span {
      float:left;
      display:block;
      background:url("index_images/tabi_oikea.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#131313;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsD a span {float:none;}
    /* End IE5-Mac hack */
    #tabsD a:hover span {
      color:#000000;
      }
    #tabsD a:hover {
      background-position:0% -42px;
      }
    #tabsD a:hover span {
      background-position:100% -42px;
      }  
	.valittu a span {
      color:#ffffff;
      }
    .valittu a {
      background-position:0% -42px !important;
      }
    .valittu a span {
      background-position:100% -42px !important;
      } 
      
    .tv{background:url("index_images/tv.jpg") no-repeat right top;
    width:540px;
    height:380px;
    padding:0px;
    margin:0px;
    
    
    }
     .tv img{
    margin-top:25px;
    
    }
.keski_valvoo{
	text-decoration: none;
	font-size: 28px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 7px;
	
	
	}
.uusin_kuva{
	margin-top:2px;
	}
	
	.lehtiotsikko {
	background-color: #fec300; 
	border: 1px solid #ffb400;
	padding: 5px 10px 5px 15px;
	align: center;
	
}




/* etusivun artikkelit */

.etusivu_artikkeli {
	background: #fffdf4; 
	/*border-bottom: 5px solid #404040; */
	padding: 0 22px 0px 22px; 
	padding-bottom: 10px;
	border-top: none;
}

.etusivu_artikkeli_otsikko {
	background: #404040; 
	margin: 0;
	}

.etusivu_artikkeli_otsikko h4{
	padding: 15px 15px 0 15px;
	color: white; 
	text-transform: uppercase; 
	font-size: 12px !important; 
	
}

.etusivu_artikkeli_otsikko div.otsikko_pvm{
	color: white !important;
	font-size: 10px !important;	
	/*margin: 0 0 0 85px;*/
	text-align: center;
	padding-bottom: 15px;
}

.left {
	float: left; 
	margin-right: 15px; 
	margin-bottom: 10px; 
	margin-top: 15px; 
	margin-left: 15px;
}

.wide {
	float: left; 
	margin-left: 15px; 
	margin-top: 10px; 
	margin-right: 15px; 
	margin-bottom: 10px; 
	width: 350px;
}
.etusivu_artikkeli,
.etusivu_artikkeli p,
.etusivu_artikkeli span,
.etusivu_artikkeli pre,
.etusivu_artikkeli div {
	color: #404040 !important; 
	font-size: 12px !important; 
	font-family: helvetica, arial, verdana !important; 
	padding-left: 15px !important; 
	padding-right: 15px !important;
}

.article_long p {
	margin-bottom:10px !important;
	padding:0 !important;	
}

.artikkelien_linkit {
	padding-left: 15px;	
	padding-right: 15px;		
}



.oikopolut a{
	text-transform: none;
	text-decoration: none;

}
.oikopolut a:hover{

	text-decoration: underline;

}
.oikopolut {
		margin:0px 0 0 0;
}
.oikopolut p{
	padding-left: 15px;	
	padding-right: 15px;	
	padding-bottom: 0;
	margin:0 0 5px 0;
		font-size: 10px;
}




/*Arvostelut*/
.arvotelutbox {
	
padding: 0 10px 10px 10px;
}
.arv_etusivu_otsikko {
	padding: 20px 15px 0 15px;	
	
}
.arv_etusivu_otsikko a{	
	text-decoration: none;
	font-size: 14px;
	color: #404040;
	text-decoration: underline;

}
.arv_etusivu_otsikko a:hover{	
	text-decoration: none;
}
.arv_teksti {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	margin-left: 15px;
	margin-right: 15px;
	line-height: 14px;	
	
}
.arv_pvm {
	padding: 2px 0 10px 0;
	margin-left: 15px;	
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #818181;
}
.arv_valiotsikot {
	color: #fff;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #e0e0e0;
	clear:both;

font-weight: bold;
	background: #404040; 
	margin: 17px 15px 0 15px;
	padding: 5px 10px 5px 10px;

}
/*--------------------------------------------------------------*/
/* Clearfix														*/
/*--------------------------------------------------------------*/
.clear {	
	clear:both;	
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}


.areaBg {
	background-color: #fff7d9;
	height: 33px;
	width: 210px;
	text-align: center;
	border-bottom: 4px;
	overflow: hidden;
}
.kartta{
	padding: 20px 0 0px 0 !important;
}
.areaBtn{
	display:block;
	background: #fec300;
	text-decoration: none !important;
}
.areaBtn:hover{
	text-decoration: underline !important;
}
.t4_input {
	width: 260px;
	border: 2px solid #e2e2e2 !important;	
}

/*Shoutbox*/

div.shoutbox_container {
	padding: 30px 0 0 0;
	overflow: hidden;
	width: 884px;
}
div.shoutbox_content_left {
	
	padding:0 0 0 40px;	
}
div.shoutbox_content_right {
	
	padding:0 0px 0 70px;	
}
div.shoutbox_content_left h2, div.shoutbox_content_right h2{
	font-weight:bold;
	font-size: 14px;
	padding: 0;
	margin:0 0 5px 0;
	text-decoration:none;
}
div.shoutbox_content_left p, div.shoutbox_content_right p{
	font-family: arial;
	font-size: 12px;
	padding: 0;
	margin:0;

}
div.shoutbox_column_left {
	width: 402px;
	float:left;

}
div.shoutbox_column_right {
	width: 402px;
	float:left;

	
}
form.shoutbox_form {
	padding: 20px 0 30px 0px;
	
}
.shoutbox_btn {
	padding: 5px 0 0 0;	
	margin:0;

}
.shoutbox_btn input{
	padding: 2px 4px 2px 4px;	
	margin:0;
}
div.shoutbox_input{
	margin-bottom:3px;
}
div.shoutbox_input input{
	width:360px;
	border:1px solid #d0d0d0;	
	font-family: arial;				
	font-size: 12px;	
	color: #555555;	
}

div.shoutbox_textarea textarea {
	width:360px;
	height: 70px;
	border:1px solid #d0d0d0;
	font-family: arial;	
	font-size: 12px;	
	margin:0 0 0 0;
	color: #555555;	
}
div.shoutbox_comment_container {
	font-family: arial;	
	font-size: 12px;
	margin: 0 0px 25px 0;
}
div.shoutbox_comment_container_left {
	font-family: arial;	
	font-size: 12px;
	margin: 0 30px 20px 0;
	padding-bottom: 20px;

}
div.shoutbox_name {
	font-weight: bold;	
	border-bottom: 1px solid #e4e4e4;
	padding: 0 0 2px 0;	
	margin-bottom:12px;
}
span.shoutbox_time {
	font-size: 10px;
	font-weight:normal;	
}