/**
* Template by emowes.com               *
* @version 1.0                         *
* @copyright (C) 2007 - Jani Peltonen  *
* @web http://www.emowes.com           *
**/

/*global resets - eliminates cross browser inconsistancies*/

* {  
margin: 0;
padding-bottom: 0;
padding-top: 0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,label,ul,ol,dl,fieldset,address { margin: 0; } 
li,dd { margin-left:0;} 
fieldset { padding: 0; } 
img {border: 0;}
a img {border: 0;}
table {
font-size: 1em;
}

form {
margin: 0px;
padding: 0px;
}
/*end global resets*/

.clear { clear:both }

/* asettaa sisällön täyttämään koko selaimen - laita min-height: 100% halutulle diville */
html, body {
height: 100%;
}

body {
text-align: center;
margin: 0;
font-family:  Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
}
body.contentpane {
text-align: left;
background-image: none;
background-color: white;
padding: 5px;
}
.body_bg {
width: 100%;
background: #9F9F9F url(../images/bg_body.jpg) repeat-x;
min-height: 100%;
}
.container {
margin: 0;
padding: 0;
margin: 0 auto;
text-align:left;
width: 756px;
background: url(../images/);
}

/* #### YLÄOSA #### */
.top_osa {
width: 756px;
height: 413px;
background: url(../images/bg_top_v2.jpg) no-repeat;
}
.top_inner {
width: 736px;
height: 120px;
}
.fb_teksti {
color: #eceef5;
font-weight: bold;
float: right;
width: 143px;
position: relative;
left: 0px;
top: 29px;
}
.facebook_tykkaa {
width: 100px;
height: 60px;
float: right;
position: relative;
left: 0px;
top: 26px;
}
.facebook_tykkaa div {
position: relative;
left: 0px;
}
.etsi {
width: 165px;
position: relative;
left: 0px;
top: 25px;
float: right;
}
.top_menu {
margin-left: 40px;
}
.top_alaosa {
width: 756px;
height: 205px;
position: relative;
top: 1px;
}
.top_moduuli {
width: 240px;
height: 160px;
position: absolute;
left: 450px;
top: 25px;
z-index: 100;
}
/* #### KESKIOSA #### */

/* 3-osaisen keskiosan css */
.middle_v3_top {
width: 756px;
height: 21px;
background: url(../images/bg_middle_v3_top.jpg) no-repeat;
}
.middle_v3_middle {
width: 756px;
background: url(../images/bg_middle_v3_middle.jpg) repeat-y;
}
.left {
position: relative;
left: ;
top: ;
width: 262px;
float: left;
}
.left_inner {
width: 200px;
position: relative;
left: 45px;
top: ;
}
.content {
position: relative;
left: ;
top: ;
width: 232px;
float: left;
}
.content_inner {
width: 200px;
position: relative;
left: 14px;
top: ;
}
.right {
position: relative;
left: ;
top: ;
width: 261px;
float: left;
}
.right_inner {
width: 200px;
position: relative;
left: 8px;
top: ;
}
.middle_v3_bottom {
width: 756px;
height: 18px;
background: url(../images/bg_middle_v3_bottom.jpg) no-repeat;
}
/* 3-osaisen keskiosan css loppu */

/* 2-osaisen keskiosan css */
.middle_v2_top {
width: 756px;
height: 21px;
background: url(../images/bg_middle_v2_top.jpg) no-repeat;
}
.middle_v2_middle {
width: 756px;
background: url(../images/bg_middle_v2_middle.jpg) repeat-y;
}
.content_v2 {
position: relative;
left: ;
top: ;
width: 494px;
float: left;
}
.content_v2_inner {
width: 435px;
position: relative;
left: 45px;
top: ;
}
.right_v2 {
position: relative;
left: ;
top: ;
width: 261px;
float: left;
}
.right_v2_inner {
width: 200px;
position: relative;
left: 17px;
top: ;
}
.middle_v2_bottom {
width: 756px;
height: 18px;
background: url(../images/bg_middle_v2_bottom.jpg) no-repeat;
}
/* 2-osaisen keskiosan css loppu */

/* 1-osaisen keskiosan css */
.middle_v1_top {
width: 756px;
height: 21px;
background: url(../images/bg_middle_v1_top.jpg) no-repeat;
}
.middle_v1_middle {
width: 756px;
background: url(../images/bg_middle_v1_middle.jpg) repeat-y;
}
.content_v1 {
position: relative;
left: ;
top: ;
width: 750px;
float: left;
}
.content_v1_inner {
width: 666px;
position: relative;
left: 45px;
top: ;
}
.middle_v1_bottom {
width: 756px;
height: 18px;
background: url(../images/bg_middle_v1_bottom.jpg) no-repeat;
}
/* 1-osaisen keskiosan css loppu */

/* #### ALAOSA #### */
.bottom {
width: 756px;
height: 74px;
background: url(../images/bg_bottom.jpg) no-repeat;
}
.yhteystiedot {
color: #222222;
font-weight: bold;
width: 680px;
height: 20px;
position: relative;
left: 30px;
top: 16px;
}
/* #### LINKIT #### */

a, a:visited {
color: #232831;
text-decoration:  none;
font-weight: bold;
}
a:hover {
//color: #7D9FD5;
text-decoration: underline;
}

/* #### LISTAT #### */

ul {
margin: 0;
padding-left: 30px;
list-style:;
}

li {
line-height:;
padding-left: 0px;
padding-top: 0px;
list-style-position:outside;
}
li.latestnews {
padding: 1px 0 6px 0;
}
.top_moduuli ul.latestnews {
position:relative;
}
.top_moduuli ul.latestnews li {
}
.top_moduuli ul.latestnews li a{
}
/* #### MODULETABLE #### */

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
/* Uutis-moduulin css */
div.top_moduuli div div div h3 {
text-align: center;
font-size: 14px;
position: relative;
top: -3px;
}

/* #### MATKAMODUULIEN CSS #### */
div.middle_v3_middle div div div h3 {
text-align: center;
font-size: 14px;
position: relative;
top: -4px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

.contentheading {
	color: #666666;
	height: 30px;
line-height: 20px;
	font-weight: bold;
	font-size: 16px;
}
.componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}

/* #### MENU #### */

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #343434;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #6A6A6A;
}

