body {
	margin:				0;
	color:				#333333;
	font:				12px/1.6em verdana;
	background:			top left url(kuvat/layout/bg-gradient.jpg) repeat-x;
}
.clearit { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.floright { float: right; }
.floleft { float: left; }
.contents {
	width:				670px;
	display:			block;
	margin:				0;
}
#logo-intro {
	margin:				0px 0px 0px 0px;
	width:				667px;
	_width:				650px;
	height:				292px;
	display:			block;
	background:			top left transparent url(kuvat/layout/logo-info.jpg) no-repeat;
}
#intro_sisalto {
	margin:				0px 0px 0px 160px;
	padding:			60px;
	_padding:			80px 0px 80px 60px;
	width:				374px;
	display:			block;
	color:				white;
}
#intro_sisalto h4 {
	font-size:			14px;
}
#vyot {
	position:			absolute;
	right:				0;
	margin:				165px 0px 0px 0px;
	height:				193px;
	width:				321px;
	display:			block;
	background:			top right transparent url(kuvat/layout/vyot.jpg) no-repeat;
}

#main-menu {
	width:				597px;
	margin:				0px 0px 0px 22px;
	_margin:			0px 0px 0px 12px;
	height:				51px;
	float:				left;
	display:			block;
}
#main-menu-ul {
	display: 			block;
	width:				597px;
	height:				51px;
    margin:				0;
	padding:			0;
    position:			relative;
}

#main-menu-ul li {
	display: 			block;
	margin:				0;
	padding:			0;
	list-style:			none;
    position:			absolute;
	top:				0;
}
#main-menu-ul li a { display: block; height: 51px; }

.btn_navi_etusivu 		{  background: top left transparent url(kuvat/layout/menu-01-off.jpg) no-repeat; left: 0; display: block; margin: 0; padding: 0; width: 63px; height: 51px; }
.btn_navi_esittely 		{ background: top left transparent url(kuvat/layout/menu-02-off.jpg) no-repeat; left: 63px; display: block; margin: 0; padding: 0;  width: 85px; height: 51px; }
.btn_navi_kurssit 		{ background: top left transparent url(kuvat/layout/menu-03-off.jpg) no-repeat; left: 148px; display: block; margin: 0; padding: 0;  width: 113px; height: 51px; }
.btn_navi_galleria 		{ background: top left transparent url(kuvat/layout/menu-04-off.jpg) no-repeat; left: 261px; display: block; margin: 0; padding: 0;  width: 100px; height: 51px; }
.btn_navi_keskustelu 	{ background: top left transparent url(kuvat/layout/menu-05-off.jpg) no-repeat; left: 361px; display: block; margin: 0; padding: 0;  width: 113px; height: 51px; }
.btn_navi_yhteystiedot 	{ background: top left transparent url(kuvat/layout/menu-06-off.jpg) no-repeat; left: 474px; display: block; margin: 0; padding: 0;  width: 123px; height: 51px; }


.btn_navi_etusivu		a { background: top left transparent url(kuvat/layout/menu-01-off.jpg) no-repeat; }
.btn_navi_esittely 		a { background: top left transparent url(kuvat/layout/menu-02-off.jpg) no-repeat; }
.btn_navi_kurssit 		a { background: top left transparent url(kuvat/layout/menu-03-off.jpg) no-repeat; }
.btn_navi_galleria 		a { background: top left transparent url(kuvat/layout/menu-04-off.jpg) no-repeat; }
.btn_navi_keskustelu 	a { background: top left transparent url(kuvat/layout/menu-05-off.jpg) no-repeat; }
.btn_navi_yhteystiedot 	a { background: top left transparent url(kuvat/layout/menu-06-off.jpg) no-repeat; }

