* {
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Sans-serif;}

p {margin-top: 0;}

body {	
background: url(../images/bg.jpg) center top no-repeat #000;
margin: 0 auto;
font-size: 14px;
color: #fff;
text-align: center;
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Sans-serif;
line-height: 19px;}

#wrap {	
width: 965px; 
text-align: left;
margin: 0 auto;
padding: 0;}

#header {
width: 965px; 
height: 161px; 
position: relative; }

#brand {
position: absolute; 
left: 0px; 
top: 40px;}

#language {
position: absolute; 	
left: 146px; 
top: 164px;}

#mainbody {
width: 965px; 
clear:both;
margin-top: 20px;
position: relative;}

#content {
width: 528px; 
position: absolute;
top: 0;
left: 218px;
z-index: 1;}

#content #padding { 
background-color:#2d2c2d;
padding: 0px 15px 15px 15px;
margin-top: -5px;}

#leftSide {	
float: left;
position: absolute;
top: 0;
left: 0px;}

#leftSide #padding {
background-color:#2d2c2d;
padding: 0px 15px 15px 15px;
margin-top: -5px;}

#rightSide {
width: 194px; 
position: absolute;
top: 0;
right: 0;}

#rightSide #padding {
width: 194px;
padding: 0px;
  }

a:link, a:visited, a:active {
color:#fff; text-decoration:underline;}

a:hover {
color:#fff; text-decoration:underline;}

img {
border: none;}

table.contentpaneopen, table.contentpane {
line-height: 19px; margin-top: 0px;}

.contentheading, .componentheading, h1, h2 
{font-size: 24px; font-weight: bold; line-height: 25px;}


h1, h2 {
margin-bottom: 12px; margin-top: 0px; padding-top: 8px;}

h3 {font-size: 15px; margin: 8px 0px;}

.aikataulu {
font-size:11px; }

.aikatauluotsikko {
background-color:#fab945;
font-weight: bold;
color:#000;;
vertical-align: top;
font-size:14px;}

.aikataulu1rivi {
font-size:11px;
color:#fff;
vertical-align: top;}

.aikataulu2rivi {
background-color:#747374;
font-size:11px;
color:#fff;
vertical-align: top;}


select {font-size: 11px; width: 117px;}

/* main navigation  */
#leftSide ul {
list-style: none;
margin: 0;
padding:0;}

#leftSide li a {
    line-height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
text-decoration:none;
color:#fff;
font-size:20px;
font-weight: bold;	
    display: block;}

#leftSide li a:hover {
  color:#2d2c2d;
  background: #fff top left;
  margin-right: -14px;
  margin-left: -14px;
  padding-left: 14px;}

#leftSide li a#active_menu, #leftSide li a.mainlevel_active {
 color:#2d2c2d;
 background: #fff top left ;
 margin-right: -14px;
 margin-left: -14px;
 padding-left: 14px;}

#leftSide li a {     /* Hide from IE5-Mac \*/
float: none; }

.taynna, p.taynna {border: 1px solid #660000;
background-color: #660000;
color: #fff;}
.validation-advice {border: 2px solid green; color: green; font-weight: bold;}