/**** Yhdessä www.kirkkopalvelut.fi/yhdessa *****/
body
{
	margin:0;
	padding:0;
	color:#333;
	background:#fff;
	font-family:"OfficinaSans","Trebuchet Ms",Arial, Helvetica, sans-serif;
	font-size:85%;
}
body#sivusto
{
	background:#fff url(../images/bg_body.gif) repeat-x;
}
body.contentpane {background:#fff; padding:5px 10px;}	
/* linkkien perustyylit */
a, a:visited {color:#333;}
a:hover {color:#0065A5;}
	
div#kehys {width:920px;
	margin:0 auto;
	}

/** main menun tabilinkit samat kuin Kirkkopalveluilla **/	
div#ylapalkki {}
div#ylanavi {
	height:40px; 
	clear:both; 
	white-space:nowrap;
	}
#ylanavi ul, #ylanavi li {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	}
#ylanavi a, #ylanavi a:visited {
	display:block;
	width:220px;
	height:40px;
	margin-right:13px;
	background:#85B6D4;
	color:#fff;
	text-decoration:none;
	text-align:center;
	line-height:40px;
	font-size:15px;
	font-weight:bold;
	}	
#ylanavi a:hover {
	background:#D6EEFC;
	color:#666;
	}	
#ylanavi li#current a {
	background:#fff;
	color:#005190;
	}	
#ylanavi li.item5 a {/* oikeanpuoleisin linkki */
	float:right;
	margin-right:0 !important; 
	width:221px;
	}

div#sisaltokehys {/* taustakuva index.php:ssä */
	min-height:450px;
	padding:18px 20px 10px 20px;
	background:#fff url(../images/bg_sisaltokehys.gif) no-repeat 45px 245px;	
	}

div.etukuva {/* yhdessä*/
	width:698px;
	height:177px;
	}	

.palvelut img {border:0; margin-bottom:13px;}
.blog {padding-bottom:13px;}
.blog_etusivu {font-size:1.2em;}
.leading_separator {display:none; font-size:6px; height:13px; line-height:13px; padding:0; margin:0; overflow:hidden;}


div#maininfo{/* sininen vaakavalikko, jos käytetään */
	padding:15px 0 15px 0;
	overflow:hidden;
	color:#fff;
	background:#81b3d3;
	border-bottom:solid 4px #fff;
	}
#maininfo a {color:#fff; text-decoration:none;}
#maininfo a:hover {color:#005190;}
#maininfo a:active {color:#005190;}
	
#maininfo .moduletable {margin-top:6px;}		
#maininfo img {border:0;}
#maininfo ul {margin:0; padding:0; list-style:none;}
#maininfo ul {margin:0; padding:0; list-style:none;}

#maininfo ul.menu li {
	display:inline;
	padding:0 20px 0 15px;
	font-size:14px;
	font-weight:bold;
	background: url(../images/bg_bullet.gif) no-repeat right center;
	line-height:20px;
	}
#maininfo ul.menu li span {}
#maininfo ul.menu li.item40 {/* eka linkki */
	padding:0 20px 0 0;
	}
#maininfo ul.menu li.item64 {/* vika linkki */
	padding:0 0 0 15px;
	background:transparent;
	}	
#maininfo li#current  a {color:#005190;}

#maininfo li#current  ul a {color:#fff;}

#maininfo ul.menu li.item324 {/* Koivurannan pk */
	}

#maininfo ul.menu li.item250 {/* Kirkon sosiaalifoorumi */
	}

/** Valikko vasemmalla **/
div#vasenvalikko {width:172px;
	float:left;
	padding:20px 0 20px 0;
	font-weight:bold;
	font-size:15px;
	line-height:15px;
	}
div#vasenvalikko h3 {color:#333;}	


div.moduletable_vasenmenu {}
.moduletable_vasenmenu li a, .moduletable_vasenmenu li a:visited {
	text-decoration:none;
	color:#0065A5; 
	display:block;
	padding-bottom:6px;
	}
	
.moduletable_vasenmenu ul {list-style-type:none;
	margin:0;
	padding:10px 0 0 0px;
	}	

