body, html { margin: 0px; padding: 0px; }
body { background: #005172; text-align: center; padding-top: 20px; }

a { text-decoration: none; }
a img { border: 0px; }

#page { width: 970px; margin: auto; text-align: left; }
	#header { position: relative; height: 216px; background: url(../images/bg-header.jpg) left top no-repeat; }
		#header a.articlelibrary { position: absolute; top: 0px; right: 0px; }
		#menu { position: absolute; left: 0px; top: 147px; height: 34px; background: url(../images/bg-menu.jpg) left top no-repeat; width: 970px; }

	#mainframe { background-color: #9CBBC8; height: 535px; padding: 10px; position: relative; }
		#content { width: 640px; float: left; }
			#content h1 { padding: 50px 50px 0px 50px; }
			#content p { font: 9pt verdana; padding: 0px 50px; margin: 15px 0px; line-height: 18px; }
			
			#content ul { margin: 0px 50px; }
			#content li { list-style-position: inside; font: bold 9pt verdana; color: #000; padding: 2px 0px; }
		
		#additional { width: 300px; float: right; }
			#additional h3 { font: bold 12pt arial; color: #fff; padding: 160px 35px 12px 35px; }
			#additional p { font: 9pt arial; color: #fff; padding: 8px 35px; }

			#additional table { margin: 144px 0px 12px 63px; }
			#additional table td { padding: 1px 1px 0px 0px; }

			#additional table.yhteystied { margin-left: 20px; margin-top: 180px; }
			#additional table.yhteystied2 { margin-top: 20px; margin-left: 20px; }
			
			#additional td.thead { width: 90px; }

			#additional table.yhteystied th, #additional table.yhteystied2 th { font: bold 12pt arial;  color: #fff; text-align: left; }
			#additional table.yhteystied td, #additional table.yhteystied2 td { font: 9pt verdana; color: #fff; padding: 0px; }


			#staff-frame { float: right; width: 280px; text-align: right; }
				#staff-frame h3 { font: bold 10pt verdana; padding: 15px 15px 0px 0px; color: #205C75; margin: 0px; }
				#staff-frame h3 a { color: #205C75; }
				#staff-frame h3 a:hover, #staff-frame h3 a:active { color: #fff; }

				#staff-frame p { margin: 0px; font-size: 8pt; padding: 1px 15px; }

			#feedback { background: #c1d5dd; padding: 8px; margin-left: 45px; margin-right: 45px; font: bold 8pt tahoma; }

			#frame { border: 2px solid #ebebeb; background: #c1d5dd; width: 80%; height: 400px; overflow: auto; margin: 25px; }
				#frame h1 { padding: 40px 25px 0px 25px; font: 14pt tahoma; }
				#frame p { padding: 0px 25px; font: 9pt verdana; }

				#frame li { color: #205C75; font: 9pt verdana; }

				#frame span.caution { text-transform: uppercase; color: #ff000; font-weight: 900; }

			form.yht { margin-left: 45px; margin-top: 20px; }
			form.yht input { width: 280px; border: 2px solid #fff; background: #c1d5dd; padding: 3px; }
			form.yht input:focus, form.yht textarea:focus { background: #fff; }
			form.yht input.submit { float: right; width: 180px; margin-right: 60px; }
			form.yht textarea { width: 280px; height: 48px; border: 2px solid #fff; border: 2px solid #fff; background: #c1d5dd; padding: 3px; }
			form.yht td { padding: 5px; vertical-align: top; font: bold 8pt tahoma; color: #00405a; }

	#footer { text-align: center; padding: 10px 0px 0px 0px; }

	#adminpanel { position: absolute; right: 0px; top: 0px; width: 200px; background: #9CBBC8; padding: 5px 5px 10px 10px;border-left: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; font: bold 8pt verdana;}
		
		.etusivu { background: url(../images/bg-frontpage.jpg) center center no-repeat #9CBBC8; }
			#mainframe.etusivu h1 { visibility: hidden; }
			#mainframe.lakimiehet h1 { visibility: hidden; }
		.palvelut { background: url(../images/bg-palvelut.jpg) center center no-repeat #9CBBC8; }
		.lakimiehet { background: url(../images/bg-henkilosto.jpg) center center no-repeat #9CBBC8; }
		.opus-lex { background: url(../images/bg-opuslex.jpg) center center no-repeat #9CBBC8; }
			#mainframe.opus-lex h1 { visibility: hidden; }
		.yhteydenotto { background: url(../images/bg-yhteystiedot.jpg) center center no-repeat #9CBBC8; }
		.in-english { background: url(../images/bg-inenglish.jpg) center center no-repeat #9CBBC8; }
			#mainframe.in-english h1 { visibility: hidden; }
		
	.clearing { clear: both; }

	.amda { margin-bottom: 10px; }

	a.opuslex-yritysesittely { display: block; position: absolute; left: 60px; bottom: 90px; width: 99px; height: 39px; }
	a.asl-yritysesittely { display: block; position: absolute; left: 225px; bottom: 83px; width: 60px; height: 60px; }
	a.asl-lakimiehet { display: block; position: absolute; left: 57px; bottom: 113px; width: 60px; height: 60px; }
	a.opuslex-opuslex { display: block; position: absolute; left: 47px; bottom: 30px; width: 145px; height: 64px; }

	a.opuslex-inenglish { display: block; position: absolute; bottom: 41px; left: 51px; width: 103px; height: 44px; }
	a.asl-inenglish { display: block; position: absolute; bottom: 31px; left: 220px; width: 60px; height: 60px; }
	a.sublink1 { display: block; width: 100px; height: 40px; margin-left: 100px; margin-top: 35px; }