html { }
html, body { margin: 0px; padding: 0px; height: 100%; }
body { background: url(/images/bg-body.jpg) 50% 50% no-repeat fixed #ecede5; }

.clearing { clear: both; }
a { color: #d664c6; }
a:hover { color: #ab449c; }

/* typography */

a { text-decoration: none; }

#feedback { margin: 10px 00px; padding: 0; }
#feedback li { border: 1px solid #800; background: #faa; list-style-type: none; padding: 2px; margin: 2px 0px; }

#body h1, #body h2, #body h3, #body h4, #body h5, #body p, #body table { padding: 0px; }
#leftcol h2 { padding-left: 10px; }

#body { font-family: trebuchet ms, serif; }
#body h1 { font-size: 18pt; font-weight: normal; color: #333; }
#body h2 { font-size: 12pt; font-weight: normal; color: #333; }
#body p, #body th, #body td, #body li { font: 8pt verdana; line-height: 1.7; }
#body p { padding: 0; }
#body th { font-weight: bold; padding-right: 5px; text-align: right; vertical-align: top; }
#body input, #body textarea { border: 1px solid #666; background: url(/images/bg-form.png) no-repeat; }
#body input[type=text], #body select { width: 150px; }


/* structure */

#body { width: 1000px; background: #fff; min-height: 92%; position: relative; top: 8%; margin: auto; }
	#header img { margin: 10px 10px 5px 10px; }
	#body #menu { margin: 0px 10px; background: url(/images/bg-menu.jpg) left top no-repeat; text-align: center; height: 25px; }
		#body #menu li { display: inline; }
		#body #menu li a { padding: 5px 10px; line-height: 25px; font: bold 8pt verdana; color: #000; }
		#body #menu li a:hover { background: #d94da4; }
		
	#contentframe { clear: both; padding-bottom: 20px; }
		#leftcol { width: 170px; float: left; padding-left: 10px; }
		#content { width: 530px; float: left; padding: 15px 20px; }
		#content.wide { width: 770px; }
		#rightcol { width: 240px; float: right; padding-right: 10px; }
			#rightcol-coloured { position: relative; background: #fcf3a4; margin-top: 10px; min-height: 400px; }
				img.rightcol-coloured-topping { position: absolute; top: 0px; left: 0px; }
				#rightcol-coloured h3 { padding-top: 15px; font-size: 10pt; color: #7c774b; }

	#clear-contentframe { clear: both; }

	
	/*  frontpage extras */
	
	.greenbox { width: 170px; background: url(/images/bg-greenbox.png); margin: 10px 0px; }
	.yellowbox { width: 170px; background: url(/images/bg-yellowbox.png); margin: 10px 0px; }
	.purplebox { width: 170px; background: url(/images/bg-purplebox.png); margin: 10px 0px; }
	
	#body div.boxie.right { margin-left: 60px; }
	#body div.boxie td { font: bold 8pt verdana; }
	#body div.boxie { text-align: center; height: 68px; padding-top: 39px; }
	#body div.boxie table { width: 100%; height: 30px; margin: 0; padding: 0; }
	#body div.boxie table td { text-align: center; vertical-align: middle; margin: 0; padding: 0; line-height: 8pt; }
	#leftcol h2, #rightcol h2 { font-family: trebuchet ms, serif; font-size: 14px; font-weight: bold; }
	#leftcol h3, #rightcol h3 { font-family: trebuchet ms, serif; font-size: 12px; font-weight: bold; }
	#leftcol, #leftcol p, #leftcol th, #leftcol td, #leftcol li, #rightcol, #rightcol p, #rightcol th, #rightcol td, #rightcol li { font-size: 10px; }
	#body div.panelContent { margin-top: 30px; font: 8pt verdana; line-height: 1.7; }
	#body div.panelContent div.bar { width: 140px; margin: 0; padding: 3px 10px 3px 20px; }
	#body div.panelContent a { color: #000; }
	#body div.panelContent a:hover { text-decoration: underline; }
	#body div.greenbar { background: url(/images/bg-greenbar.jpg); }
	#body div.purplebar { background: url(/images/bg-purplebar.jpg); }
	#body div.yellowcontent { background: #FFF7AD; padding: 1px; margin-top: 20px; }
	#body div.yellowcontent p { font-size: 7.2pt !important; }
	#body div.yellowcontent h1, #body div.yellowcontent h2, #body div.yellowcontent h3, #body div.yellowcontent p, #body div.yellowcontent ul { margin: 5px 0; padding: 0 10px; }
	#body ul.kurssit { margin-bottom: 0; padding: 0 20px; }
	#body ul.kurssit li { list-style-type: none; }

table.schedule { width: 100%; border-collapse: collapse; padding: 0; }
table.schedule thead td { text-align: center; }
table.schedule td { border: 2px solid #5e8238; font-size: 10px !important; width: 14%; vertical-align: top; }
table.schedule td p { margin-top: 0; margin-bottom: 0; }

.hide { display: none; }
.notification { font-style: italic !important; font-size: 7pt !important; }

#feedback-form th { width: 80px; }
#feedback-form textarea { width: 350px; height: 150px; }
#feedback-form table.contact input { width: 350px; }

.center { text-align: center; }
#body table.payment {  }
#body table.payment th, #body table.payment td { vertical-align: middle; margin: 0; padding: 3px; }