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

/*
 * CSS
 * (c) BrightBait
 */

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #FFF;
}
body {
	background-color: #000;
	margin-left: 150px;
	margin-top: 50px;
}
a:link {
	color: #0F0;
}
a:visited {
	color: #0F0;
}
a:active {
	color: #E8E8E8;
}
h1 {
	color: #0F0;
	font-size:18px;
}
h2 {
	color: #0F0;
	font-size:12px;
}


/* center: tämän sisällä on kaikki sivujen elementit ja tämän avulla sisältö voidaan keskittää selaimen keskelle*/
#center {
	position: relative;
	width:780px; /*780 px on default leveys, joka toimii myös läppäreillä (=pienellä näytöllä)*/
	margin:0px auto; /* Right and left margin widths set to "auto"  - ei toimi jos käytetään tiettyjä spry efektejä!*/
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:15px;
	z-index:0;
	overflow:visible;
}


/* Sisältö */
.container {
	width:460px;
	height:auto;
	position:absolute;
	top:180px;
	left:230px;
	z-index:5;
	overflow:visible;
}


/*Sivun yläosan grafiikka*/
.header {
	position: absolute;
	top:0px;
	left:0px;
	width:770px;
	height:130px;
	background: url(pics/header.jpg) left top no-repeat;
	z-index:0;
	overflow:visible;
}

/*tämä on kikka kolmonen, jolla saadaan headerikuva näkymään myös tulostettaessa*/
#title {                            
	letter-spacing: -10em;          
	font-size: 1pt;                  
/*	color: white; */
}

/* menu */
.menu {
	position:relative;
	width:120px;
	z-index:15;
	top:50px;
	left:10px;
	overflow:visible;
	background-color:black;
	border-color:#0F0;
	border-width: 2px;
	border-style: solid;
}

/* kielivalikko */
.language_menu {
	float:right;	
	/*position: absolute;
	bottom:-40px;
	right:0px;
	z-index:15000;*/
}

/* menun tekstin asemointi ja muotoilu*/
ul#menu { 
text-align:left;
	vertical-align:middle;
	width:100px;
	height:100%;
	margin: 15px 15px 15px 15px; /*marginaalit joka puolella*/
	line-height: 24px; /*riviväli*/
	z-index:15;
	padding:0; 
	list-style-type:none; 
}
ul#menu li { text-decoration:none; font-size:12px; color:white;} /*palkit vaal. harmaita*/
ul#menu .current { text-decoration:underline; font-size:12px; color:#0F0;}
ul#menu li:hover { text-decoration:none; font-size:12px; color:#0F0;}
ul#menu li a { text-decoration:none; font-size:12px; color:white;} /*tekstit valkoisia*/
ul#menu li a:hover { color:#0F0;} /*hover-tekstit vihreitä*/


/* käytetään, jotta saadaan kuva asemoitua vasemmalle ja teksti kiertämään kuvaa*/
.picture_left {
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 5px 0px 0px;
	border:0px;
}

/* käytetään, jotta saadaan kuva asemoitua oikealle ja teksti kiertämään kuvaa*/
.picture_right {
	float:right;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	border:0px;
}