body, html { margin: 0px; padding: 0px; height: 100%; }
body { background: url(/images/background.jpg) center center no-repeat fixed; text-align: center; font-family: sans-serif; font-size: small; }
form { margin: 0; padding: 0; }
a { text-decoration: none; }
a img { border: 0px; }

div.clearing { clear: both; }

#body { width: 965px; position: absolute; top: 50%; left: 50%; margin-top: -290px; margin-left: -482px; text-align: left; background: #fff; padding-bottom: 5px; }
	#header { margin: 0px 0px; height: 90px; }
		img.logo { margin: 5px 10px; }
		#tools { float: right; width: 200px; }
			#tools form { margin:0; padding: 0; }
			#search { color: #fff; padding-left: 10px; padding-top: 7px; width: 190px; height: 23px; background: #1E4280 url(/images/bg-navigation-left.gif) no-repeat 0 -5px; }
				#search .text { float: left; padding-top: 2px; font-size: 11px; }
				#search .search { float: left; margin-left: 5px; }
				#search .search input { width: 125px; height: 14px; padding: 0; border: 1px solid #23498b; }
				#search .submit { float: left; margin-left: 5px; }
				#search .submit input { behavior: url(/css/iepngfix.htc) }
			#map { height: 15px; font-size: 11px; text-align: right; margin-right: 10px; margin-top: 2px; }
				#map a { margin-left: 10px; }
			#flags { margin: 18px 10px 0px 0px; text-align: right; }
				#flags a { margin: 0px 3px; }
	#navigation { margin: 0px 5px; background: url(/images/bg-navigation-left.gif) left top no-repeat #1e4280; height: 35px; position: relative; padding: 0px 15px; line-height: 35px; vertical-align: middle; z-index: 10; }
		img.navibg-end { position: absolute; top: 0px; right: 0px; }
		#navigation .menu-item { display: block; float: left; margin-right: 15px; position: relative; }
			#navigation .menu-item a { display: block; color: #fff; padding: 0px 10px; font-size: 15px; }
			#navigation .menu-item a:hover { background: #000; }
			#navigation .menu-item .sub-menu { display: none; position: absolute; left: 0; top: 35px; background: #1e4280; white-space: nowrap; }
				#navigation .menu-item .sub-menu a { font-size: 12px; }

	#content { margin: 0px 5px; padding: 5px 0px; min-height: 300px; }
		#leftcol { width: 225px; height: 410px; float: left; background: #f7f7f7; position: relative; z-index: 5; }
			#leftcol h3, #rightcol h3 { margin: 0px 2px; padding: 0px 10px; font: bold 11px tahoma; background: url(/images/bg-sidepanelheader.gif); line-height: 31px; vertical-align: middle; }
			#leftcol p, #rightcol p { padding: 0px 15px 0px 10px; font: 11px arial; margin: 10px 0; }
			#leftcol a { color: #000; }
			#leftcol #ajankohtaista { height: 175px; overflow: auto; }
			#leftcol #verkkolehti { position: absolute; left: 0; bottom: 0; }
		#rightcol { width: 225px; height: 410px; float: right; background: #f7f7f7;  }
			#rightcol p { margin: 10px 0; }
			#rightcol a { color: #000; }
			#rightcol #alkavat-koulutukset { height: 175px; overflow: auto; }
		#mainframe { float: left; width: 495px; height: 400px; padding-bottom: 10px; overflow: auto; }
			#mainframe h1, #mainframe h2, #mainframe h3, #mainframe p, #mainframe table  { padding: 0px 15px; }
			#mainframe h1 { font: 21px arial; margin-bottom: 0px; color: #1d417f; margin-top: 14px; }
			#mainframe h2 { font: 14px arial; margin-bottom: 0px; color: #000; margin-top: 12px; }
			#mainframe h2.koulutusala { background: #E9E9E9; padding: 3px 15px; margin-top: 25px; }
			#mainframe h2.koulutusala.first { margin-top: 12px; }
			#mainframe p, #mainframe table { font: 12px arial; margin: 12px 0; }

	#footer { margin: 0px 5px; background: url(/images/bg-navigation-left.gif) left top no-repeat #1e4280; height: 31px; position: relative; padding: 4px 0px 0px 60px; }
		#footer table { vertical-align: top; width: 100%; }
			#footer td { color: #fff; font: 10px arial; vertical-align: top; }

