* { padding:0;margin:0;}
	img { border:0; }
	body { background-color: #D0D0CF; /* #D4D6D4; */ }
	body, table, div, span, td, tr { margin: 0; padding: 0; }
	body, p, * { font-family: "verdana", "arial"; font-size: 11px; }
	p { margin: 0; padding: 5px 0 10px 0; }
	h1 { 
		font-family: "tahoma", "verdana", "arial"; 
		font-size: 23px; 
		color: #338abc; 
		font-weight: normal;
		margin: 0;
		padding: 0 0 10px 0;
		letter-spacing: -1px;
	}
	
	h2 { 
		font-family: "verdana", "arial"; 
		font-size: 14px; 
		color: #338abc; 
		font-weight: bold;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	h2 a {
		font-size: 14px;
	}
	
	h3 { 
		font-family: "verdana", "arial"; 
		font-size: 12px; 
		color: #000; 
		font-weight: bold;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	h4 { 
		font-family: "verdana", "arial"; 
		font-size: 11px; 
		color: #000; 
		font-weight: bold;
		margin: 0;
		padding: 0 0 10px 0;
	}
		
	a {color: #338abc; text-decoration: none;}
	a:hover { text-decoration: underline; }
	li { margin-left: 25px;}
	ul {
		list-style-image: url(../pics/bullet.gif);
		list-style-type: circle;
	}
	
	/*** pääosat ***/
	
	#home{ position: relative; }
	#home a {
		position: absolute;
		top: 10px;
		left: 82px;
		display: block;
		width: 170px;
		height: 70px;
		z-index: 999;	
	}

	table#main {
		background-color: #ffffff;
		margin-left: auto;
		margin-right: auto;
	}

	td#leftshade {
		background: transparent url("../pics/leftshade.png") top left repeat-y;
	}

	td#rightshade {
		background: transparent url("../pics/rightshade.png") top right repeat-y;		
	}

	td#main_inner {
		background-color: #ffffff;
	}

	td#top {
		background-color: #5A9FC9;
	}

	td#content {
		background: transparent url("../pics/content_topshade.png") top left repeat-x;
		padding-bottom: 20px;
	}

	td#bottom {
		background: #D0D0CF url("../pics/bottomshade2.png") top left repeat-x;
	}
	
	#naviaCMS{
		position: relative;
	}
	
	#naviaCMS a {
		position: absolute;
		display: block;
		width: 123px;
		height: 13px;
		right: 33px;
		top: -18px;
		z-index: 999;
	}

	/*** /pääosat ***/

	/*** yläbanneri ***/

	div#topleft {
		float: left;
		/*width: 427px;*/
		width: 374px;
		height: 90px;
		background: transparent url("../pics/topleft.png") top left no-repeat;
	}

	div#toprighttop {
		float: left;
		/*width: 522px;*/
		width: 576px;
		height: 38px;
		background: transparent;
	}

	div#toprighttop img, div#toprighttop input { float: left; }

	div#toprightbottom {
		float: left;
		/*width: 522px;*/
		width: 576px;
		height: 52px;
		background: transparent url("../pics/toprightbottom.png") top left no-repeat;
	}

	/*** /yläbanneri ***/

	/*** navi ***/

	div#navi {
		position:relative;
		width: 950px;
		height: 33px;
		border-top: 1px solid white;
		overflow:hidden;
	}

	#lopo a {
		float: right;
		width: 75px;
		height: 33px;
		background: transparent url("../pics/lopo.gif") 0 0 no-repeat;
	}
	
	#lopo a.active {
		float: right;
		width: 75px;
		height: 33px;
		background: transparent url("../pics/lopo_active.gif") 0 0 no-repeat;
	}
	
	div#navi_inner {
		float: left;
		width: 868px;
		height: 32px;
		padding-left: 10px;
