/* CSS Document */
 
body {
    margin: 0;
    padding: 0;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 16px;
    background: #f5f5f5;
}

ul {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    /*text-indent:10px;*/
    /*list-style-position: inside;*/
    padding: 5px;
    margin: 2px 2px 2px 12px;
}

.uusityylih1 {
    font-size: 20px;
    font-weight: 900;
    color: #006666;
    margin: 10px 0 5px 0;
}
 
.print {
float: right;
margin-right: 10px;
}
 
/*  VihreÃ?Æ?Ã?¤ palkki  */
 
h1 {
    font: 12px Arial, Verdana, Helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    padding: 0 10px 2px 10px;
    letter-spacing: .2em;
/*    height: 16px; */
    line-height: 1.5;
    width: 380px;
    background:url(/files/tapio/gfx/bg-titlebar-big.gif) no-repeat;
}
 
h2 {
    font-size: 12px;
    font-weight: 900;
    color: #006666;
    margin: 7px 0 4px 0;
}

h3 {
    font-size: 11px;
    font-weight: 900;
    color: #006666;
    margin: 7px 0 4px 0;
}


h4, h5 {
    font-size: 15px;
    font-weight: 900;
    color: #006666;
    margin: 7px 0 4px 0;
}

h6 {

    font: 12px Arial, Verdana, Helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    padding: 0 5px;
    letter-spacing: .2em;
    height: 16px;
    width: 160px;
    background:url(/files/tapio/gfx/bg-titlebar.gif) no-repeat;

}

P {
    margin: 1em 0;
}
 
a {
    font-family: Verdana, sans-serif;
    color: #007766;
    font-weight: bold;
    /* added by SH 080107 */
    text-decoration: none;
}
 
a:hover {
    font-weight: bold;
    text-decoration: underline;
}
 
img {border: 0px;}
 
.main {
    margin: 0 auto 0 auto;
    width: 900px;
    padding-bottom: 20px;
    background: url(../new_gfx/main-bg.gif) repeat-y;
}
 
.top {background: #fff;}
 
.top .illustration {
    float: left;
}
 
.top .logo {
    float: left;
    width: 190px;
    padding: 24px 0 32px 0;
    background: #fff;
}
 
.left {
    float: left;
    width: 191px;
    background: url(../new_gfx/left-bg.gif) repeat-y;
}

.left_sk {
    float: left;
    width: 191px;
    background: url(/files/tapio/new_gfx/left-green-bg.gif) repeat-y;
}

.left_top {
    background: url(../new_gfx/left-top-bg.jpg) no-repeat;
    height: 25px;
    width: 191px;
    clear: left;
}

.left_top_sk {
    background: url(/files/tapio/new_gfx/left-top-bg-sk.jpg) no-repeat;
    height: 25px;
    width: 191px;
    clear: left;
}
 
.left .text {
    margin: 0 0 0 12px;
    padding: 0;
    width: 165px;
}

.left_sk .text {
    margin: 0 12px 0 12px;
    color: #FFF;
}
.left h2 {
    font-size: 11px;
    font-weight: 900;
    color: #00885A;
    margin: 0 0 3px 0;
}

.left_sk h2 {
    font-size: 11px;
    font-weight: 900;
    color: #00885A;
    margin: 0 0 3px 0;
}

.left_sk .sub_nav a {
    color: #fff;
    margin-top: 5px;
}
 
.sub_nav a {
    display: block;
    text-decoration: none;
    padding: 1px 0 1px 15px;
    color: #00885A;
    font-weight: 900;
    margin: 0 1px 0 1px;
}
 
.sub_nav .selected {
    color: #00885A;
    font-weight: 900;
    margin: 0 1px 0 1px;
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #00885A;
    padding: 0 0 0 15px;
    background: #fff;
}

.left_sk .sub_nav .selected { /* siemenkeskus valittu sivu */
    color: #00885A;
}
 
.sub_nav a:hover {
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #fff;
    padding: 0 0 0 15px;
    background: #FFEC9A;
    text-decoration: none;
}

.left_sk .sub_nav a:hover { /* siemenkeskus hoverit */
    border-width: 1px;
    border-style: solid none solid none;
    border-color: #fff;
    padding: 0 0 0 15px;
    background: #4AAC84;
    text-decoration: none;
}
 
.second_level a, .left_sk .sub_nav .second_level a {
    padding-left: 28px;
    padding-right: 5px;
}
 
.second_level .selected, .left_sk .sub_nav .second_level .selected {
    padding-left: 28px;
    padding-right: 5px;
    
}
 
.second_level a:hover, .left_sk .sub_nav .second_level a:hover {
    padding-left: 28px;
    padding-right: 5px;
}
 
.left_bottom {
    background: url(../new_gfx/left-bottom-bg.jpg) no-repeat;

    width: 191px;
    height: 30px;
}

.left_bottom_sk {
    background: url(/files/tapio/new_gfx/left-bottom-green-bg.jpg) no-repeat;
    width: 191px;
    height: 30px;
}
 
.navi {
    width: 900px;
    height: 50px;
}
 
.navi a {
    color: #585858;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    display: block;
    float: left;
    padding: 6px 10px 4px 10px;
}


 
.lang {
    float: left;
    height: 50px;
    background: url(../new_gfx/left-top-bg.jpg) no-repeat bottom left;
    width: 181px;
    padding-left: 10px;
}

.sk {background: url(../new_gfx/left-top-green-bg.jpg) no-repeat bottom left;}
 
.lang a {
    padding: 6px 0px 4px 0px;
    font-size: 10px;
}
 
.menu {
    padding-left: 10px;
    width: 698px;
    float: right;
    border-right: 1px solid #00885A;
    background: url(../new_gfx/top_navi_bg.gif) repeat-x;
}
 
.navi a:hover {
    color: #999;
    text-decoration: none;
}
 
.menu .selected {
    padding: 6px 9px 4px 9px;
    background: #fff;
    border-left: 1px solid #00885A;
    border-right: 1px solid #00885A;
    color: #00885A;
}
 
.trail {
    font-size: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #585858;
    float: right;
    width: 690px;
}
 
.trail a {
    display: inline;
    padding: 0 0 0 0;
    color: #006666;
    font-weight: 500;
    font-size: 10px;
    float: none;
}
 
.right {
    float: left;
    /*border: 1px solid #aaa;*/    
    height: 370px;
    width: 670px;
}
html>body .right {
    height: auto;
    min-height: 370px;
}
 
.contense {
    width: 640px;
    padding: 10px 0 20px 20px;
}
.contense_left {
    float: left;
    width: 400px;
    padding: 10px 0 20px 20px;
}
.contense_left_press {
    float: left;
    width: 492px;
    padding: 10px 0 20px 20px;
}

.contense_right {
    float: left;
    width: 220px;
    padding: 10px 0 20px 20px;
}

 
.clearer {
    clear: both;
    line-height: 0;
    font-size: 0;
}
 
.footer {
    text-align: center;
    color: #fff;
    margin: 0 auto 0 auto;
    width: 900px;
    height: 20px;
    padding-top: 4px;
    background: url(../new_gfx/footer.gif) no-repeat;
}

.footer a{
    text-align: center;
    color: #fff;
    margin: 0 auto 0 auto;
    width: 900px;
    height: 20px;
    padding-top: 4px;
    background: url(../new_gfx/footer.gif) no-repeat;
}

/* hacks */
 
html > body .second_level {margin-top: -1px;} /*not for ie6*/

/* Ajax */

.largeHeaders {

		cursor: pointer;	
}
.sortUp {

}

.sortDown {

}
#sorting {

	display: none;

}
#sorting div {

	font-weight: bold;
}

