* { 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; }
h1 { font-size: .1em; text-indent: -1000em; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { display: block; 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:#666; font-size: 1em; font-weight: bold; margin: 10px 0 7px 0; }
h4 { color:#333; font-size: 1em; font-weight: bold; margin: 0 0 1em 0; }
h5 { 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; }
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; }
.menu { background: #001E63; color: #fff; display: block; font: bold 1.0em Arial, Helvetica, sans-serif; margin-bottom: 6px; margin-top: 6px; padding-bottom: 1px; padding-left: 4px; padding-top: 1px; text-decoration: none; }
.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/nav/navtop_yliopiston_etusivu.gif) center left no-repeat; display: block; height: 1.3em/*14px*/; text-decoration: none; text-indent: -1000em; width: 110px; }

body.etusivu #linkki-yliopistonetusivu { background: #011d68 url(../images/nav/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; }

#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; }
/* Logo alue ylhäällä */
#header { background: transparent url(../images/logopohjat/logopohja1.gif) top left no-repeat; border-bottom: 1px solid #ccc; clear: both; height: 100px; position: relative; }
#header-wdc { background: transparent url(../images/logopohjat/logopohja1_valkoinen.gif) top left no-repeat; border-bottom: 1px solid #ccc; clear: both; height: 100px; position: relative; }
#header2 { background: transparent url(../images/logopohjat/logopohja2.gif) top left no-repeat; border-bottom: 1px solid #ccc; clear: both; height: 100px; position: relative; }
#header3 { background: transparent url(../images/logopohjat/logopohja3.gif) top left no-repeat; border-bottom: 1px solid #ccc; clear: both; height: 100px; position: relative; }
#header4 { background: transparent url(../images/logopohjat/logopohja4.gif) top left no-repeat; border-bottom: 1px solid #ccc; clear: both; height: 100px; position: relative; }
#header5 { background: transparent url(../images/logopohjat/logopohja5.gif) top left no-repeat; border-bottom: 1px solid #ccc; clear: both; height: 100px; position: relative; }
#header6 { background: transparent url(../images/logopohjat/logopohja6.gif) top left no-repeat; border-bottom: 1px solid #ccc; clear: both; height: 100px; position: relative; }
#header7 { background: transparent url(../images/logopohjat/logopohja7.gif) top left no-repeat; border-bottom: 1px solid #ccc; clear: both; height: 100px; position: relative; }
#header8 { background: transparent url(../images/logopohjat/logopohja8.gif) top left no-repeat; border-bottom: 1px solid #ccc; clear: both; height: 100px; position: relative; }
#header9 { background: transparent url(../images/logopohjat/logopohja9.gif) top left no-repeat; border-bottom: 1px solid #ccc; clear: both; height: 100px; position: relative; }
#header .tunnus-vari, #header-swe .tunnus-vari, #header-eng .tunnus-vari, #header2 .tunnus-vari, #header2-swe .tunnus-vari, #header2-eng .tunnus-vari, #header3 .tunnus-vari, #header3-swe .tunnus-vari, #header3-eng .tunnus-vari, #header4 .tunnus-vari, #header4-eng .tunnus-vari, #header4-swe .tunnus-vari, #header5 .tunnus-vari, #header5-swe .tunnus-vari, #header5-eng .tunnus-vari, #header6 .tunnus-vari, #header6-swe .tunnus-vari, #header6-eng .tunnus-vari,  #header7 .tunnus-vari, #header7-swe .tunnus-vari, #header7-eng .tunnus-vari, #header7 .tunnus-vari, #header7-swe .tunnus-vari, #header7-eng .tunnus-vari,  #header8 .tunnus-vari, #header8-swe .tunnus-vari, #header8-eng .tunnus-vari, #header8 .tunnus-vari, #header8-swe .tunnus-vari, #header8-eng .tunnus-vari, #header9 .tunnus-vari, #header9-swe .tunnus-vari, #header9-eng .tunnus-vari { background: #001e64; display: block; height: 58px; position: absolute; right: 0; top: 21px; width: 30px; }

body#swe #header { background: transparent url(../images/logopohjat/sve/logopohja1.gif) top left no-repeat; }
body#swe #header2 { background: transparent url(../images/logopohjat/sve/logopohja2.gif) top left no-repeat; }
body#swe #header3 { background: transparent url(../images/logopohjat/sve/logopohja3.gif) top left no-repeat; }
body#swe #header4 { background: transparent url(../images/logopohjat/sve/logopohja4.gif) top left no-repeat; }
body#swe #header5 { background: transparent url(../images/logopohjat/sve/logopohja5.gif) top left no-repeat; }
body#swe #header6 { background: transparent url(../images/logopohjat/sve/logopohja6.gif) top left no-repeat; }
body#eng #header { background: transparent url(../images/logopohjat/eng/logopohja1.gif) top left no-repeat; }
body#eng #header2 { background: transparent url(../images/logopohjat/eng/logopohja2.gif) top left no-repeat; }
body#eng #header3 { background: transparent url(../images/logopohjat/eng/logopohja3.gif) top left no-repeat; }
body#eng #header4 { background: transparent url(../images/logopohjat/eng/logopohja4.gif) top left no-repeat; }
body#eng #header5 { background: transparent url(../images/logopohjat/eng/logopohja5.gif) top left no-repeat; }
body#eng #header6 { background: transparent url(../images/logopohjat/eng/logopohja6.gif) top left no-repeat; }
body#eng #header7 { background: transparent url(../images/logopohjat/eng/logopohja7.gif) top left no-repeat; }
body#eng #header8 { background: transparent url(../images/logopohjat/eng/logopohja8.gif) top left no-repeat; }


/* 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 ul li.active { background: #001E63; border-left: 0px none; height: 100%; }
#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; }
#nav ul li.active a:link, #nav ul li.active a:visited, #nav ul li.active a:hover, #nav ul li.active a:active { color: #fff; text-decoration: none; white-space: nowrap; }
* html #nav, * html #nav ul, * html #nav ul li, * html #nav li, * html #nav ul li.active { height: 1.6em; }

/* Sivun päänavigaation kakkostaso */ 
#nav-2nd { background: #001E63; clear: both; font-size: 1.0em; height: 1.4em/*16px*/; padding: 1px 0 0 4px; }
* 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 a:link, #nav-2nd a:visited, #nav-2nd a:hover, #nav-2nd a:active { color: #fff; text-decoration: none; white-space: nowrap; }
#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 { float: right;}
#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; }
.taustaviivat-2-palstaa { background: transparent url(../images/bg_2_palstaa.gif) top left repeat-y; clear: both; height: 100%; overflow/**/: hidden; }
.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: 510px; }
.column-wide { float: left; margin: -4px 0 0 19px; width: 710px; }

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; } 
.leru2 { clear: both; float: left; margin:  0 0 0 0px; }


