/* Tehnyt: Petri I. | petri.ikonen@kuopassa.com | www.kuopassa.com */

@import url("typo.css");
@import url("extrat.css");

/* Yleiset */

* {
	margin: 0;
	padding: 0;
	}
	
html {
	height: 100%;
	}
	
body {
	font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #d1d1d1 url(../images/ylaosa.png) repeat-x 0 0;
	color: #000;
	text-align: center;
	position: relative;
	height: 100%;
	}
	
a {
	text-decoration: underline;
	color: #c00;
	}
	
body#hakukone a {
	color: #c60;
	}
	
body#nettisivu a {
	color: #b22e6b;
	}
	
body#blogi a {
	color: #0067b2;
	}
	
body#kovalevy a {
	color: #507300;
	}
	
body#video a {
	color: #c9005e;
	}
	
body#kuva a {
	color: #b83a19;
	}
	
body#uri a {
	color: #137075;
	}
	
body#munkuvat a {
	color: #586685;
	}
	
a:hover {
	text-decoration: underline;
	color: #06f;
	}
	
body#hakukone a:hover {
	color: #c30;
	}
	
body#nettisivu a:hover {
	color: #36c;
	}
	
body#blogi a:hover {
	color: #c00;
	}
	
body#kovalevy a:hover {
	color: #c60;
	}
	
body#video a:hover {
	color: #690;
	}
	
body#kuva a:hover {
	color: #690;
	}
	
body#uri a:hover {
	color: #09f;
	}
	
body#munkuvat a:hover {
	color: #a00;
	}
	
/* Rakenne */

div#rakenne {
	text-align: left;
	margin: 0 auto;
	padding-top: 40px;
	width: 800px;
	min-height: 1070px;
	position: relative;
	padding-right: 170px;
	}
	
div#ylaosa {
	position: relative;
	height: 130px;
	}
	
div#keskiosa {
	background: url(../images/keskiosa1.png) no-repeat 0 0;
	padding-top: 15px;
	}
	
div#sisalto,
div#sivupalkki {
	display: inline;
	}
	
div#sisalto {
	float: right;
	width: 550px;
	padding-top: 160px;
	background: #fff url(../images/sisalto2.png) no-repeat 0 100%;
	}
	
div#sivupalkki {
	float: left;
	width: 240px;
	background: #fff url(../images/sivupalkki2.png) no-repeat 0 100%;
	}
	
/* Ylänavigaatio */

body ul#ylin-navigaatio {
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 38px;
	width: 100%;
	min-width: 900px;
	display: block;
	background: url(../images/ylin-navigaatio.png) repeat-x 0 0;
	}
	
body ul#ylin-navigaatio li {
	display: inline;
	float: left;
	padding: 5px 30px 4px 20px;
	background: url(../images/ylin-navigaatio3.png) repeat-x 0;
	cursor: pointer;
	border-right: 1px solid #939393;
	position: relative;
	}
	
body ul#ylin-navigaatio li a {
	padding: 5px 25px 5px 15px;
	background: url(../images/ylin-navigaatio2.png) no-repeat 88% 12px;
	}
	
body ul#ylin-navigaatio li a,
body ul#ylin-navigaatio li ul li a {
	text-decoration: none;
	color: #000 !important;
	}

body ul#ylin-navigaatio li:hover ul,
body ul#ylin-navigaatio li ul li {
	display: block;
	float: none;
	padding: 0;
	border: 0;
	cursor: default;
	}
	
body ul#ylin-navigaatio li ul {
	list-style: none;
	z-index: 998;
	text-align: left;
	font-size: 1em;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	}
	
body ul#ylin-navigaatio li ul li a {
	padding: 5px 10px;
	width: 150px;
	background: #dfdfdf url(../images/ylin-navigaatio4.png) repeat-x 0 100%;
	border-top: 1px solid #fff;
	border-left: 5px solid #939393;
	border-right: 5px solid #939393;
	border-bottom: 5px solid #939393;
	display: block;
	z-index: 999;
	}

/* Sivupalkin bannerit */

div#rakenne ul#sivubannerit {
	position: absolute;
	top: 170px;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
div#rakenne ul#sivubannerit li {
	padding-bottom: 10px;
	}

div#rakenne ul#sivubannerit li a,
div#rakenne ul#sivubannerit li a img {
	border: 0;
	}
	
/* Logon seutu */

div#ylaosa h1,
div#ylaosa h3,
div#ylaosa p {
	position: absolute;
	margin: 0;
	text-align: center;
	}

div#ylaosa h1 {
	left: 260px;
	top: 150px;
	background: url(../images/logo3.png) no-repeat 50% 100%;
	padding: 0 0 130px 0;
	margin: 0;
	display: block;
	width: 530px;
	font: oblique 2.6em Georgia, "Times New Roman", Times, serif;
	z-index: 3;
	}
	