#henkilohaku {
  float: right;
  width: 180px;
  padding: 4px 0 4px 6px;
  font-size: 10px;
  border: 1px solid #aca;
  background: #efefef;
  position: relative;
  left: 35px;
  bottom: 23px;
}

#henkilohaku.en {
  width: 190px;
}

#henkilohaku .teksti-kentta {
  height: 12px;
  width: 130px;
  border: 1px solid #aca;
  margin: 2px 4px 2px 0;
  display: block;
  float: left;
  font-size: 10px;
}

#henkilohaku .haku-nappi {
  display: block;
  float: left;
  margin: 2px 0 0 0;
}


#yleishaku {
  float: right;
  width: 167px;
  padding: 4px 0 4px 10px;
  font-size: 10px;
  border: 1px solid #aca;
  background: #efefef;
  position: relative;
  left: 35px;
  bottom: 23px;
}

#yleishaku .teksti-kentta {
  height: 12px;
  width: 100px;
  border: 1px solid #aca;
  margin: 2px 4px 2px 0;
  float: left;
  font-size: 10px;
}

#yleishaku .haku-nappi {
  float: left;
  margin: 2px 0 0 0;
}

.LomakeAlaOtsikko{

font-weight: bold;
color: #006666;
}

.lomakekomponentti{

float: left;
margin-right: 25px;


}

#ostoskori{
margin-left: 17px;
margin-top: 8px;
width: 153px;
padding: 2px;

}

#ostoskori a:hover{
background: none;
border: 0 none;
padding: 0;
margin: 0;
}

.ostoskori_content
{
background: #ffcd00;
min-height: 100px;
}

#ostoskori a{
background: none;
border: 0 none;
padding: 0;
margin: 0;

}

#ostoskori a img{
display: inline;
float: left;
}

#koributtons a img{
display: inline;
}

#koributtons{
background: #ffcd00;
margin-left: 17px;
margin-bottom: 0px;
height: 50px;
}

.main .right H2,
.main .right H3,
.main .right H4,
.main .right H5 {
    color: #000;
}

input.ngformError {
border: 1px solid #FF0000;
}


/* Blogi */

#blog_list ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#blog_list ul li {
margin: 0;
padding: 5px 0 5px 20px;
}


.blog_title, .blog_title_right {
font-size: 18px;
font-weight: bold;
color: #00885A;
margin-bottom: 10px;
line-height: 20px;
}

.blog_title {
width: 270px;
float: left; 
}

.blog_image {
float: right; 
border: 1px solid #00885A;
margin: 0 0 10px 10px; 
}

.blog_image_front {
float: left;
border: 1px solid #00885A;
margin: 0 10px 10px 0px; 
}

.blogi_table {
width: 370px;
padding-left: 15px;
}

.blogi_table th {
font-weight: normal; 
float: left;
}

.blogi_input {
width: 235px;
float: right;
}

input.ngformError {
border: 1px solid pink;
} 

#blog_list h2 {
  background: url('../gfx/blogi-arrows.gif') no-repeat top left;
  padding-left: 20px;
  cursor: pointer;
}

#blog_list h2.open {
  background-position: bottom left;
}

.main .right .saved h4 {
	color: green;
}

.main .right .invalid h4 {
	color: red;
}

.main .right .invalid table {
	border-left: 5px solid red;
	padding-left: 10px;
}

form.osallistuja input[type=text], textarea {
	width: 250px;
}

form.osallistuja hr {
	margin: 15px 0;
}