body, div, h1, h2
{margin:0;}

body
{background-image:url('images/tupa.jpg');
background-repeat:repeat;
}

#content
{
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:1278px;
}

#header
{
	margin-top:0;
	width:1278px;
	height:393px;
background-image:url('images/header.jpg');
background-repeat:no-repeat;
	}

#loota
{
margin-top:0;
width:1278px;
}

#navigation
{float:left;
margin-top:0;
display:inline;
width:210px;
background-image:url('images/navigation2.jpg');
height:500px;
}
#navigation2
{float:left;
margin-top:0;
display:inline;
width:210px;
background-image:url('images/navigation2.jpg');
height:592px;
}

#links
{float:right;
margin-top:0;
width:279px;
min-height:500px;
background-image:url('images/links.jpg');
}
#links2
{float:right;
margin-top:0;
width:279px;
min-height:592px;
background-image:url('images/links.jpg');
}
#links3
{float:right;
margin-top:0;
width:279px;
min-height:500px;
background-image:url('images/links2.jpg');
}

#links4
{float:right;
margin-top:0;
width:279px;
min-height:592px;
background-image:url('images/links2.jpg');
}


#time
{width:195px;
margin-left:30px;}

#ekstra
{width:190px;
margin-top:150px;
margin-left:35px;}

#ekstra2
{width:190px;
margin-top:70px;
margin-left:35px;}


#main
{float:left;
width:789px;
background-image:url('images/main.jpg');
height:500px;
}
#main2
{float:left;
width:789px;
background-image:url('images/main.jpg');
height:592px;
}

#text
{width:590px;
margin-left:100px;
}
iframe
{width:150px; height:150px; border:1px solid 
#ffffff;}

#ekavideo
{float:left;
margin-left:100px;
width:420px;}
#videonimi
{float:right;
width:160px;
margin-right:80px;}
#mainb
{
width:1351px;
background-image:url('images/mainb.jpg');
}

#footer 
{
width:1278px;
height:274px;
margin-left:auto; 
margin-right:auto;
background-image:url('images/footer.jpg');
background-repeat:no-repeat;
margin-top:500px;
}
#footer2 
{
width:1278px;
height:274px;
margin-left:auto; 
margin-right:auto;
background-image:url('images/footer.jpg');
background-repeat:no-repeat;
margin-top:592px;
}

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
margin-left:40px;
	width: 171px;
	height: 439px;
	background: url(images/menu-bg.jpg) no-repeat;
	position: relative;
}

#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;

}
#menu a:hover {
	background-position: left bottom;
}

#menu .etusivu {
	width: 93px;
	height: 22px;
	background: url(images/etus.png) no-repeat;
	left: 25px;
	top: 28px;
}
#menu .kuvia {
	width: 50px;
	height: 24px;
	background: url(images/kuvia.png) no-repeat;
	left: 35px;
	top: 93px;
}
#menu .www {
	width: 59px;
	height: 21px;
	background: url(images/www.png) no-repeat;
	left:40px;
	top: 150px;
}
#menu .audio {
	width: 76px;
	height: 47px;
	background: url(images/audio.png) no-repeat;
	left:40px;
	top: 210px;
}
#menu .julkaisut {
	width: 82px;
	height: 27px;
	background: url(images/julkaisut.png) no-repeat;
	left:35px;
	top: 285px;

}
#menu .cv {
	width: 31px;
	height: 23px;
	background: url(images/cv.png) no-repeat;
	left:60px;
	top: 340px;
}

#menu .palaute {
	width: 65px;
	height: 22px;
	background: url(images/palaute.png) no-repeat;
	left:40px;
	top: 390px;
}
p{font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size:80%;
color:#2c1f0a;
}
h1, h2
{
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 100%;font-style: normal;font-weight: bold;
color:#2c1f0a;
padding:0px;
margin-top:0px;}
h2
{text-align:center;}
a.linkki {color:#2c1f0a;font-family:Verdana;font-size:80%;}
a.visited {color:#944666;font-family:Verdana;font-size:80%;}