/* MUUTA MENU-KOHDASTA BACKGROUND-ARVOKSI OMAN TIEDEKUNTASI RGB-ARVO JA COLOR KOHTAAN TEKSTIN VÄRI, JOKO MUSTA=333 TAI VALKOINEN=FFFFFF */
.menu { background: #a3af07; color: #FFFFFF; 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; }

/* MUUTA TUNNUS-VARI -KOHDASTA BACKGROUND-ARVOKSI OMAN TIEDEKUNTASI RGB-ARVO  */
#header .tunnus-vari, #header-swe .tunnus-vari, #header-eng .tunnus-vari { background: transparent; display: block; height: 58px; position: absolute; right: 0; top: 21px; width: 30px; }

/* MUUTA NAV UL LI.ACTIVE -KOHDASTA BACKGROUND-ARVOKSI OMAN TIEDEKUNTASI RGB-ARVO  */
#nav ul li.active { background: #a3af07; border-left: 0px none; height: 100%; }

/* MUUTA NAV UL LI.ACTIVE -KOHDASTA COLOR KOHTAAN TEKSTIN VÄRI, JOKO MUSTA=333 TAI VALKOINEN=FFFFFF */
#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: #FFFFFF; text-decoration: none; white-space: nowrap; }

/* MUUTA NAV-2ND -KOHDASTA BACKGROUND-ARVOKSI OMAN TIEDEKUNTASI RGB-ARVO  */
#nav-2nd { background: #a3af07; clear: both; font-size: 1.0em; height: 1.4em/*16px*/; padding: 1px 0 0 4px; }

/* MUUTA NAV-2ND -KOHDASTA COLOR KOHTAAN TEKSTIN VÄRI, JOKO MUSTA=333 TAI VALKOINEN=FFFFFF */
#nav-2nd a:link, #nav-2nd a:visited, #nav-2nd a:hover, #nav-2nd a:active { color: #FFFFFF; text-decoration: none; white-space: nowrap; }

/* Logo alue ylhäällä TALLENNA PHOTOSHOPIN KAUTTA IMAGES KANSIOON OMAN TIEDEKUNTASI TUNNISTEKUVA*/
#header { background: transparent url("../images/fin/logopohja.png") no-repeat left top; border-bottom: 1px solid #ccc; clear: both; height: 100px; position: relative; }
body#swe #header { background: transparent url("../images/swe/logopohja.png") no-repeat left top; }
body#eng #header { background: transparent url("../images/fin/logopohja.png") no-repeat left top; }



#nav ul li a:hover {color:#777}

/* Etusivun hakuboxi */
.sbHolder{
	background-color: #f2f2f2;
	border: solid 1px #ddd;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	position: relative;
	width: 165px;
}
.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 165px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #000;
	font-weight:bold;
	outline: none;
	text-decoration: none;
}
.sbSelector:hover{
	color: #555;
}

.sbToggle{
	background: url(../images/select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(../images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(../images/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #eee;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #212121;
	border: solid 1px #515151;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 200px;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
	background:none;
}
.sbOptions a{
	border-bottom: dotted 1px #515151;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #ddd;
	text-decoration: none;
}
.sbOptions a:hover{
	background-color:#a3af07;
	color: #fff;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}


/* Palauteboxi */
#feedback{
  cursor:pointer;
  border:3px solid #ddd;
  border-right:0;
  background: #a3af07;
  color: #fff;
}
#feedback:hover{
  background:#b3bf17;
}
/* Uutissyötteet */
#feed_menu,#feed_menu2{
padding:4px 0px 10px 0px;
}
#feed_menu a,#feed_menu2 a{
  font-size:11px;
  background-color:#a3af07;
  color:#fff;
  text-decoration:none;
  padding:2px 6px;
  margin-right:1px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#feed_menu a:hover{
  background:#b3bf17;
}

.pikalinkit{
  cursor:pointer;
  cursor:hand;
  font-weight:bold;
  color:#000;
  padding:10px;
  margin-bottom:10px;
  margin-top:15px;
  background:transparent url(http://www.helsinki.fi/kirjasto/terkko/images/nav/navtop_bg_li.gif) bottom right no-repeat;
  border:none;
}
.pikalinkit:before{
  padding-right: 10px;
  content: url(http://www.helsinki.fi/kirjasto/terkko/images/nuoli_alas.jpg);
}
.pikalinkit:hover{
  color: #555;
}

#terkkoindex ul li a,#uutisia ul li a{
color: #34399f;
text-decoration: underline;
font-size:12px;
}

#terkkoindex ul li,#uutisia ul li{
font-size:9px;
color: #777;
}