* { margin: 0; padding: 0; }
body { background: #f0f1f3; color: #000; font: 76%/120% Arial, Helvetica, sans-serif; text-align: center; }

a:link, a:hover, a:active { color: #34399f; text-decoration: underline; }
a:visited { color: #666699; text-decoration: underline; }
a.no-outline { outline: 0; }

h1, h2 { border-bottom: 1px solid #999; clear: both; color:#666; font-size: 1em; font-weight: bold; margin: 10px 0 7px 0; }
h3 { color:#333; font-size: 1em; font-weight: bold; margin: 0 0 1em 0; }
h4 { color:#333; font-size: 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: 0 0 1em 0; }
.sisennys { padding-left: 4px;}
ul { margin: 0 0 1em 0; }
li { background: transparent url(../images/bullet.gif) 0 2px no-repeat; list-style: none; padding: 0 0 3px 15px; }
input#haku { height: 15px; width: 158px; }
input.hakulaatikko { height: 17px; width: 110px; }
fieldset { border: 0px none; margin: 0 0 1em 0; }
.clear-ns { clear: both; height: 0; text-indent: -1000em; } /* Netscape 7 fix */
.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;}
.valiviiva { border-bottom: 1px solid #999; clear: both; color:#666; }
#wrapper { background: #fff; border: 1px solid #8b8b8b; border-top: 0px none; margin: 0 auto; text-align:left; width: 746px; width/**/:/**/744px; }

/* Ylänavigaatio (txt/fin/swe/eng) */
#nav-top { background: #fff url(../images/nav/navtop_bg.gif) bottom left repeat-x; font-size: .9em; height: 1.4em/*14px*/; 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/fin/navtop_yliopiston_etusivu.gif") center left no-repeat; display: block; height: 1.3em/*14px*/; text-decoration: none; text-indent: -1000em; width: 110px; outline: 0; }

body.etusivu #linkki-yliopistonetusivu { background: #011d68 url("../images/fin/navtop_yliopiston_etusivu_a.gif") center left no-repeat; display: block; height: 1.3em/*14px*/; text-decoration: none; text-indent: -1000em; width: 110px; }

body#swe #linkki-yliopistonetusivu { background: #8C8A87 url(../images/swe/navtop_hemsida.gif) center left no-repeat; width: 133px; }
body#swe.etusivu #linkki-yliopistonetusivu { background: #011d68 url(../images/swe/navtop_hemsida_a.gif) center left no-repeat; }
body#swe #nav-top ul { left: 133px; }

body#eng #linkki-yliopistonetusivu { background: #8C8A87 url(../images/eng/navtop_yliopiston_etusivu.gif) center left no-repeat; width: 125px; }
body#eng.etusivu #linkki-yliopistonetusivu { background: #011d68 url(../images/eng/navtop_yliopiston_etusivu_a.gif) center left no-repeat; }
body#eng #nav-top ul { left: 125px; width: 619px; }
body#swe #nav-top ul { width: 611px; }

#nav-top ul { left: 110px; list-style: none; height: 1.3em/*14px*/; margin: 0; position: absolute; top: 0; width: 634px; }
#nav-top li, #nav-top li.active { background: transparent url(../images/nav/navtop_bg_li.gif) bottom right no-repeat; display: inline; float: left; height: 1.3em/*14px*/; margin: 0; padding: 0 7px; }
#nav-top li.active { background-color: #fff; background-image: none; border-right: 1px solid #ccc; }

#nav-top li.linkit-helsinki { float: right; }
#nav-top li.linkit-helsinki#alma { border-left: 1px solid #ccc; }

/* Sivun päänavigaatio */ 
#nav { background: #fff url(../images/nav/nav_bg.gif) bottom left repeat-x; clear: both; font-size: 1.0em; height: 1.4em/*16px*/; padding: 0 0 0 4px; }
#nav ul { list-style: none; margin: 0; }
#nav ul li, #nav ul li.active { background: #fff url(../images/nav/navtop_bg_li.gif) bottom right no-repeat; display: inline; float: left; margin: 0; padding: 0 7px; }
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active { color: #3a3a3a; display: block; padding: 2px 0 0 0; text-decoration: none; white-space: nowrap; }
* html #nav a:link, * html #nav a:visited, * html #nav a:hover, * html #nav a:active { padding: 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.6em; }

/* Sivun päänavigaation kakkostaso */ 
* html #nav-2nd { padding-top: 0; width: 744px; width/**/:/**/ 740px; } /*IE 5.x reads 744px and IE 6 will read 740px*/
#nav-2nd ul { height: 1.4em/*16px*/; 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) top right repeat-y;display: inline; float: left; height: 1.4em/*16px*/; margin: 0; padding: 0 7px; }
#nav-2nd ul li.active { background: transparent url(../images/nav/nav_2nd_li_active.gif) top left repeat-x; }
#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; }

/* etusivulla olevat linkit helsinki.fi ja alma */
#nav li.linkit-helsinki { background: #fff url(../images/nav/navtop_bg_li.gif) bottom right no-repeat; display: inline; float: left; margin: 0; padding: 0 7px; border-left: 1px solid #ccc; float: right; height: 1.4em/*16px*/; }

/* */
#content { background: transparent url(../images/seperator_footer.gif) bottom left repeat-x; clear: both; height: 100%; padding: 0 9px 12px 9px; }

.taustaviivat-etusivu { background: transparent url(../images/bg_etusivu.gif) top left repeat-y; clear: both; height: 100%; overflow/**/: hidden; padding-bottom: 15px;}
.taustaviivat-2-palstaa { background: transparent url(../images/bg_2_palstaa.gif) top left repeat-y; clear: both; height: 100%; overflow/**/: hidden; padding-bottom: 15px;}
.taustaviivat-3-palstaa { background: transparent url(../images/bg_3_palstaa.gif) top left repeat-y; clear: both; height: 100%; overflow/**/: hidden; padding-bottom: 15px;}

.column-left { float: left; margin: -4px 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; }

body.etusivu .column-left { float: left; width: 315px; }
body.etusivu .column-center { float: left; width: 227px; }
body.etusivu .column-right { float: left; width: 146px; }

body.etusivu .column-left img { border: 4px solid #D1D3D2; float: left; margin: 0 0 1em 0; }
body.etusivu .column-left ul { float: left; margin: 0 0 0 10px; width: 175px; }
body.etusivu .column-left li { width: 160px; width/**/:/**/170px; }
* html body.etusivu .column-left ul { margin: 0 0 0 5px; margin/**/:/**/0 0 0 10px; width: 160px; width/**/:/**/170px; }
.leru { clear: both; float: left; width: 120px; }
.leru img { border: 0px none !important; } 


/* Sivun alaosa "footer" */
#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) center right no-repeat !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: .9em; margin: 0 10px 0 0; padding: 0 0 .5em 0; }

/* commented backslash hack v2 \*/
#footer { background: #fff url(../images/bg_footer.gif) bottom left repeat-x; }
/* end hack */