/** CSS **/

body.koiranen_bg {
	background-color: #005D9D;
	background-image: url(layout_images/koiranen_body_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans serif;
}


/* KEHYSELEMENTTI JA SE SISÄÄN TULEVAT HEADER, CONTENT JA FOOTER-ELEMENTIT */

div.kehys {
	width: 977px;
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

div.koiranen_header {
	width: 977px;
	height: 246px;
	background-image: url(layout_images/koiranen_header_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;}

div.koiranen_content {
	width: 977px;
	margin: 0px;
	padding: 0px;
	background-image: url(layout_images/koiranen_content_bg.gif);
	background-repeat: repeat-y;
	display: inline-block;
}

div.koiranen_footer {
	clear: both;
	width: 977px;
	height: 46px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	padding-top: 12px;
	background-image: url(layout_images/koiranen_footer_bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #999999;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
}

div.koiranen_footer a {
	color: #999999;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
}

div.spacer {
	cleqr: both;
	height: 0px;

}

/* ################## PÄÄVALIKKO, DIV JA UL ################## */

div.yv {
	float: left;
	/*display: inline;
	background-color: #99FF00;*/
}

div.yv ul {
	/*background-color: #CC0000;*/
	width: 907px;
	margin-top: 10px;
	*margin-top:1px; /* korjataan ie:ssa marginaalit*/
	margin-right: 30px;
	margin-left: 40px;
	padding: 0px;
	list-style-type: none;
	*display: inline-block;
}

div.yv ul li {
	float: left;
	padding-left: 0px;
	padding-right: 30px;
	margin: 0px;
	*display: inline; /* korjataan ie6:ssa marginaalien tuplaus*/
}

div.yv ul li a:link, div.yv ul li a:visited{
	font-family:  Arial, Helvetica, Sans serif;
	color: #FFFFFF;
	font-size: 1.6em;
	line-height: 0px;
	*line-height: normal; /*jotta saadaan näkyviin myös kirjainten hännät IE:ssä*/
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

div.yv ul li a:hover {
	font-family: Arial, Helvetica, Sans serif;
	color: #FFFFFF;
	font-size: 1.6em;
	line-height: 0px;
	*line-height: normal;  /*jotta saadaan näkyviin myös kirjainten hännät IE:ssä*/
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

/* ***** PÄÄVALIKKO, SELECTED ***** */

div.yv ul li.selected {
	float: left;
	padding-left: 0px;
	padding-right: 30px;
	margin: 0px;
	*display: inline; /*korjataan IE:n asemointibugeja*/
}

div.yv ul li.selected a:link, div.yv ul li.selected a:visited {
	font-family: Arial, Helvetica, Sans serif;
	color: #FF0000;
	font-size: 1.6em;
	line-height: 0px;
	*line-height: normal;  /*jotta saadaan näkyviin myös kirjainten hännät IE:ssä*/
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

div.yv ul li.selected a:hover {
	font-family: Arial, Helvetica, Sans serif;
	color: #FF0000;
	font-size: 1.6em;
	line-height: 0px;
	*line-height: normal;  /*jotta saadaan näkyviin myös kirjainten hännät IE:ssä*/
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}



/* ################## ALAVALIKKO, DIV JA UL ################## */

div.av {
	width: 977px;
	margin: 0px;
	padding: 0px;
	/*background-color: #99CC66;*/
	
}

div.av ul {
	float: left;
	/*background-color: #33CCCC;*/
	width: 907px;
	padding: 0px;
	margin: 0px;
	margin-top: 195px;
	*margin-top: 178px; /*IE poikkeava asemointi*/
	margin-left: 40px;
	margin-right: 30px;
	list-style-type: none;
	*display: inline; /* korjataan ie6:ssa marginaalien tuplaus*/
}

div.av ul li {
	/*background-color: #99CC00;*/
	float: left;
	padding-right: 20px;
	margin: 0px;
}

div.av ul li a:link, div.av ul li a:visited {
	font-family: Arial, Helvetica, Sans serif;
	color: #FF0000;
	font-size: 1.2em;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

div.av ul li a:hover {
	font-family: Arial, Helvetica, Sans serif;
	color: #FF0000;
	font-size: 1.2em;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: underline;
}

/* ***** ALAVALIKKO, SELECTED  ***** */


div.av ul li.selected {
	/*background-color: #99CC00;*/
	float: left;
	padding-right: 20px;
	margin: 0px;
}

div.av ul li.selected a:link, div.av ul li.selected a:visited {
	font-family: Arial, Helvetica, Sans serif;
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

div.av ul li.selected a:hover {
	font-family: Arial, Helvetica, Sans serif;
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

/* ################## CONTENT, OIKEA JA VASEN PALSTA ################## */

div.vasenp {
	/*background-color: #FFFF00;*/
	background-image: url(layout_images/koiranen_vasenpalsta_bg.jpg);
	background-repeat: no-repeat;
	width: 350px;
	float: left;
	clear: left;
	margin: 0px;
	margin-left: 9px;
	margin-bottom: 10px;
	padding: 0px;
	padding-bottom: 10px;
	display: inline-block;
	*display: inline; /* korjataan ie6:ssa marginaalien tuplaus*/
	
}

div.oikeap {
	/*background-color: #FF66CC;*/
	float: right;
	clear: right;
	width: 550px;
	margin-right: 30px;
	margin-top: 20px;
	display: inline-block;
	*display: inline; /* korjataan ie6:ssa marginaalien tuplaus*/
}

/* Etusivu, KILPAILUKALENTERI */

div.kalenteri {
	background-image: url(layout_images/koiranen_etus_calendar_bg.gif);
	background-repeat: repeat-y;
	width: 278px;
	margin: 0px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0px;
	display: inline-block;
	*display:inline; /* korjataan ie6:ssa marginaalien tuplaus*/
	float: left;
}

/*div.kalenteri p {
	width: 220px;
	margin-left: 40px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	color: #282828;
}*/

div.necseries {
	/*background-color: #CCFF00;*/
	width: 137px;
	float:left;
	margin: 0px;
	margin-left: 2px;
	padding: 0px;
	*display: inline; /*korjataan IE6 tuplamarginaalit */
}

div.necseries h1 {
	background-color: #282828;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1em;
	color: white;
	padding: 4px;
	padding-left: 16px;
	margin:0px;
}

div.necseries p {
	margin-left: 10px;
	padding: 0px;
	padding-right: 5px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	color: #282828;
}

div.finseries {
	/*background-color: #CC99CC;*/
	width: 137px;
	float:right;
	margin: 0px;
	margin-right: 2px;
	padding: 0px;
	*display: inline; /*korjataan IE6 tuplamarginaalit */
}

div.finseries h1 {
	background-color: #282828;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1em;
	color: white;
	padding: 4px;
	padding-left: 16px;
	margin:0px;
}

div.finseries p {
	margin-left: 10px;
	padding: 0px;
	padding-right: 5px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	color: #282828;
}

div.btn_kuva {
	background-color: #0033FF;
	width: 278px;
	height: 45px;
	clear: both;
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
}

/* ################## TEKSTIPALSTA JA UUTISET ################## */


h1, div.oikeap .otsikko {
	font-family: Arial, Helvetica;
	color: #005D9D;
	font-size: 20px;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
}

h2 {
	font-family: Arial, Helvetica;
	color: #005D9D;
	font-size: 16px;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
}

div.oikeap p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #282828;
}

div.oikeap a:link, div.oikeap a:visited {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #CC0000;
	text-decoration: underline;
}

div.oikeap a:hover {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}

div.oikeap img {
	margin: 2px;
	padding: 0px;
}


/* UUTSET */

div#uutinen {
	display: block;
	width: 530px;
	background-image: url(layout_images/koiranen_uutisboxin_tausta.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	margin: 0px;
	margin-bottom: 1px;
}

div#uutinen .paiva {
	display: block;
	clear: both;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 10px;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	float: left;
}

div#uutinen h1 {
	display: block;
	clear: both;
	width: 100%;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 12px;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}

div#uutinen a:link, div#uutinen a:visited {
	color: #ffffff;
	text-decoration: none;
	}

div#uutinen a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

div#uutinen h6 {
	display: block;
	width: 100%;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 12px;
	color: #8edae5;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}