/*@import url('modules.css');*/
@import url('jce_tyylit.css');

/**
* 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: 0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0.5em 0; } 
li,dd { margin-left: 1em;} 
fieldset { padding: 0.5em; } 
img {border: 0;}
a img {border: 0;}
table {
font-size: 1em;
line-height:1.3em;
}
body {
margin: 0;
background: #010810;
font-family:  Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #7E6812;
}
/*end global resets*/

h1, h2, h3, h4, h5, h6 {  line-height:1.3em; color:#; }
h1, .componentheading  {font-size: 2.0em;font-weight: normal;margin-top: 0em;margin-bottom: 0em;}
h2, .contentheading {font-size: 1.7em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}
h3 {font-size: 1.4em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}
h4 {font-size: 1.2em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h5 {font-size: 1.0em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h6 {font-size: 0.8em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
#login fieldset label, #login fieldset input { display: block; }

div.content_inner strong { /* contenttien boldit vähän kirkkaammaksi */
color: #AA8D1D;
}
div.content_inner em, div.content_inner span em { /* contenttien kursiivit vähän väliä lisää ja väri kirkkaampi punertava */
color: #B13B00;
letter-spacing: 0.5px;
}

.clear { clear:both }

keskitys {
text-align: center;
}

.container {
position: relative;
margin: 0;
padding: 0;
margin: 0 auto;
text-align:left;
background: #010810 url(../images/bg.jpg) no-repeat;
min-height: 675px;
height:auto !important;
height:675px;
}

/* #### YLÄPALKKI #### */

.ylin_valikko {
background: #ECEADD url(../images/top_valikko_bg_v2.jpg) repeat-x;
padding: 0px;
margin: 0px;
height: 25px;
}
.haapojaoy_teksti {
//background: url(../images/haapojaoy_teksti_v2.jpg) no-repeat;
padding: 0;
margin: 0px;
height: 25px;
}
#ylin_valikko1 {
float:left;
height: 20px;
width: 890px;
padding: 5px 0 0 5px;
}

#ylin_valikko2 {
float:left;
height: 22px;
padding: 0px;
}

#ylin_valikko3 {
float:right;
height: 25px;
padding: 0px;
}

#ylin_valikko4 {
float:right;
height: 21px;
width: 10px;
padding: 4px 0 0 0px;
}

/* #### YLÄOSA #### */
.top {
width: 1000px;
min-height: 650px;
background: url(../images/) no-repeat;
}
.top_upper {
width: 1000px;
height: 60px;
}
.top_lower {
width: 1000px;
height: 300px;
}
.top_inner_left {
position: relative;
left: ;
top: ;
width: 420px;
height: 300px;
float: left;
}
.topleft {
width: 190px;
height: 275px;
position: relative;
left: 220px;
}
.top_inner_right {
position: relative;
left: ;
top: ;
width: 580px;

float: left;
}
.uutiset {
height: 80px;
overflow: hidden;
}
/* #### KESKIOSA #### */
.middle {
//width: 962px;
//height: 1000px;
}
.left {
//width: 420px;
//height: 200px;
//float: left;
}
.left_inner {
//position: relative;
//top: 350px;
//left: 20px;
}
.content {
width: 540px;
float: left;
}
.content_inner {
position: relative;
top: 0px;
}
/* #### ALAOSA #### */
.bottom {
padding: 0 20px 30px 20px;
width: 1000px;
background: url(../images/) no-repeat;
}
/* #### LINKIT #### */

a, a:visited {
color: #CCB127;
text-decoration:  none;
font-weight: bold;
}
a:hover {
color: #;
text-decoration: underline;
}

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

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

li {
line-height:;
padding-left: 0px;
padding-top: 0px;
list-style-position: inside;
}

/* #### MODULETABLE #### */
div.module 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;
}
.left_osa_inner div.module {}

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

/* #### MENU-perus vertikaali #### */
div.module_menu h3 {}
div.module_menu div div div {}

ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu li {}
ul.menu li a span {}
ul.menu li.active {}
ul.menu li.active a span {}
ul.menu li:hover {}
ul.menu li:hover a span {}

ul.menu-nav, ul.menu-cpaneeli {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

/* #### TOPTOP-MENU #### */

ul.menu-nav li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	white-space: nowrap;
font-weight: bold;
text-transform: uppercase;
font-family: Arial; FreeSans;
}
ul.menu-nav li .separator {
padding-right: 15px;
}
ul.menu-nav li a, ul.menu-nav li a:visited {
	display: block;
	padding-left: 0px;
	padding-right: 20px;
	text-decoration: none;
	color: #FC4233;
	background: transparent;
}

ul.menu-nav li a:hover {
width: auto; /* ie6 fixi hoverille */
color: #;
text-decoration: none;
}

/* #### DESIGN-MENU #### */

