/* Kunnon Askel CSS Document */
/* A1 Media */

body {
margin: 0;
padding: 0;
/*background-color: #eaedf2;
background-image: url(images/backrgound.jpg);
background-repeat:repeat-x;
background-position:bottom;*/
background: #eaedf2 url(images/backrgound_bottom.jpg) no-repeat bottom center;
font-family:"Century Gothic";
color:#666;
font-size: 12px;
height: 100%;
line-height: 1.2em;
text-align:justify;
}

img {
border: 0px solid white;
}

.ubertext {
color:#0099FF;
}

a, a:visited {
font-size:1.0em;
text-decoration:none;
color:#999;
}

a:hover {
  color:#333; 
  text-decoration:none;
}

#green {
font-size:1.0em;
text-decoration:none;
color:#66CC00;
}

#blue {
font-size:1.0em;
text-decoration:none;
color:#04ABF2;
}


#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
height:auto;
}

#topsection{
width:902px;
height: 269px;
background: #fff;
border-right: 1px solid #999;
border-left: 1px solid #999;
}

#topsection2 {
width:902px;
height: 77px;
background: #fff;
border-right: 1px solid #999;
border-left: 1px solid #999;
}

#top {
width:902px;
height: 344px;
background: #fff;
border: 0px;
border-right: 1px solid #999;
border-left: 1px solid #999;
}

#top img {
border: 0px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#mainsection {
width: 902px;
background: #fff;
border-right: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
height:auto;
}

#content {
/*margin: 30px 10px 0 30px;*/
position: relative;
top: 0px;
left: 100px;
width: 80%;
background: #fff;
border: 1px solid white;
min-height:315px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html #content {
height: 315px;
}
/**/

.content_left {
float:left;
width: 310px;
height: auto;
text-align:justify;
padding-top: 6px;
}

.content_right {
float:right;
width: 370px;
min-height:400px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html #content {
height: 400px;
}
/**/

.content_right2 {
float:right;
width: 370px;
min-height:400px; 
height:auto;
padding-top: 7px;
}
/* for Internet Explorer */
/*\*/
* html #content {
height: 400px;
}
/**/

#bottom_content {
/*margin: 30px 10px 0 30px;*/
position: relative;
top: 0px;
left: 0px;
width: 100%;
min-height:100px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html #content {
height: 100px;
}
/**/

.bottom_content_left {
float:left;
width: 310px;
height: auto;
}

.bottom_content_right {
float:right;
width: 250px;
height: 150px;
}

.content_frontpage {
float:left;
width: 275px;
height: auto;
}

.content_news {
float:right;
height: auto;
width: 275px;
/*border: 1px dashed grey;*/
padding: 0px 10px 0px 10px;
margin-bottom: 10px;
}

.boxed {
padding-left: 5px;
/*background: #F2F2F2;*/
border: 2px solid #f2f2f2;
font-size:11px;
}

#laimake {
width:286px;
height:150px;
position: relative;
top: 0px;
left: 100px;
background: url(images/laimake.jpg);
}

#laimake_paikka {
width:301px;
height:178px;
position: relative;
top: 0px;
left: 100px;
}

#laimake_paikka img {
border: 0px;
}

#laimake p {
position: relative;
top: 55px;
left: 130px;
font-size: 120%;
color: white;
}

.rightbox {
width:300px;
height:90px;
position: relative;
bottom: 50px;
left: 575px;
background: #fff;
border: 1px solid grey;
}

.clear {
clear: both;
} 

#footer{
clear: left;
width: 902px;
background: #fff;
text-align: center;
padding: 4px 0;
border-right: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
}

#sitemap {
text-align: center;
color: #666666;
list-style-type: none;
}

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

#sitemap ul li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
padding: 2px 4px 2px 6px;
}

#sitemap ul li a, #sitemap ul li a:visited{
color:#666;
font-size:11px;
}

#sitemap ul li a:hover{
color:#333;
font-size:11px;
border-bottom: 1px solid #0099FF;
}

#sitemap ul li ul {
margin: 0;
padding: 2px 4px 2px 6px;
list-style-type: none;
display: inline;
position: relative;
top: 11px;
}

#sitemap ul li ul a, #sitemap ul li ul a:visited {
color: #666;
font-size:11px;
}

#sitemap ul li ul a:hover {
color: #333;
font-size:11px;
}

#a1media {
position: relative;
bottom: 0px;
right: 5px;
text-align: right;
}

#a1media a, #a1media a:visited, #a1media a:hover {
color:#999;
font-family:"Comic Sans MS";
font-size:9px;
text-decoration:none;
}

#blue_button {
background-color: #0099FF; 
font-weight: bold;
font-size: 12px; 
color: white;
}

p.ingess:first-letter { 
font-size: 36px; 
float:left; 
line-height: 1px; 
}