/* Text-styles
**************************************************************************/

h1 {
color: #396f9d;
font-size: 1.275em;
font-weight: bold;
margin: 1px 0 22px;
}

h2 {
color: #53971c;
font-size: 1.275em;
font-weight: bold;
margin: 1px 0 13px;
}

#content_etusivu h3 {
color: #396f9d;
font-size: 1.275em;
font-weight: bold;
margin: 0 0 5px;
}

h3 {
color: #428a08;
font-size: 1.1em;
font-weight: bold;
margin: 28px 0 5px;
}
h4 {
color: #428a08;
font-weight: bold;
}

#wrapper_teekkarit h3 {color: #b67133;}
#wrapper_alueosastot h3 {color: #9d3434;}
#wrapper_jaostot h3 {color: #868854;}

#wrapper_teekkarit h4 { color: #b67133; font-weight: bold; }
#wrapper_alueosastot h4 { color: #9d3434; font-weight: bold; }
#wrapper_jaostot h4 { color: #868854; font-weight: bold; }


p, li { color: #333333; line-height: 1.5em; }
p {margin: 10px 0 15px;}
p#breadcrumb { color: #9d9c9c; margin: 2px 17px 3px; }
p#breadcrumb .hakanen { color: #3473b5; }


a { color: #36668f; text-decoration: none; }
a:hover { text-decoration: underline; }

#sidebar a, #sidebar a:hover { color: #333; }

#sidebar_etusivu ul, #sidebar ul { margin: 6px 0; padding: 0; }
#sidebar ul { margin: 1px 0 6px; }
#sidebar ul ul { margin: 6px 0; }
#sidebar_etusivu ul li, #sidebar ul li {
background: url(../img/bullet_vihrealink.gif) no-repeat 0 4px;
list-style-type: none;
margin: 8px 0;
padding-left: 16px;
}

#sidebar ul li { margin: 0 0 6px 0; }

#sidebar ul li li { background: url(../img/bullet_sininenlink.gif) no-repeat 0 4px; margin: 6px 0; }

#sidebar ul li li li { background: url(../img/bullet_keltainenlink.gif) no-repeat 0 4px; }

#sidebar_etusivu ul li#arkisto {
background: url(../img/bullet_keltainenlink.gif) no-repeat 16px 5px;
padding-left: 33px;
}

#footer p {
color: #adb5bd;
padding-top: 15px;
}

#wrapper_alueosastot #footer p, #wrapper_jaostot #footer p, #wrapper_teekkarit #footer p,
#wrapper_alueosastot #footer a, #wrapper_jaostot #footer a, #wrapper_teekkarit #footer a { color: #f5e6e6; }

p.tapahtumalink { background: url(../img/bullet_vihrealink.gif) no-repeat 0 4px; padding-left: 16px; }

p.spacer {height: 13px; margin: 0; padding: 0;}

td {_font-size: 11px; _font-size/**/:/**/inherit;}

table#jasenlomake h3 { margin: 0; }

/* Main structure + header
**************************************************************************/

body {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 62.5%;
margin: 0;
padding: 0;
text-align: center;
}

#wrapper,
#wrapper_teekkarit,
#wrapper_alueosastot,
#wrapper_jaostot,
#wrapper_kirjakauppa {
font-size: 1.1em;
margin: 0 auto;
text-align: left;
width: 1003px;
}

#main_container {
float: left;
width: 850px;
}

#haku {
float:right;
margin-top:-22px;
_margin-top:-21px;
_margin-right:-13px;
}

#haku a img { float: left; }

	#haku .search_field {
	border: 0;
	height: 15px;
	margin: 1px 0 0 0;
	_margin: 2px 0 0 0;
	padding: 0 2px;
	width: 97px;
	}

	#haku .send {
	margin-top: -4px;
	*margin-top: -3px;
	_margin-top: -2px;
	padding: 0;
	}