a { color: #1E4280; }
a:hover { text-decoration: underline; }

.news-date { color: #999; font-size: 11px; margin-left: 20px; }
.news-ingress { font-weight: bold !important; }
.news-image { float: right; margin: 10px; }

.calendar-date { color: #999; font-size: 11px; margin-left: 20px; }

#staff { margin-top: 12px; }
#staff .staff { z-index: 0; width: 260px; }
#staff .staff p { margin: 8px 0px; font-size: 12px; }

#staff-info { display: none; float: right; margin-right: 10px; width: 200px; height: 300px; background: #F7F7F7; z-index: 9000; }
#staff-info p { font-size: 10px; text-align: center; }
.staff-info { display: none; }
.staff-header { background: #E9E9E9; padding: 10px; font-weight: bold; font-size: 12px; text-align: center; }
.staff-image { margin-top: 10px; text-align: center; }
.staff-image-big { float: right; }
.staff-image-big img { padding: 10px; }


.center { text-align: center; }

.required b { color: #990000; }

#tabContainer { margin: 10px; }
#tabs { height: 24px; }
#tabs a.tab { margin-right: 5px; display: block; float: left; background: url(/images/bg-sidepanelheader.gif) no-repeat -91px 0; width: 130px; height: 18px; font-size: 12px; color: #000; padding-top: 6px; text-align: center; }
#tabs a.tab:hover { text-decoration: none; }
#tabs a.active { font-weight: bold; height: 20px; margin-top: -4px; padding-top: 8px; }
.tabContent { clear: both; background: #F7F7F7; padding: 10px 0 4px 0; }
.hide { display: none; }

#tabContainer #info p { margin-top: 0; }
#tabContainer #sign table { width: 440px; margin: 0 auto; padding: 0; }
#tabContainer #sign table td { width: 50%; }
#tabContainer #sign table input.text { width: 90%; }
#tabContainer #more p { margin-top: 0; }
#tabContainer #more table { width: 440px; margin: 0 auto; padding: 0; }
#tabContainer #more table th { width: 80px; text-align: right; vertical-align: top; }
#tabContainer #more input { width: 90%; }
#tabContainer #more input.submit { width: auto; }
#tabContainer #more textarea { width: 90%; height: 100px; }

#languageBackground { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 10; }
#languageWrapper { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; }
#languageBox { position: absolute; top: 50%; left: 50%; width: 460px; height: 300px; margin-left: -260px; margin-top: -180px; background: #fff; padding: 20px; z-index: 20; border: 10px solid #f7f7f7; }
#languageBox #closeButton { float: right; position: relative; top: -27px; right: -27px; cursor: pointer; }
#languageContent { text-align: left; height: 300px; overflow: auto; }
#languageContent h1 { border-bottom: 1px dotted #f7f7f7; }

#mainframe input { border: 1px solid #ccc; background: #fff; padding: 3px 8px; }
#mainframe textarea { border: 1px solid #ccc; background: #fff; padding: 3px 8px; }

#sitemap { padding-left: 35px; }
#sitemap h2 { padding: 0; }
#sitemap ul { padding-left: 20px; }
#sitemap a { color: #000; }

#mainframe #feedback th { vertical-align: top; padding-top: 5px; padding-right: 5px; text-align: right; }
#mainframe #feedback input, #mainframe #feedback textarea { width: 200px; }
#mainframe #feedback textarea { height: 100px; }
#mainframe #feedback .submit { width: auto; }

#mainframe table.koulutusohjelmat { padding: 0px; margin: 5px 10px; width: 460px; }
#mainframe table.koulutusohjelmat td.place { font-size: 11px; white-space: nowrap; padding: 0px 5px; text-align: right; }
#mainframe table.koulutusohjelmat td.time { width: 120px; font-size: 11px; white-space: nowrap; text-align: right; }

#ads a { margin: 5px; }