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



html, body { 
margin: 0px;
padding: 0px;
font-family:"Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
font-size:12px;
color: #000000;
background-color: #f7fbfc; 
background-image: url(/images/bg1.gif);
background-repeat:repeat-x;
height: 100%;
min-height: 100%;
} 

p { 
color: #303030;
font-size: 12px;
text-align: left;
padding-left:0px;
padding-right:0px;
line-height : 1.4em;

} 


h1 { 
margin:0px;
} 


a { 
text-decoration : none;
border : none;
color: #3eb6e2;
font-weight:none;
font-size:12px;
} 



/* Yleisesti kuvista ylimääräiset kehykset pois */
img {border-width:0px; border-style:solid; border-color:#000000;}
img a {border-width:0px; border-style:solid; border-color:#000000;}


/* KAIKKI DIVIT järjestyksessä, sekä suoraan niihin liittyvät tyylit. */
/*--------------------------------------------------------------------*/

#keskitetty {
text-align:left; 
width: 950px; 
top: 0px; 
margin:0 auto;
position:relative;
padding:0px;
margin-top:0px;
margin-bottom:0px;
height:100%;
}

/* Ylhäällä olevaa logoa varten */
#header {
position:absolute; 
z-index:6; 
left: 0px; 
top: 0px; 
margin:0px; 
padding:0px;
background-color: #b9a374; 
height: 158px;
width: 669px; 
}

/* ylös oikalle banneri */
#banneri {
position:absolute; 
z-index:8; 
left: 730px; 
top: 2px; 
margin:0px; 
padding:5px;
background-color: #ffffff; 
height: 158px;
width: 174px;
height: 146px;
}


/* YLÄVALIKKO */
/*------------*/
#menu {
position:absolute;
width:855px;
height:34px;
z-index:17;
left: 44px;
top: 156px;
margin:0px;
padding:0px;
letter-spacing: 1.2px;
font-size:15px;
color: #ed3d33;
font-weight: bold;
}



#menu a {
font-size:10px;
}


/* Listana toteutetun ylänavin tyylit */
#menu ul { 
padding:0px;
padding-top: 0px;
margin:0px;
margin-left:20px;
padding-top : 3px;
background-repeat:repeat-x;
padding-bottom:7px;
}

/* Listana toteutetun ylänavin tyylit */
#menu ul li { 
margin: 0px;
padding: 0px;
padding-left:0px;
padding-right:0px;
padding-top:9px;
padding-bottom:7px;
margin-top:1px;
list-style-type: none;
display: inline;
vertical-align: middle;
background-image:url(/images/nappi.jpg);
background-position:top left;
float:left;
margin-left:5px;
}

/* Listana toteutetun ylänavin tyylit */
.ylamenuteksti {
letter-spacing: 0.4px;
margin-left:0px;
font-size: 12px;
display:block;

text-transform: uppercase;
width:130px;
text-align:center;
}

#menu a {color: #9f8559;}

/* Listana toteutetun ylänavin tyylit */
#menu a:hover {
color: #695738;
}
/*------------*/



/* Alaosa diviin tulee varsinainen sisältö, omiin diveihinsä */
#alaosa {
width: 910px;
top: 188px;
left: 6px;
position:absolute;
margin:0px;
padding:0px;
padding-bottom:0px;

}


/* VASENPALSTA */
/*-----------------*/

#vasenpalsta {
float:left;
top: -15px;
left: 0px;
margin:0px;
padding:0px;
margin-right:5px;
position: relative;
z-index: 7;
padding-top:20px;
padding-left:50px;
width: 160px;
text-align: left;
height: 100%;
background-image:url(/images/vas_menu_wm.jpg);
background-repeat:no-repeat;

}  


/* Vasemman navilistan tyylit */
ul li ul li { 

font-size : 11px;
color: #256e8f;
margin: 0;
margin-top:0px;
margin-left: -30px;
margin-right: 40px;
padding:0px;
padding-top:10px;
padding-bottom:10px;
list-style-type: none;
background-image:url(/images/menu_viiva.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}




/* Vasemman navilistan tyylit */
ul li {

font-size : 11px;
color: #256e8f;
margin: 0;
margin-left: -60px;
margin-right: 5px;
padding:0px;
padding-top:10px;
padding-bottom:10px;
list-style-type: none;
background-image:url(/images/menu_viiva.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}


/* Vasemman navilistan tyylit */
.tuoteryhma {
text-transform: uppercase;
}

/* Vasemman navilistan tyylit */
#vasenpalsta ul li a {

list-style-type: none;
font-size : 11px;
font-weight: bold;
margin-right:5px;
color: #256e8f;
}

/* Vasemman navilistan tyylit */
#vasenpalsta ul li a:hover {
color: #000000;
}

/* Vasemman navin aukaistu sivu näkyy oranssina */
.listavalittu {
margin-left:-9px;
color:#c3312e;
}