/* Uusi etusivu*/
body.etusivu2 .column-left { float: left; width: 192px; }
body.etusivu2 .column-center { float: left; width: 349px; }
body.etusivu2 .column-right { float: left; width: 146px; }

body.etusivu2 .column-left img { border: 4px solid #D1D3D2; float: left; margin: 0 0 1em 0; }
body.etusivu2 .column-left ul { float: left; margin: 0 0 0 0px; width: 175px; }
body.etusivu2 .column-left li { width: 160px; width/**/:/**/170px; }
* html body.etusivu2 .column-left ul { margin: 0 0 0 5px; margin/**/:/**/0 0 0 0px; width: 160px; width/**/:/**/170px; }
.leru2 { clear: both; float: left; width: 120px; }
.leru2 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 */
.taulukko	{
	margin:0;
	padding:0;
	height: 100%;
	width: 100%;
	font-family: arial, georgia, serif;
	font-size : 11px;
	color:#000;}
.taulukko_tausta	{
	margin:0;
	padding:0;
	height: 100%;
	width: 100%;
	font-family: arial, georgia, serif;
	font-size : 11px;
	color:#000;
	background : #f0f1f3;}
	
/*mainosasia*/

.oikeamainos{
	float: right;
	width:145px;
	height:80px;
	border:1px solid #999;
	border-left-width: 5px;
	background-color: #FFFFFF;
	background-position: top left;
	background-repeat: no-repeat;
	background-image:url(../images/helsinki.jpg);
	}

.keskimainos{
	float: right;
	display: inline;
	width:225px;
	height:80px;
	border:1px solid #999;
	border-left-width: 5px;
	background-color: #FFFFFF;
	background-position: top left;
	background-repeat: no-repeat;
	background-image:url(../images/haastattelu.jpg);
	background-position:top left; 
	}
	
	.vasenmainos{
	float: right;
	display: inline;
	width:142px;
	height:80px;
	border:1px solid #999;
	border-left-width: 5px;
	background-color: #FFFFFF;
	background-position: top left;
	background-repeat: no-repeat;
	background-image:url(../images/kampus.jpg);
	background-position:top left; 
	}
	
	.vasenmainos2{
	float: right;
	display: inline;
	width:143px;
	height:80px;
	border:1px solid #999;
	border-left-width: 5px;
	background-color: #FFFFFF;
	background-position: top left;
	background-repeat: no-repeat;
	background-image:url(../images/alma.jpg);
	background-position:top left; 
	}
	.tyhja{
	float: right;
	display: inline;
	width:15px;
	height:68px;
	 
	}
	



	
.mainospaikka {float: left;
width: 725px;
height: 82px;
background-color: transparent;
}


.vasen { float: left; width: 315px; }
.keski { float: left; width: 227px; }
.oikea { float: left; width: 146px; }

/*mainosasia-loppu*/
.oikeamainos{
	float: right;
	width:145px;
	height:80px;
	border:1px solid #999;
	border-left-width: 5px;
	background-color: #FFFFFF;
	background-position: top left;
	background-repeat: no-repeat;
	background-image:url(../images/helsinki.jpg);
	}

.keskimainos2{
	float: right;
	display: inline;
	width:179px;
	height:80px;
	border:1px solid #999;
	border-left-width: 5px;
	background-color: #FFFFFF;
	background-position: top left;
	background-repeat: no-repeat;
	background-image:url(../images/haastattelu.jpg);
	background-position:top left; 
	}
	
	.keskimainos1{
	float: right;
	display: inline;
	width:142px;
	height:80px;
	border:1px solid #999;
	border-left-width: 5px;
	background-color: #FFFFFF;
	background-position: top left;
	background-repeat: no-repeat;
	background-image:url(../images/kampus.jpg);
	background-position:top left; 
	}
	
	.vasenmainos_alma{
	float: right;
	display: inline;
	width:190px;
	height:80px;
	border:1px solid #999;
	border-left-width: 5px;
	background-color: #FFFFFF;
	background-position: top left;
	background-repeat: no-repeat;
	background-image:url(../images/alma.jpg);
	background-position:top left; 
	}
	.tyhja{
	float: right;
	display: inline;
	width:15px;
	height:68px;
	 
	}
	


.teksti{
	margin: 5px 5px 5px 55px;
	color: #666666;
	}
	
.mainospaikka {float: left;
width: 725px;
height: 82px;
background-color: transparent;
}


.vasen { float: left; width: 315px; }
.keski { float: left; width: 227px; }
.oikea { float: left; width: 146px; }

/*mainosasia-loppu*/
/*rekrytointi ->*/

.faktalaatikko { background-color: #d6f4fd; border: 1px solid #D1D3D2; padding: 8px ;width: auto;}
.tunnus-vari2 { background: transparent; display: block; height: 100px; position: absolute; right:0; top: 0px; width: 224px; }
.flash { background: transparent; display: block; height: 100px; position: absolute; right:0; top: 0px; width: 520px; }
#widebanner {
	background: transparent;
	display: block;
	height: 100px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 744px;
}
#squarebanner { background: transparent; display: block; height: 200px; position: absolute; right:0; top: 0px; width: 349px; }

/*rekrytointi loppuu*/

/*tunnukset ->*/
div#tunnus-alumni { float :left; height:98px; width:193px; margin-right:19px; background: url("http://www.helsinki.fi/yliopisto/images/bannerit/footer/alumni.gif") no-repeat bottom left; }
div#tunnus-helsinki { float :left; width:148px; height:98px; background: url("http://www.helsinki.fi/yliopisto/images/bannerit/footer/helsinki.gif") no-repeat top left; }
div#tunnus-blogit { float :left; width:193px; margin-left:7px; background:#000 url("http://www.helsinki.fi/yliopisto/images/bannerit/footer/blogit.gif") no-repeat top left; }
div#tunnus-uutta { float :left; width:146px; height:98px; margin-left: 19px; background: url("http://www.helsinki.fi/yliopisto/images/bannerit/footer/ajankohtaista.jpg") no-repeat bottom left; }
div#tunnuspalsta { float :left; width:349px; }

div#xmldiv{ float:left; height:43px; padding: 40px 5px 15px 16px; }
.tunnus-border { padding:7px 0 0 0; margin-top:10px; border-top: 1px solid #999; }
.tunxml { margin:0px; padding: 0px; line-height:1.2em; font-size:90%; letter-spacing:.013em; outline-style:none; color:#ffffff; }
div#tunnusrivi {float :left; }
/*tunnukset loppuu*/

.teksti{ margin:0px; padding: 40px 5px 15px 16px; line-height:1.2em; font-size:90%; letter-spacing:.013em; outline-style:none; color:#ffffff; }

.textmiddle { vertical-align:middle; }