#kielivalinta {
height: 25px;
display: block;
margin: 0 7px 0 500px;
_margin-bottom:-12px;
padding: 0px 0 11px 0;
_padding: 0px 25px 0 0;
text-align: left;
background: url(../img/topnav_default_right.gif) no-repeat 100% 0;
}
#kielivalinta_fin {
height: 25px;
display: block;
margin: 0 0 0 355px;
_margin-bottom:-12px;
padding: 0px 0 11px 0;
_padding: 0px 25px 0 0;
text-align: left;
background: url(../img/topnav_default_right.gif) no-repeat 100% 0;
}
#kielivalinta_left {
float:left;
width: 18px;
height: 25px;
background-image: url(../img/topnav_default_left.gif);
}
#wrapper_teekkarit #kielivalinta_fin {
background: url(../img/topnav_teekkarit_right.gif) no-repeat 100% 0; }
#wrapper_teekkarit #kielivalinta_left {
background: url(../img/topnav_teekkarit_left.gif) no-repeat 100% 0; }
#wrapper_alueosastot #kielivalinta_fin {
background: url(../img/topnav_alueosastot_right.gif) no-repeat 100% 0; }
#wrapper_alueosastot #kielivalinta_left {
background: url(../img/topnav_alueosastot_left.gif) no-repeat 100% 0; }
#wrapper_jaostot #kielivalinta_fin {
background: url(../img/topnav_jaostot_right.gif) no-repeat 100% 0; }
#wrapper_jaostot #kielivalinta_left {
background: url(../img/topnav_jaostot_left.gif) no-repeat 100% 0; }

	#kielivalinta img, #kielivalinta_fin img {	margin-bottom:-3px; *margin-bottom:-4px;}
	#kielivalinta a, #kielivalinta p, #kielivalinta_fin a, #kielivalinta_fin p { 
	color: #fff; font-weight:bold; margin-top: 0px; margin-bottom: 5px; padding-top:4px;}
	#kielivalinta a:hover, #kielivalinta_fin a:hover { color: #f2f2f2; }


#header {
background: url(../img/headerbg.jpg) no-repeat;
height: 165px;
width: 850px;
}

#wrapper_teekkarit #header { background: url(../img/headerbg_teekkarit.jpg) no-repeat; }
#wrapper_alueosastot #header { background: url(../img/headerbg_alueosastot.jpg) no-repeat; }
#wrapper_jaostot #header { background: url(../img/headerbg_jaostot.jpg) no-repeat; }


	#header img.logo { margin: 32px 0 12px 46px; }



/* Main navigation bar
**************************************************************************/

#navi {
background: url(../img/navibg.gif) no-repeat;
height: 25px;
*margin-top: -3px;
_margin-bottom:15px;
padding: 3px 22px 6px 28px;
width: 850px;
width/**/:/**/ 800px;
}

#wrapper_teekkarit #navi { background: url(../img/navibg_teekkarit.gif) no-repeat; }
#wrapper_alueosastot #navi { background: url(../img/navibg_alueosastot.gif) no-repeat; }
#wrapper_jaostot #navi { background: url(../img/navibg_jaostot.gif) no-repeat; }


/* Root = Horizontal, Secondary = Vertical */

ul#nav {
float: left;
margin: 0;
width: 749px; /*For KHTML*/
list-style-type: none;
height: 22px;
padding: 2px 0 0 0;
}

ul#nav li {
margin: 0;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style-type: none;
position: relative;
height: 22px;
}

ul#nav ul {
margin: 0;
padding: 0;
width: 150px;
list-style: none;
display: none;
position: absolute;
top: 22px;
left: 0;
}

ul#nav ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px sans-serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#nav ul li {
width: 150px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
}

/* Root Menu */

ul#nav li a {
background: url(../img/navi_spacer.gif) no-repeat 0 5px;
padding: 0 8px 0 11px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
color: #fff;
font: bold 11px/22px Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}

ul#nav li#no_spacer a { background: none; padding: 0 8px; }