div.design_menu {
width: 730px;
height: 60px;
position: relative;
left: 250px;
background: 0px 0 url(../images/design_bg.jpg) no-repeat;
}
ul.menu-nav2 {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul.menu-nav2 li {
	background: url(../images/design_tyhja_145.jpg) no-repeat;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 14px;
	line-height: 65px;
	white-space: nowrap;
font-weight: bold;
width: 145px;
height: 55px;
text-align: center;
font-family: "Times New Roman", Arial;
letter-spacing: 1px;
}

ul.menu-nav2 li a {
	display: block;
	text-decoration: none;
	color: #ECCE36;
	background: transparent;
}



ul.menu-nav2 li a:hover {
width: auto; /* ie6 fixi hoverille */
	color: #FAE05B;
	background: url(../images/design_tyhja_active_145.jpg) no-repeat;
text-transform: uppercase;
letter-spacing: 0px;
}
/* #### CPANEELI #### */
div.cpaneeli ul.menu-cpaneeli li a, div.cpaneeli ul.menu-cpaneeli li a:visited {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #000;
	background: transparent;
line-height: 26px;
}
ul.menu-cpaneeli li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
	border-right: 1px solid #79664D;
}
div.cpaneeli {
width: 100%;
height: 30px;
}
div.cpaneeli_inner {
width: 100%;
background-color: #D6D5D9;
color: #000;
height: 26px;
position: relative;
top: 2px;
}
div.cpaneeli form, div.cpaneeli p {
margin: 0px;
}
.item46 { /*piilotetaan kirjaudu linkki että saadaan loginille otsikko kuitenkin*/
visibility: hidden;
}
.user_valikko { float: left; }
.kirjaudu_ulos { float: right; width: 130px;position: relative; top: 1px;}
.kirjatuneena { float: right; }

/* #### CONTENTIN META #### */
.article-tools {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}
.article-meta {
	padding: 5px;
	width: 80%;
	float: left;
}
.createby {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-user.gif) no-repeat 0 2px;
}
.createdate {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-date.gif) no-repeat 0 2px;
}
.modifydate {
	width: 100%;
	float: left;
}
div.buttonheading {
	float: right;
	width: 15%;
display: block;
}
.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}

/* #### SEKALAISTA #### */

/* alaosa sivukartta */
div.mod_oma_sivukartta {
padding-top: 5px;
border-top: 1px solid #6c5a11;
}
.sivukartta_otsikko {
//color: #b13b00;
color: #993300;
//color: #ccb127;
font-size: 1.4em;
width: 180px;
padding: 2px;
}
.sivukartta_linkki {
padding: 2px 2px 2px 5px;
font-size: 1.1em;
line-height: 15px;
}

/* Kategoriat */
div.kategoriat {
position: relative;
left: 6px;
}
div.kat_otsikot {
position: relative;
left: -5px;
height: 35px;
width: 540px;
}
.kat_otsikot_alaviiva {
width: 500px;
height: 1px;
background: url(../images/kat_ots_bg.jpg) no-repeat;
position: relative;
top: -4px;
}
div.module-left {
float: left;
width: 180px;
}
/* kategoriat - loppu */

#system-message { /*viestikohdan css, ei6 ie oikein tajua*/
padding: 5px;
background-color: #f0f0f0;
}

/* tooltip */ 
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}
.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}
.tool-text {
	margin: 0;
	font-size: 100%;
}
/* tooltip loppuu */

/* input css */
input.button {
font-size: 1em;
color: #;
/*border: 1px solid #CCCCCC;*/
font-weight:bold;
padding: 0px 5px;
background: # url(../images/);
}

input { /* radiobuttonien ja checkboxien tasaaminen tekstin kanssa samalle tasolle */
vertical-align: text-bottom;
padding: 0px;
margin: 2px;
}
.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}
/* login  css */
#login input {
font-size: 10px;
width: 100px;
}
form.form-login fieldset { border: none } /* reunat pois kirjatumiskentiltä */
/*input css loppuu */

form.form-validate table td {padding: 3px;} /*omat tiedot kohdan välistyksiä */

#mod_login_remember { /* IE6 checkboxin taustaväri ja borderit */
background-color: #;
padding: 0;
margin: 0;
border: none;
}

hr, hr.separator {
height: 1px;
width: 100%;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #;
border-bottom-color: #;
}
table.adminform { /*editorin saa kellumaan kaiken päällä ja muutkin adminformitjutut */
position: relative;
z-index: 150;
}
div.cpaneeli {
line-height: 23px;
}
.toteutus {
position: relative;
left: px;
top: px;
text-align:right;
}
.toteutus a {
font-size: 10px;
color: # ;
font-weight: normal;
}
.toteutus a:hover {
color: # ;
/*text-decoration: underline;*/
}
.sectiontableheader {
font-weight: bold;
background: #f0f0f0;
padding: 2px 2px 2px 3px;
}
.sectiontablefooter {
}
.sectiontableentry1 {
background-color : #ffffff;
}
.sectiontableentry2 {
background-color : #f9f9f9;
}
.sectiontableentry1 td, .sectiontableentry2 td {
padding: 2px 2px 2px 3px;
}

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

.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: 10px;
	text-transform: uppercase;
}
.contentheading {
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
.small {
font-size: 8pt;
font-weight: normal;
color: #6C6C6C;
}
.createdate {
font-size: 8pt;
color: #6C6C6C;
}
.modifydate {
font-size: 8pt;
color: #6C6C6C;
}
/* frontend CONTACT formi */
/* div.contact_email label { display: block; width: 200px; float: left;}  ota käyttöön jos haluat labeille tietyn leveyden ja kentän alkamaan sen jälkeen*/
/* div.contact_email input { display: block; float: left;} */
/* contact loppuu */

/* ETSI css */
form.search label {
}
form.search {
float: right;
padding: 0px 2px 0px 0px;
position: relative;
top: -2px;
}
form.search input {
background: #DCD9CB;
border: 1px solid #cccccc;
color: #000000;
font-size: 10px;
}
form.search .inputbox {
padding: 0px;
border:solid 1px #cccccc;
}
/* etsi loppuu */
/* Polls css */
table.pollstableborder td {
}
table.poll thead td, table.poll tbody td {
padding: 2px;
}
/* Polls css loppuu */

/* Alalaidan navigaatio (pagination) */
ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
  text-align: center;
}
ul.pagination li {
	margin: 2px 5px;
	padding: 0;
	display: inline;
	background: none;
}
ul.pagination a {
	padding: 2px 5px;
}