@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #707070;
}

img {
	border: 0;
}

a:link {
	color: #e40001;
	text-decoration: none;
}
a:visited {
	color: #e40001;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

div#container {
	position: relative;
	margin: 0 auto;
	background: #dddddd; 
	height: auto !important;
	height: 100%; 
	
	min-height:100%;
	
}

/* Yläosa: määritä oikea korkeus ja taustakuva/väri. */
div#topcontainer {

/* Merkitse korkeus samaksi kuin taulukon yläsolun korkeus */
	height: 60px;
	
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

/* Yläosan divit (logo, heading, links): määritä oikea prosentuaalinen leveys ja padding ylhäältä. HUOM! Lisäksi 
	tekstiasettelut diveissä heading ja links. */
div#logo {
	float: left;
	width: 28%;
	padding-left: 2%;
	padding-top: 15px; 
}

div#header {
	float: left;
	width: 40%;
	text-align: center;
	padding-top: 20px;
	color: #707070;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 18px;
}

div#links {
	float: left;
	width: 28%;
	padding-right: 2%; 
	text-align: right;
	padding-top: 5px;
	font-size: 11px;
}
div#roots {
	float: left;
	width: 28%;
	padding-right: 2%; 
	text-align: right;
	font-size: 11px;
}

/* SWF-asettelu.*/
div#flash {	
//	padding: 0em 0em 2em;
//	margin-left: auto;
//	margin-right: auto;
//	height: 100%;
}

/* */
div#bottomcontainer {
	position: absolute;
	width: 100%;
	bottom: 0;
	//background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

div#copy {
	float: left;
	width: 50%
}

div#sflink {
	float: left;
	width: 48%;
	padding-right: 2%;
	text-align: right;
	padding-bottom: 5px;
}

div.sf {
	background-image: url(images/logo_small_grey.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 50px;
	height: 20px;
	display:table-cell;
}

div.sf:hover {
	background-image: url(images/logo_small_color.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 50px;
	height: 20px;
	display: table-cell;
	outline: none;
}