a.mainlevel#active_menu {
	color:#6A6A6A;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #6A6A6A;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
}

/* #### TOP-MENU #### */

ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 23px;
	white-space: nowrap;
	border-right: 1px solid #333333;
}

ul#mainlevel-nav li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #343434;
	background: transparent;
}



ul#mainlevel-nav li a:hover {
width: auto; /* ie6 fixi hoverille */
	color: #343434;
/*	background: url(../images/bg_top_menu_hover.jpg) repeat-x; */
text-decoration: underline;
}
/* #### SEKALAISTA #### */

.toteutus {
position: relative;
left: -20px;
top: 35px;
text-align:right;
}
div.toteutus a {
font-size: 10px;
font-weight: normal;
}

table.adminform { /*editorin saa kellumaan kaiken päällä ja muutkin adminformitjutut */
position: relative;
z-index: 150;
}
div.cpaneeli {
line-height: 23px;
position: relative;
left: 10px;
}
div.back_button { /* takaisin napille vähän tilaa ylös */
padding: 10px 0 0 0;
}

/* #### JCE-TYYLIT #### */

.font12px {
font-size:12px;
}
.font12px_bold {
font-size:12px;
font-weight: bold;
}
.font14px {
font-size:14px;
}
.font14px_bold {
font-size:14px;
font-weight: bold;
}
.font16px {
font-size:16px;
}
.font16px_bold {
font-size:16px;
font-weight: bold;
}