/* KKS . C S S
   CSS-tyylitiedosto Karjalan kielen sanakirjan verkkoversiota varten
   (c) Kotimaisten kielten tutkimuskeskus (Kotus) 2009
   
   CSS-styles for the Dictionary of Karelian on the Internet
   (c) The Research Institute for the Languages of Finland (Kotus) 2009
   
   jari.vihtari at kotus.fi 
*/

/* Sisallys
1 HTML JA BODY
2 YLEISET
3 HEADER
4 MAIN COLUMN
5 SIDE COLUMN
6 FOOTER
7 JOHDANTO
*/


/*   1   H T M L   J A   B O D Y  */

html {
}

body {
	width: 885px;
	margin: auto;
	padding: 0px 0px 32px 0px;
	background-color: #e6e6e6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*background-color: #ffffff;
	margin: 0px;
	padding: 0;*/
}

body.popup {
	width: 600px;
	margin: auto;
	padding: 0px 0px 32px 0px;
	background-color: #e6e6e6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-color: #ffffff;
	margin: 0px;
	padding: 0;*/
}

div.page {
	min-width: 240px;
	border-left: 1px solid #cecec8;
	border-right: 1px solid #cecec8;
	border-bottom: 1px solid #cecec8;
	/*margin-left: 5%;
	margin-right: 5%;
	min-width: 240px;*/
	padding: 8px 8px 0px 8px;
	background-color: #ffffff;
}


/*		***
			   *
			***
		 *
		 	****
*/
/*   2   Y L E I S E T   */

div.columns {
}

#mainpage {
	font-family: "Charis SIL", "Arial Unicode MS", "DejaVu Sans", "Times New Roman", sans-serif;
	background-image: url("images/bodybg.gif");
	background-repeat: repeat-y;
}

#popuppage {
	font-family: "Charis SIL", "Arial Unicode MS", "DejaVu Sans", "Times New Roman", sans-serif;
}

