@import url('perustyylit.php');

html, body {
	margin: 0;
	padding: 0;
	color: #666262;
	background: #F7F7F7 url(../kuvat/container_bg.gif) top center repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}


h1, h2, h3, h4, h5, h6 { color: #403D3D; }

h1 {
	font-size: 150%;
	font-weight: normal;
	margin: 0 0 16px 0;
}

h2, h3, h4, h5, h6 { margin: 16px 0 16px 0; }

h2 { font-size: 130%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }


div {
	position: relative;
	padding: 0;
	margin: 0;
}


p {
	margin: 0 0 1em 0;
	line-height: 130%;
}


img { border: 0; }


a:link, a:visited {
	color: #4D4D4D;
	text-decoration: underline;
}

a:hover, a:active { color: #000; text-decoration: none; }


div#container {
	position: relative;
	width: 985px; 
	margin: 12px auto 46px;
	text-align: left;
}


div#header {
	padding: 0 4px 0 0;
	height: 78px;
	background: #FFF url(../kuvat/logo.gif) 17px 9px no-repeat;
	text-align: right;
	text-transform: uppercase;
	font-size: 70%;
}

div#header p img { vertical-align: middle; }

div#header a:link, div#header a:visited, div#header a:active { text-decoration: none; }
div#header a:hover { text-decoration: underline; }


div#menu {
	position: static;
	background: #5C5C5C url(../kuvat/menu_bg.gif) repeat-x;
	height: 37px;
	padding: 0 0 0 33px;
	text-align: left;
}

div#menu a:link, div#menu a:visited {
	line-height: 37px;
	padding: 0 21px;
	color: #FFF;
	background: transparent url(../kuvat/menu_item_bg.gif) center left no-repeat;
	font-size: 80%;
	text-decoration: none;
}

#alalinkit a:link, #alalinkit a:visited {
	text-decoration: none;
}

#alalinkit a:hover, #alalinkit a:active {
	text-decoration: underline;
}

div#menu a.valittu, #alalinkit a.valittu {
	text-decoration: underline;
}

* html div#menu a:link, * html div#menu a:visited {
	display: block;
	float: left;
}

div#menu a:hover, div#menu a#valittu { text-decoration: underline; }


form#haku {
	margin: 0;
	padding: 0;
}

form#haku div.haku_cont {
	display: block;
	margin-top: -29px;
/*	background: transparent url(../kuvat/menu_item_bg.gif) center left no-repeat; */
	height: 20px;
	width: 200px;
	float: right;
}

form#haku input.haku {
	border: 0 none;
	color: #6C6C6C;
	padding: 2px 0 0 0;
	height: 20px;
	width: 117px;
	background: transparent;
}

form#haku div.submit_cont {
	width: 130px;
	height: 20px;
	padding: 0 0 0 7px;
	background: transparent url(../kuvat/hakukentta.png) no-repeat center left;
	float: left;
}

form#haku input.submit {
	float: left; 
	padding-top: 1px; 
	margin-left: 3px; 
}


div#content {
	margin: 21px 0;
	font-size: 80%;
}


div#left {
	width: 755px;
	float: left;
}


div#top {
	vertical-align: top;
	margin: 0 0 20px;
}


div#boxes {
	height: 138px;
	margin: 0 0 35px;
	vertical-align: top;
}

div#boxes div { float: left; }
div#box_left, div#box_middle { margin-right: 10px; }


div#right {
	float: right;
	width: 212px;
}


div#uutiset, div#ajankohtaista {
	border: 1px solid #E2E2E2;
	padding: 10px;
	color: #000;
}

div#uutiset ul, div#ajankohtaista ul, div#alalinkit ul {
	list-style: none inside none;
	margin: 0;
	padding: 0;
}

div#alalinkit ul ul {
	margin: 4px 0 0 1em;
}

div#ajankohtaista {
	float: left;
	width: 219px;
	margin: 0 18px 18px 0;
}

div#centcont {
	margin-left: 265px;
}

div#uutiset h2, div#uutiset h3, div#ajankohtaista h2, div#ajankohtaista h3 {
	color: #000;
	background: url(../kuvat/uutiset_otsikko_bg.gif) bottom left repeat-x;
	margin: 0 -9px;
	padding: 0 9px 9px;
	font-weight: normal;
}

div#uutiset li, div#ajankohtaista li, div#alalinkit li {
	margin: 0;
	padding: 14px 0;
	background: url(../kuvat/viiva.gif) bottom left repeat-x;
	list-style: none inside none;
}

div#alalinkit ul ul li {
	padding: 3px 0;
	background: none;
}

/*
div#ajankohtaista li {
	margin: 14px 0;
	padding: 0 17px;
	background: url(../kuvat/nuoli.gif) 0 0 no-repeat;
}
*/

* html div#ajankohtaista li, * html div#uutiset li,
*+html div#ajankohtaista li, *+html div#uutiset li { list-style-position: outside; }

div#uutiset a:link, div#uutiset a:visited, div#ajankohtaista a:link, div#ajankohtaista a:visited {
	color: #780404;
	text-decoration: none;
}

div#uutiset a:hover, div#uutiset a:active, div#ajankohtaista a:hover, div#ajankohtaista a:active { text-decoration: underline; }

div#uutiset a.arkisto:link, div#uutiset a.arkisto:visited,
div#ajankohtaista a.arkisto:link, div#ajankohtaista a.arkisto:visited, 
div#alalinkit a:link, div#alalinkit a:visited {
	padding: 0 0 0 12px;
	color: #3C3B3B;
	font-weight: bold;
	background: url(../kuvat/nuoli.gif) center left no-repeat;
}

/* 
div#ajankohtaista a:link, div#ajankohtaista a:visited {
	padding: 0;
	font-weight: normal;
	background: none;
} */

div#alalinkit a:link, div#alalinkit a:visited {
	font-weight: normal;
}


div#yhteistyo {
	margin: 28px 0;
	padding: 41px 0 0;
	width: 210px;
	text-align: center;
}

div#yhteistyo img { margin: 12px auto 25px; }


div#footer {
	clear: both;
	background: url(../kuvat/footer_bg.gif) 0 0 repeat-x;
	padding: 38px 17px 0 15px;
	font-size: 85%;
}

* html div#footer, *+html div#footer { padding: 19px 17px 0 15px; }

div#footer div { text-align: right; }
div#footer div span { float: left; }

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	text-decoration: none;
}

addr, blockquote, fieldset, form, table {
	border: 0;
}