.moduletable_vasenmenu ul ul{list-style-type:none;
	margin:0;
	padding:0 0 10px 15px;
	}	
	
	a.sublevel_op, a.sublevel_op:visited {text-decoration:none;
	color:#333; 
	display:block;
	padding-bottom:6px;
	padding-left:4px;}
	a.sublevel_op:hover {color:#0065A5;}
	

li#current a {color:#999;}
li#current ul a {color:#0065A5;}

#vasenvalikko span.separator {
	display:block;
	padding-bottom:6px;
	}
	
 #vasenvalikko .moduletable {
	margin-top:20px;
	font-weight:normal;
	border:solid 1px #ccc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	font-size:13px;
	padding-bottom:10px;
	background: url(../images/kuultokuva.png);
	}
#vasenvalikko .moduletable h3 {
	color:#fff;
	background:#85b6d4;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;		
	font-size:14px;
	margin:0 0 5px 0;
	padding:10px 0;
	text-align:center;
	}
#vasenvalikko .moduletable p {padding:0 10px;
	overflow:hidden;
	}	
#vasenvalikko .moduletable a, #vasenvalikko .moduletable a:visited {/* muut moduulit */
	text-decoration:underline !important;
	}	

/*** sisältöblokki sen mukaan, missä positioissa moduuleja ***/	
div#sisalto {/* if only 'left' */
	width:700px;
	height:auto;
	float:right;
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	}	
div#vaspalsta_sisalto {/* if only 'right'*/
	width:580px;
	height:auto;
	float:left;
	margin-right:20px;
	padding:6px 0 0 0;
	}

div#kapea_sisalto {/* if both 'left' & 'right' */
	width:410px;
	height:auto;
	float:left;
	margin:0 20px 20px 20px;
	padding:10px 0 0 0;
	}		
div#levea_sisalto {/* full width */
	}	
				
div#oikea {width:280px;
	height:auto;
	float:left;
	clear:right;
	padding-bottom:20px;
	}	
	#oikea ul, #oikea li {margin:0;
		padding:0;
		list-style-type:none;
		}	
	#oikea img {border:none;}
	#oikea .button {padding:5px 5px;
	background:#85B6D4;
	color:#fff;
	font-weight:bold;
	border:solid 1px #0065A5;
	text-decoration:none;
	margin-top:12px;
	}			
	#oikea .button:hover {background:#D6EEFC; color:#666;}	


/*** ETUSIVU ***/	
table.etumoduulit {margin-top:15px;
	
	}
table.etumoduulit td {
	padding-bottom:18px;
	vertical-align:top;
	}
