* {
margin : 0;
padding : 0;
}
body {
background : #f0f1f3;
color : #000;
font : 76%/120% Arial, Helvetica, sans-serif;
text-align : center;
height : 100%;
}
a:link, a:hover, a:active {
color : #34399f;
text-decoration : underline;
}
a:visited {
color : #666699;
text-decoration : underline;
}
h1 {
font-size : 0.1em;
text-indent : -1000em;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
display : block;f
height : 100px;
text-decoration : none;
width : 266px;
}
h2 {
color : #323232;
font-size : 1.7em;
margin : 20px 0;
}
h3 {
border-bottom : 1px solid #999;
clear : both;
color : #4c4c4c;
font-size : 1.3em;
font-weight : bold;
margin : 10px 0 7px 0;
padding-bottom : 2px;
}
h4 {
color : #666;
font-size : 1.2em;
font-weight : bold;
margin : 0 0 1em 0;
padding-top : 20px;
}
h5 {
color : #666;
font-size : 1.1em;
font-weight : bold;
margin : 0 0 1em 0;
}
.otsakepieni {
border-bottom : 1px solid #999;
clear : both;
color : #666;
font-size : 1em;
font-weight : bold;
margin : 10px 0 7px 0;
}
p {
margin : 1em 0 1em 0;
}
.sisennys {
padding-left : 4px;
}
.oikea {
float : right;
}
ul {
margin : 0 0 0 0;
}
li {
background : transparent url(../images/bullet.gif) no-repeat 0 2px;
list-style : none;
padding : 0 0 3px 15px;
}
#column-right li {
background : transparent url(../images/bullet.gif) no-repeat 0 2px;
list-style : none;
padding : 0 0 3px 10px;
}
input#haku {
height : 15px;
width : 158px;
}
input.hakulaatikko {
height : 17px;
width : 110px;
}
.fieldset {
border : 0 none;
margin : 0 0 1em 0;
}
.clear-ns {
clear : both;
height : 0;
text-indent : -1000em;
}
.clear {
clear : both;
}
.left {
float : left;
}
.right {
float : right;
}
img {
border : 0;
}
.image {
border : 4px solid #d1d3d2;
}
.uutinen-nosto {
float : right;
width : 240px;
}
.uutinen-nosto ul {
display : inline;
float : left;
}
.uutinen-nosto li {
background : none;
display : inline;
float : left;
padding : 0 10px 0 0;
}
.pystykuva {
float : left;
margin : 0 10px 10px 0;
}
.vaakakuva {
margin : 0 0 10px 0;
}
.tehostekuva {
background-color : #fff;
border-bottom : 1px solid #999;
border-top : 1px solid #999;
display : block;
padding : 1px 0;
margin : 0 0 10px 0;
}
table, table td, table tr {
margin : 1px 1px 1px 1px;
padding : 1px 1px 1px 1px;
border : 1px solid gray;
}
.valiviiva {
border-bottom : 1px solid #999;
clear : both;
color : #666;
}
.quote {
width : 150px;
float : right;
display : block;
font-size : 11px;
font-style : italic;
font-weight : bold;
margin-left : 2px;
color : #fff;
padding : 10px 10px 20px 50px;
background : url("../images/heittomerkit2.png") no-repeat 5% 5%;
background-color : #959692;
}
#wrapper {
background : #fff;
border : 1px solid #8b8b8b;
border-top : 0 none;
margin : 0 auto;
text-align : left;
width : 746px;
width : 744px;
}
.hr {
background-color : #323232;
width : 349px;
height : 10px;
}
#nav-top {
border-bottom : 1px solid #ccc;
font-size : 0.9em;
height : 1.3em;
position : relative;
width : 744px;
z-index : 10;
}
#nav-top a:link, #nav-top a:visited, #nav-top a:hover, #nav-top a:active {
color : #3a3a3a;
text-decoration : none;
white-space : nowrap;
}
#nav-top a:hover {
color : #191919;
}
#linkki-yliopistonetusivu {
background : #8c8a87 url(../images/nav/navtop_yliopiston_etusivu.gif) no-repeat center left;
display : block;
height : 1.3em;
text-decoration : none;
text-indent : -1000em;
width : 110px;
}
body.etusivu #linkki-yliopistonetusivu {
background : #011d68 url(../images/nav/navtop_yliopiston_etusivu_a.gif) no-repeat center left;
display : block;
height : 1.3em;
text-decoration : none;
text-indent : -1000em;
width : 110px;
}
body#eng #linkki-yliopistonetusivu {
background : #8c8a87 url(../images/eng/navtop_yliopiston_etusivu.gif) no-repeat center left;
width : 125px;
}
body#eng.etusivu #linkki-yliopistonetusivu {
background : #011d68 url(../images/eng/navtop_yliopiston_etusivu_a.gif) no-repeat center left;
}
body#eng #nav-top ul {
left : 125px;
width : 620px;
}
#nav-top ul {
border-bottom: 1px solid #ccc;
left : 110px;
list-style : none;
height : 1.3em;
margin : 0;
position : absolute;
top : 0;
width : 634px;
}
#nav-top ul li {
background : transparent url(../images/nav/navtop_bg_li.gif) repeat-x bottom left;
display : inline;
float : left;
height : 1.3em;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
padding : 0 7px 0 7px;
list-style: none;
border-right: 1px solid #ccc;
}
#nav-top ul li.active {
background : #fff;
display : inline;
float : left;
height : 1.3em;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
padding : 0 7px 0 7px;
list-style: none;
}
#nav {
background : transparent url(../images/nav/nav_bg.gif) repeat-x bottom left;
clear : both;
font-size : 1em;
height : 1.3em;
padding : 0 0 0 4px;
}
#nav ul {
list-style : none;
margin : 0;
}
#nav ul li, #nav ul li.active {
background : transparent;
display : block;
float : left;
margin : 0;
padding : 0 7px;
}
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
color : #3a3a3a;
display : inline;
padding : 2px 0 0;
text-decoration : none;
margin : 0;
white-space : nowrap;
}
* html #nav a:link, * html #nav a:visited, * html #nav a:hover, * html #nav a:active {
padding : 0 0 0 0;
}
#nav a:hover {
color : #191919;
}
* html #nav, * html #nav ul, * html #nav ul li, * html #nav li, * html #nav ul li.active {
height : 1.2em;
}
#nav .page_item {
border-left : 1px solid #ccc;
background : transparent;
}
#nav .page-item-487 {
border-right : 1px solid #ccc;
background : transparent;
}
#nav .page-item-470 {
border-left : none;
background : transparent;
}