ul#nav li li a {
padding: 0 8px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
color: #fff;
font: normal 11px/22px Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */

ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a {
text-decoration: underline; 
}

/* 2nd Menu */

ul#nav li:hover li a,
ul#nav li.iehover li a {
float: none;
background: #519f13;
color: #fff;
text-decoration: none;
}

#wrapper_teekkarit ul#nav li:hover li a,
#wrapper_teekkarit ul#nav li.iehover li a { background: #b67133; }

#wrapper_alueosastot ul#nav li:hover li a,
#wrapper_alueosastot ul#nav li.iehover li a { background: #9d3434; }

#wrapper_jaostot ul#nav li:hover li a,
#wrapper_jaostot ul#nav li.iehover li a { background: #96985f; }


/* 2nd Menu Hover Persistence */

ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
background: #3f8108;
color: #FFF;
text-decoration: none;
}

#wrapper_teekkarit ul#nav li:hover li a:hover,
#wrapper_teekkarit ul#nav li:hover li:hover a,
#wrapper_teekkarit ul#nav li.iehover li a:hover,
#wrapper_teekkarit ul#nav li.iehover li.iehover a { background: #814917; }

#wrapper_alueosastot ul#nav li:hover li a:hover,
#wrapper_alueosastot ul#nav li:hover li:hover a,
#wrapper_alueosastot ul#nav li.iehover li a:hover,
#wrapper_alueosastot ul#nav li.iehover li.iehover a { background: #6c2020; }


#wrapper_jaostot ul#nav li:hover li a:hover,
#wrapper_jaostot ul#nav li:hover li:hover a,
#wrapper_jaostot ul#nav li.iehover li a:hover,
#wrapper_jaostot ul#nav li.iehover li.iehover a { background: #5b5b36; }

ul#nav ul ul,
ul#nav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
}

/*** End of main navigation ***/


#navi_options {
height: 25px;
margin-left: 771px;
_margin-left: 769px;
_margin-left/**/:/**/ 767px;
padding: 0;
width: 27px;
}

#wrapper_teekkarit #navi_options { background: url(../img/hakubg_teekkarit.jpg) no-repeat 27px 0; }

#wrapper_alueosastot #navi_options { background: url(../img/hakubg_alueosastot.jpg) no-repeat 27px 0; }

#wrapper_jaostot #navi_options { background: url(../img/hakubg_jaostot.jpg) no-repeat 27px 0; }



/* Content area (etusivu / alasivu)
**************************************************************************/

/*** ETUSIVU ***/

#content_wrapper_etusivu {
background: url(../img/contentbg.gif) repeat-y;
_margin-top: -19px;
padding: 14px 17px 0;
width: 850px;
width/**/:/**/ 816px;
}

#sidebar_wrapper_etusivu { float: left; width: 248px; }

#sidebar_top_etusivu { background: url(../img/sidebar_top_main.gif); height: 24px; width: 248px; }

#sidebar_etusivu {
background: url(../img/sidebarbg_main.gif) repeat-y;
padding: 1px 22px;
width: 204px;
_width: 248px;
_width/**/:/**/ 204px;
}

#sidebar_bottom_etusivu  { background: url(../img/sidebar_bottom_main.gif); height: 21px; width: 248px; }

#content_etusivu  {
margin-left: 260px;
width: 551px;
}

#content_etusivu ul li{
list-style-type:none;
background:url(../img/bullet_content_li.gif) no-repeat 0 6px; 
margin-left: -10px;
padding-left:15px;
}

.content_boxtop_etusivu  { background: url(../img/content_boxtop_main.gif); height: 24px; width: 550px; }

.content_box_etusivu  {
background: url(../img/content_boxbg_main.gif) repeat-y;
padding: 1px 22px;
width: 550px;
width/**/:/**/ 506px;
}

.content_box_etusivu a {
text-decoration:underline;
}

.content_box_etusivu a:hover {
text-decoration:none;
}

.content_boxbottom_etusivu  { background: url(../img/content_boxbottom_main.gif); height: 21px; width: 550px; }