/*		border: 1px solid black; */
	}

	div.con, div.con_current {
		position: relative;
		float: left;
		padding: 0;
		margin: 0 -19px 0 0;
		z-index: 1;
	}

	div.con_current {
		z-index: 10;
	}
	
	div.navLink {
		position: relative;
		z-index: 999;
	}

	div.left {
		background: transparent url("../pics/navi-left.png") bottom left no-repeat;
		height: 28px;
		float: left;
		width: 50%;
	}

	div.right {
		background: transparent url("../pics/navi-right.png") bottom right no-repeat;
		height: 28px;
		float: right;
		width: 50%
	}

	div.con_current div.left {
		background: transparent url("../pics/left_light.png") bottom left no-repeat;
		z-index: 5;
	}

	div.con_current div.right {
		background: transparent url("../pics/right_light.png") bottom right no-repeat;
		z-index: 5;
	}

	a.text { 
		display: block; 
		position: absolute; 
		height: 28px; 
		text-align: center; 
		color: #ffffff; 
		line-height: 28px; 
		left: 0; 
		top: 0; 
		font-weight: bold;
		text-decoration: none;
	}

	/*** /navi ***/

	/*** linklist ***/
	
	.icon {
		vertical-align: middle;
		margin-right: 8px;
		margin-left: 2px;
	}
	
	#subnav {
		list-style-image: none;
	}
	
	#subnav li {
		padding:0;
		margin:0;
		list-style: none;
	}
	
	#subnav a {
		text-decoration: none;
	}

	div.linklist {
		width: 220px;
		margin-left: 0px;
		margin-bottom: 15px;
	}

	div#content_right_innerright div.linklist { 
		margin-left: 18px;
	}

	a.linkitem {
		width: 220px;
		height: 28px;
		display: block;
		margin: 0;
		padding: 0 0 0 10px;
		line-height: 28px;
		color: #000000;
		text-decoration: none;
	}

	a.gray { background: transparent url("../pics/b/gray.png") top left no-repeat; color: #000; }
	a.gray:hover { background: transparent url("../pics/b/hover.png") top left no-repeat; color: #000; text-decoration: none;} 
	
	a.gray_bottom { background: transparent url("../pics/b/gray_bottom.png") top left no-repeat; color: #000; }
	a.gray_bottom:hover { background: transparent url("../pics/b/hover_bottom.png") top left no-repeat; color: #000; text-decoration: none;}

	a.gray_active { background: transparent url("../pics/b/hover.png") top left no-repeat; color: #000; }

	a.green { background: transparent url("../pics/b/green.png") top left no-repeat; color: #fff; }
	a.green:hover { text-decoration: none; }
	
	a.green_bottom { background: transparent url("../pics/b/green_bottom.png") top left no-repeat; color: #fff; }
	a.green_bottom:hover { text-decoration: none; } 
	
	/*** /linklist ***/

	/*** etusivu ***/

	div#frontpage_content_left {
		float: left;
		width: 327px;
		margin-top: 10px;
	}

	div#frontpage_content_right {
		float: right;
		width: 623px;
		margin-top: 10px;
	}

	div#frontpage_lefttext {
		width: 300px;
		height: 345px;
		margin-top: 15px;
		margin-left: 20px;
	}

	div#frontpage_rightbox {
		width: 623px;
		height: 411px;
		background-color: black;
		/*margin-bottom: 10px;*/
		background: transparent url("../tiedostot/ilmoitustaulu.jpg") top left no-repeat;
		position: relative;
	}

	div#ajankohtaista {
		width: 238px;
		height: 225px;
		position: absolute;
		left: 52px;
		top: 127px;
	}
	
	div#ajankohtaista a,
	div#recentNews a {
		color: #000;
		text-decoration: none;
	}
	
	div#recentNews a:hover,
	div#ajankohtaista a:hover {
		text-decoration: underline;
	}
	
	#news {
		position: absolute;
		bottom: 0;
		left: 40px;
		width: 153px;
		margin: 0 auto;
	}

	div#materiaalit {
		width: 200px;
		height: 100px;
		position: absolute;
		left: 358px;
		top: 267px;
	}

	div#frontpage_buttons {
		width: 245px;
		height: 137px;
		position: absolute;
		left: 330px;
		top: 30px;
	}
	
	#magazine {
		position: relative;
		background: transparent url("../tiedostot/hakulehti.jpg") top left no-repeat;
		display: block;
		height: 285px;
		width: 327px;
	}
	
	#magazine .innerContent {
		position: absolute;
		height: 160px;
		width: 130px;
		top: 80px;
		left: 161px;
	}
	
	#magazine *{
		font-size: 9px;
		color: #4e4e4e;
	}

	/*** /navi ***/

	/*** perussivu (alasivu) ***/
	
	div#content_left {
		float: left;
		width: 260px;
		margin-top: 10px;
	}

	div#content_left_inner {
		width: 220px;
		margin-left: 20px;
		margin-top: 15px;
	}

	div#content_left_inner .button { 
		margin-left: 0px; 
	}

	div#content_right {
		float: left;
		width: 680px;
		margin-top: 9px;
	}

	div#content_right_innerleft {
		float: left;
		width: 432px;
		overflow:hidden;
	}

	div#content_right_innerright {
		float: left;
		width: 238px;
	}

	div#left_box {
		width: 100%;
		height: 222px;
	}

	/*** /perussivu (alasivu) ***/
	
	#note {
		position: relative;
		background: transparent url("../pics/bg_paperi.png") top left no-repeat;
		width: 232px;
		height: 262px;
		left: -3px;
	}
	
	#note .inner {
		position: absolute;
		width: 170px;
		height: 150px;
		top: 53px;
		left: 30px;
	}
	
	#kkvinkki {
		position: relative;
		background: transparent url("../pics/bg_kuukaudenvinkki.png") top left no-repeat;
		width: 232px;
		height: 238px;
		left: -3px;
	}
	
	#kkvinkki .inner {
		position: absolute;
		width: 170px;
		height: 80px;
		top: 80px;
		left: 25px;
	}
	
	#paper {
		position: relative;
		background: transparent url("../pics/paperitausta.png") top left no-repeat;
		width: 238px;
		height: 525px;
		left: 9px;
	}
	
	#paperInner {
		padding: 60px 15px 0 36px;
	}
	
	#map {
		position: absolute;
		left: 31px;
		padding-top: 8px;
	}
	
	#paging {
		position: relative;
		padding-top: 20px;
	}
	
	/*** /Tiedotteet ***/
	ul.news {
		padding-bottom: 10px;
	}
	
	ul.news a {
		color: #000;
	}
	
	/*** /Yleistä ***/
	.clear {
		clear: both;
	}
	
	.space {
		height: 10px;
	}
	
	.bold {
		font-weight: bold;
	}
	
	.floaterRight {
		float: right;
	}
	
	.floaterLeft {
		float: left;
	}
	
	.pageNo {
		float: right;
		padding-left: 10px;
	}
	
	/*** /Lomake ***/
	
