@charset "utf-8";
body {
	background-color: #e9e9e9;
}
/* CSS Document */

#wrapper {
	background-color: #FFFFFF;
	width: 790px;
	border: thin solid #CCCCCC;
	margin-right: auto;
	margin-left: auto;
}

#header {
	height: 165px;
	width: 751px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
#navigaatio {
	width: 760px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}

#etusivu {
	background-image: url(Kuvat/etusivu.png);
	height: 30px;
	width: 83px;
	display: block;
	float: left;
}
#etusivu_etusivu {
	background-image: url(Kuvat/etusivu_hover.png);
	height: 30px;
	width: 83px;
	display: block;
	float: left;
}

#etusivu:hover {
	background-image: url(Kuvat/etusivu_hover.png);
}
#tyopaikkaohjaajakoulutus {
	background-image: url(Kuvat/tyopaikkaohjaajakoulutus.png);
	height: 30px;
	width: 233px;
	display: block;
	float: left;
}
#tyopaikkaohjaajakoulutus_tyopaikkaohjaajakoulutus {
	display: block;
	float: left;
	height: 30px;
	width: 233px;
	background-image: url(Kuvat/tyopaikkaohjaajakoulutus_hover.png);
}

#tyopaikkaohjaajakoulutus:hover {
	background-image: url(Kuvat/tyopaikkaohjaajakoulutus_hover.png);
}
#tutkinnot {
	background-image: url(Kuvat/tutkinnot.png);
	display: block;
	height: 30px;
	width: 105px;
	float: left;
}
#tutkinnot_tutkinnot {
	background-image: url(Kuvat/tutkinnot_hover.png);
	display: block;
	float: left;
	height: 30px;
	width: 105px;
}

#tutkinnot:hover {
	background-image: url(Kuvat/tutkinnot_hover.png);
}
#pelisaannot {
	background-image: url(Kuvat/pelisaannot.png);
	display: block;
	float: left;
	height: 30px;
	width: 121px;
}
#pelisaannot_pelisaannot {
	background-image: url(Kuvat/pelisaannot_hover.png);
	display: block;
	float: left;
	height: 30px;
	width: 121px;
}

#pelisaannot:hover {
	background-image: url(Kuvat/pelisaannot_hover.png);
}
#tyoturvallisuus {
	background-image: url(Kuvat/tyoturvallisuus.png);
	display: block;
	float: left;
	height: 30px;
	width: 152px;
}
#tyoturvallisuus_tyoturvallisuus {
	background-image: url(Kuvat/tyoturvallisuus_hover.png);
	display: block;
	float: left;
	height: 30px;
	width: 152px;
}

#tyoturvallisuus:hover {
	background-image: url(Kuvat/tyoturvallisuus_hover.png);
}
#topo {
	background-image: url(Kuvat/topo.png);
	display: block;
	height: 30px;
	width: 59px;
	float: left;
}
#topo:hover {
	background-image: url(Kuvat/topo_hover.png);
}


#grafiikka_viiva {
	background-image: url(Kuvat/grafiikka_viiva.png);
	height: 17px;
	width: 755px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: -2px;
	left: -3px;
}
#sidebar {
	height: 537px;
	width: 195px;
	left: 15px;
	background-color: #f2f2f2;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	float: left;
	position: relative;
	margin-bottom: 20px;
}
#sidebarin_sininen_tausta {
	background-image: url(Kuvat/sininenpala.png);
	height: 33px;
	width: 196px;
	position: relative;
	left: -1px;
}
.sidebarin_otsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	top: 8px;
	left: 20px;
	width: 100px;
	position: relative;
}
.sidebar_luettelo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	width: 187px;
	margin-top: 20px;
}
li {
	margin-bottom: 13px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#logo_omnia {
	background-image: url(Kuvat/logo_omnia.png);
	display: block;
	height: 37px;
	width: 88px;
	margin-right: auto;
	margin-left: auto;
	top: 32px;
}
#logo_luk {
	background-image: url(Kuvat/logo_luk.png);
	display: block;
	height: 14px;
	width: 80px;
	margin-right: auto;
	margin-left: auto;
	top: 30px;
}
#logo_keuda {
	background-image: url(Kuvat/logo_keuda.png);
	height: 33px;
	width: 85px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	top: 35px;
}
#logo_oph {
	background-image: url(Kuvat/logo_opetushallitus.png);
	height: 61px;
	width: 82px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	top: 40px;
}
#logo_vipuvoima {
	background-image: url(Kuvat/logo_vipuvoima.png);
	display: block;
	height: 39px;
	width: 74px;
	margin-right: auto;
	margin-left: auto;
	top: 42px;
}
#logo_eu {
	background-image: url(Kuvat/logo_eu.png);
	display: block;
	height: 42px;
	width: 79px;
	margin-right: auto;
	margin-left: auto;
	top: 42px;
}
#logo_ohjaan {
	background-image: url(Kuvat/logo_ohjaan.png);
	display: block;
	height: 25px;
	width: 86px;
	margin-right: auto;
	margin-left: auto;
	top: 47px;
}
#content {
	float: right;
	width: 575px;
	margin-bottom: 20px;
}
#clearer {
	clear: both;
}


.etusivu_otsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0091d9;
	margin-top: 20px;
	margin-left: 40px;
	font-weight: bold;
}
.etusivu_lisatietoja_text_toinen {
	color: #0091D9;
	margin-bottom: 5px;
	margin-top: 10px;
}

.etusivu_text {
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	font-size: 12px;
	width: 510px;
	margin-left: 40px;
	margin-top: 10px;
}
#etusivu_lista li {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 5px;
}

.etusivu_lisatietoja_text {
	color: #0091d9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 250px;
	margin-left: 40px;
	margin-top: 15px;
}
#etusivun_kuvat {
	position: relative;
	width: 100px;
	float: left;
}
#kuva_helena {
	background-image: url(Kuvat/kuva_helena.jpg);
	height: 76px;
	width: 59px;
	position: relative;
	margin-top: 10px;
	margin-left: 50px;
}
#kuva_ville {
	background-image: url(Kuvat/kuva_ville.jpg);
	position: relative;
	height: 76px;
	width: 57px;
	margin-top: 10px;
	margin-left: 51px;
}
.etusivu_yhteystiedot_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 300px;
	margin-top: 10px;
	color: #777777;
	margin-left: 40px;
}
.etusivu_yhteystiedot {
	margin-bottom: 40px;
}
a {
	color: #777777;
	text-decoration: none;
}
#Logot {
	margin-top: 30px;
}
.etusivu_lisatietoja_text_a {
	color: #0091D9;
}