/*--------------------------------*/
/* Voodoo dolly v1.0 by pogy366:  */
/* http://www.raykdesign.net      */
/* has been used as a design base */
/*--------------------------------*/

/*----------------------------------------*/
/* Layout and page structure + base fonts */
/*----------------------------------------*/

body {
font-family:"Trebuchet ms", Tahoma, Arial, Helvetica, sans-serif;
font-size:.8em; 
color:#343434; 
margin: 0 0 0 0;
padding: 0;
text-align:center;
/* background-image: url(../img/outer-background.jpg);
background-color: #e70202;
background-position: top;
background-repeat: repeat-x;
background-attachment: fixed;
height: 100%; */
}

.top {
display:none;
}

.page_wrap {
margin:0 auto;
padding: 0;
width:780px;
background:#ffffff;
text-align:center;
}

.header {
position:relative;
margin:0 0 0 0 !important;
margin:-7px 0 0 0;
padding:0 0 0 ;
width:780px !important;
width:742px;
height:126px;
background:#620345;
text-align:left;
}

.navbar {
display:none;
}

.container {
position:relative;
margin:10px 0 0 10px;
padding: 0;
width:760px !important;
width:742px;
background:transparent;
text-align:left;
}

.left_column {
display:none;
}

.center_column {
position:relative;
width:700px;
margin:0 0 0 0px;
padding:0 0 0 10px;
}

.box_right {
position:relative;
float:right;
width:150px;
margin:25px 0 3px 10px !important;
margin:0 5px 3px 10px;
padding:5px 5px 5px 10px;
background:#fffff5;
border:1px solid #cccccc;
text-align:left;
color:#616161;
font-size:.9em;
}

.footer {
display:none;
}

.bottom {
display:none;
}

/*-------------*/
/* Navigations */
/*-------------*/

#nav ul{
padding: 0;
margin: 0 0 0 0;
white-space: nowrap;
font-size:1.15em;
font-weight:bold;
color:#ffffff;
float:left;
width:100%;
height:30px;
background:transparent;
list-style:none;
}

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
margin: .8em 0 0 0;
padding: 0 .5em .05em .65em;
color:#343434;
text-decoration:none;
float: left;
border-right: 1px solid #aaaaaa;
background:transparent;
}

#nav ul li a:hover{
color:#e70202;
text-decoration:underline;
border-right: 1px solid #999999;
}

/* Left navigation */

#left_nav ul {
font-size:1.1em;
font-weight:bold;
margin: 0 0 0 0;
padding: 0 3px 0 0;
list-style-type: none;
}

#left_nav ul li{
padding: .5em 0 .5em 0;
border-bottom: 1px dotted #dddddd;
}

#left_nav a {
color: #343434;
}

#left_nav ul ul {
font-size: .9em;
font-weight:normal;
margin: 0 0 0 .9em;
}

#left_nav ul ul li {
padding: .5em .1em .5em 0;
border-bottom: 1px dotted #dddddd;
}

#nav a.location {
color: #780406;
background:#dddddd;
}

#left_nav a.location { 
color: #780406;
}

/* Footer links */
#top { 
float: left;
width: 550px;
text-align: left;
font-size: 1.1em;
margin: 0 0 0 15px;
}

#top a { 
color: #282828;
}

#top a:hover { 
color: #8c0000;
}

#top img {
float:none;
margin:0;
}

#copy { 
float: left;
width: 160px;
text-align: left;
font-size: 1.1em;
margin: 0 0 0 10px;
}

/*------------------------------------*/
/* Fonts, headings, links and colours */
/*------------------------------------*/

em {
font-size: 9px;
font-style: normal;
color: #666666;
}

.caption {
font-size:110%;
font-style: bold;
color: #000000;
letter-spacing: -.01em;
margin: 0 0 1em 0;
}


h1 {
font: 1.9em "Trebuchet ms", Tahoma, Verdana, Arial, sans-serif;
color:#eeeeee;
letter-spacing: .1em;
margin: 0;
padding: 20px 0 0 0;
}

h2 {
font: 1.6em "Trebuchet ms", Tahoma, Verdana, Arial, sans-serif;
color:#343434;
padding: 0;
margin: 0 0 -8px 0;
_margin: 0 0 -18px 0;
}

h3 {
font: 1.4em "Trebuchet ms", Tahoma, Verdana, Arial, sans-serif;
letter-spacing: 1px;
padding: 0;
margin: 0 0 -8px 0;
_margin: 0 0 -18px 0;
}

.box_right h3 {
font-size: 1em;
font-weight: bold;
color:#333333;
letter-spacing: 0px;
margin: 2px 0 -10px 0;
_margin: 0 0 -18px 0;
}

h4 {
font: 1.1em "Trebuchet ms", Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
color:#343434;
padding: 0;
margin: 0 0 -10px 0;
_margin: 0 0 -18px 0;
}

h5 {
font: .95em "Trebuchet ms", Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
color:#343434;
padding: 0;
margin: 0 0 -10px 0;
_margin: 0 0 -18px 0;
}

