html,body {margin:0;padding:0}
body {
	font: small "Trebuchet MS",Helvetice,sans-serif; 
	text-align:center;
	background: #000;}
	
p,li {margin:0px 0px 1em; line-height:1.8;}
a {text-decoration:none;}
ul {margin: 0px; padding: 0px; font-weight: bold; line-height:1.8em;}
li {padding: 0.2em 0 1em; margin: 0 0 0 1em; font-weight: normal;}
#content ul,#content li {padding-bottom: 1em;}
#content ul {margin-top: -1em;}
h1,h2,h3 {margin: 0px; text-transform: uppercase; padding-bottom: 0.6em; letter-spacing: 0.1em;}
h3 {font-size:small; margin-top: 2em;}
img {border:0 none;}
#wrapper a img {border: solid 1px #000;}
#wrapper a:hover img {border: solid 1px #FFF;}
#wrapper2 a img {border: solid 1px #FD4700;}
#wrapper2 a:hover img {border: solid 1px #FFF;}


table,tr,td p{margin-top: 0em; vertical-align: top;}

div#koko {background: #000 url("kuvat/bg.jpg") no-repeat top center;}

div#header{height:274px;margin:0; background-image: url(kuvat/header_bg.png);}
div#container{text-align:left; background: #FFF;}
div#content p{}
div#wrapper{background:#000}
div#wrapper2{background:#FFF url(kuvat/header_ala.png) no-repeat top;}


div#content, div#content_v2, div#navigation, div#extra{padding: 41px 0 48px;  color: #FFF;}
div#content {padding: 41px 0 30px;}
div#content2, div#content2_v2, div#extra2{padding: 41px 0 41px;}
div#navigation{}
div#extra{}
div#extra2{}
div#extra2{}

div.video {width: 426px; height: 400px; float:left;}
div.video-info {width: 200px;float:right;}

div#footer {background: #000 url(kuvat/footer_bg.png) repeat-x top; color: #FFF; padding: 0px 65px 40px 225px;}
#footer p{padding: 0px; margin:0px;}


#ylaosa h1,h2,h3{color: #FD4700;}
#alaosa h2,h3{color: #FD4700;}
#footer h2{color: #FD4700; font-size: small;}

#navigation ul{margin-top:-0.3em;}
#navigation li{list-style: none; margin: 0em; padding: 0px; width: 150px; font-size: large; letter-spacing: 0.1em; font-weight: bold; text-transform: uppercase;}

#extra2 p{font-size:90%;}
#extra2 ul{font-size: 90%; margin-bottom: 2em; text-transform: uppercase;}
#extra2 li{list-style: none; margin: 0.5em 0em 0.5em; padding: 0px; text-transform: none;}

#content_v2 img{margin: 0 2px 2px 0; background:none;}

.video-info p{font-size:90%;}
.video-info ul{font-size: 90%; margin-bottom: 2em; text-transform: uppercase;}
.video-info li{list-style: none; margin: 0.5em 0em 0.5em; padding: 0px; text-transform: none;}


/* Linkit 
-------------------------------------------------------*/

#ylaosa a:link {
		color: #FFF;
		text-decoration: underline ;}
#ylaosa a:visited {
		color: #FFF;
		text-decoration: underline ;}
#ylaosa a:hover {
		color: #FFF; background: #FD4700;
		text-decoration: none ;}
#ylaosa a:active {
		color: #FD7100 ; background: none;
		text-decoration: none ;}
		

#content_v2	a:hover{
		color:#FD4700; background: none;
		text-decoration:none;
		}


#alaosa a:link {
		color: #000;
		text-decoration: underline ;}
#alaosa a:visited {
		color: #000;
		text-decoration: underline ;}
#alaosa a:hover {
		color: #FFF; background: #FD4700;
		text-decoration: none ;}
#alaosa a:active {
		color: #FD4700; background: none;
		text-decoration: none ;}
		
#footer a:link {
		color: #FFF;
		text-decoration: underline ;}
#footer a:visited {
		color: #FFF;
		text-decoration: underline ;}
#footer a:hover {
		color: #FFF; background: #FD4700;
		text-decoration: none ;}
#footer a:active {
		color: #FD7100 ; background: none;
		text-decoration: none ;}
		
#navigation a{display: block;width: 7em; padding-left:0.4em; margin-left:-0.4em;}
#navigation a:link {text-decoration:none}
#navigation a:visited {text-decoration:none}


		
/* Navigaatiomenun aktiivinen sivu
-------------------------------------------------------*/
#index #nav-index a,
#lajikuvaus #nav-lajikuvaus a,
#media #nav-media a{
color: #FD4700;}

#index #nav-index a:hover,
#lajikuvaus #nav-lajikuvaus a:hover,
#media #nav-media a:hover{
color: #FD4700; background: #000;}
	
/* Minimikorkeus etusivun yläosalle
-------------------------------------------------------*/	
div#content {
min-height:400px;
height: auto !important;
height: 400px;
}

	
/* Layout
-------------------------------------------------------*/
div#container{width:950px;margin:0 auto}
div#wrapper{float:left;width:100%;}
div#wrapper2{float:left;width:100%}
div#content{margin: 0 338px 0 225px;}
div#content_v2{margin: 0 68px 0 225px;}
div#content2{margin: 0 338px 0 225px}
div#content2_v2{margin: 0 68px 0 225px;}
div#navigation{float:left;width:155px;margin-left:-950px;padding-left: 65px;}
div#extra{float:left;width:235px; margin-left:-300px; padding-right: 65px;}
div#extra2{float:left;width:235px; margin-left:-300px; padding-right: 65px;}
div#content2{margin: 0 338px 0 225px}
div#footer{clear:left; } 

.login {float: right; position: relative; bottom: 2em; right; 0px;}


/* Slideshown koko
-------------------------------------------------------*/
#myGallery
{
width: 235px !important;
height: 191px !important;
background: url(cms/cmsimages/slideshow/1.jpg)
} 

.imageElement {visibility: hidden; border: 0px none;}

