@charset "UTF-8";
/* CSS Document */
/* Medita Communication, 2008 */
/* upd 02.09.2009 */ 

/*-----------------------------------------------
 Yleiset
 -----------------------------------------------*/
 
html{overflow: -moz-scrollbars-vertical;}
body{font: 14px  Georgia, 'Lucida Sans Unicode', 'Lucida Grande','Trebuchet MS',arial,sans-serif; color:#4D4D4D; background: url('http://www.medita.fi/kuvat/k_3.jpg') no-repeat; line-height: 24px; }
* {margin:0px; padding:0px; border:0px;}



/*-----------------------------------------------
Otsikot ja leipis
 -----------------------------------------------*/
h1, h2, h3, h4, h5{margin: 0px; color:#2CAAE2; font-weight:normal; font-style:italic;}
h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
p{margin:0; padding:0px 0px 24px 0px;}




/*-----------------------------------------------
Linkit
 -----------------------------------------------*/
a {color:#2CAAE2; font-weight:normal; font-style:italic; text-decoration: underline;}
a:hover {text-decoration: none;}
a:focus { outline:none;}
div.osasto_info { position: absolute; top: -24px; right:2px; color:#2CAAE2; font-weight:normal; font-style:italic; font-size:16px;}






/*-----------------------------------------------
Leiskan runko
 -----------------------------------------------*/
.container{width:900px; /*margin:0 auto;*/ margin-left: 20px;}
div#header{position:relative; float:left; clear:both; width:100%; margin-bottom:48px; height: 326px;}
#navigaatio_vaaka{float:left; clear:both; position:relative; left: 18px; margin-top: 244px; font-size:16px; vertical-align: bottom; display: block;}
div#breadcrumb{float:left; clear:both; position:absolute; top: -30px; width:500px;}
div#wrapper{position: relative; float:left; width:100%; margin-left: 40px; }
div#content{position: relative; float:left; width:100%;}
* html div#content{width: 470px;}
div#content_ajankohtaista, div#content_keskustelu, div#content_puhelinluettelo{position: relative; float:left; width: 485px; margin: 0px 30px 30px 0px;}
* html div#content_ajankohtaista, div#content_keskustelu,  div#content_puhelinluettelo{width: 470px;}
div#content_dokumentinhallinta{position: relative; float:left; width: 700px; margin: 0px 30px 30px 0px;}
* html div#content_dokumentinhallinta{width: 700px;}
div#etusivunteksti{margin-bottom:20px;}
div#footer{float:left; position:relative; clear:both; width:100%; left: 40px;  padding:48px 0px 48px 0px; margin:24px 0px; ext-align:left; border-top: 2px dotted #AAAAAA;}


#omakyna h1 {margin-bottom:13px;}




/*-----------------------------------------------
 Headerien sisällön määrittelyt
 -----------------------------------------------*/
 
/*sivuston otsikko*/
h1.header_lupaus {float:left; position:absolute; top:72px; left:40px; font-size:42px; color:#2CAAE2; display:inline; font-weight:normal; font-style:italic; line-height:42px;}
h1.header_lupaus span{margin-left: 35px; display: block;}
h2.header_lupaus {float:left; position:absolute; top:160px; left:80px; font-size:20px; color:#808080; display:inline; font-weight:normal; font-style:italic; line-height:24px;}
h2.header_lupaus span{color: #FCB31B; font-size:24px;}


/* Sisältää määrittelyjä ajaxille. Overflow ja korkeus tärkeitä. Estää kaikkia työkaluja näkymästä. Tämä divi on "kehys" työkaluille  */	
#header_tyokalu{position: absolute; top: 90px; left: 480px; width: 320px; height: 120px; list-style-type:none; overflow:hidden;}
/* Yksittäisen työkalu-divin korkeus. Saadaan säädettyä työkalujen väliä. Paddingilla poistetaan vana, joka jää otsikosta */	
#header_tyokalu div{ height:300px; padding: 2px 0px 0px 2px; }
#header_tyokalu h2 {font-size:20px; color:#FCB31B; font-weight:normal; font-style:italic; line-height:24px;}
#header_tyokalu a {display: block;}
#header_tyokalu p {color:#808080;}


h1#header_toimiala{ visibility:hidden;float:left; position:absolute; top:215px; left:60px; font-size:16px; width:600px; color:#808080; font-weight:normal; font-style:italic; margin-bottom: 0px;}
h1#header_toimiala span{font-size:20px; color:#2CAAE2;}

 




/*-----------------------------------------------
Navigaatio
 -----------------------------------------------*/
#navigaatio_vaaka li {float:left; position:relative; list-style:none; padding-top:10px}
#navigaatio_vaaka li a {text-decoration: none; color:#666666; font-style:normal; padding:10px 15px; background: #ffffff;}

#navigaatio_vaaka li a:hover { color:#ffffff; background: #FCB31B;}
#navigaatio_vaaka a.hakemisto_valittu { color:#ffffff; background: #2CAAE2;}

#navigaatio_vaaka li a:active {}





/*-----------------------------------------------
Palstojen määrittelyt
 -----------------------------------------------*/

/* palstojen runko*/
.palstat{position: relative; float:left; margin-right:20px; padding-right:10px; width: 270px; vertical-align:top; height:336px; }
div#etusivu_tiedotteet .palstat{ height: 360px;}

/* tiedotteiden aika */
.date {position: absolute; top: -8px; font-size:13px; font-style:italic;  color:#2CAAE2;}

/* otsikot */
.palstat h3{ color:#4D4D4D; font-size:17px; font-weight:normal; margin:12px 0px; font-style:normal;}

p.tyokalut_esittely { width: 400px;}






/*-----------------------------------------------
Yleiset (etusivun) sisällön määrittelyt
 -----------------------------------------------*/
 
.osasto { position: relative; float: left; clear:both; width:100%; padding:48px 0px 24px 0px; margin:24px 0px 0px 0px; border-top: 2px dotted #AAAAAA;}
.osasto_sivun_eka, .osasto_sivun_toka { position: relative; float: left; clear:both; border:0px;}
.osasto_sivun_toka { width:100%; left: 80px; margin-bottom:24px;}
.osasto_case{ position:relative; float: left; width: 340px;}
.osasto_case h1{ font-size: 21px; color:#FCB31B;}
.osasto_case h2{ font-size: 18px;}
.osasto_case h2 span{ font-size: 14px; color:#4D4D4D; display: block;}
.osasto_sulku{position: relative; float: left; font-size: 72px; margin: 20px 30px 20px 30px; color:#F2F2F2; height:80px; line-height:72px;}



.osasto_case h2{ font-size: 21px; color:#FCB31B;}
.osasto_case h3{ font-size: 18px;}
.osasto_case h3 span{ font-size: 14px; color:#4D4D4D; display: block;}


.etusivu_omakyna_lause{ position:relative; float: right; font-size: 18px; width:240px; color:#999999; font-style:italic; margin:24px 60px 0px 30px; }
div#etusivu_tiedotteet { margin-bottom: 0px; padding-bottom:0px; }


div#company { margin-right: 150px; margin-left:90px;}

.company_phrase{ position:relative; font-size: 18px; width:620px; color:#999999; font-style:italic; margin:0px 0px 10px 0px; }



.osasto_sivun_eka a {
color:#4D4D4D;
text-decoration:none;
font-style:normal;
}

.osasto_sivun_toka a {
color:#4D4D4D;
text-decoration:none;
font-style:normal;
}

.palstat a {
color:#4D4D4D;
text-decoration:none;
font-style:normal;
}

.linkkijuttuun {
text-decoration:none;
font-style:normal;
}

input {border: 1px solid #e2e2e2;}
textarea {border: 1px solid #e2e2e2;}

/*-----------------------------------------------
Tyokalut - sivu
 -----------------------------------------------*/
.tyokalut_asiakkaat{ position:relative; float: right; font-size: 14px; width:360px; margin:0px 0px 0px 80px; }
.tyokalut_asiakkaat h3 { color:#FCB31B;}
.tyokalut_asiakkaat ul{ list-style: circle; padding-left: 15px;}





/*-----------------------------------------------
Omakynä - sivu
 -----------------------------------------------*/
div#omakyna { position:relative; float: left; width:660px; left:100px;}
div#omakyna_aiheet{ position: relative; float:left; clear:right; left: -60px; width:240px; text-align:right; margin: 0px -40px 20px 0px;}
div#omakyna_aiheet a, div#yritys_taustoja a{display:block;}

p.omakyna_allekirjoitus { font-style:italic; font-size:16px; color:#2CAAE2; margin-top: 24px;}
span.titteli {display: block; color:#565656;}


/*-----------------------------------------------
Luelisää - sivu
 -----------------------------------------------*/
#luelisaa {
width:80%;
}


.henkiloryhma {
margin-top:10px;
margin-bottom:5px;

}


/*-----------------------------------------------
Yritys - sivu
 -----------------------------------------------*/
.yritys_faktoja{ position:relative; float: right; font-size: 14px; width:360px; margin:0px 60px 0px 80px; }
div#yritys_taustoja ul{ list-style: circle; padding-left: 15px;}

.yritys_vuosiluku { font-size: 16px; font-style:italic; color:#2CAAE2; }
div#yritys_aikajana_vasen { position:relative; float: left; width: 355px; text-align: right; margin: 70px 20px 0px 0px; top: -52px;}
div#yritys_aikajana_keski {position:relative; float: left; top: -48px;}
div#yritys_aikajana_oikea {position:relative; float: left; width: 355px;  margin: 110px 0px 0px 20px; top: -48px;}
ul#yritys_aikajana_luottamusteesit { list-style:decimal; }
ul#yritys_aikajana_luottamusteesit li{ font-style:italic; color:#2CAAE2; list-style-type:upper-roman; width:300px; float: right; }

div#yritys_yhteystiedot {margin-right: 70px;}
div#yritys_yhteystiedot, div#yritys_kartta { position:relative; float:left; }




/*-----------------------------------------------
Yrityksen henkilöesittelyt - sisältää määrittelyjä ajaxille
 -----------------------------------------------*/
/* Kehys - tämän ajax poimii scrollattavaksi */

#screen{ position:relative;	width:100%; }
#navigation{ position:relative;	float:left;	width:150px; margin-right:30px; }
#navigation ul{	list-style:none; }
/* Osio - näiden väliä ajax scrollailee. Tärkeitä korkeus- ja leveys-määrittelyt, sekä overflow */
#sections{ position:relative; float:left; overflow:hidden; width:700px; height:384px; clear:right; }
#sections ul{ width:2400px;	list-style:none; }
#sections li{ position:relative; float:left; margin: 0px 100px 100px 0px; width:700px; }
				
#sections .osasto_case{ position:relative; float: left; width: auto;}
#sections .osasto_case h1{ font-size: 21px; color:#FCB31B;}
#sections .osasto_case h2{ font-size: 18px;}
#sections .osasto_case p{ width: 400px;}
#sections .osasto_case h2 span{ font-size: 14px; color:#4D4D4D; display: block;}

div#yritys_tyokalut {margin:0px; }
div#yritys_henkilosto h3, div#yritys_tyokalut h3{ font-size: 16px; color:#FCB31B; }
div#yritys_henkilosto h4, div#yritys_tyokalut h4{ font-size: 14px; color:#000000; }
div#yritys_henkilosto.osasto{ margin:0px;  border:0px; padding-top:0px;}







/*-----------------------------------------------
Työkalujen esittely slideshow
 -----------------------------------------------*/
#screen2{ position:relative; float:left; width:100%;  background:#f9f9f9; padding: 30px 0px 30px 0px;}
#screen2 .buttons{	position:relative;	float:left;	margin-bottom:5px; width:110px; padding-top:192px; font-size: 18px;}
#button_edellinen { margin-left: 15px;}	
#slideshow{	position: relative; float:left;	overflow:hidden; width:660px; margin: 0px 0px; left: -15px;}
#slideshow ul{width:100000px;list-style:none; }
#slideshow li{ height:336px; float:left; padding:72px 50px 0px 80px; width: 500px; border: solid #f9f9f9; border-width: 0px 0px 0px 0px; background:#ffffff; }
#slideshow li.tyokalu{ padding:72px 50px 0px 50px; width: 500px; border: solid #f1f1f1; border-width: 0px 0px 0px 30px;  }
#slideshow li.tyokalu_vika{ padding:72px 50px 0px 80px; width: 500px; border: solid #f1f1f1; border-width: 0px 30px 0px 0px;}  
#slideshow li h1{ font-size: 21px; color:#FCB31B;}
#slideshow li h2{ font-size: 18px;}
#slideshow li h2 span{ font-size: 14px; color:#4D4D4D; display: block;}
.navigaatio_sulku{font-size: 72px; color:#ffffff; vertical-align:middle; line-height:44px; display:none; }
#sulku_tarina {margin-top: 0px;}




/*-----------------------------------------------
Footer
 -----------------------------------------------*/
div#footer .palstat {height: 240px;}
div#footer .palstat h1 {font-size: 18px;}
.yhteystiedot_tervetuloa {color:#2CAAE2;}
span.toimisto {color:#f8a800; font-style:italic;}