h6 {
font: .9em Verdana, Arial, sans-serif;
font-style: italic;
color:#343434;
padding: 0;
margin: 0 0 10px 0;
_margin: 0 0 0px 0;
}

a {
color:#780406;
text-decoration:none;
}

a:hover {
color:#a00508;
text-decoration:underline;
}

/* a:visited {
color:#b8060a;
text-decoration:none;
}

a:visited hover {
color:#b8060a;
text-decoration:underline;
} */

.huom{
color:#830000;
font-size: 105%;
font-weight: bold;
}

.anfangi {
font-size: 1.45em;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: normal;
text-align: left
}

.left_column a {
color:#780406;
text-decoration:none;
}

.left_column a:hover {
color:#a00508;
text-decoration:underline;
}

/*-------*/
/* Boxes */
/*-------*/

.sidebox {
float: right;
width: 150px;
margin: 0px ;
padding: 10px;
background-color: #ffffff;
}


/* Sidebox headers */

.sidebox-top {
width: 146px;
margin: 0 0 1.0em 0;
padding: 0px;
border: solid 1px #c8c8c8;
}

.sidebox-header {
width: 146px;
margin: 0px 0px 1.0em 0px;
padding: 4px;
border: solid 1px #c8c8c8;
}


/* Sidebox titles */

.sidebox-title {
display: block;
margin: 0px 0px 0.5em 0px;
padding: 2px 5px 2px 5px;
background-color: #ffffff;
font-weight: bold;
font-size:105%;
}


/* Sidebox text */

.sidebox-top p {
margin: 0px 4px 0.4em 4px;
padding: 0px;
background-color: transparent;
}

.sidebox-header p {
margin: 0px 0px 0.4em 0px;
padding: 0px;
background-color: transparent;
}


/* Sidebox backgrounds */

/* Yellow */
.bg-yellow-body {
background-color: #fdf9c9;
}

.bg-yellow-head {
background-color: #f9e645;
}


/* Green */
.bg-green-body {
background-color: #ebfbdd;
}

.bg-green-head {
background-color: #a2db70;
}

/* Red */
.bg-red-body {
background-color: #fcc5bc;
}

.bg-red-head {
background-color: #e15640;
}

/* Emphasis box */
.box1 {
margin: 2px 0 2px 0;
padding:  10px 0 0 10px;
background-color: #FFFFF5;
border: solid 1px #c8c8c8;
}

.box2 {
margin: 2px 0 2px 0;
padding: 10px 0 0 10px;
background-color: #ffffe3;
border: solid 1px #c8c8c8;
}

.box_caption {
margin: 0px;
padding: 10px;
background-color: #FFFFF5;
border: solid 1px #c8c8c8;
}

/*--------*/
/* Images */
/*--------*/

.box_pic_left {
float: left;
font-size: .9em;
margin: 0 10px 5px 0;
padding: 5px;
text-align: center;
}

.box_pic_center {
font-size: .9em;
margin: 5px 0 5px 0;
padding: 5px;
text-align: center;
}

.box_pic_right {
float: right;
font-size: .9em;
margin: 0 0 5px 10px;
padding: 5px;
text-align: center;
}

.img_border_f-left {
float: left;
border: 1px solid #666666;
padding: 5px;
background-color: #ffffff;
}

.img_border_f-right {
float: right;
border: 1px solid #666666;
padding: 5px;
background-color: #ffffff;
}

/*--------*/
/* Tables */
/*--------*/

table.tunnit {
font-family: Arial, Helvetica, sans-serif;
font-size: .95em; 
background-color: #fffff5;
text-align: left;
vertical-align: top;
margin: 0;
width: auto;
border: solid 1px #666666
}

table.tunnit td {
padding:5px;
width:auto;
border-color:#cccccc;
border-width:1px 0px 0px 1px;
border-style:solid;
}

table.tunnit td.ylarivi {
color: #000000;
font-weight: bold;
background-color: #FFCC00;
}

table.tunnit td.ylarivi2 {
color: #000000;
background-color: #FFCC00;
}

table.tunnit td.ekasarake {
color: #333333;
font-weight: bold;
text-align: left;
padding-right: 4px;
vertical-align: top;
}

table.tunnit tr.korostus {
color: #000000;
font-weight: normal;
background-color: #ffffe3;
}

table.tunnit tr.valkoinen {
color: #000000;
font-weight: normal;
background-color: #ffffff
}

/*--------*/
/* images */
/*--------*/

img {
border:none;
}

.left {
float:left;
margin:0 10px 10px 0;
padding: 0;
}

.right {
float:right;
margin:0 0 10px 10px;
padding: 0;
}

/*-------------*/
/* Text colors */
/*-------------*/

.txt-white {
color: #ffffff;
}

.txt-black {
color: #000000;
}

/*-----------------------*/
/* workarounds and hacks */
/*-----------------------*/

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */