html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

.break {
	clear:both;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Yleiset */

.listhead {
	font-size:1.2em;
}

/* Yleinen rakenne */


div#container {
	width:921px;
	margin:25px auto 0 auto;
	background: transparent url(images/header_b.jpg) 0 0 no-repeat;
	min-height:600px;
	height:auto !important;
	height:600px;
}

a#logo {
	float:left;
	clear:left;
	display:inline;
	width:220px;
	height:120px;
	margin:40px 0 0 10px;
}


div#mainmenu {
	float:left;
	width:630px;
	clear:right;
	height:90px;
	margin:70px 0 0 23px;
	display:inline;
	padding:0 0 0 0;
}

div#leftcol {
	float:left;
	clear:left;
	width:191px;
	text-align:center;
	display:inline;
	margin:35px 0 0 25px;
	padding:0 0 20px 0;
}

div#maincontent {
	float:left;
	display:inline;
	width:525px;
	margin:33px 0 0 46px;
	padding:0 0 20px 0;
	position:relative;
	z-index:100
}

/* Mainmenu */


div#mainmenu ul, div#mainmenu ul li {
	float:left;
	display:block;
	height:27px;
	background:none;
	padding:0;
	display:inline;
	margin:0
}

div#mainmenu ul li span {
	display:none;
}

div#mainmenu ul li {
	height:27px;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 1px 0 0;
	text-transform:uppercase;
	text-align:center;
}

.men1 a {
	width:70px;
	background: transparent url(images/mainmenu.png) 0 0 no-repeat;
}

	.men1 a:hover, div#mainmenu ul li.men1 a.current  {
		background-position:0 -29px;
	}
	
.men2 a {
	width:104px;
	background: transparent url(images/mainmenu.png) -70px 0 no-repeat;
}

	.men2 a:hover, div#mainmenu ul li.men2 a.current  {
			background-position:-70px -29px;
		}
		
.men3 a {
	width:125px;
	background: transparent url(images/mainmenu.png) -178px 0 no-repeat;
}
	.men3 a:hover, div#mainmenu ul li.men3 a.current  {
			background-position: -178px -29px;
		}
		
.men4 a {
	width:140px;
	background: transparent url(images/mainmenu.png) -308px 0 no-repeat;
}

	.men4 a:hover, div#mainmenu ul li.men4 a.current  {
			background-position:-308px -29px;
		}
		
.men5 a {
	width:90px;
	background: transparent url(images/mainmenu.png) -450px 0 no-repeat;
} 

	.men5 a:hover, div#mainmenu ul li.men5 a.current  {
			background-position:-450px -29px;
		}


div#mainmenu ul li a {
	color:#7283a2;
	text-decoration:none;
	display:block;
	padding:0px;
	line-height:27px;
	height:27px;
	font-weight:normal;
}

div#mainmenu ul li a:hover, div#mainmenu ul li.current a {
	color:#819dd1;
	font-weight:bold;
	padding:0
	}



/* Yleiset tyylit */

body { 
	font:75%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#7283a2;
}
		
		
p {
	margin:0 0 1em 0;
}


/* Linkit */

a {	
	color:#7283a2;
	text-decoration:underline;
}

a:hover {	
	color:#819dd1;
}

/* Listat */

ul {
	margin:12px 0 8px 20px;
	}

li {
	padding:0 0 0 0px;
	line-height:1.4em;
	margin:0 0 20px 0;
	list-style-position:outside;
	list-style-type:disc;
	}

ul ul {
	margin:4px 0 8px 20px;
	}


li li {
	padding:0 0 0 0px;
	line-height:1.4em;
	margin:0 0 4px 0;
	}


/* Otsikot */

h1, h2, h3 {
	font-weight:normal;
}

h1 {
	color:#7283a2;
	margin:0 0 20px 0;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:bold;
	text-transform:uppercase
}

h2 {
	color:#7283a2;
	 padding:0 0 4px 0;
	 margin:16px 0 8px 0;
	 font-weight:normal;
	 font-size:1.1em;
	 font-weight:bold;
}

.margin {
	margin:0 0 20px 20px;
	}

h3 {
	color:#6fa33c;
	font-size:1.1em;
	margin:1em 0 0.5em 0;
}


/* Taulukot */

/* Mainmenu */

#mainmenu ul {}

/* Submenu */

#submenu ul {}


/* Lomake */

#lomake div {
	margin: 0 0 4px 0;
	width:420px;
	float:left;
}

#lomake div label {
	float:left;
	width:150px;
	height:20px;
	display:block;
}

#lomake div input {
	
	float:right;
	width:230px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
#lomake textarea {
	width:232px;
	height:100px;
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
#submit {
	float:right;
	margin:0 0 0 150px;
}



/* Lomake loppuu */