#content_etusivu .txt_alue { }
#content_etusivu .kuva_alue { float: right; margin-left: 10px; width: 150px; }

#sidebar_etusivu_lang {
background: url(../img/dummy_left.gif) no-repeat 50% 0;
height: 210px;
padding: 1px 22px;
width: 204px;
_width: 248px;
_width/**/:/**/ 204px;
}


/*** ALASIVU ***/

#content_wrapper {
background: url(../img/contentbg.gif) repeat-y;
_margin-top: -19px;
padding: 1px 17px 0px;
width: 850px;
width/**/:/**/ 816px;
}

#sidebar_wrapper { float: left; width: 190px; }

#sidebar_top { background: url(../img/sidebar_top_sub.gif); height: 24px; width: 190px; }

#sidebar {
background: url(../img/sidebarbg_sub.gif) repeat-y;
padding: 1px 15px;
width: 160px;
_width: 190px;
_width/**/:/**/ 160px;
}

#sidebar_bottom { background: url(../img/sidebar_bottom_sub.gif); height: 17px; width: 190px; }

#content {
margin-left: 204px;
_margin-left: 200px;
width: 610px;
}

#content ul li{
list-style-type:none;
	background:url(../img/bullet_content_li.gif) no-repeat 0 6px; 
	margin-left: -10px;
	padding-left:15px;
}

.content_boxtop { background: url(../img/content_boxtop_sub.gif); height: 25px; width: 610px; }

.content_box {
background: url(../img/content_boxbg_sub.gif) repeat-y;
padding: 1px 20px;
width: 610px;
width/**/:/**/ 570px;
}

.content_boxbottom { background: url(../img/content_boxbottom_sub.gif); height: 21px; width: 610px; }

#content .txt_alue {
width: 100%;
}

#content .kuva_alue { margin-left: 365px; }

#content .kuva_alue img { border: 1px solid #dadada; padding: 3px; }

#wrapper_kirjakauppa #content .txt_alue {
float: none;
width: 100%;
}

/*** Yllpito ***/
#content .txt_alue_yllapito {width: 100%;}


/* Footer
**************************************************************************/

#footer {
background: url(../img/footerbg.gif) no-repeat;
display: block;
padding: 1px 0;
width: 850px;
}

#footer a { color: #ADB5BD; }
#wrapper_teekkarit #footer { background: url(../img/footerbg_teekkarit.gif) no-repeat; }
#wrapper_alueosastot #footer { background: url(../img/footerbg_alueosastot.gif) no-repeat; }
#wrapper_jaostot #footer { background: url(../img/footerbg_jaostot.gif) no-repeat; }


/* Other stuff
**************************************************************************/

table#kalenteri { color: #666; margin: 10px auto 15px; }

table#kalenteri td {
background: #e2e9ee;
color: #333;
border: 1px solid #eef0f2;
height: 16px;
width: 19px;
}

table#kalenteri td.linked_day { background: #aed39c; }
table#kalenteri td a { color: #333; }
table#kalenteri td.kuukausi { width: 99px; }
table#kalenteri abbr {border: none;}
table#kalenteri td.current_day { border: 1px solid #8098a9; color: #000; font-weight: bold; }
table#kalenteri td.current_day a {color: #000;}

.uutinen { height: 103px; margin-bottom: 10px; padding-top: 9px; }
.uutinen img { border: 1px solid #dadada; float: left; padding: 3px; }
.uutinen .uutis_txt { margin-left: 102px; }

form#kirjahaku { float: right; margin: 0; width: 200px; }

	form#kirjahaku label {
	color: #396f9d;
	font-weight: bold;
	}

	form#kirjahaku input.haku {
	border: 1px solid #999;
	height: 15px;
	margin: 0;
	padding: 1px 2px;
	width: 103px;
	}

/**** Kirjakauppa alkaa *****/

table#kauppataulukko td { background: #eef1eb; border: solid #fff; border-width: 0 3px 3px 0; }