.btn_navi_etusivu 		a:hover { background: top left transparent url(kuvat/layout/menu-01-on.jpg) no-repeat; }
.btn_navi_esittely 		a:hover { background: top left transparent url(kuvat/layout/menu-02-on.jpg) no-repeat; }
.btn_navi_kurssit 		a:hover { background: top left transparent url(kuvat/layout/menu-03-on.jpg) no-repeat; }
.btn_navi_galleria 		a:hover { background: top left transparent url(kuvat/layout/menu-04-on.jpg) no-repeat; }
.btn_navi_keskustelu 	a:hover { background: top left transparent url(kuvat/layout/menu-05-on.jpg) no-repeat; }
.btn_navi_yhteystiedot 	a:hover { background: top left transparent url(kuvat/layout/menu-06-on.jpg) no-repeat; }

#main {
	width:				650px;
	display:			block;
	margin:				14px 0px 0px 22px;
}
.main_area {
	display:			block;
	width:				611px;
	background:			white;
}
.main_title {
	width:				611px;
	height:				30px;
}
#ajankohtaista_title 	{ background: top left transparent url(kuvat/layout/ajankohtaista-title.jpg) no-repeat; }
#yhteystiedot_title  	{ background: top left transparent url(kuvat/layout/yhteystiedot-title.jpg) no-repeat; }
#esittely_title 		{ background: top left transparent url(kuvat/layout/esittely-title.jpg) no-repeat; }
#galleria_title			{ background: top left transparent url(kuvat/layout/galleria-title.jpg) no-repeat; }
#keskustelu_title 		{ background: top left transparent url(kuvat/layout/keskustelu-title.jpg) no-repeat; }
#kurssit_title 			{ background: top left transparent url(kuvat/layout/kurssit-title.jpg) no-repeat; }

.main_area_content {
	margin:				20px;
}
.main_area_footer {
	height:				17px;
	width:				611px;
	display:			block;
	background:			top left transparent url(kuvat/layout/main-footer-bg.jpg) no-repeat;
}
.main_area_content table { border-collapse: collapse; width: 570px; }
.main_area_content img { padding: 0px 20px 5px 0px; }
.main_area_content table h4, #sidebox_main table h4 { font-size: 14px; margin: 0; }
.main_area_content table h4 { color: white; }
.main_area_content table td { padding: 5px; }
.main_area_content h5 { font-weight: bold; font-size: 12px;  }
.main_area_content h1, .main_area_content h2, .main_area_content h3, .main_area_content h4, .main_area_content h5 { color: #690000; }
.tr_harmaa_1 { background: #ce2220; color: white; }
.tr_harmaa_2 { background: #a31b1a; color: white; }
.tr_harmaa_3 { background: #690000; color: white; }

.main_area_content a:link, .main_area_content a:visited { color: #6F0000; }
.main_area_content a:hover, .main_area_content a:active { color: #A31B1A; }

 #navcontainer ul {
	margin: 			0;
	padding: 			0;
	list-style-type: 	none;
	text-align: 		left;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a {
	text-decoration: 	none;
	padding: 			5px 10px 5px 10px;
	color: 				#fff;
	background-color: 	#525252;
}

#navcontainer ul li a:hover {
	color: 				#fff;
	background-color: 	#858585;
}

.side_box {
	position:			absolute;
	left:				645px;
	margin:				357px 0px 0px;
	_margin:			358px 0px 0px;
	width:				344px;
}
#sidebox_title {
	height:				30px;
	width:				344px;
	display:			block;
	background:			top left transparent url(kuvat/layout/leirit-title.jpg) no-repeat;
}
#sidebox_main { 
	background: 		white; 
	padding:			22px;
}
#sidebox_main table { width: 300px; border-collapse: collapse; }
#sidebox_main table td { padding: 2px 5px 2px 5px; font-size: 10px; }

#sidebox_footer {
	height:				17px;
	width:				344px;
	display:			block;
	background:			top left transparent url(kuvat/layout/sivu-footer-bg.jpg) no-repeat;
}

#footer {
	display: 			block;
	width:				611px;
	margin:				20px 0px 40px 22px;
	_margin:			20px 0px 40px 22px;
	text-align:			left;
	font-size:			10px;
	color:				#CCC;
}
#footer a:link, #footer a:visited { color: #CCC; }
#footer a:hover, #footer a:active { color: #999; }

.errorMessage {
	color: #FF0000;	
	font-weight: bold;
}
.ilmoitus {
	color: green;
	font-weight: bold;
	}