@import url('perustyylit.php');

body {
	margin: 0;
	padding: 0;
	color: #4C4B4B;
	background: #7C3768 url(../kuvat/tausta.gif) repeat-x;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}


h1, h2, h3, h4, h5, h6 {
	color: #853B6F;
	line-height: 120%;
}

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

h2 { }

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

h2 { font-size: 150%; }
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;
	line-height: 130%;
}


img { border: 0; }


a:link, a:visited {
	color: #481639;
	font-weight: bold;
	text-decoration: none;
}

a:hover { text-decoration: underline; }


#ajankohtaista ul, #alavalikko ul {
	margin: 0;
	padding: 0;
}

#ajankohtaista ul li, #alavalikko ul li { 
	margin: 0;
	padding: 0;
	list-style: none;
}


fieldset { border: 0; }


div#container {
	position: static;
	margin: 94px auto 0;
	padding: 8px 0 0;
	width: 885px; 
	background: transparent url(../kuvat/container_top.png) no-repeat;
	text-align: left;
}


div#top {
	position: static;
	padding: 0 17px;
	background: #DFD7DC url(../kuvat/top_bg.gif) repeat-x;
	color: #727272;
}

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


div#logo {
	float: left;
	background: url(../kuvat/spectrum_logo.gif) 40px 0 no-repeat;
	width: 191px;
	height: 51px;
	clear: none;
}


div#navi {
	float: right;
	height: 51px;
	line-height: 51px;
	margin: 0 52px 0 0;
	text-align: right;
	clear: right;
	font-size: 70%;
	color: #727272;
	word-spacing: 0.3em;
}

* html div#navi { vertical-align: middle; }

div#navi form {
	line-height: 51px;
	display: inline;
}

div#navi input {
	margin: 0;
	padding: 0;
	border: 4px solid #CDCDCD;
	background-color: #FFF;
}

div#navi input.submit {
	border: 2px solid #CDCDCD;
	padding: 2px 0;
	background: #B390AE url(../kuvat/haku_bg.gif) no-repeat;
	color: #FFF;
	font-size: 90%;
	text-transform: uppercase;
}

div#navi a:link, div#navi a:visited {
	color: #727272;
	font-weight: normal;
}

div#navi a:hover { text-decoration: underline; }

div#navi a img {
	float: none;
	vertical-align: middle;
}


div#top_image {
	clear: both;
	height: 269px;
	margin: 0 0 11px;
	background: #FFF url(../kuvat/etukuva.jpg) no-repeat;
}


div#menu {
	width: 852px;
	height: 37px;
	text-align: left;
	font-weight: bold;
}


div#left {
	float: left;
	width: 21px;
	height: 37px;
	background: transparent url(../kuvat/menu_l.png) no-repeat;
}


div#links a:link, div#links a:visited {
	display: block;
	float: left;
	width: 135px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	color: #FFF;
	background: transparent url(../kuvat/menu.gif) 0 0 no-repeat;
	font-size: 80%;
	text-decoration: none;
}

div#links a:hover, div#links a#valittu {
	width: 135px;
	background-position: -150px;
	text-decoration: underline;
}


div#right {
	float: right;
	width: 21px;
	height: 37px;
	background: url(../kuvat/menu_r.png) no-repeat;
}


div#top_bottom {
	height: 28px;
	background: transparent url(../kuvat/bottom_top.png) no-repeat;
}


div#content {
	margin: 0;
	padding: 31px 0 0;
	width: 885px;
	height: 100%;
	background: #FFF;
	text-align: left;
}


div#content_left {
	float: left;
	width: 200px;
	margin-left: 22px;
	z-index: 99;
}

* html div#content_left { margin: 0 0 0 11px; }


div#content_left h3, div#content_right h3 {
	color: #69445E;
	margin: 0;
	padding: 0 0 4px;
	border-bottom: 1px dashed #8D517A;
}