/* Tulostetaan navin auki oleva elementti mustana, eikä sen alle haluta enää valkoista divider viivaa */
.listaauki {
color: #000000;
background-image:none;
}


/* haku ja uutiskirjeen tilaus */ 
fieldset {
width: 150px;
margin-left:-25px;
border-color: #7fa9c7;
padding:5px;
margin-bottom:0px;
}

.vasenpalsta_kehys {
width:150px;
margin-bottom:20px;
margin-top: 5px;

}



.palaute_linkki {
padding-top: 0px;
padding-bottom:0px;
margin-top:3px;
margin-bottom: 3px;
text-align:right;
margin-right:6px;
padding-right:0px;
}

.palaute_linkki a {
color: #000000;
width: 140px;
}

legend {
font-size:12px;
color: #104E8B; 
}

input.teksti {
width: 130px;
margin-left:6px;
margin-right:6px;
border: 1px solid #555555;
background: #e9e9e9;
}

input.painike {
background: #e9e9e9;
margin-top:5px;
margin-bottom:5px;
margin-right:10px;
width: 60px;
float: right;
color: #104E8B;
font-weight: bold; 
font-size: 9px; 
font-family: 'Lucida Grande', Arial, Tahoma, Verdana, sans-serif;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
}

.checkboxi {
margin-left:6px;

}

input:focus, input.focus {
border-style:inset;
}

label {
display:block;
margin-top:5px;
margin-bottom: 5px;
margin-left:6px;
margin-right:6px;
}

/*------------*/




/* OIKEAPALSTA */
/*-------------*/

#oikeapalsta {
top: 0px;
left: 695px;
margin:0px;
padding:0px;
margin-right:4px;
position: absolute;
z-index: 6;
width: 230px;
text-align: left;
background-color:#f6f9fa;	
}


#oikeapalsta h3 {
width:200px;
}


/* Etusivun oikean palstan h3 elementin tyylit. */
.oikeapalsta_h3 { 
font-family: "Trebuchet MS", Verdana;
color: #ffffff;
background-color: #d0bc80;
/*background-image:url(/images/_h3.gif);*/
background-repeat:repeat-y;
font-size: 13px;
padding-top:5px;
padding-bottom:4px;
padding-left:5px;
margin-top:10px;
margin-bottom:10px;
padding-right:5px;
} 

/* Etusivun oikean palstan kirjalogon tyylit */
#oikeapalsta img { 
margin-top:20px;
margin-bottom: 20px;
} 


/* Etusivulla olevan oikean palstan listan tyylit */
#oikeapalsta ul li {
margin-left:-35px;
background-image: none;
margin-bottom:0px;
margin-top:3px;
padding-top:5px;
padding-bottom:0px;

}

.oikeapalstalista {
margin-left:5px;
}

.oikeapalstalista a {
font-family: Trebuchet MS, Verdana;
font-size : 11px;
color: #525252;
font-weight: normal;
}

.oikeapalstalista p {
margin-top:3px;
margin-bottom:10px;
line-height:13px;
}


.oikeapalstalista a:hover {
font-family: Trebuchet MS, Verdana;
font-size : 11px;
color: #000000;
font-weight: normal;
}

#oikeapalsta ul li a {
font-family: Trebuchet MS, Verdana;
list-style-type: none;
font-size : 11px;
font-weight: normal;
}


.kolmastaso {
margin-left: -45px;

}




/* KESKIPALSTA */
/*-------------*/

/* Tämä divi Käytössä esim etusivulla, jossa sivun oikeata palstaa käytetään */
#keskipalsta {
margin:0px;
padding:0px;
margin-top: 0px;
top:0px;
left:0px;
width:910px;
position: relative;
background-color:#f6f9fa;
padding-top:20px;
}  


#keskipalsta_sisalto {
margin-left:220px; margin-right:230px;
}

/* Puhelinluettelo/yhteydet */
table.yhteystiedot p { line-height : 1em; margin: 0 0 5px 0; padding; 0; }
table.yhteystiedot img { padding-left: 10px; }



/* Etusivun uutiskuvia varten */
.keskipalstakuva { 
float:right;
border-width:5px;
border-style: solid;
border-color: #ffffff;
margin-right:10px;
margin-top:0px;
margin-bottom:5px;

} 

.keskipalsta_h3 { 
clear:right;
font-family: Georgia;
color: #2eb0e0;
font-size: 14px;
margin-left: 0px;
margin-right:5px;
margin-top:20px;
padding:0px;
} 


/* Sivuilla toimiva pääotsikointi mallia [ otsikko ] */
h2 { 
font-family: Georgia;
margin-top : 20px;
margin-bottom : 0px;
padding-top : 8px;
padding-bottom:5px;
font-size : 18px;
text-align: left;
color : #121212;
font-weight: normal;
} 