table#kauppataulukko td.otsikko { background: #4c7da5; }

table#kauppataulukko #ostoskori_info { float: right; }

table#kauppataulukko #ostoskori_info p { color: #fff; margin: 5px 10px 3px; }

table#kauppataulukko h3 { color: #fff; font-size: 1.088em; margin: 5px 8px; }

table#kauppataulukko p { margin-right: 8px; margin-left: 8px;}

table#kauppataulukko p.lisatiedot_tilaus { margin-right: 15px; text-align: right; }

table#kauppataulukko p.lisatiedot_tilaus a {
background: url(../img/bullet_sininenlink.gif) no-repeat 0 3px; 
color: #396f9d; 
padding-left: 15px;
}

p.loppusaldo { color: #992929; font-weight: bold; text-transform: uppercase; }

p.sisainen_navigaatio { color: #cccccc; font-weight: bold; text-align: center; }

p.sisainen_navigaatio a { color: #396f9d; }

table#kauppataulukko td#ostoskori a { font-weight: normal; }

p.sisainen_navigaatio .erotin { color: #666; margin: 0 5px; }

table#kauppataulukko td ul {margin-left: 5px; padding-left: 5px;}

table#kauppataulukko td li { 
background: url(../img/bullet_sininenlink.gif) no-repeat 0 3px; 
list-style-type: none; 
margin: 10px 15px 15px 0;
padding-left: 17px;
}

table#kauppataulukko a { font-weight: bold;}

table#kauppataulukko img { background: #fff; border: 1px solid #cdd0cb; margin: 10px; padding: 3px; }

form#tilauslomake {
color: #333;
margin: 35px 40px 20px 50px;
}

form#tilauslomake label {
float: left;
padding-top: 4px;
text-align: right;
width: 120px;
}

form#tilauslomake label.no_padding { padding-top: 0; }

form#tilauslomake input.radio { margin: 0px 5px 10px 10px; }

form#tilauslomake .value { vertical-align: top; }

form#tilauslomake input, form#tilauslomake textarea {
font-family: Arial, Helvetica, Verdana, sans-serif;
margin: 0 10px 10px;
padding: 2px;
} 
form#tilauslomake input.text, form#tilauslomake textarea {
border: 1px solid #969696;
height: 16px;
width: 310px;
}
form#tilauslomake textarea { height: 65px; }
form#tilauslomake input.submit { margin-left: 130px; }

form#ostoskori_lisays {
color: #396f9d;
margin: 5px 0 5px 0px;
}

form#ostoskori_lisays input.kpl_maara {
height: 12px;
margin-right: 3px; 
width: 25px;
}

form#ostoskori_lisays input.submit {
background: transparent url(../img/bullet_sininenlink.gif) no-repeat 0 3px;
color: #396f9d;
cursor: pointer;
font-size: 11px;
font-weight: bold;
border: none;
padding: 0 5px 0 10px;
width: 115px;
}

/**** Kirjakauppa loppuu ****/


/**** Kalenterisivut alkaa *****/

table#kalenteritaulukko td { background: #f3f4f7; border: solid #fff; border-width: 0 3px 3px 0; }
table#kalenteritaulukko td.otsikko { background: #54971d; }
table#kalenteritaulukko #ostoskori_info { float: right; }
table#kalenteritaulukko #ostoskori_info p { color: #fff; margin: 5px 10px 3px; }
table#kalenteritaulukko h3 { color: #fff; font-size: 1.088em; margin: 5px 8px; }
table#kalenteritaulukko p { margin: 8px 10px;}


/**** Kalenterisivut loppuu *****/

hr.cleaner {
border: none;
clear: both;
height: 0px;
margin: -1px 0 0; 
padding: 0;
visibility: hidden;
}

span.emailCloak {}

#bannerit {
margin: 0 0 0 853px;
_margin: 0 0 0 850px;
padding: 44px 0 0;
}
	#bannerit img { margin-bottom: 4px; }