.form .tabs {
	position: relative;
	width: 432px;
	height: 38px;
}

.form .tabs1 {
	background: transparent url(../pics/form/form_bg_navi1.png) top left no-repeat;
}

.form .tabs2 {
	background: transparent url(../pics/form/form_bg_navi2.png) top left no-repeat;
}

.form .tabs3 {
	background: transparent url(../pics/form/form_bg_navi3.png) top left no-repeat;
}

.form .tabs4 {
	background: transparent url(../pics/form/form_bg_navi4.png) top left no-repeat;
}

.form .noTabs {
	background: transparent url(../pics/form/form_bg_navi_notabs.png) top left no-repeat;
}

.form .tabs span {
	position: absolute;
	top: 8px;
	color: #fff;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
}

.form .tabs ul {
	list-style-image: none;
	list-style-type: none;
}

.form .tabs li {
	display:inline;
}

.form  .tabs .active {
	color: #000;
}

.form .nav1 {
	left: 27px;
}

.form .nav2 {
	left: 133px;
}

.form .nav3 {
	left: 240px;
}

.form .nav4 {
	left: 323px;
}

.form .buttons {
	background: transparent url(../pics/form/form_bg_bottom.png) top left no-repeat;
	display: block;
	width: 432px;
	height: 41px;
}

.form .fieldArea {
	background: #E6E6E6 url(../pics/form/form_area_bg.png) bottom left no-repeat;
	display: block;
	width: 432px;
}

.form .fieldAreaInner {
	padding: 10px;
}

.form textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #D5D5D5;
}

.form .category {
	width: 48%;
	float: left;
	border: 1px solid #D5D5D5;
	padding: 1px 0 1px 0;
}

.form .subject {
	width: 48%;
	float: right;
	border: 1px solid #D5D5D5;
	padding: 1px 0 1px 0;
}

.form .courses {
	width: 100%;
	height: 100px;
	border: 1px solid #D5D5D5;
	padding: 1px 0 1px 0;
}

.form .column {
	width: 200px;
}

.form .heading {
	display: block;
	width: 100%;
}

.form input.field {
	width: 100%;
	border: 1px solid #D5D5D5;
	padding: 1px 0 1px 0;
	margin: 4px 0 4px 0;
}

input.submit{
	background: transparent url(../pics/form/laheta.png) top left no-repeat;
	border:none;
	width:160px;
	height:20px;
	vertical-align:top;
}

.form select.selection {
	width: 100%;
	border: 1px solid #D5D5D5;
	padding: 1px 0 1px 0;
}

.form select.normSelection {
	border: 1px solid #D5D5D5;
	padding: 1px 0 1px 0;
}

.form input.radiobutton {
	vertical-align:middle;
}

.border{
	border-bottom: 1px solid #fff;
}

form#contactEdit td.label{
	width:150px;
}

form#contactEdit input.input{
	width:250px;
	height:15px;
}
.checkboxlist {
	padding:0;
	margin:0;
	list-style: none;
}

.checkboxlist li {
	float: left;
	width: 50%;
	padding:2px 0 2px 0;
	margin:0;
}

.checkboxlist2 {
	padding:0;
	margin:0;
	list-style: none;
}

.checkboxlist2 li {
	padding:2px 0 2px 0;
	margin:0;
}

/* Bottomlinks */
#bottom .bottom-links {
	text-align:left;
	padding: 10px 0 0 40px;
}

#bottom .bottom-links a {
	font-family: Arial; 
	padding-right: 10px;
	color: #fff;
	font-size: 11px;
}

/* kilpailulomake adds*/

.formTop {
	position: relative;
	width: 432px;
	height: 11px;
	background: transparent url(../pics/form/comp_form_top.png) top left no-repeat;
}

.form .fill {
	font-weight:bold;
}

/* frontpage banner adds*/

#bannerPlace {
	padding-left:7px;
}

.fbContainer, .addThisContainer {
  position:relative;
}

.fbLink {
  height:24px;
  position:absolute;  
  
}

#top .fbLink {
  background:url(../pics/fb_top.png) no-repeat;
  /*left:390px;*/
  left:334px;
  top:11px;
  width:24px;
}

#bottom .fbLink {
  background:url(../pics/fb_bottom.png) no-repeat;
  right:30px;
  position:absolute;
  top:34px;
  width:99px;
}

.fbContainer a {
  display:block;
  height:24px;
}

#top .fbContainer a {
  width:24px;
} 

#bottom .fbContainer a {
  width:99px;
}

.addthis_button {
  position:absolute;
  right:139px;
  top:38px;
}