.spacer {
	clear: both;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.text_right {
	text-align: right;
}
.all_right {
	float: right;
	text-align: right;
	padding-right: 32px;
}

/* Linkit */
a:link {
	text-decoration: none;
	/*color: #0c4088;*/
	color: #2867ba;
}
a:visited {
	text-decoration: none;
	/*color: #0c4088;*/
	color: #2867ba;
}
a:hover {
	text-decoration: underline;
	/*color: #3177d6;*/
	color: #ba6728;
}
a:active {
	text-decoration: underline;
	/*color: red;*/
	color: #ba6728;
}

img {
	border: none;
}

/* Boxit */
div.box {
	/*border: 1px dashed #c32333;*/
	margin-bottom: 16px;
	padding: 8px;
	text-align: left;
	/*
	padding: 4px;
	margin: 16px 0px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	*/
}
div.box_center {
	border: 1px dashed #c32333;
	margin-bottom: 16px;
	padding: 4px;
	text-align: center;
}
.boxtitle {
	/*font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: +3px;
	color: #ffffff;
	background-color: #c32333;
	margin: 0;
	padding: 0px 4px;
}

/* Lomake-elementit */
.column_left input, .column_left textarea, .column_left select {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	border: 1px solid #d4393c;
	height: 18px;
}
.column_left input.button {
	border: 1px solid #d4393c;
	background-color: #d4393c;
	color: #ffffff;
	height: 22px;
}
label {
	/*font-family: "Trebuchet MS", Trebuchet, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	font-size: 13px;
}

/* Linkkilista */
ul.linkkilista {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -0.8em;
}


/* Taulukko-elementit */
td.cellright {
	text-align: right;
}

sup, sub {
  line-height: 0;
}
#piilota_esimerkit {
	padding-right: 16px;
}
/* Piilota esimerkit */
#piilota_esimerkit a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Fontin harvennus */
.harvennus {
	letter-spacing: +4px;
}

/* Kappaleen sisennys johdannossa */
.sisennys {
	padding-left: 32px;
}
.puolisisennys {
	padding-left: 16px;
}
table.sisennys {
	margin-left: 32px;
	border-collapse: collapse;
}
table.sisennys td {
	padding-right: 8px;
	vertical-align: top;
}


/*		***
			   *
			 ** 
				 *
			***	 
*/
/*   3   H E A D E R   */

/* kaytossa? */
div.header {
	background-color: #ffffff;
	height: 48px;
}
div.ornamentti {
	background-image: url(images/ornamentti.png);
	background-repeat: repeat-x;
	background-position: center left;
	/*background-color: #c32333;*/
	margin: 0;
	width: 100%;
	height: 22px;
}
div.logo {
	margin: 0;
	padding: 8px 0px 8px 0px;
	background-color: #222222;
}
/* Staattisia sivuja varten */
div.logo_otsikko {
	margin: 0;
	padding: 0;
	background-color: #d4393c;
}
h1.logo_otsikko {
	/*font-family: "Trebuchet MS", Trebuchet, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	/*color: #c32333;*/
	color: #f2d16d;
	margin: 0;
	padding: 4px;
	text-align: center;
}

/* Menubar */
div.menubar {
	/*background-color: #c32333;
	background-image: url(images/ornamentti_pieni.gif);
	background-repeat: repeat-x;
	background-position: center left;
	border-top: 2px solid #c32333;
	border-bottom: 2px solid #c32333;*/
}
.menubar ul, .menubar li {
	list-style-type: none;
	margin: 0;
}
.menubar ul {
	float: right;
	/*font-family: Verdana, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 0;
}
.menubar li {
	float: left;
	text-align: center;
	padding: 5px 0px 5px 16px;
	/*background-color: #d4393c;*/
}

.menubar li.activelink a {
	color: #ba6728;
}

.menubar a:link, .menubar a:visited, .menubar a:active {
	text-decoration: none;
	color: #2867ba;
}
.menubar a:hover {
	text-decoration: underline;
	color: #ba6728;
}



/*     *
		  **
		 * *
    *****
		   *
*/
/*   4   M A I N   C O L U M N   */

div.column_main {
	float: right;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 16px;
	width: 590px;
	min-width: 160px;
	background-color: #ffffff;
}

/* staattiset sivut */
div.column_main_static {
	float: left;
	background-color: #ffffff;
	width: 49%;
}




/* Artikkeli */
div.artikkeli {
	/*font-family: "Charis SIL", sans-serif;*/
	font-size: 16px;
	line-height: 160%;
	padding-top: 32px;
	padding-right: 16px;
	padding-bottom: 32px;
}
.artikkeli h2 {
	color: #c32333;
	font-size: 21px;
	margin-top: 0px;
}
.artikkeli h3 {
	color: #c32333;
	font-size: 16px;
}
.artikkeli h3.puoliso {
	font-size: 17px;
	margin-top: 32px;
}
h3.hakusana {
	color: #000000;
}
.merkitysryhma {
	padding-top: 0.5em;
}
.merkitysryhma_numeroton {
	padding-top: 0.0em;
}
div.merkitysryhma_numeroton div.merkitysryhma {
	padding-top: 0;
	padding-left: 1em;
}
.merkitysryhma_num {
	font-weight: bold;
}
.hakusana {
	font-weight: bold;
	padding-right: 1em;
	font-size: 16px;
}
.hsblokki {
	font-family: "Charis SIL", "Arial Unicode MS", "DejaVu Sans", "Times New Roman", sans-serif;
	padding-bottom: 1em;
}
table.hakusanablokki {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.hakusanablokki td {
	border-collapse: collapse;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
.hakusanablokki td.kksablokki {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}
.taivutus {
	font-size: 14px;
}
.sanaluokka {
	font-size: 14px;
	/*color: #EE9900;*/
}
.selite {
	/*color: #0000AA;*/
}
.esimlohko {
	/*color: #000000;*/
}
.kayttoala {
	/*color: #CC00BB;*/
}
.esimjakso {
}
.esimerkki {
	/*color: #00AACC;*/
	font-style: normal;
}
.pitaja {
	/*color: #008800;*/
	font-style: normal;      
}
.pitaja_viena {
	color: #000080;
	font-style: normal;      
}
.pitaja_ekarjala {
	color: #800000;
	font-style: normal;      
}
.pitaja_livvi {
	color: #008000;
	font-style: normal;      
}

.lahde {
	/*color: #A09060;*/
	font-style: normal;
}
.esimselite {
	font-style: normal;
	/*color: #00AACC;*/
}
.esimerkki .kielenaines {
	/*color: #000000;*/
	font-style: italic;
}
.viitehakusana .kielenaines {
	/*color: #CC0000;*/
}
.kielenaines {
	font-style: italic;
}
.kielioppi {
	font-style: normal;
	/*color: #996633;*/
}
.vrt {
}
.ks {
}
.viitehakusana {
	/*color: #CC0000;*/
}
.korjaus {
	text-decoration: line-through;
}

a.ptr:link, a.ptr:visited {
	text-decoration: none;
	color: #c3240f;
}
a.ptr:hover, a.ptr:active {
	text-decoration: underline;
	color: #c3240f;
}

/* Hakutulos */
.hakutulos {
	display: block;
	color: #000000;
	/*font-family: Charis SIL, Georgia, serif;*/
	font-size: 14px;
}



/* Hakulomake */
div.hakulomake_div {
	margin: 0px 0px 0px 0px;
	padding: 8px 16px 8px 4px;
	/*background-color: #e7f1f8;*/
	/*font-family: Verdana, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*XXXborder-right: 1px solid #776655;
	border-bottom: 1px solid #776655;
	border-left: 1px solid #776655;*/
}

#perushakulomake  {
	/*XXXbackground-color: #e7f1f8;*/
	background-image: url("images/artikkelihaku_tausta.gif");
	background-repeat: repeat-y;
}
#esimerkkihakulomake  {
	/*XXXbackground-color: #ffd785;*/
	background-image: url("images/esimhaku_tausta.gif");
	background-repeat: repeat-y;	
}

form.hakulomake {
	padding: 0;
	margin: 0;
}

.hakulomake input, .hakulomake textarea, .hakulomake select {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
}

.hakulomake select {
	width: 288px;
}

#ha, #se, #es {
	width: 178px;
}

#ha, #es {
	font-family: "Charis SIL", "Arial Unicode MS", "DejaVu Sans", "Times New Roman", sans-serif;
}

