html, body {
	height:100%;
	margin:0;
	padding:0;
	border:0;
  	background: #25180C url("../img/tausta.gif");
	vertical-align:middle;
}


#lido {
  min-height:100%;
  height: auto !important;
  height: 100%;
  width: 880px;
  position: relative;
  margin: 0 auto;
  background: #000;
  left: 50%;
  margin-left:-440px;
}


#header {
  height: 10px;
  width: 800px;
  position: absolute;
  left:50%;
  top:0;
  margin-left:-400px;
  background: #FF7E00;
}


#headline {
  position: relative;
  left:50px;
  top:55px;
  z-index:10;
}






#leipis {
  width:800px;
  z-index:4;
  position:relative;
  padding: 85px 0px 50px 40px;
}



#footer {
  width:800px;
  height:20px;
  z-index:2;
  position:absolute;
  bottom: 0 !important;
  margin: 40px 0px 0px 0px;
  background: #FF7E00;
  left:40px;
  padding-top:-20px;
}








td, tr, div, ul,p {
font-family: Trebuchet MS;
font-size: 11px;
line-height: 1.5em;
letter-spacing: 0;
word-spacing: normal;
text-decoration: none;
color: #E5E1D3;
}




h2 {
font-family: Trebuchet MS;
font-size: 1.8em;
line-height: 0.1em;
word-spacing: normal;
text-decoration: none;
color: #E5E1D3;
padding:15px 0px 0px 0px;
}

h3 {
font-family: Trebuchet MS;
font-size: 1.4em;
line-height: 0.1em;
word-spacing: normal;
text-decoration: none;
color: #E5E1D3;
}








.clear{
.clear:left;
}





#menu {
  background:none;
  width:500px;
  height:20px;
  z-index:25;
  top:85px;
  position:absolute;
  margin-left:-80px;
  left:50%;
}



#menu a
{
background: none;
margin:0px 20px 0px 0px;
padding:0;
border-style:none;
}


#headline a
{
background: none;
margin:0px 0px 0px 0px;
padding:0;
border-style:none;
}






#vasen {
  width:375px;
  top:30px;
  position:relative;
  float:left;
  display: inline;
}

#oikea {
  width:375px;
  top:30px;
  position:relative;
  float:right;
  display: inline;
}







#clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
#clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
#clearfix {display: block;}
/* End hide from IE-mac */







A:link {background: none; text-decoration: none; padding:0px 10px 0px 10px; color:white; line-height:19px;}
A:visited {background: none; text-decoration: none; padding:0px 10px 0px 10px; color:white;}
A:active {background: #FFCC00; text-decoration: none; padding:0px 10px 0px 10px;}
A:hover {background:#FF7E00; color: white; padding:0px 10px 0px 10px;}

#ajankohtaista A:link {background: #bb0000; text-decoration: none; padding:0px 10px 0px 10px; color:white; line-height:19px;}
#ajankohtaista A:visited {background: #bb0000; text-decoration: none; padding:0px 10px 0px 10px; color:white;}
#ajankohtaista A:active {background: #FFCC00; text-decoration: none; padding:0px 10px 0px 10px;}
#ajankohtaista A:hover {background:#FF7E00; color: white; padding:0px 10px 0px 10px;}