/* Start of CMSMS style sheet 'style' */
body {
	margin: 0;
	background-image: url(pics/bg.jpg);
	background-repeat: repeat-y;
	background-color: #fff;
}


img {
	border: none;
	}
	
form {
	margin: 0;
	padding: 0;
	}	
	

/*** layer popperit ***/

#infopopup {
	position: absolute;
	top: 200px;
	left: 200px;
visibility: hidden;
	}	
	

#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	}
	
#kerroKaverillepopup {
	position: absolute;
	top: 250px;
	left: 180px;
	width: 737px;
	height: 381px;
	background-image: url(pics/kerroKaverillepopup.png);
	background-repeat: no-repeat;
	}
	
#kerroKaverillepopupLeft {
	float: left;
	width: 475px;
	padding: 145px 0 0 95px;
	}
	
#kerroKaverillepopupRight {
	float: left;
	width: 55px;
	padding: 15px 0 0 95px;
	}
	
#kerroKaverillepopupLaheta {
	float: left;
	width: 650px;
	padding: 15px 0 0 0px;
	}

/*** header ***/		
	
	
#header {
	float: left;
	width: 950px;
	height: 215px;
}

/*** etusivu ***/

#contentHeight {
	float: left;
	width: 950px;
	height: 638px;	
}

#contentEtusivu {
	float: left;
	width: 950px;
	height: 919px;
	background-image: url(uploads/pics/bg_etusivu.jpg);
	background-repeat: no-repeat;
	text-align: left;
}


#indexTextBlockLeft {
	float: left;
	width: 390px;
	padding: 40px 36px 0 52px;	
}

#indexTextBlockLeft p, #indexTextBlockRight p {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 0px;
	line-height: 20px;	
}

#indexTextBlockRight {
	float: left;
	width: 390px;	
	padding: 40px 0 0 0;
}

#indexMiddle {
	float: left;
	width: 950px;	
}

#indexBlog {
	float: left;
	width: 390px;	
	padding: 110px 36px 0 52px;
}

#indexVinkki {
	float: left;
	width: 190px;	
	padding: 95px 0 0 25px;
}

#indexGalleriaIntro {
	float: left;
	width: 560px;	
	padding: 0px 0px 0 360px;
}


/*** tasta on kyse ***/

#contentTastaOnKyse {
	float: left;
	width: 950px;
	height: 919px;
	background-image: url(pics/bg_tastaonkyse.jpg);
	background-repeat: no-repeat;
	text-align: left;
}


#TOKTextBlockLeft {
	float: left;
	width: 380px;
	padding: 100px 36px 0 80px;	
}

#TOKTextBlockRight {
	float: left;
	width: 395px;	
	padding: 100px 0 0 0px;
}

#TOKMiddle {
	float: left;
	width: 700px;	
	padding: 110px 0 0 173px;
}

#TOKTextBlockLeft p, #TOKTextBlockRight p, #TOKMiddle p {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 0px;
	line-height: 20px;	
}

/*** tuomaristo ***/

#contentTuomaristo {
	float: left;
	width: 950px;
	height: 919px;
	background-image: url(pics/bg_tuomaristo.jpg);
	background-repeat: no-repeat;
	text-align: left;
}


#TuomaristoTextBlockLeft {
	float: left;
	width: 315px;
	padding: 120px 35px 0 40px;	
}

#TuomaristoTextBlockRight {
	float: left;
	width: 530px;	
	padding: 120px 0 0 0px;
}

#TuomaristoTextBlockLeft p, #TuomaristoTextBlockRight p, #TuomaristoMiddle p {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 0px;
	line-height: 18px;	
}

#tuomarit {
	float: left;
	width: 920px;	
	padding: 15px 0 0 30px;
}

.tuomari {
	float: left;
	width: 435px;	
	padding: 0px 15px 15px 0px;
}

.tuomarinimi {
	float: left;
	width: 432px;	
	padding: 0px 0px 8px 0px;
}

.tuomarikuva {
	float: left;
	width: 190px;	
	padding: 0px 8px 0 0px;
}

.tuomariText {
	float: left;
	width: 235px;	
	padding: 0px 0 0 0px;
}

#tuomarit .tuomariText p {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 0px;
	line-height: 16px;	
}

#tuomarit p.small {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #b63126;
	margin: 0px 0px 10px 0px;
	line-height: 16px;	
}



/*** osallistu ***/

#contentOsallistu {
	float: left;
	width: 950px;
	height: 919px;
	background-image: url(pics/bg_osallistu.jpg);
	background-repeat: no-repeat;
	text-align: left;
}


#OsallistuTextBlockLeft {
	float: left;
	width: 386px;
	padding: 120px 20px 0 36px;	
}

#OsallistuTextBlockRight {
	float: left;
	width: 470px;	
	padding: 85px 0 0 0px;
}


#OsallistuTextBlockLeft p {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 0px;
	line-height: 18px;	
}