a.video:link, a.video:visited {
	display: inline;
	background: url(../kuvat/video.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0 55px 4px 25px;
	border-bottom: 1px dashed #C8C8C8;
}


div#alavalikko h2, div#alavalikko h3{
	padding: 12px 0 7px 28px;
	border-top: 2px solid #C6C6C6;
	color: #FFF;
	background-color: #555;
	font-size: 75%;
}

div#alavalikko li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
}

div#alavalikko li a:link, div#alavalikko li a:visited {
	display: block;
	margin: 0;
	padding: 12px 0 7px 28px;
	background: url(../kuvat/alalinkki_bg.gif) 6px no-repeat;
	color: #555;
	border-bottom: 1px dashed #C8C8C8;
}

* html div#alavalikko li a:link, * html div#alavalikko li a:visited {
	display: inline-block;
	width: 100%;
}

div#alavalikko li.valittu2 a:link, div#alavalikko li.valittu2 a:visited, div#alavalikko li.valittu2 a:hover, div#alavalikko li.valittu2 a:active {
	border-top: 2px solid #C6C6C6;
	color: #FFF;
	background-color: #555;
	background-image: none;
}

div#ajankohtaista {
	color: #FEFEFE;
	background-color: #6E4C64;
	margin: 18px 0 0;
	padding: 0 0 22px;
	text-align: left;
	font-size: 75%;
	font-weight: normal;
}

div#ajankohtaista h3 {
	margin: 0 0 20px;
	color: #F2E7F0;
	background: url(../kuvat/ajankohtaista_header.gif) repeat-y;
	border-bottom: 1px solid #C4B8C2;
	padding: 11px 12px 6px;
	font-weight: normal;
}

div#ajankohtaista h3:before {
	content: ">";
	color: #C2A5B7;
	font-weight: bold;
}

div#ajankohtaista p {
	margin: 0 9px;
	text-align: left;
	line-height: 150%;
}

div#ajankohtaista ul { margin: 9px 0 0; }

div#ajankohtaista ul li {
	margin: 16px 9px 0;
	list-style: none inside url(../kuvat/nuoli2.gif);
}

div#ajankohtaista a:link, div#ajankohtaista a:visited {
	color: #FEFEFE;
	font-weight: normal;
}


div#content_middle {
	margin: 0;
	padding: 0 236px 11px 275px;
	min-height: 100%;
	background: #FFF url(../kuvat/content_bg.gif) repeat-y;
	text-align: left;
	font-size: 80%;
}

*+html div#content_middle {
	padding: 0 51px;
	background-position: -219px 0;
}


div#content_right {
	float: right;
	width: 159px;
	margin: 0 28px 0 0;
	z-index: 100;
}

* html div#content_right { margin: 0 14px 0 0; }

div#content_right * { margin: 0; }

div#content_right p {
	margin: 0;
	padding: 24px 0 17px;
	border-bottom: 1px dashed #8D517A;
	text-align: center;
}

div#content_right img  {
	border: 2px solid #AAA;
	margin-bottom: 17px;
}

div#content_right p img {
	border: 0;
	margin: 0;
}


div#content_right hr { color: #C8C8C8; }


div#content_bottom {
	clear: both;
	margin: 0;
	padding: 0;
	bottom: -10px;
	height: 23px;
	background: transparent url(../kuvat/content_bottom.png) no-repeat;
}

* html div#content_bottom { bottom: 0; }


div#footer {
	width: 100%;
	clear: both;
	height: 86px;
	margin: 68px 0 0;
	padding: 14px 0 0;
	background-color: #5E2D4F;
	color: #AA99A5;
	font-size: 70%;
}

div#footer div {
	width: 824px;
	margin: 0 auto;
	padding: 0 26px 0 35px;
	text-align: right;
}

div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active {
	color: #AA99A5;
	text-decoration: none;
	font-weight: normal;
}

div#footer div span { float: left; }