.uutinen_h2 { 
font-family: Georgia;
color: #2eb0e0;
font-size: 14px;
margin-left: 0px;
margin-right:5px;
margin-top:20px;
padding:0px;
font-weight:bold;
} 


/* Tämä divi Käytössä sivuilla, joissa oikeassa laidassa olevaa palstaa ei käytetä. */
#keskipalsta_levea {
margin:0px;
padding:0px;
margin-top: 0px;
top: 0px;
left:0px;
width:860px;
position: relative;
background-color:#f6f9fa;
padding-top:20px;

} 

/* Käytössa sivuilla joissa ei ole oikean laidan palstaa*/
#keskipalsta_levea p { 

margin-top:15px;
margin-bottom:0px;

}  


.tuotteenkuvan {
float:right;
}


.keskipalsta_levea_h3 { 
font-family: Georgia;
color: #b69251;
font-size: 18px;
margin-left: 0px;
margin-top:30px;
margin-bottom:20px;
letter-spacing: 3px;
text-align:left;
} 

.keskipalsta_levea_h3_kirjalista { 
font-family: Georgia;
color: #b69251;
font-size: 18px;
margin-left: 0px;
margin-top:10px;
letter-spacing: 3px;
text-align:left;
} 



/* Verkkokauppasivuilla oikealla yläällä oleva pikahaku */
#pikahaku {
margin-top:15px;
margin-right:-90px;
float:right;
font-size: 9px;
}  

/* Verkkokaupan alasivuilla halutaan pikahaku hieman eri kohtaan. */
#pikahaku_kirjalista {
margin-top:40px;
margin-right:-90px;
font-size: 9px;
float:right;
}  

.pikahaku_form {
width: 80px;
}  


/*verkkokauppa sivulla käytössä oleva otsikointi*/
h4 { 
width:130px;
font-family: "Trebuchet MS", Verdana;
color: #c9ad7c;
font-size: 11px;
font-weight:bolder;
margin:0px;
padding:0px;
margin-top:5px;
margin-left:0px;
} 

h4 a { 
color: #c9ad7c;
} 


/* Neljä uusinta kirjaa verkkokauppasivulla tulevat tämän divin sisään omiin diveihinsä */
#kirjat  {
width: 610px;
margin-right: 12px;
position:relative;
float:left;
margin-top:20px;
}  


#kirja1 {
float:left;
width:130px;
margin-right: 15px;
position: relative;

}  

#kirja1 img {width: 130px; }  

/* verkkokauppasivun uusimpien kirjojen esittely teksti */
#kirjat p { 
font-family: "Trebuchet MS", Verdana;
width: 130px;
margin-top:5px;
padding:0px;
font-size:11px;
margin-left:0px;
} 

#kirjat p a { 

} 


/* kirjat.html sivun joksinen allekkain listattava kirja määritellään yhdellä kertaa */
.kirja_listattuna  {
width: 600px;
position:relative;
margin-top:20px;
margin-right:20px;
padding-top:20px;
border-top-style:dotted;
border-top-color: #b69251;
border-top-width:2px;
float:left;
}



/* Yläpuolella mainitun listan kirjan kansikuva */
.kirjaesittely_kuva   {
float:left;
margin-right:20px;
margin-bottom:20px;
width:130px;
}

/* Yläpuolella mainitun listan otsikko */
.kirja_listattuna h3 {
font-family: "Trebuchet MS", Verdana;
color: #a6803d;
font-weight:normal;
font-size: 15px;
}

.tuotteenkuva {
padding:0px;
}


.keskipalstakuva {
width: 100px;
}

.tuotteenotsikko {

font-weight: bold;
}


.lue_lisaa {

}

.ostoskoriin {

}

.ruskeat_nuolet {

}


.kirja_listattuna_paragraph {
margin:0px;
padding: 0px;
}

/*-------------*/


.pikahakuformi {
width: 90px;
}

.ostoskori {
width: 120px;
}

#muokkaa_ostoskori_linkki a {
font-size:11px;

}


/* Alimmaisena oleva div osoite yms tiedot. */


#ostoskori {
}

#osoite {
clear:left;
position:relative;
width:100%; 
height:20px; 
left: 10px; 
top: 20px;
padding-top:10px;
font-size:9px;
padding-bottom:20px;
text-align:center;
margin-bottom:20px;

}

#osoite a {padding:2px;color: #ffffff;font-size:9px;background-color: #ed3d33;}


#kauppa_sisalto { 
margin-left:220px;

}

#omapalsta h3 {margin: 0px; margin-left:3px; padding: 0px; font-family: Georgia; font-size: 12px;}
#omapalsta p {margin: 3px 3px 20px; padding: 0px; }


.yhteystiedot h2 {margin-top:0px; padding-top:0px;}
.yhteystiedot tr {border-bottom:1px solid #000000;}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(./thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;	
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}