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

/*global resets - eliminates cross browser inconsistancies*/

* {  javascript:submitbutton('save_css');
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;
}
div#o_palikka table td, div#o_palikka table th { padding: 2px; }
form {
margin: 0px;
padding: 0px;
}
.clear { clear:both }
/*end global resets*/


/* #### RUNKO #### */
body {
font-family: Arial, Tahoma;
font-size: 13px;
background: url(../images/bg.gif);
text-align: center;
margin-left: 0;
margin-top: 0;
}
body.contentpane {
text-align:left;
background-image: none;
padding: 5px;
}
.container {
margin: 0 auto;
width: 814px;
background: url(../images/left_right_bg.jpg) repeat-y;
}

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

#ylin_valikko1 span.mainlevel-nav { /*rako luelisää jälkeen */
margin-right: 15px;
}

.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: 650px;
padding: 4px 0 0 30px;
}
#ylin_valikko1 span {
color: #000;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
}
#ylin_valikko2 {
float:left;
height: 25px;
padding: 0px;
}

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

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


/* #### YLÄOSA #### */

.top_image {
background: url(../images/top_mainos2.jpg) no-repeat;
width: 780px;
height: 109px;
}
.valikko {
background: url(../images/menu_bg_short.jpg);
height: 35px;
}
.nainen {
background: url(../images/nainen.jpg) no-repeat;
height: 180px;
position: relative;
}
#tietoikkuna {
width: 200px;
position: relative;
left: 11px;
top: 10px;
}
#palikka1 {
background: url(../images/o_palikka.jpg) no-repeat;
width: 220px;
height: 165px;
position: absolute;
left: 550px;
top: 30px;
filter:alpha(opacity=85);
opacity:.85;
z-index: 10;
}


/* #### KESKIOSA #### */

.middle {
margin: 0 auto;
width: 780px;
text-align:left;

}
.keskiosa {
width: 780px;
background: url(../images/bg_middle.jpg) repeat-y;
}
.keskiosa2 {
width: 780px;
background: url(../images/) repeat-y;
}
#content {
background-color: #ffffff;
padding: 5px;
width: 486px !important;
width: 496px;
float: left
}
#content2 {
background-color: #ffffff;
padding: 5px;
}
/* Oikea sivupalkki(palikat) */

#o_palikka {
width: 258px;
padding-top: 20px;
float: left;
}
.o_palikka_sisennys {
position: relative;
left: 20px;
}
#palikka2 {
text-align: left;
}
#palikka2 th {
text-align: center;
}
#palikka2, #palikka4, #palikka3 {
padding-top: 15px;
width: 215px;
}
.oikea_reunus {
width: 40px;
float: left;
}

/* #### ALAOSA #### */

#alavalikko {
background: url(../images/fon02.gif);
width: 780px;
height: 47px;
margin: 0 auto;
}

#copyright {
text-align: center;
line-height: 16px;
margin: 0 auto;
background: #306DD7;
width: 780px;
}


/* #### MENUT #### */

a.mainlevel-nav { /* toptop valikon css */
color: #FC4233;
text-decoration: none;
padding-right: 20px;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
}

a.mainlevel-nav:hover {
color: #000;
text-decoration: none;
padding-right: 20px;
font-weight: bold;
font-size: 11px;
}

a.mainlevel {
color: #000000;
text-decoration: none;
padding-right: 5px;
font-weight: bold;
}
a.mainlevel:hover {
color: #555555;
text-decoration: none;
padding-right: 5px;
font-weight: bold;
}

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


/* #### LINKIT #### */
a:link, a:visited {
text-decoration: none;
}	
a:hover {
text-decoration: none;
}
div#palikka2 a:link, div#palikka2 a:visited {
color: black;
}
div#palikka2 a:hover {
color: #f1f1f1;
}

/* #### LISTAT #### */
div#o_palikka ul, div#tietoikkuna ul  {
padding: 0px;
list-style-type: none;
}
div#o_palikka li, div#tietoikkuna li {
line-height: 18px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/indent.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}

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

/* Mambo module table  */
table.moduletable {
width: 100%;
}
table.moduletable th {
text-align: center;
font-weight: bold;
font-size: 17px;
font-family: Arial, Palatino Linotype;
font-style: italic;
}
#palikka2 table.moduletable th {
padding: 10px 0 5px 0;
}
table.moduletable-topright th {
padding: 0px;
margin: 0px;
font-weight: bold;
font-size: 17px;
font-family: Arial, Palatino Linotype;
font-style: italic;
}

table.moduletable-rullamainos {
text-align: left;
}

div.cpaneeli { /* yllapitovalikon css */
line-height: 20px;
background: white;
text-align: left;
}
.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}
#PF105 {
padding: 0px;
}
/* Etsi-kenttä */
div.search input.inputbox {

}
div.search {
float: right;
padding: 3px 2px 0px 0px;
}
.search input {
background: #DCD9CB;
border: 1px solid #C0C0C0;
color: #000000;
font-size: 10px;
}
.search input:hover {
background: #DCD9CB;
border: 1px solid #C0C0C0;
color: #000000;
}
#search {
position: relative;
left: 625px;
top: 72px;
}
div.search .inputbox {
	padding: 0px;
	border:solid 1px #cccccc;
}
/* etsi loppu */

.contentheading {
font-weight: bold;
font-size: 18px;
font-family: Arial, Palatino Linotype;
font-style: italic;
background: url(../images/content_otsikko.jpg) repeat-x;
}



/* Transmenujuttui */

a.mainlevel-transtoptop:link, a.mainlevel-trans:visited {
   font-family: Arial, Tahoma, Helvetica, sans-serif;
   text-decoration:none;
   font-size: 11px;
   font-weight:bold;
   color:#ffffff;
   white-space:nowrap;
   line-height: 33px;
   border-right: 1px solid #FFF;
   display: block;
   height: 33px;
   width:auto;
   margin: 0px;
   padding: 0px 12px 0px 12px;
}
a.mainlevel-transtoptop:hover {
  color:#000000;
}
a.mainlevel_active-transtoptop, a.mainlevel_active-trans:visited {
   font-family: Tahoma, Helvetica, sans-serif;
   text-decoration:none;
   font-size: 11px;
   font-weight:bold;
   color:#ffffff;
   white-space:nowrap;
   line-height: 33px;
   border-right: 1px solid #FFF;
   display: block;
   height: 33px;
   width:auto;
   margin: 0px;
   padding: 0px 12px 0px 12px;
background: url(../images/menu_bg_short.jpg) repeat-x;
/*   background: url(img/arrow.png) 12px 10px no-repeat; */
}
a.mainlevel_active-transtoptop:hover {
  color:#3366CC;
}
/* display news säätöjä */
span.dn-introtext a {
color: black;
}
h3 span.dn-title {
font-family: Arial, Palatino Linotype;
}

table.adminform { /*editorin saa kellumaan kaiken päällä ja muutkin adminformitjutut */
position: relative;
z-index: 150;
}