/* @override http://www.phkk.fi/material/styles_kiti_general.css */

BODY {
	margin: 0;
	padding: 0;
	background: #DCDCD2;
}

TABLE TD { 
	margin: 0;
	padding: 0;
	font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #29250B;
	/* background-color: #FFF; */
}

#contenttable {	border-right: 1px solid #CDC9B1; background-color: #FFF; }
#contenttable TD { height: 100%; vertical-align: top; }

#head {
	position: relative;
	background-color: transparent; 
	line-height: normal;
	display: block;
	height: 100px;
	border: 1px none #FFFFFF; /*ns hack*/
	border-right: 1px solid #C5C3AE;	
	background: #DCDCD2 url('kiti_img/header_bg.gif') repeat-x top;
}

#logo IMG { margin-top: 40px; }

#head H1 SPAN { display: none; }

#path {
	font-size: 11px;
	line-height: 11px;
	padding: 4px 10px 4px 0;
	color: #FFF;
	background-color: #922C46;
	border-bottom: 2px solid #FFF;
	border-right: 1px solid #C5C3AE;
}

/* Navigaatio */



#navicolumn #top { height: 20px; width: 194px; margin: 0; background: url( "kiti_img/navi_top.gif" ) no-repeat; }
#navicolumn #middle { height: 24px; margin: 0; background: url( "kiti_img/navi_middle.gif" ) no-repeat; margin-top: -2px; }
#navicolumn #bottom { height: 10px; margin: 0; background: url( "kiti_img/navi_bottom.gif" ) no-repeat; margin-top: -2px; }

#navicolumn { background: url( "kiti_img/navi_bg.gif" ) repeat-y left; width: 192px; height: 100%; vertical-align: top; }

#navi, #navi2 {
	width: 188px;
	left: auto;
	margin-left: 6px;
	background: #FFF url( "kiti_img/menu_bg.gif" ) repeat-y 0 0;
	line-height: 16px;
}

#navi UL, #navi2 UL {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

#navi UL LI, #navi2 UL LI { padding: 0; margin: 0; list-style-type: none;}
#navi UL UL { margin-bottom: 2px; }
#navi UL UL LI { padding: 0; list-style-type: none; display: block; }
#navi UL LI A, #navi2 UL LI A {
	background: #A0C7DA;
	display: block;
	margin: 0 6px;
	padding: 1px 0 1px 10px;
	border: 1px solid #97BFD3;
	border-top-color: #97BFD3;
	border-bottom-color: #8BB5CC;
	margin-bottom: 2px;
/*	border-bottom: 2px solid #FFF;*/
	color: #062D47;
}

#navi UL LI A:hover { background: #5DA0C0 !important; color: #FFF !important; border-color: #5DA0C0 !important; }
#navi UL UL LI A:hover { background: #B0E2F1 !important; color: #062D47 !important; border-color: #B0E2F1 !important; border-bottom-color: #FFF !important; }

#navi UL UL LI A { 
	padding-left: 23px;
	color: #0F2F3F;
	background-color: #CEE2EC; 
	border: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #FFF;
}

#navi UL UL UL LI A { padding-left: 38px; }

#navi UL LI#selected A { font-weight: bold; }
#navi UL LI#selected LI A { font-weight: normal; color: #0F2F3F !important; }
#navi UL UL LI#selected LI A { font-weight: normal; background-image: none; }

#navi UL LI.opened A { background-color: #29709B; color: #FFF; border-color: #29709B; border-bottom-color: #174F7A; }
#navi UL LI.opened LI A { background-color: #CEE2EC; color: #0F2F3F; border-color: #FFF; }
#navi UL LI.opened LI#selected A { background-image: none; }
#navi UL LI.opened#selected  LI A { background-image: none; font-weight: normal; }

#navi2 UL LI A { border-color: #C3D9E4; background-color: #CEE2EC; color: #0F2F3F; }
#navi2 UL LI A:hover { background: #C3D9E4; border-color: #A0C7DA !important; }


#banner			{ margin: 40px 0 0 31px;  }
#banner IMG		{ margin-bottom: 20px; }

/* Sisältö-osio */
#contenttable	{ border-top: 1px solid #D6D6D6; }
#contentcolumn	{ font: 11px/14px inherit;  background: url("kiti_img/content_top_bg.gif") repeat-x 0 0; }