body#hakukone div#ylaosa h1 {
	background: url(../images/logo3-kulta.png) no-repeat 50% 100%;
	}
	
body#nettisivu div#ylaosa h1 {
	background: url(../images/logo3-violetti.png) no-repeat 50% 100%;
	}
	
body#blogi div#ylaosa h1 {
	background: url(../images/logo3-sininen.png) no-repeat 50% 100%;
	}
	
body#kovalevy div#ylaosa h1 {
	background: url(../images/logo3-vihrea.png) no-repeat 50% 100%;
	}
	
body#video div#ylaosa h1 {
	background: url(../images/logo3-pinkki.png) no-repeat 50% 100%;
	}
	
body#kuva div#ylaosa h1 {
	background: url(../images/logo3-oranssi.png) no-repeat 50% 100%;
	}

body#uri div#ylaosa h1 {
	background: url(../images/logo3-siner.png) no-repeat 50% 100%;
	}
	
body#munkuvat div#ylaosa h1 {
	background: url(../images/logo3-harmaja.png) no-repeat 50% 100%;
	}

div#ylaosa h1 a {
	text-decoration: none;
	}
	
div#ylaosa h3 {
	padding: 5px 0;
	letter-spacing: 0;
	left: 260px;
	top: 180px;
	width: 530px;
	font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	z-index: 2;
	color: #666;
	}
	
div#ylaosa p {
	top: 5px;
	left: 0;
	padding: 0;
	}
	
/* Alaosan tavarat */

div#alaosa {
	width: 100%;
	display: block;
	clear: both;
	height: 199px;
	background: #bcbcbc url(../images/alaosa.png) repeat-x 0 0;
	}
	
div#alaosa ul {
	display: block;
	padding: 110px 0 0 0;
	list-style: none;
	font: 2em Georgia, "Times New Roman", Times, serif;
	color: #a00;
	}
	
body#hakukone div#alaosa ul {
	color: #925626;
	}
	
body#nettisivu div#alaosa ul {
	color: #b22e6b;
	}
	
body#blogi div#alaosa ul {
	color: #0067b2;
	}
	
body#kovalevy div#alaosa ul {
	color: #507300;
	}

body#video div#alaosa ul {
	color: #c9005e;
	}
	
body#kuva div#alaosa ul {
	color: #b83a19;
	}
	
body#uri div#alaosa ul {
	color: #137075;
	}
	
body#munkuvat div#alaosa ul {
	color: #333;
	}
	
div#alaosa ul li {
	display: inline;
	padding: 10px;
	}
	
div#alaosa ul li#quote {
	padding-right: 40px;
	background: url(../images/logo2.png) no-repeat 100% 50%;
	}
	
body#hakukone div#alaosa ul li#quote {
	background: url(../images/logo2-kulta.png) no-repeat 100% 50%;
	}
	
body#nettisivu div#alaosa ul li#quote {
	background: url(../images/logo2-violetti.png) no-repeat 100% 50%;
	}
	
body#blogi div#alaosa ul li#quote {
	background: url(../images/logo2-sininen.png) no-repeat 100% 50%;
	}
	
body#kovalevy div#alaosa ul li#quote {
	background: url(../images/logo2-vihrea.png) no-repeat 100% 50%;
	}
	
body#video div#alaosa ul li#quote {
	background: url(../images/logo2-pinkki.png) no-repeat 100% 50%;
	}
	
body#kuva div#alaosa ul li#quote {
	background: url(../images/logo2-oranssi.png) no-repeat 100% 50%;
	}
	
body#uri div#alaosa ul li#quote {
	background: url(../images/logo2-siner.png) no-repeat 100% 50%;
	}
	
body#munkuvat div#alaosa ul li#quote {
	background: url(../images/logo2-harmaja.png) no-repeat 100% 50%;
	}
	
/* Julkaisut */

div#sisalto div.julkaisu {
	margin: 10px;
	padding-top: 10px;
	border-top: 1px solid #999;
	background: #fff url(../images/julkaisu2.png) repeat-x 0 0;
	}
	
div#sisalto div.julkaisu p.koriste img {
	float: right;
	margin: 0 0 5px 5px;
	}
	
div#sisalto div.julkaisu h2 {
	border-bottom: 2px solid #ccc;
	margin: 0 10px;
	padding: 0;
	}
	
div#sisalto div.julkaisu h2 a,
div#sisalto div.julkaisu h3 a,
div#sisalto div.julkaisu h4 a,
div#sisalto div.julkaisu h5 a,
div#sisalto div.julkaisu h6 a {
	text-decoration: none;
	}
	
div#sisalto div.julkaisu p.julkaistu {
	border-top: 2px solid #f0f0f0;
	margin: 0 10px;
	padding: 0;
	text-align: right;
	color: #666;
	}
	
div#sisalto p.adbanneri {
	padding: 0 20px 20px 20px;
	}