p {
font-size:10pt;
font-family:inherit;
}



.valiviiva {
background-color: rgba(0, 0, 0, 0.496094);
height: 2px;
margin-bottom: 80px;
width:100%;
}


.pohja {
width:100%;
height:auto;
margin-top:30px;
margin-left:30px;
position:relative;
}


.30x30px {padding-top: 30px; padding-left: 30px; }


.julkisetkuvat {
padding-top:150px;
}

.uusi-teksti {
font-family: inherit;
font-size: 10pt;
padding-left:30px;
}

#cv { position: relative; width: 976px; height: auto; font-family: inherit; font-size: 10pt; padding-left: 50px; }


#about {
position: relative;
width:100%;
height:auto;
font-family:inherit;
font-size:10pt;
padding-left:50px;
}


.teossivuvuosiluvut { position: relative; width: 100%; height: 30px; font-family: inherit; font-size: 10pt; }


.teostekstit {
position: relative;
width: 100%;
height: 30px;
font-family:inherit;
font-size:10pt;
padding-bottom:180px;
}


.etusivu-teosvuosiluku {
position:absolute;
width: 100%;
height: 10px;
bottom: 0px;
font-family: inherit;
font-size: 10pt;
}


.etusivu-teoskuva {
position: relative;
width: 100%;
height: 160px;
background-position: inherit;
background-repeat: inherit;
background-repeat: inherit;
background-position: 0% 100%;
background-repeat: no-repeat no-repeat;
}


.etusivu-teoslaatikko {
position: relative;
float: left;
width: 25%;
height:175px;
margin-bottom: 120px;
}


ajankohtaista-linkit {
position: relative;
width: 100%;
height: 0px;
overflow: inherit;
overflow-x: hidden;
overflow-y: hidden;
font-family:inherit;
font-size:10pt;
}



.esittely3 {
position: relative;
width: 33%;
height: 200px;
float: left;
font-family:inherit;
}



a {
font-family:inherit;
color:rgb(0,0,0);
text-decoration:none;
}


a:hover {
cursor:pointer;
}



h4 {
font-family: inherit;
font-weight: 200;
font-size: 10pt;
text-align: center;
}


h5 {
font-family:inherit;
font-weight:200;
font-size:10pt;
text-align:center;
line-height:0.5em;
margin-top:0px;
margin-bottom:17px;
}


.menuosat {
position: relative;
width:120px;
height:57px;
float:left;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
border-bottom:solid 1px #000000;
-webkit-box-shadow:rgba(121,121,121,0.50) 1px 2px 1px;
} 


.menuosat:hover {
cursor:pointer;
}


/* #Lists
================================================== */

	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul {list-style: none; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 5px font-size: 90%;  }
	li {
line-height: 12px;
text-transform:uppercase;
display:inline;
padding-right:20px;
font-size:18px;
color:rgb(102,102,102);
font-family:inherit;
}

	nav ul ul {
border-radius: 0px;
position: absolute;
min-width:200%;
padding-top:12px;
top:100%;
left:40px;
display:none;
}

    
	nav ul li:hover > ul {
display:inline;
}
	nav ul:after {
clear: both;
display:inline;
}
nav ul {
list-style: none;
position: relative;
display:inline-table;
}
nav ul li {
float: left;
display:inline;
}
nav ul li a {
display:inline;
text-decoration: none;
}
nav ul li a:hover {
opacity:0.2;
}
nav ul ul li {
position: relative;
padding-right:15px;
}
nav ul ul li a {

font-size:14px;
color:rgb(57, 57, 57);
}


body {
font-family:Arial,serif;
position:absolute;
width:100%;
}


.mystyle {}<link href="main.css" rel="stylesheet" media="screen" type="text/css" >