.hakulomake input.clearbutton {
/*	background-color: #ffffff;*/
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
/*	border: 1px solid #d4999c;
	height: 18px;
	border: 1px solid #d4999c;
	background-color: #d4999c;
	color: #ffffff;*/
	height: 22px;
	padding-left: 0;
	padding-right: 0;
}
.hakulomake input.submitbutton {
/*	background-color: #ffffff;*/
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
/*	border: 1px solid #d4393c;
	border: 1px solid #d4393c;
	background-color: #d4393c;
	color: #ffffff;*/
	height: 22px;
	padding-left: 1em;
	padding-right: 1em;
}
.lomakevarjo {
	height: 5px;
	background-image: url("images/hakuvarjo.gif");
	background-repeat: no-repeat;
}

/* Merkkipaletti */
#merkkipaletti a {
	font-family: "Charis SIL", "Arial Unicode MS", "DejaVu Sans", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2A5472;
	background: #C5DAE9;
	border-left: 1px solid #D4E4F0;
	border-top: 1px solid #D4E4F0;
	border-right: 1px solid #80ADCC;
	border-bottom: 1px solid #80ADCC;
	text-decoration: none;
	padding: 0;
}
#merkkipaletti a:hover {
	color: #FFF;
	background: #B1CEE3;
	border-right: 1px solid #D4E4F0;
	border-bottom: 1px solid #D4E4F0;
	border-left: 1px solid #80ADCC;
	border-top: 1px solid #80ADCC;
}
#merkkipaletti td {
	font-family: "Charis SIL", "Arial Unicode MS", "DejaVu Sans", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	padding: 0;
	cursor: pointer;
	min-width: 1.5em;
}
#perushakulomake #merkkipaletti td {
	color: #035;
	/*background-color: #cbe6f8;*/
	background-color:#d0e7f8;
	border-left: 1px solid #e0f8ff;
	border-top: 1px solid #e0f8ff;
	border-right: 1px solid #80adcc;
	border-bottom: 1px solid #80adcc;
}
#perushakulomake #merkkipaletti td:hover {
	color: #fff;
	background-color: #8cf;
	border-right: 1px solid #e0f8ff;
	border-bottom: 1px solid #e0f8ff;
	border-left: 1px solid #80adcc;
	border-top: 1px solid #80adcc;
}
#esimerkkihakulomake #merkkipaletti td {
	color: #420;
	background-color: #edce79;
	border-left: 1px solid #fff8e0;
	border-top: 1px solid #fff8e0;
	border-right: 1px solid #ccad80;
	border-bottom: 1px solid #ccad80;
}
#esimerkkihakulomake #merkkipaletti td:hover {
	color: #fff;
	background-color: #a89048;
	border-right: 1px solid #fff8e0;
	border-bottom: 1px solid #fff8e0;
	border-left: 1px solid #ccad80;
	border-top: 1px solid #ccad80;
}