#OsallistuTextBlockRight p {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 3px 5px;
	line-height: 18px;	
}

h3 {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 15px 0px 3px 0px;
}

/*** Sanasto ***/

#contentSanasto {
	float: left;
	width: 950px;
	height: 919px;
	background-image: url(pics/bg_sanasto.jpg);
	background-repeat: no-repeat;
	text-align: left;
}
#contentKiitos {
	float: left;
	width: 950px;
	height: 919px;
	background-image: url(pics/bg_kiitos.jpg);
	background-repeat: no-repeat;
	text-align: left;
}
#contentVirhe1 {
	float: left;
	width: 950px;
	height: 919px;
	background-image: url(pics/bg_tarkista.jpg);
	background-repeat: no-repeat;
	text-align: left;
}
#contentVirhe2 {
	float: left;
	width: 950px;
	height: 919px;
	background-image: url(pics/bg_tiedosto.jpg);
	background-repeat: no-repeat;
	text-align: left;
}


#SanastoTextBlockLeft {
	float: left;
	width: 304px;
	padding: 50px 140px 0 48px;	
}

#SanastoTextBlockRight {
	float: left;
	width: 410px;	
	padding: 50px 0 0 0px;
}

#SanastoMiddle {
	float: left;
	width: 396px;	
	padding: 95px 0 0 494px;
}

#SanastoTextBlockLeft p, #SanastoTextBlockRight p {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 0px;
	line-height: 18px;	
}

/*** Galleria ***/

#contentGalleria {
	float: left;
	width: 950px;
	height: 919px;
	background-image: url(pics/bg_galleria.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

#galleriaIntro {
	float: left;
	width: 795px;	
	height: 85px;
	padding: 80px 0px 0 115px;
}


#galleriaIntro p {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 0px;
	line-height: 18px;	
}

#galleria {
	float: left;
	width: 950px;	
}

#galleria .galleriaKassit {
	float: left;
	padding: 5px 0 10px 18px;
}

#galleria .galleriaKassit .kassiLaatikko {
	float: left;
	padding: 10px 15px 0 15px;	
	width: 146px;
	height: 188px;
	background-image: url(pics/kassilaatikkoBg.png);
	background-repeat: no-repeat;	
	margin-right: 8px;
}

#galleria .galleriaKassit .kassiLaatikkoLast {
	float: left;
	padding: 10px 15px 0 15px;	
	width: 146px;
	height: 188px;
	background-image: url(pics/kassilaatikkoBg.png);
	background-repeat: no-repeat;
}

#galleria .galleriaKassit .arvostele {
        float: center;
        text-align: center;
        padding: 0px 0px 6px 0px;
}

#galleria .galleriaKassit .kassi {
        float: center;
        text-align: center;
        padding: 0px 0px 0 0px;
}


#edellinenseuraava {
	float: left;
	width: 950px;	
}

/*** kassi ***/

#kassi {
	float: left;
	width: 950px;
	height: 495px;
	background-image: url(pics/kassiBg.jpg);
	background-repeat: no-repeat;
	}	
	
#kassiLeft {
	float: left;
	width: 260px;
	padding: 30px 0 0 55px;
	}
	
#kassiCenter {
	float: left;
	width: 490px;
	padding: 35px 0 0 55px;
	}
	
#kassiCenter p {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 15px 0px;
	line-height: 18px;	
}
	
#kassiVinkkaa {
	float: left;
	width: 900px;
	text-align: right;
	padding: 22px 50px 0 0;
	}
	

/*** Saannot ***/

#contentSaannot {
	float: left;
	width: 950px;
	height: 919px;
	background-image: url(pics/bg_saannot.jpg);
	background-repeat: no-repeat;
	text-align: left;
}


#SaannotTextBlockLeft {
	float: left;
	width: 264px;
	padding: 100px 20px 0 40px;	
}

#SaannotTextBlockCenter {
	float: left;
	width: 365px;	
	padding: 100px 25px 0 0px;
}

#SaannotTextBlockRight {
	float: left;
	width: 210px;	
	padding: 120px 0 0 0px;
}

#SaannotMiddle {
	float: left;
	width: 665px;	
	padding: 10px 0 0 60px;
}

#SaannotTextBlockLeft p, #SaannotTextBlockRight p, #SaannotTextBlockCenter p, #SaannotMiddle p {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 0px;
	line-height: 18px;	
}

#kassipohja {
	float: left;
	width: 400px;	
	padding: 10px 0 0 350px;
}


/*** common elements ***/
h1 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #cf4424;
	margin: 0px 0px 3px 0px;
}

h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 3px 0px;
}


p {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 0px;
	line-height: 14px;	
}



span.red {
	font-weight: bold;
	color: #b63126;
	line-height: 18px;	
}


span.green {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #5f8618;
}

a {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #cf4424;
	text-decoration: none;
}

a:hover {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #b01606;
	text-decoration: underline;
}

input, textarea {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;	
}

/* End of 'style' */