/* CSS Document name ..css/avanto.css */

a:link{color:.blue}

a:link IMG{border:none}

a:visited{color:.green}

a:active{color:.red}

a:hover{color:.blue}

body {text-align: center;}		/* ie 5.x workaround */

.avantotxt1 {
	font-family:Trebuchet MS ;
	font-size: 18px;
	text-decoration: none;
}

.avantotxt2 {
	font-family:Trebuchet MS ;
	font-size: 14px;
	text-decoration: none;
}

.avantotxt3 {
	font-family:Trebuchet MS ;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

.vttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}

.vtalatext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.kurstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.textsm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.headblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: .E11200;
}
div#logo {
	text-align: left;
	position: absolute;
	height: 100px;
	width: 150px;
	left: 30px;
	top: 20px;
	right: 0px;

}
div#palkki {
	text-align: left;
	position: absolute;
	height: 250px;
	width: 150px;
	left: 60px;
	top: 200px;
	right: 0px;

}


div#kuva1 {
	text-align: left;
	position: absolute;
	height: 450px;
	width: 500px;
	left: 400px;
	top: 50px;
	right: 0px;

}

div#text1 {
	text-align: left;
	position: absolute;
	height: 250px;
	width: 400px;
	left: 500px;
	top: 400px;
	right: 0px;

}

div#text2 {
	text-align: left;
	position: absolute;
	height: 250px;
	width: 700px;
	left: 285px;
	top: 400px;
	right: 0px;

}
div#text3 {
	text-align: left;
	position: absolute;
	height: 400px;
	width: 550px;
	left: 285px;
	top: 60px;
	right: 0px;

}
div#text4 {
	text-align: left;
	position: absolute;
	height: 1200px;
	width: 600px;
	left: 285px;
	top: 60px;
	right: 0px;

}
div#textlong {
	text-align: left;
	position: absolute;
	height: 1000px;
	width: 550px;
	left: 285px;
	top: 60px;
	right: 0px;

}
div#taustait {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid blue;
	height: 800px;
}
div#taustainfo {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid blue;
	height: 900px;
}

div#isotausta {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid blue;
	height: 1050px;
}
div#maxitausta {
	position: relative;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid blue;
	height: 1050px;
}
div#mototausta {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid blue;
	height: 1400px;
}
div#kurssit {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: 1px solid .000000;
	height: 1010px;
}
div#keskus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	position: absolute;
	height: 540px;
	left: 160px;
	top: 20px;
	width: 750px;
	right: 0px;
}
div#infopage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	position: absolute;
	height: 700px;
	left: 30px;
	top: 10px;
	width: 750px;
	right: 0px;
}

div#keskuspaijan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	position: absolute;
	height: 770px;
	left: 160px;
	top: 130px;
	width: 420px;
	right: 0px;
}
div#keskusinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	position: absolute;
	height: 770px;
	left: 160px;
	top: 130px;
	width: 620px;
	right: 0px;
}
div#pkeskus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	position: absolute;
	height: 1200px;
	left: 160px;
	top: 130px;
	width: 550px;
	right: 0px;
}
div#keskuskurs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	position: absolute;
	height: 540%;
	left: 160px;
	top: 130px;
	width: 750px;
	right: 0px;
}
div#keskuskurp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	position: absolute;
	height: 400px;
	left: 170px;
	top: 130px;
	width: 550px;
	right: 0px;
}
div#keskuskursl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	position: absolute;
	height: 680%;
	left: 160px;
	top: 130px;
	width: 750px;
	right: 0px;
}
div#vesit_keskus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	position: absolute;
	height: 680%;
	left: 180px;
	top: 270px;
	width: 1100px;
	right: 0px;
}
div#keskuskilp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	position: absolute;
	height: 350%;
	left: 165px;
	top: 380px;
	width: 870px;
	right: 0px;
}

div#keskuscourse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	position: relative;
	height: 350%;
	left: 60px;
	top: 5px;
	width: 870px;
	right: 0px;
}