#nav .page-item-2947 {
border-left : none;
background : transparent;
}

#nav .page-item-3162 {
border-right : 1px solid #ccc;
background : transparent;
}

* html #nav-2nd {
padding-top : 0;
width : 744px;
width : 740px;
}
#nav-2nd ul {
height : 1.4em;
list-style : none;
margin : 0;
}
#nav-2nd ul li, #nav-2nd ul li.active, #nav-2nd ul li.last {
background : transparent url(../images/nav/nav_2nd_li.gif) repeat-y top right;
display : inline;
float : left;
height : 1.4em;
margin : 0;
padding : 0 7px;
}
#nav-2nd ul li.active {
background : transparent url(../images/nav/nav_2nd_li_active.gif) repeat-x top left;
}
#nav-2nd ul li.last {
background-image : none;
}
#nav-2nd ul li.active a:link, #nav-2nd ul li.active a:visited, #nav-2nd ul li.active a:hover, #nav-2nd ul li.active a:active {
color : #3a3a3a;
text-decoration : none;
white-space : nowrap;
}
#nav li.linkit-helsinki {
float : right;
}
#nav li.linkit-helsinki {
background : transparent;
display : inline;
float : left;
margin : 0;
padding : 0 7px;
border-left : 1px solid #ccc;
float : right;
height : 1.2em;
}
#content {
background : transparent url(../images/seperator_footer.gif) repeat-x bottom left;
clear : both;
height : 100%;
padding : 0 9px 12px 9px;
}
.taustaviivat-etusivu {
background : transparent url(../images/bg_etusivu.gif) repeat-y top left;
clear : both;
height : 100%;
overflow : hidden;
padding-bottom : 15px;
}
.taustaviivat-2-palstaa {
background : transparent url(../images/bg_2_palstaa.gif) repeat-y top left;
clear : both;
height : 100%;
overflow : hidden;
padding-bottom : 15px;
}
.taustaviivat-3-palstaa {
background : transparent url(../images/bg_3_palstaa.gif) repeat-y top left;
clear : both;
height : 100%;
overflow : hidden;
padding-bottom : 15px;
}
#column-left {
float : left;
margin : 0 0 0 0;
width : 192px;
}
#column-center {
float : left;
margin : -4px 19px 0 19px;
width : 349px;
}
#column-right {
float : left;
margin : -4px 0 0 0;
width : 147px;
}
#column-center-wide {
float : left;
margin : -4px 0 0 19px;
width : 515px;
}
#column-left > ul, #column-left > ul > li {
display : block;
}
#column-left > ul > li, #column-left > ul > li > a {
padding-bottom : 0;
padding-top : 0;
background : #3a75c4;
color : #ffffff;
font : bold 1em Arial, Helvetica, sans-serif;
margin-bottom : 6px;
margin-top : 6px;
text-decoration : none;
}
#column-left > ul > li {
padding-left : 4px;
}
#column-left > ul > li > ul > li, #column-left > ul > li > ul > li > a {
background-color : #fff;
display : block;
margin-left : -4px;
}
#column-left a {
font-weight : normal;
}
#column-left > ul > li > ul > li > ul, #column-left > ul > li > ul > li > ul > li > ul {
margin : 0 0 0 0;
}

.leru {
clear : both;
float : left;
width : 120px;
}
.leru img {
border : 0 none !important ;
}
#footer {
clear : both;
text-align : right;
}
* html #footer {
height : 61px;
}
#footer ul {
float : right;
list-style : none;
margin : 13px 3px 10px 0;
}
#footer ul li {
background-image : none;
display : inline;
float : left;
margin : 0;
padding : 0 7px;
}
.footer-li {
background : transparent url(../images/footer_li_right.gif) no-repeat center right !important ;
display : block;
margin-top : 2px;
}
.footer-vali {
margin-right : 18px;
display : block;
margin-top : 2px;
}
.footer-bold {
color : #575757;
font-weight : bold;
display : block;
margin-top : 2px;
}
#footer p {
font-size : 0.9em;
margin : 0 10px 0 0;
padding : 0 0 0.5em 0;
}
#footer {
background : #fff url(../images/bg_footer.gif) repeat-x bottom left;
}