/* CSS Document */
body {
	background-color: #8c8d8d;
	background-image:url(kuvat/layout/bg.gif);
	background-repeat:repeat-x;
	text-align:center;
}

div, p, h1, h2, h3, h4, h5, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul, li{
	border: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.clear { clear: both; }

div.wrapper {
	text-align:left;
	margin: 0 auto;
	width: 924px;
}

/***********************************************************************/
/* TOP OSASTO */
div.topbar {
	margin-top: 30px;
	width: 924px;
	height: 75px;
}

div.mainmenu {
	background-image:url(kuvat/layout/blackmenubg.gif);
	background-repeat:no-repeat;
	width: 924px;
	height: 35px;
}

div.mainmenu span {
	margin-left: 9px;
	margin-top: 7px;
	width: 108px;
	height: 23px;
	background-image:url(kuvat/layout/blackmenubutton.gif);
	background-repeat:no-repeat;
	float: left;
	text-align:center;
	padding-top: 3px;
	cursor: pointer;
	
	font-size:13px;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
}

div.mainmenu span:hover {
	margin-left: 9px;
	margin-top: 7px;
	width: 108px;
	height: 23px;
	background-image:url(kuvat/layout/blackmenubutton.gif);
	background-repeat:no-repeat;
	float: left;
	text-align:center;
	padding-top: 3px;
	cursor: pointer;
	
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}
/***********************************************************************/


/***********************************************************************/
/* SISÄLYÖOSASTO */

div.contentpane {
	width: 924px;
	margin-top: 15px;
}

div.contentpane h1, div.contentpane h2, div.contentpane h3, div.contentpane h4 {
	margin-left: 10px;
}

div.leftcol {	float: left; margin-right: 20px; }
div.rightcol {	float: left; }


div.sidescreentitle {
	width: 160px;
	height: 20px;
	background-image:url(kuvat/layout/sidescreentitle.gif);
	background-repeat:no-repeat;
	text-align: center;
}
div.sidescreentitle h6{
	font-size: 13px;
	color: #e2e2e2;
	margin: 0px;
	padding-top: 1px;
	margin-right: 6px;
}
div.sidescreentitle img{
	
}


div.sidescreencontent {
	width: 160px;
	min-height: 125px;
	background-color: #5b6e27;
	background-image:url(kuvat/layout/sidescreenbg.gif);
	background-repeat:repeat-x;
}

div.sidescreencontent a:link {
	margin: 0px 5px 0px 5px;
	color: #fff;
}
div.sidescreencontent a:visited {
	margin: 0px 5px 0px 5px;
	color: #fff;
}

div.sidescreencontent p, div.sidescreencontent ul, div.sidescreencontent span  {
	margin: 0px 5px 0px 5px;
	color: #ddd;
}


div.sidescreenbottom {
	background-image:url(kuvat/layout/sidescreenbottom.gif);
	background-repeat:no-repeat;
	height: 6px;
	width: 160px;
	margin-bottom: 10px;
}


div.mainscreentitle {
	background-image:url(kuvat/layout/mainscreentitle.gif);
	background-repeat:no-repeat;
	width: 744px;
	height: 20px;
	
}
div.mainscreentitle h6{
	font-size: 13px;
	color: #e2e2e2;
	margin: 0px;
	padding-top: 2px;
	margin-left: 15px;
}

div.mainscreencontent {
	background-color: #d1d1d1;
	border-bottom: 3px solid black;
	width: 744px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

div.mainscreencontent p{
	margin-left: 15px;
	margin-right: 15px;	
}


div.footer {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}

div.footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #505050;
}

/******************************************************/

a:link, a:visited {
	font-size: 12px;
	color: #505050;
	text-decoration:underline;
}

a:hover {
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}