div#veneet {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: 1px solid .000000;
	height: 660px;
}

div#alakurssi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	top: 990px;
	right: 0px;
	text-align: left;
	left: 115px;
	font-weight: bold;

}
div#alanav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	text-align: left;
	width: 500px;
	top: 480px;
	right: 0px;
	text-align: left;
	left: 170px;
}
div#alanava {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	text-align: left;
	width: 500px;
	top: 445px;
	right: 0px;
	text-align: left;
	left: 170px;
}
div#alinav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	text-align: left;
	width: 500px;
	top: 970px;
	right: 0px;
	text-align: left;
	left: 170px;
}
div#vtnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	text-align: left;
	width: 700px;
	top: 970px;
	right: 0px;
	text-align: left;
	left: 170px;
}
div#alanavkurs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	text-align: left;
	width: 500px;
	top: 570px;
	right: 0px;
	text-align: left;
	left: 170px;
}
div#alanavkursl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	text-align: left;
	width: 500px;
	top: 655px;
	right: 0px;
	text-align: left;
	left: 170px;
}
div#alanavene {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	text-align: left;
	width: 500px;
	top: 420px;
	right: 0px;
	text-align: left;
	left: 60px;
}

div#pviiva {
	position: absolute;
	left: 135px;
	top: 5px;
	right: 0px;
	height: 280px;
	width: 5px;

}
div#pviivacourse {
	position: absolute;
	left: 135px;
	top: 130px;
	right: 0px;
	height: 280px;
	width: 5px;
}
div#pviivapit {
	position: absolute;
	left: 135px;
	top: 130px;
	right: 0px;
	height: 950px;
	width: 5px;

}
div#vviivapit {
	position: absolute;
	left: 135px;
	top: 270px;
	right: 0px;
	height: 700px;
	width: 5px;

}
div#sarnav {
	text-align: left;
	position: absolute;
	height: 310px;
	width: 150px;
	left: 0px;
	top: 90px;
	right: 0px;

}
div#sarnavkurs {
	text-align: left;
	position: absolute;
	height: 310px;
	width: 150px;
	left: 0px;
	top: 130px;
	right: 0px;

}
div#vesi_links {
	text-align: left;
	position: absolute;
	height: 310px;
	width: 200px;
	left: 0px;
	top: 270px;
	right: 0px;

}
div#columnnav {
	text-align: left;
	position: absolute;
	height: 310px;
	width: 100px;
	left: 10px;
	top: 140px;
	right: 0px;

}
div#ppcvb {
	text-align: left;
	position: absolute;
	left: 585px;
	right: 0px;
	bottom: 25px;
	top: auto;

}
div#ankkuri {
	text-align: left;
	position: absolute;
	width: auto;
	left: 15px;
	top: 15px;
	right: 0px;
}
div#hiideri {

	text-align: left;
	position: absolute;
	height: 25px;
	width: 635px;
	left: auto;
	top: 15px;
	right: 0px;
	background-color: .101170;
}
div#tsail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position: absolute;
	height: 100%;
	width: 465px;
	left: 225px;
	top: 50px;
	right: 0px;
	line-height: 1.3em;

}
div#tpowr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position: absolute;
	height: 250px;
	width: 465px;
	left: 206px;
	top: 465px;
	right: 0px;
	line-height: 14px;
}
div#tlapsi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position: absolute;
	height: 250px;
	width: 465px;
	left: 225px;
	top: 550px;
	right: 0px;
	line-height: 14px;
}


div#kuvat {
	text-align: left;
	position: absolute;
	width: 600px;
	left: 140px;
	top: 460px;
	right: 0px;
}
div#kuvatpp {
	text-align: left;
	position: absolute;
	width: 600px;
	left: 160px;
	top: 450px;
	right: 0px;
}
div#kuvatinfo {
	text-align: left;
	position: absolute;
	width: 420px;
	left: 150px;
	top: 430px;
	right: 0px;
}
div#kuvapur {
	position: absolute;
	text-align: left;
	width: 400px;
	top: 450px;
	right: 0px;
	left: 155px;
}
div#kuva2 {
	text-align: left;
	position: absolute;
	width: auto;
	left: 145px;
	top: 50px;
	right: 0px;
}

