body {background: #ffffff; margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}

#container {position: relative; width: 873px; padding: 148px 0 0 0; margin: 0 auto 0 auto; background: url(../images/header.gif) no-repeat left -135px; text-align: left;}
	html>body #container {clear: both; overflow: hidden;}
.homepage #container {padding-top: 201px; background-position: left top;}

/* Gen formatting */

p {margin: 0 0 15px 0;}
h1 {font-size: 16px; font-weight: bold; margin: 0 0 15px 0;}
h2 {font-size: 14px; font-weight: bold; margin: 0 0 15px 0;}
h3 {font-size: 12px; font-weight: bold; margin: 0 0 10px 0;}

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

img {border: 0; margin: 0 0 10px 0;}

.bulletlink {padding: 0 0 0 17px; background: url(../images/linkbullet.gif) no-repeat 0 1px; font-weight: bold; color: #000000;}
.bulletlink:hover {background-position: 0 -71px; color: #e5000d; text-decoration: none;}

.highlight {margin: 0 0 10px 10px; font-size: 12px;}
.highlight p {margin-bottom: 5px;}

hr {color: #cccccc; height: 1px; width: 100%; clear: both; margin: 0 0 10px 0; padding-top: 20px; border: 0; border-bottom: 1px solid #cccccc;}
* html hr {height: 0px;}

.ingress {font-size: 12px;}

/* Main menu */
#mainmenubtn1 {position: absolute; left: 288px; top: 92px; width: 58px; height: 23px; background: url(../images/mainmenubtn_etusivu.gif) no-repeat 0 0;}
#mainmenubtn1:hover, #mainmenubtn1.active {background-position: 0 -62px;}
#mainmenubtn2 {position: absolute; left: 371px; top: 69px; width: 106px; height: 31px; background: url(../images/mainmenubtn_ajankohtaista.gif) no-repeat 0 0;}
#mainmenubtn2:hover, #mainmenubtn2.active {background-position: 0 -71px;}
#mainmenubtn3 {position: absolute; left: 507px; top: 45px; width: 106px; height: 31px; background: url(../images/mainmenubtn_mikaempyon.gif) no-repeat 0 0;}
#mainmenubtn3:hover, #mainmenubtn3.active {background-position: 0 -71px;}
#mainmenubtn4 {position: absolute; left: 646px; top: 32px; width: 44px; height: 21px; background: url(../images/mainmenubtn_vinkit.gif) no-repeat 0 0;}
#mainmenubtn4:hover, #mainmenubtn4.active {background-position: 0 -60px;}

.homepage #mainmenubtn1 {top: 227px;}
.homepage #mainmenubtn2 {top: 204px;}
.homepage #mainmenubtn3 {top: 180px;}
.homepage #mainmenubtn4 {top: 167px;}

/* Menu tips */
.menutip {display: none;}

/* Sub menu */
.submenu {list-style-type: none; margin: 0 0 15px 0; padding: 0;}
.submenu li {margin: 0 0 4px 0;}
.submenu a {display: block; height: 20px; font-weight: bold; font-size: 12px; text-decoration: none; padding: 0 0 0 17px; background: url(../images/linkbullet.gif) no-repeat 0 1px;color: #000000;}
	html>body .submenu a {height: auto;}
.submenu a:hover, .submenu a.active {background-position: 0 -71px; color: #e5000d;}

#headertext {position: absolute; left: 56px; top: 15px; width: 503px; height: 100px; font-size: 12px; z-index: 10;}

.mainpic {position: absolute; left: 277px; top: 240px;}
#mainpic1 {left: 277px; top: 240px; width: 325px; height: 362px; background-image: url(../images/mainpic1.gif);}
#mainpic2 {left: 210px; top: 224px; width: 395px; height: 343px; background-image: url(../images/mainpic2.gif);}
#mainpic3 {left: 260px; top: 276px; width: 353px; height: 292px; background-image: url(../images/mainpic3.gif);}


/* columns */
.col1, .col2, .col3, .col2-3 {position: relative; float: left; display: inline; width: 250px; height: 220px; min-height: 250px;}
	html>body .col1, html>body .col2, html>body .col3,  html>body .col2-3 {height: auto;}
.col1 {margin: 83px 30px 0 30px;}
.col2 {margin: 85px 30px 0 0;}
.col3 {width: 280px; margin: 0 0 0 0;}
.col2-3 {margin: 85px 0 0 0; width: 560px;}

.homepage .col1 {margin-top: 170px;}

/* Älä kaahota -banneri */
#alakaahota {position: absolute; left: -30px; bottom: 0;}

/* News box */
#newsbox {}
#newsbox .header {width: 280px; height: 77px; background: url(../images/newsbox_header.gif);}
#newsbox .content {width: 248px; padding: 0 15px 0 15px; border-left: 1px solid #e5000d;  border-right: 1px solid #e5000d; overflow: hidden;}
	* html #newsbox .content {width: 280px; w\idth: 248px;}
#newsbox .footer {width: 280px; height: 37px; background: url(../images/newsbox_footer.gif);}
#newsbox h3 {margin-bottom: 5px; font-size: 12px;}

/* Page footer */
#footer {float: left; display: inline; clear: both; width: 820px; height: 29px; padding: 35px 50px 0 0; background: url(../images/footerbg1.gif) no-repeat; text-align: right; color: #7f7f7f;}
	* html #footer {width: 870px; w\idth: 820px; height: 64px; he\ight: 29px;}