body {
	background-image: url(../img/bg_fade.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #DCDDD9;
	text-align: center;
	margin: 0px;
}

img{
    border: 0px; 
}

/* menu, header */
#top_header {
	background-image: url(../img/bg_header.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	margin: 0 auto;
	width: 940px;
	height: 129px;
}

#menu {
	position: relative;
	height: 26px;
	bottom: -103px;
	padding-left: 60px;
}

.passive a {
	text-align: center;
	font-size: 14px;
	font-family: arial, sans-serif;
	padding: 5px 8px 5px 8px;
	text-decoration: none;
	float: left;
	border: 0px solid black;
	margin-left: 10px;
}

.passive a:link		{ color: #FFFFFF; background-color: transparent; }
.passive a:visited	{ color: #FFFFFF; background-color: transparent; }
.passive a:hover	{ color: #000000; background-image: url('../img/menu_lft.jpg'); background-position: top left; background-repeat: no-repeat; }
.passive a:active	{ color: #FFFFFF; background-color: transparent; }


.active {
	text-align: center;
	font-size: 14px;
	font-family: arial, sans-serif;
	color: #222222;
	padding: 5px 8px 5px 8px;
	background-color: transparent;
	float: left;
	border: 0px solid black;
	margin-left: 4px;
	
	background-image: url('../img/menu_lft.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

.active a {
	text-decoration: none;
	color: #222222;
}

.language a {
	text-align: center;
	font-size: 14px;
	font-family: arial, sans-serif;
	padding: 5px 8px 5px 380px;
	text-decoration: none;
	float: left;
	border: 0px solid black;
	margin-left: 10px;
}

.language a:link	{ color: #FFFFFF; text-decoration: none; }
.language a:visited	{ color: #FFFFFF; text-decoration: none; }
.language a:hover	{ color: #FFFFFF; text-decoration: underline; }
.language a:active	{ color: #FFFFFF; text-decoration: none; }


/* main */
#main {
	text-align: left; /* IE */
	width: 940px;
	margin: 0 auto;
	margin-top: 4px;
	padding-top: 4px;
	background-color: #FFFFFF;
	border: 1px solid #DBDBDB;
}

#main td {
	vertical-align: top;
}

#main_left {
	width: 620px;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 8px;
	border-right: 1px dotted gray;

}

#main_left p {
    line-height: 120%;
}

#main_left li {
    margin-bottom: 2px;
}


#main_right {
	width: 300px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;

}


#main_right p {
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	color: #111111;
}

#text p {
    line-height: 140%;
}

/* footer */
#footer {
	text-align: left; /* IE */
	width: 940px;
	height: 50px;
	margin: 0 auto;
	margin-top: 4px;
	border: 1px solid #DBDBDB;
	background-color: #FFFFFF;
}

#footer_copy {
	width: 200px;
	position: relative;
	top: 30%;
	left: 7%;
	font-family: verdana, sans-serif;
	font-size: 0.7em;
	color: #666666;
}

#footer_info {
	width: 300px;
	position: relative;
	text-align: left;
	font-family: verdana, sans-serif;
	font-size: 0.7em;
	color: #666666;
	float: right;
}

/* SISÄLTÖ */
#lftpic {
    float: left;
	padding-left: 5px;
}

#lftpic img {
    display: block;
    margin-bottom: 10px;
}

#text {
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	padding-left: 170px;
	padding-right: 25px;
}

#text p {
	padding-top: 0px;
	margin-top: 0px;
}

#topicdiv {
	width: 100%;
	margin-bottom: 15px;
}

#topicTextDiv {
	width: 94%;
	margin-bottom: 20px;
	margin-right: 10px;
	padding-left: 12px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 12px;
	background-color: #AC0030;
	color: #FFFFFF;
}
#topicTextDiv h2{
	font-family: verdana, arial, sans-serif;
	font-size: 1.0em;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

/*Boxit  */
/* tähän boxien yhteiset ominaisuudet */
#main_right div{
	width: 280px;
	margin-bottom: 12px;
}
/* boxien tekstiosien yhteiset ominaisuudet */
#main_right div p{
	margin-top: 6px;
	padding: 0 8px 8px 12px;
}


/* boxien otsikkokentän yhteiset ominaisuudet */
#main_right div h4{
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 6px;
	padding-bottom: 4px;
	margin-bottom: 10px;
}


/* kunkin boxin omat ominaisuudet */

/* viimeiset caset - punainen tausta */
.lastCase h4{
	background-image: url('../img/box_bg.jpg');
	background-repeat: repeat-x;
	color: white;
}


/* huomiocaset - punainen tausta */
.noteCase h4{
	background-image: url('../img/box_bg.jpg');
	background-repeat: repeat-x;
	color: white;
}
.noteCase {
        border-bottom: 2px solid  #B60646;
}


/*
.lastCase p{
	border-bottom: 1px #AAAAAA solid;
}
*/

.caseElement {
    width: 280px;
    height: 220px;
    text-align: center;
}

.caseElement p {
    margin-top: 5px;
}

/* referenssit - vihreä tausta */
.reference h4 {
	background-image: url('../img/box_bg_green.jpg');
	background-repeat: repeat-x;
	color: white;
}

/* demot - oranssi tausta */
.demo h4 {
	background-image: url('../img/box_bg_orange.jpg');
	background-repeat: repeat-x;
	color: white;
}

.demo p {
	border-bottom: 1px #AAAAAA solid;
}

ul.referenssi li a {
    color: #039;
    text-decoration: none;
}

ul.referenssi li a:visited {
    color: #039;
}

ul.referenssi li a:hover {
    color: #47c;
}

ul.referenssi li {
    padding-bottom: 3px;
}