body	{font-family:  Verdana,  sans-serif; font-size: 10px; color: #000; background: #000000;}

a:link, a:active 	{color: #fff; text-decoration: underline;}
a:visited	{color: #ff2e06;  text-decoration: none;}
a:hover	{color: #ff2e06;  text-decoration: none;}

p	{padding: 0px 0px 15px 0px; margin: 0px;}
table	{border-collapse: collapse;}

h1 {font-family: Tahoma, sans-serif; font-size: 22px; color: #f2f2f2; font-weight: normal; line-height: 26px; padding: 50px 0 20px 0; margin: 0;}
h3 {font-family:Tahoma, sans-serif; font-size: 14px; color: #fff; font-weight: bold; line-height: 18px; padding: 0 0 10px 0; margin: 0;}

#page {margin: 60px auto; width: 871px;}

#wrapper {display: block; width: 871px; float:left;}
.etusivu { background: url(../images/top.jpg) no-repeat top left ;  }
.idea {background: url(../images/top_navi.jpg) no-repeat top left ; }
.hyodyt {background: url(../images/top_navi.jpg) no-repeat top left ; }
.toimintatapa {background: url(../images/top_navi.jpg) no-repeat top left ; }
.lopputulos{background: url(../images/top_navi.jpg) no-repeat top left ; }


#container {display: block; width: 871px; height: 100%; float:left; }

/*HEADER*/

#header {display: block; width: 871px; float:left;height: 362px; clear: both; background: transparent none; }



#mainNavi{position: relative; top: 10px; left: 493px;  list-style: none; margin: 0; padding: 0; width: 380px; font-family: Tahoma, sans-serif; font-size: 11px;text-transform: uppercase; }
#mainNavi li { float: left;}
#mainNavi li a { display: block;  color: #787878!important; text-decoration: none;}
#mainNavi li a:hover {color: #ff3100!important; text-decoration: none;}
#mainNavi li.active a { color: #000!important; font-weight: bold;}

#mainNavi li span.tab1{display: block;height: 32px; width: 66px; /* margin-right: 63px; */ text-align: center;}
#mainNavi li span.tab2{display: block;height: 32px; width: 50px; /* margin-right: 63px; */ text-align: center;}
#mainNavi li span.tab3{display: block;height: 32px; width: 55px;  margin-right: 7px;text-align: center;}
#mainNavi li span.tab4{display: block;height: 32px; width: 100px; margin-right: 14px;text-align: center;}
#mainNavi li span.tab5{display: block;height: 32px; width: 50px;/* margin-right: 100px; */text-align: center;}


#bottomNavi {display: block; width: 396px; height: 25px; float:left; background: transparent url(../images/navi_bg.gif) no-repeat top left; margin: 0 0 20px 30px; padding: 2px 5px 0 5px; color: #616161; font-size: 11px;}
#bottomNavi a:link, a:active, a:visited, a:hover{color: #fff!important; font-size: 11px;}



/*SIDEBAR*/

#sidebar {display: block; width: 290px; padding: 20px 0 0 0; float:left;}
.sidebar-box {display: block; float: left; width: 282px; margin: 10px 0 10px 13px; border: 1px solid #414141;}
.sidebar-box .header {height: 29px; padding: 4px 0 0 10px; background: transparent url(../images/header_bg.jpg) top left repeat-x; font-family: Tahoma, sans-serif; font-size: 16px; color: #000000; font-weight: bold;}
.sidebar-box .content {width: 262px;  font-family: Tahoma, sans-serif; font-size: 11px; color: #979797;}
.sidebar-box .content strong {color: #fff; float:right; padding: 5px 10px 10px 0;}
.sidebar-box .quote {font-style: italic; padding:10px;}
.sidebar-box .info {float: right; padding:10px; text-align: left;}
.sidebar-box .info strong {color: #dddcdc; padding: 0; float:left; } 
.sidebar-box img {float: left; padding: 0; margin: 0; }

#right-sidebar {display: block; width: 355px; padding: 0 1px 0 0; float:right;}
#right-sidebar img{padding: 0;}
#right-sidebar-box {display: block; float: left; width: 355px; margin: 10px 0 10px 0;border: 1px solid #414141;}
#right-sidebar-box .header {height: 29px; padding: 4px 0 0 10px; background: transparent url(../images/header_bg.jpg) top left repeat-x; font-family: Tahoma, sans-serif; font-size: 16px; color: #000000; font-weight: bold;}
#right-sidebar-box .content {width: 335px; font-family: Tahoma, sans-serif; font-size: 11px; color: #979797;}
#right-sidebar-box .big {color: #fff; font-size: 12px; padding:10px;}

#contactBox {display: block; float: left; width: 355px; margin: 10px 0  10px 0; border: 1px solid #414141;}
#contactBox .header {height: 29px; padding: 4px 0 0 10px; background: transparent url(../images/header_bg.jpg) top left repeat-x; font-family: Tahoma, sans-serif; font-size: 16px; color: #000000; font-weight: bold;}
#contactBox .content {width: 335px; font-family: Tahoma, sans-serif; font-size: 11px; color: #979797;}
#contactBox .big {color: #fff; font-size: 12px; padding:10px;}
#contactBox .content  .end {font-size: 11px; color: #ff3100;}

table.contactForm {width: 330px; }
table.contactForm  th{ text-align: left;}
table.contactForm  td{font-weight: bold; text-align: left; padding: 0 0 10px 0; }
table.contactForm  td.ways{width: 110px;}
table.contactForm  .mandatory{ width: 330px; margin: 5px 0 0 0; }
table.contactForm  .textbox{ width: 330px; height: 100px; margin: 5px 0 0 0; }
table.contactForm  .send{ text-align: right;}
table.contactForm  .send input{background: transparent url(../images/send_button.gif) no-repeat top left; width: 64px; height: 18px; color: #000; border: 0; font-size: 11px; padding: 0 0 2px 0; }

table.contactForm  td span.red {font-size: 10px; color: #ff3100!important;}

/*MAIN CONTENT */

#mainContent {display: block; float: right; width: 530px; font-family: Tahoma, sans-serif; font-size: 12px; line-height: 18px; color: #979797;}
#mainContent .content {display: block; width: 440px; margin: 0 0 0 30px;}
#mainContent .content  strong {color: #fff;}

#left-mainContent {display: block; float: left; width: 405px; padding: 60px 0 0 0;font-family: Tahoma, sans-serif; font-size: 12px; line-height: 18px;  color: #979797;}
#left-mainContent .content {display: block; width: 396px; margin: 0 0 0 30px;}
#left-mainContent .content  a {color: #ff2e06!important; text-decoration: underline;}


/*FOOTER*/

#footer{display: block; font-family: Arial; font-size: 12px!important; margin: 10px auto;  margin: 10px 0 0 12px;  padding: 10px 0 0 0; height: 50px; width: 859px; background: transparent; float: left; color: #fff; border-top: 1px solid #505050;}
#footer .logo {display: block; width:210px; float: right; margin:0;  }
#footer .logo .copyright {display: block; margin: 0;  float:left;}
#footer .logo .logoimage  {display: block; float:right;}
#footer .logo .logoimage  img {border: 0;}