div#kuva3 {
	text-align: left;
	position: absolute;
	width: auto;
	left: 130px;
	top: 498px;
	right: 0px;
	z-index: 100;
}

div#kuva4 {
	text-align: left;
	position: absolute;
	width: auto;
	left: 110px;
	top: 565px;
	right: 0px;
	z-index: 10;
}

div#kuva5 {
	text-align: left;
	position: absolute;
	width: auto;
	left: 110px;
	top: 750px;
	right: 0px;
}

div#kuvacal {
	text-align: left;
	position: absolute;
	width: auto;
	left: 15px;
	top: 1px;
	right: 0px;
}

div#kuvamet {
	text-align: left;
	position: absolute;
	width: 125px;
	left: 120px;
	top: 50px;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
}

div#kuvamita {
	text-align: left;
	position: absolute;
	width: 100px;
	left: 120px;
	top: 50px;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
}

div#pviiva1 {
	text-align: left;
	position: absolute;
	width: 575px;
	left: 110px;
	top: 475px;
	right: 0px;
	border-top: medium solid .E11200;
	border-right: medium none .E11200;
	border-bottom: medium none .E11200;
	border-left: medium none .E11200;
}

div#pviiva2 {
	text-align: left;
	position: absolute;
	width: 575px;
	left: 110px;
	top: 730px;
	right: 0px;
	border-top: medium solid .E11200;
	border-right: medium none .E11200;
	border-bottom: medium none .E11200;
	border-left: medium none .E11200;
	height: 2px;
}

div#pviiva3 {
	text-align: left;
	position: absolute;
	width: 560px;
	left: 130px;
	top: 107px;
	right: 0px;
	border-top: medium solid .E11200;
	border-right: medium none .E11200;
	border-bottom: medium none .E11200;
	border-left: medium none .E11200;
	height: 2px;
}

div#tkal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position: absolute;
	left: 120px;
	top: 50px;
	right: 0px;
	line-height: 12px;
	width: 550px;

}
div#tmet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position: absolute;
	left: 265px;
	top: 50px;
	right: 0px;
	line-height: 1.3em;
}

div#tkalus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position: absolute;
	left: 190px;
	top: 50px;
	right: 0px;
	line-height: 1.3em;
	width: 510px;
}

div#kalumon {
	text-align: left;
	position: absolute;
	width: auto;
	left: 110px;
	top: 100px;
	right: 0px;
}

div#alakalus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	top: 640px;
	right: 0px;
	text-align: left;
	left: 115px;
	font-weight: bold;

}

div#tpak {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position: absolute;
	left: 240px;
	top: 100px;
	right: 0px;
	line-height: 1.3em;
	width: 450px;
}

div#tuutt {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position: absolute;
	left: 230px;
	top: 50px;
	right: 0px;
	line-height: 1.3em;
}

div#tinfo {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position: absolute;
	left: 120px;
	top: 50px;
	right: 0px;
	line-height: 12px;
	width: 550px;
}

div#tenroll {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position: absolute;
	left: 120px;
	top: 60px;
	right: 0px;
	line-height: 12px;
	width: 550px;
}

div#binfo {
	text-align: left;
	position: absolute;
	width: 575px;
	left: 270px;
	top: 60px;
	right: 0px;
}

div#bexp {
	text-align: left;
	position: absolute;
	width: 575px;
	left: 195px;
	top: 60px;
	right: 0px;
}
div#ppkoul {
	background-image: url(../images/annp-way-vertical.gif);
	background-repeat: repeat;
	text-align: left;
	position: absolute;
	height: 99%;
	width: 50px;
	left: 2px;
	top: 2px;
	right: 0px;
}