table.etumoduulit td img {border:solid 1px #fff;}	
div.rajoitin {width:340px;
	overflow:hidden;
	}
td.rako {width:18px;}
.moduletable_bgblue, .case_bgblue {/* sin. tausta, tarinanostot */
	border:solid 1px #81b3d3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	background: url(../images/bgblue.png);
	color:#000;
	padding:5px 12px;
	font-size:12px;
	line-height:1.27em;
	min-height:100px;
	margin-bottom:18px;
	}

.moduletable_bgblue a.readmore, .case_bgblue a:readmore, .case_bgblue td.luelisaa a {font-size:14px;
	display:block;
	padding-top:0;
	margin-top:-5px;
	}	
.moduletable_bgblue h4, .case_bgblue h4 {margin-top:0;}

.case_bgblue {/* artikkelien sisällä */
	width:316px;
	float:right;
	margin:8px 0 0 8px;
	
	}

.moduletable_bgwhite {border:solid 1px #81b3d3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	background: url(../images/bgwhite.png);
	color:#000;
	padding:5px 12px;
	font-size:12px;	
	line-height:1.27em;	
	min-height:100px;
	max-width:360px;
	}
.article_bgwhite {border:solid 1px #81b3d3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	background: url(../images/bgwhite.png);
	color:#000;
	padding:5px 12px;
	font-size:12px;	
	line-height:1.27em;	
	min-height:100px;
	width:316px;
	float:right;
	margin:8px 0 0 8px;
	}
	
.kuvaoikea {float:right;
	border:solid 5px #ccc;
	margin-left:13px;
	}
.kuvaoikeanoborder {float:right;
	border:none;
	margin-left:13px;
	}	
.kuvavasen {float:left;
	border:solid 1px #fff;
	margin-right:15px;
	}	

table.etumoduulit td img.kuvaoikea {border:solid 5px #fff;}	

	
div#pohja {clear:both;
	border-top:solid 1px #999;
	padding:10px 0 40px 0;
	margin:0 20px 0 0;
	text-align:right;
	font-size:15px;
	line-height:15px;
	}
#pohja a, #pohja a:visited {color:#333; text-decoration:none;}	
#pohja a:hover {text-decoration:underline;}	
div.pohjaky {width:140px;
	float:left;
	text-align:right;
	padding-right:15px;
	}
	a.piilolinkki, a.piilolinkki:visited, a.piilolinkki:hover {color:#333; text-decoration:none !important; cursor:default;}
ul#mainlevel_pohja {margin:0; padding:0; 
	list-style-type:none;
	}
ul#mainlevel_pohja li {float:left; padding:0 15px 2px 15px; border-left:solid 1px #666;}
div.pohjahaku {width:280px;
	float:right;
	margin-top:-1px;
	}
div.pohjahaku form {margin:0; padding:0; 
	width:200px; 
	}	
input.hakuboxi, #mod_search_searchword {font-size:12px; color:#666; border:solid 1px #666; margin-right:10px; width:130px;}
input.hakuboxi:focus {background:#D6EEFC;}

table.contentpaneopen {}
.contentpaneopen ul, .contentpaneopen ol {/* listat sisällössä */
	margin-top:0;
	margin-bottom:0.4em;
	}
	
div.back_button {padding:10px 0 15px 0;
	}
	.back_button a, .back_button a:visited {padding:5px 5px;
	background:#85B6D4;
	color:#fff;
	font-weight:bold;
	border:solid 1px #0065A5;
	text-decoration:none;
	}
	.back_button a:hover {background:#D6EEFC; color:#666;}
/* otsikot: etusivu ja normaali */	
#etusivu_sisalto h1 {color:#0065A5; font-weight:normal; font-size:150%; padding:0 0 10px 0; margin-top:0;}
#etusivu_sisalto h2 {color:#0065A5; font-weight:normal; font-size:150%; padding:0 0 10px 0; margin:0 0 -5px 0; line-height:1em;}

/* h1 {color:#0065A5; font-weight:normal; font-size:180%; padding:0.2em 0 0.1em 0; margin: 0.4em 0 0 0; line-height:1.1em;}*/
h1, .componentheading {color:#0065A5; font-weight:normal; font-size:150%; padding:0.2em 0 0.1em 0; margin: 0.4em 0 0 0; line-height:1.1em;}
h2 {color:#0065A5; font-weight:normal; font-size:135%; padding:0.2em 0 0.1em 0; margin: 0.5em 0 0 0;}
h3, .contentheading_uutisia {color:#0065A5; font-size:120%; padding:0.2em 0 0.1em 0; margin: 0.4em 0 0 0; line-height:1.1em;}
h4,h5,h6 {color:#0065A5; font-size:100%; padding:0.2em 0 0.1em 0; margin: 0.4em 0 0 0; line-height:1.1em;}

h2 a, h2 a:visited {color:#0065A5; text-decoration:none;}
h2 a:hover {color:#0065A5; text-decoration:underline;}

.contentheading {color:#0065A5;}
#etusivu_sisalto .contentheading {color:#0065A5; font-weight:normal; font-size:150%; padding:0; margin:0 0 -5px 0; line-height:1em;}

p {padding:0.2em 0; 
	margin: 0.2em 0;
	}	
strong {}
form {padding:0; margin:0;}

/* Category content table */
.sectiontableentry1  td {padding:5px 0;}
.sectiontableentry2  td {padding:5px 0;}

.row_separator, .leading_separator {clear:both; height:10px;}
.article_row {clear:both;}

/* moduulit */
.hae, .search .button {background:#fff;
	text-transform:uppercase;
	border:solid 1px #0065A5;
	cursor:pointer;
	}
.hae:hover, .search .button:hover {background:#D6EEFC;}	

/* Äänestys - gallup */
table.poll {}
	table.pollstableborder {}
	table.pollstableborder td {text-align:left !important;
	padding:2px;
	vertical-align:middle;
	font-size:12px;
	line-height:1.2em;
	border-bottom:dotted 1px #ccc;
	}
	table.pollstableborder td.sectiontableentry1 {}
	table.pollstableborder td.sectiontableentry2 {}	
table.poll .button {font-size:11px; padding:2px 4px; margin-top:8px;}

	
/* Kirkkopalvelujen uutisotsikkotyyli jos käytetään */
.moduletable_uutisia {
	width:260px;
	overflow:hidden;
	margin-bottom:5px;
	padding-top:25px;
	background:#fff url(../images/tabibg.jpg) no-repeat;
	}
.moduletable_uutisia h3 {
	font-size:14px;
	color:#887A59;
	padding:0 0 10px 0;
	margin:0;
	text-transform:uppercase;
	}
	.moduletable_uutisia a, .moduletable_uutisia a:visited, a.uutislinkki, a.uutislinkki:visited {color:#887A59; 
	text-decoration:none;
	font-weight:bold;
	}
	.moduletable_uutisia a:hover, a.uutislinkki:hover {color:#0065A5;}
	.moduletable_uutisia ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	}
ul.latestnews_uutisia {
	line-height:15px;
}
li.latestnews_uutisia {border-bottom:solid 4px #fff;}

/* Ylläpitovalikko kirjautuneelle */
.moduletable_yllapito {border:solid 4px #67B258; padding: 5px 15px 15px 15px; margin:20px 0;}		
.moduletable_yllapito a, .moduletable_yllapito a:visited {color:#333; display:block; margin-bottom:8px; font-weight:bold;}		


/*** JCE editorityylejä / kuvateksti ***/
.jce_caption {/* div, joka kiertää kuvan */ 
	float:right;
	margin:0 5px 0 18px;
	font-size:12px;
	color:#666;
	}
.jce_caption img {border:solid 1px #ccc;}


/*editorin styles-pudotusvalikossa näkyvät tyylit */
.ei_tyylia {}
.korostus {color:#CC0000; font-weight:bold;}
.korostussininen {color:#003B76; font-weight:bold;}
/* väliviiva */
.vinjettiviiva {
display:block;
background: #fff url(../images/bg_seperator.gif) repeat-x;
}
.korostuspunainen {color:#c00; font-weight:bold;}
.korostusvihrea {color:#5AAF28; font-weight:bold; /* ei käytössä */}
.korostusoranssi {color:#F5781E; font-weight:bold; /* ei käytössä */}


/* tulostus jne. napit */
p.buttonheading {
	padding:0 20px 0 0;
	text-align:right;
	}
p.buttonheading img {border:none;}

.blog .buttonheading {margin:-20px 0 0 20px; 
	padding:0;
	width:90px; 
	float:right;
	}

.iteminfo {font-family:arial,helvetica,sans-serif;
	color:#666;
	font-size:12px;
	}

/* Tooltips front end editing */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	text-align:left;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images_general/selector-arrow.png) no-repeat;
}
.tool-text {
	font-size: 100%;
	margin: 0;
}

.tooltip p {
	font-size: 90%;
	margin: 0;
}
/*** front end muokkaus ***/
/* muokkauskuvake ja liitekuvakkeet */
.hasTip img {border:none;}
.attachmentsList img, .addattach img {border:none;}
.publishing, .metadata {display:none;}


/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images_general/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/* System Messages */
#system-message
{
margin:10px 0 20px 0;
padding: 0 !important;
background:#fff;
border:solid 0px;
}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0;  font-weight: bold; text-indent: 0px;background:#fff;padding:0 }
#system-message dd ul { color: #333; margin-bottom: 10px; list-style: none; padding: 0px; border-top: 3px solid #333; border-bottom: 3px solid #333;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
#system-message dd.message ul { background: #F2E3ED}

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error {  }
#system-message dd.error ul { color: #333; background: #F2E3ED ; border-top: 3px solid #333; border-bottom: 3px solid #333;margin:0}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice {  }
#system-message dd.notice ul { color: #333; background: #F2E3ED; border-top: 3px solid #333; border-bottom: 3px solid #333;}



@media print
{/* tulostustyylit */
body {background:#fff; color:#000; margin:auto; padding:1em;}
#ylapalkki,#ylanavi,#esittely,#vasenvalikko,#pohja, #oikea, .buttons {display:none;}
div#kehys, div#sisaltokehys, div#sisalto, div#kapea_sisalto, div#levea_sisalto, div#eventlist {width:auto; height:auto; margin:auto; padding:0; position:static; float:none;}
}