/* Tabit */
div.tabs {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: normal;
	width:100%;
}
.tabs ul {
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tabs li {
	margin-left: 0;
	display: inline;
	padding: 0;
}
.tabs li.art {
	background-color: #e7f1f8;
	background-image: url("images/tab1_right.gif");
	background-repeat: no-repeat;
	background-position: top right;
}
.tabs li.esim {
	background-color: #ffd785;
	background-image: url("images/tab2_right.gif");
	background-repeat: no-repeat;
	background-position: top right;
}
.tabs li a {
}
.tabs li.art a {
	background: url(images/tab1_left.gif) no-repeat left top;
	padding: 0px 12px 0px 12px;
}
.tabs li.esim a {
	background: url(images/tab2_left.gif) no-repeat left top;
	padding: 0px 12px 0px 12px;
}
/*XXX
div.tabs {
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: normal;
	width:100%;
}
.tabs ul {
	text-align: left;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #776655;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}
.tabs li {
	margin-left: 0px;
	margin-right: 4px;
	display: inline;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #776655;
	border-left: 1px solid #776655;
	border-right: 1px solid #776655;
	background-color: #e7f1f8;
}
.tabs li.esim {
	background-color: #ffd785;
}
li#selected_tab {
	background-color: #e7f1f8;
}
li#selected_tab_esim {
	background-color: #ffd785;
}
.tabs li a {
	padding: 0px 8px 0px 8px;
}
li#selected_tab a {
	border-bottom: 1px solid #e7f1f8;
}
li#selected_tab_esim a {
	border-bottom: 1px solid #ffd785;
}
*/

/*  *****
		*
		****
		    *
		****
*/
/*   5   S I D E   C O L U M N   */ 

div.column_left {
	float: left;
	width: 250px;
	min-width: 202px;
	/*
	border: 1px dashed #c32333;*/
	text-align: center;
	/*background-color: #d4393c;*/
	padding-top: 32px;
	min-height: 800px;
	height: 100%;
}
div.column_right {
	float: right;
	width: 49%;
}

div.hsanakonteksti {
	/*font-family: "Charis SIL", sans-serif;*/
	padding-top: 4px;
	padding-bottom: 16px;
	line-height: 160%;
}

.hsanakonteksti a:link, .hsanakonteksti a:visited, .hsanakonteksti a:active {
	text-decoration: none;
	color: #ffffff;
}
.hsanakonteksti a:hover {
	text-decoration: underline;
	color: #f2d16d;
}

.hsanakonteksti b {
	text-decoration: underline;
	color: #f2d16d;
}
div.hsana_valittu {
	/*font-family: "Charis SIL", sans-serif;*/
	padding: 4px;
	background-color: #ffffff;
}
p.aakkoslista, form.hakuruutu {
	padding: 0;
	margin: 0;
}

.aakkoslista a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f2d16d;
}

/* staattiset sivut */

div.column_left_static {
	float: left;
	width: 45%;
	min-width: 202px;
	/*
	border: 1px dashed #c32333;*/
	text-align: left;
	background-color: #ffffff;
	padding-top: 32px;
}



/*		 ***
			*		
			****
			*		*
			 ***
*/
/*     6   F O O T E R   */

div.pagefooter {
	min-height: 16px;
	padding: 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #403f3f;
	background-image: url("images/alavarjo.gif");
	background-repeat: no-repeat;
	background-color: #ffffff;
}
.pagefooter table, .footer table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div.footer {
	padding: 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #403f3f;
}




/*		*****
			    *		
			   *
			  *
			 *
*/
/*     7   J O H D A N T O   */

#johdanto p, #johdanto ul {
  font-size: 15px;
}
#johdanto h1 {
	font-size: 29px;
	margin-top: 0;
	margin-bottom: 32px;
}
#johdanto h2 {
	font-size: 21px;
}
#johdanto h3 {
	font-size: 17px;
}
#johdanto h4 {
	font-size: 15px;
}
#johdanto h5 {
	font-size: 14px;
}
#sisallysluettelopalkki {
}
ul#sisallysluettelopalkki {
  padding-left: 0;
  margin-left: 0;
}
#sisallysluettelopalkki ul {
  padding-left: 0;
  margin-left: 12px;
}
#sisallysluettelopalkki li {
  list-style: none;
}
#sisallysluettelopalkki ul ul {
  font-size: 13px;
}
#johdanto .kuva {
	margin: 18px 0px;
	text-align: center;
}
#johdanto .kuva img {
	
	padding: 0;
	margin: 0;
}
#johdanto .kuva p {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
	border-bottom: 1px solid #e6e6e6;
	padding: 0;
	margin: 0;
}

.ed_seur_linkit {
	font-family: sans-serif;
	font-size: 12px;
}
.murupolku {
	font-family: sans-serif;
	font-size: 12px;
	line-height: normal;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 2px 0px;
	margin: 8px 0px;
}