#department { text-align: right; width: 100%; display: block; height: 18px; }
#content 		{ font: inherit; padding: 17px 20px 80px 19px; width: 764px; }

div#haku1 {
	margin-top: 40px;
}
#content {  BACKGROUND: url(http://www.phkk.fi/material/kititausta.gif)  }

#content #etusivu				{ width: 475px; }
#content #etusivu TABLE 			{ width: 475px; }
#content #etusivu TABLE .rightcolumn{ /*width: 220px;*/ }
#content #etusivu P 				{ padding-left: 0; }
#content #etusivu H1.paaotsikko		{ z-index: 2; position: relative; padding-top: 45px; padding-bottom: 55px; }
#content #slogan					{ position: absolute; top: 193px; }
#content #etusivu H2 				{ border-bottom: 0; }
#content IMG		 				{ margin-bottom: 18px; }
#content #etusivu .leftcolumn, .leftcolumn		{ width: 232px;  padding-right: 12px;}
#content #etusivu .leftcolumn H3 	{ font: bold 11px Arial, Helvetica, sans-serif; text-transform: none; margin-top: 0; }

/* Sivuilla käytetty beige laatikko */
.contentbox 		{ background-color: #F4F3ED; left: -5px; top: -5px; padding: 5px; }
.contentbox A		{ display: block; margin-bottom: 2px; padding-left: 10px; background: url("http://www.lpt.fi/mi/lamk_img/link_arrow.gif") no-repeat 0 4px; color: #4A4831; }
.contentbox A:visited { color: #898676; }
.contentbox A:hover { color: #2F2F2F; }
.contentbox H2		{ margin-top: 0; padding-top: 0; }
.contentbox BR		{ display: none; }
.contentbox INPUT	{ width: 200px; vertical-align: middle; }
.contentbox .submit	{ width: auto; }
FORM.contentbox		{ margin: 15px auto 25px auto; }
FORM.contentbox STRONG { font-weight: normal; }

#footer { height: 67px; width: 999px; background: #FFF url("kiti_img/footer_bg.gif") no-repeat 0% 100%;
border-right: 1px solid #CDC9B1; }
#footer #links { clear: both; color: #4A4831; background-color: #F7F6F2; text-align: center; padding: 7px 0; margin: 0px 10px 26px 190px; font: 10px Verdana, Tahoma, Arial, Helvetica, sans-serif; border-top: 1px solid #E6E5DF; }

/*Etusivujen huomiolaatikot*/
.halari1 { width: 230px; background: #F6F6F3; margin: 10px 0 20px 0; }
.halari1 H2 {
	padding: 3px 8px;
	margin: 0;
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	background: #DEBB00;
	color: #FFFFFF !important;
	border-bottom: 1px solid #D5D1BA;
	text-transfrom: none !important;
}

.halari1 P {
	padding: 10px 8px !important;
	margin: 0 !important;
}
.halari1 P A { color: #4190B5; font-weight: bold; }

/*Fonttimääritykset*/

td, p, ul, ol {font: 11px/16px Verdana, Tahoma, Arial, Helvetica, sans-serif;}
td { vertical-align: top; text-align: left; }

#content P {
	/*color: #29250B; */
	color: #2F2F2F;
	padding-left: 18px;
	margin-top: 9px;
	margin-bottom: 9px;
	padding-right: 20px;
}
#content TD P { padding-left: 0; }

#content UL {
	list-style-position: outside;
	list-style-type: square;
	margin-top: 10px;
	margin-bottom: 20px;
}

#content OL {
	list-style-position: outside;
	margin-top: 10px;
	margin-bottom: 20px;
}

#content LI { line-height: 14px; color: #29250B; }

.kuvateksti { font: normal 9px/11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #8C7C7C; text-align: right; margin: 0px 0px 10px 10px; }

/*Otsikot*/

h1, h2, h3 { font-family: Georgia, "georgia", "Times New Roman", Times, serif; color: #29250B; }

h1 { font: normal 22px/100% Georgia, "georgia", "Times New Roman", Times, serif; padding: 4px 0 0 0; color: #804040; }
h2 { font: normal normal 17px/20px Georgia, "georgia", "Times New Roman", Times, serif; border-bottom: 1px solid #EEF3FA; padding-top: 10px; color: #804040; }
h3 { margin: 25px 0 10px 0; font: bold 11px Georgia, "georgia", "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 0.2mm; color:#3F3915; }

/*Nämä otsikkotyypit ovat päivitysohjelmassa käytettävissä, siksi ne näkymättömiin, ettei niitä käytettäis.
Laitetaan display:none vasta sivustojen siivousurakan jälkeen, siksi italic, että erottaa! */

h4, h5, h6 { font-style: italic; font-size: 10px; font-weight: normal; }

/*Linkit*/
A 			{ color: #4190B5; text-decoration: none; }

A:visited	{ color: #79AEEB; }
A:hover		{ color: #EB9001; text-decoration: underline; }
A:active	{ color: #E39708; text-decoration: underline; }

#path A		{ color: #FFF; }
#footer A	{ color: #4A4831; }

/*Nämä on vaan kopioitu vanhasta tyylitiedostosta, ja tulee muuttaa!*/
hr {	
	height: 1px; 
	width : 100%;
	color: #BBC6CD;
}

/*Koulutustietokannan määrittelyt*/

#koulutus { padding: 10px 20px 0px 20px; }

#koulutus h1 {
	font: 20px/22px Georgia;
	padding: 0 0 5px 0;
}

#koulutus h2 {
	font: 12px/14px Georgia;
	border-bottom-width: 0px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#koulutus h3 {
	font: 14px/16px Georgia;
	text-transform: none;
	font-weight: bold;
	letter-spacing: 0;
	padding: 6px 0px 3px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#koulutushaku UL	{ list-style-type: none; }
#koulutushaku UL UL { list-style-type: square; }
#koulutushaku UL LI { margin-bottom: 10px; }

/*Koulutustietokantaan myöhemmin*/
DL DT	{ font: bold 11px/16px Georgia; width: 120px; clear: both; float: left;  }
DL DD	{ margin-left: 121px; margin-bottom: 5px; margin-right: -1px; }
DL		{ clear: both; margin: 20px 0 20px; padding: 0; }

/*Classit*/
.strong { font-weight: bold; } /* Yleishaun sivulinkin tyylitys */

.infolink { list-style-type: none; margin-left: 0; padding-left: 0; }
.infolink LI { list-style-type: none; background: #E5ECF0 url("kiti_img/infolink_bg.gif") no-repeat 100% 50%; display: block; padding: 3px 10px; margin-bottom: 3px; border: 1px solid #D9E3E8; }
.infolink LI A { color: #0F2F3F !important; }

.koulutusala TD { padding: 10px 0 10px 0; border-bottom: 1px solid #cdc9b1; }

/* henkilöhaku */
/*#henkilohaku TABLE { width: 100%; }*/

#yksikot { margin: 0; padding: 0 0 10px 0; list-style-type: none; clear: both; width: 475px; }
#yksikot LI { margin: 0 4px 0 0; padding: 0; float: left; list-style-type: none; }
#yksikot LI A { display: block; padding: 2px 14px; background: #E5ECF0; border: 1px solid #D9E3E8; color: #0F2F3F; }

/* SEARCH STYLES */
#head DIV.search {
	position: absolute;
	top: 35px;
	left: 785px;
	margin: 0;
	padding: 0 0 0 0;
	height: 61px;
	width: 221px;
}

#head #search_options {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 100%;
	list-style: none;
}
#head #search_options li {
	float: left;
	padding: 5px 0 11px 0;
	margin: 0 5px 1px 0;
	background: url("/material/bg_searchoptions.gif") top center no-repeat;
}
#head #search_options li.selected {
	background: url("/material/bg_searchoptions_sel.gif") top center no-repeat;
}
#head #search_options li.selected A {
	color: #fff;
}
#head #search_options LI A {
	color: #00405a;
	display: block;
	padding: 0 5px;
}
#head #search_options LI A:hover {
	color: #005f86;
}
#head #search_options LI.selected A:hover {
	color: #fff;
}
#head #search_options LI.selected A:active {
	text-decoration: none;
}

#head input.textfield {
	width: 165px;
	height: 20px;
	font: 11px verdana;
	margin-left: 0;
	float: left;
}

#search .submit {
	height: 20px;
	width: 35px;
	margin: 0 0 0 8px;
	display: block;
	float: left;
	text-indent: -1000px;
	overflow: hidden;
	border: 0;
	background: transparent url("/material/btn_etsi.gif") bottom left no-repeat;
	cursor: pointer;
}


 /* henkilðhaku 485*/
#contentcolumn #searchform { position: relative; width: 472px; height: 100px; margin-bottom: 20px; }
#contentcolumn #searchform INPUT { font: 11px Arial, Helvetica, sans-serif; }
#contentcolumn #searchform #unitsfield  {font: 11px verdana; }
#contentcolumn #searchform #nameform, #searchform #unitform, #searchform #letterform { margin: 0; padding: 25px 0; position: absolute; top: 23px; width: 100%; background-color: #F9F9F0; border: 1px solid #DCDCCC; vertical-align: middle; text-align: center;  }
#contentcolumn #searchform #unitform { padding: 24px 0 !important; }
#contentcolumn #searchform #letterform { font-size: 12px; padding: 25px 0 !important; }
#contentcolumn #searchform UL { position: absolute; top: 0px; margin: 0; padding: 0 0 0 26px; list-style: none; display: block; height: 24px; clear: both; z-index: 2; }
#contentcolumn #searchform UL LI { background-color: #e1e9ec; float: left; height: 23px; width: 100px; padding: 0; margin: 0 2px; list-style: none;  position: relative; }
#contentcolumn #searchform UL LI A { display: block; height: 25px; text-align: center; padding: 5px 0 0 0; cursor: pointer; font-size: 11px; color: #00405a; }
#contentcolumn #searchform UL LI.selected { background: url('/material/searchpointer.gif') no-repeat 50% 0; height: 30px; }
#contentcolumn #searchform UL LI.selected A {color: #FFF; }
#contentcolumn #searchform UL LI#searchbyletter { width: 210px; margin-right: 0; }
#contentcolumn #searchform #searchpointer { display: none; }
#contentcolumn #searchform #namefield, #searchform #unitsfield { width: 330px; }
#contentcolumn #searchform #letterform { padding: 30px 0; letter-spacing: 1px; }
#contentcolumn #searchform #letterform A.selected { font-weight: bold; color: #000; text-decoration: underline; }

#contentcolumn #resulttable { margin-bottom: 40px; }
#contentcolumn #resulttable TD {  line-height: 16px; }
#contentcolumn #resulttable TH { text-align: left; font-size: 11px; font-style: italic; font-weight: normal; }
#contentcolumn #resulttable TH.hlonimi { width: 130px; }
#contentcolumn #resulttable TH.hlopuh { text-align: right; width: 80px; }
#contentcolumn #resulttable TD.hlopuh { text-align: right; }
#contentcolumn #resulttable H3 { text-transform: none; color: #0E4569; font: normal 11px Arial, Helvetica, sans-serif; padding: 10px 0 2px 0; font-weight: bold; margin: 10px 0 0 0; border-bottom: 1px solid #BBC6CD; }

#contentcolumn #emailinfo { border: 1px solid #009BCF; padding: 10px; }
#contentcolumn #emailinfo H4 { margin: 0; padding: 0 0 4px 0; font-size: 11px; }
#contentcolumn #emailinfo UL { margin: 0; padding: 0 0 0 15px; }
#contentcolumn #emailinfo LI { width: 100%; position: relative; margin-bottom: 2px; }
#contentcolumn #emailinfo SPAN { display: block; position: absolute; top: 0; left: 200px; }

#contentcolumn #yksikot { margin: 0; padding: 0 0 10px 0; list-style-type: none; clear: both; width: 475px; }
#contentcolumn #yksikot LI { margin: 0 4px 0 0; padding: 0; float: left; list-style-type: none; }
#contentcolumn #yksikot LI A { display: block; padding: 2px 14px; background: #E5ECF0; border: 1px solid #D9E3E8; color: #0F2F3F; }

.forprint { display: none; }
.free { padding-right: 35px; background: transparent url('http://www.phkk.fi/material/free2.gif') 
  no-repeat 100% 3px; }
.eta { padding-right: 40px; padding-bottom: 1px; background: transparent url('http://www.phkk.fi/material/eta.gif') 
  no-repeat 100% 3px; }