/******************************************************************************
*                         Leiska ja Staattiset elementit                      *
******************************************************************************/
#vintti {
	margin: 7px auto 5px auto;
	font-size: 85%;
}
#vintti td {
	vertical-align: middle;
}
#vintti a, #vintti a:visited {
	color:#2C2C2C;
	text-decoration: none;
	font-size: 11px;
}
#vintti a:hover {
	color:#745C24;
}
#vintti .vtrako {
	width:30px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: white;
}
#kehystaulu {
	margin: 0 auto;
	border: solid 3px #fff;
	background:#fff;
}
#liittopalkki li {
	margin: 0;
}
#harmaa {
	background: #A1A1A1 url(/grafiikka/bg_harmaa.gif);
	border-top: solid 1px #fff;
	font-size:2px;
}
#paalinkit {
	border-top: solid 1px #fff;
}
.raita {
	font-size: 12px;
	line-height: 12px;
	background:#A51709;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
.skulraita {
	background: #A18F4D;
}
.pappisraita {
	background: #9D69BE;;
}
td.vasen {
	vertical-align: top;
	background: #DEDEDE;
	width:180px;
}
td.keski {
	vertical-align: top;
	padding: 0 0px 0 40px;
}
#sisalto {
	vertical-align: top;
}
#pohjatoiminnot {
	padding: 8px 0 20px 0;
	margin: 5px 0 0 0;
	border-top: 1px solid #c2c2c2;
}
#pohjatoiminnot img {
	margin-right: 5px;
}
#pohjatoiminnot a, #pohjatoiminnot a:visited {
	color: #2C2C2C;
	font-size: 85%;
	text-decoration: none;
}
#alapalkki {
	font-size: 85%;
	text-align: center;
	background: #e9e7e8;
	padding: 1ex 0 1ex 0;
}
#toteutus {
	width: 800px;
	margin: 15px auto 20px auto;
	text-align: center;
	font-size: 85%;
}
#toteutus a, #toteutus a:visited {
	color:#434444;
	text-decoration: none;
}
#toteutus a:hover {
	text-decoration: underline;
}
#cruxnumero {
	background: white;
	color: #8A8A8A;
	padding: 20px 2px 10px 10px;
	font-size: 85%;
}
#cruxnumero img {
	border: none;
}
#cruxtoimitus {
	background: #e9e7e8;
	color: #777;
	padding:10px 2px 10px 10px;
	font-size: 85%;
}
#vastuuteksti {
	color: #555;
	padding: 10px;
	font-size: 85%;
}
#etusivubanneri img {
	margin-top: 25px;
}
#sivupalkki {
	vertical-align: top;
}
#sivupalkki img {
	margin-top: 20px;
}
#etusivuspacer {
	height: 20px;
	background: #E9E7E8;
}
.etusivuinfo {
	font-size: 85%;
	padding: 10px 10px;
}
#etusivuinfo-etusivu {
	background: #dedede;
}
#etusivuinfo-skul {
	background: #cdc6ac;
}
#etusivuinfo-skul a, #etusivuinfo-skul a:visited {
	color: #7F6407;
}
#etusivuinfo-pappis {
	background: #e1e0ee;
}
#etusivuinfo-pappis a, #etusivuinfo-pappis a:visited {
	color: #9d69be;
	color: #70438F;
}
.rss-box {
	font-size: 85%;
	padding: 5px 2px 10px 5px;
}
.rss-title a, .rss-title a:visited {
	color: #2C2C2C;
}
.rss-item {
	margin-top: 6px;
}

/******************************************************************************
*                        Akin sliding-text systeemi                           *
******************************************************************************/
#accordion {
	margin:20px 0px;
	background:#fff;
}
h4.toggler {
	cursor: pointer;
	border: 1px solid #ccc;
	border-right-color: #666;
	border-bottom-color: #666;
	font-size: 12px;
	background: #E9E7E8 url(/grafiikka/bg_kysymys.gif) no-repeat;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 4px 30px;
}
div.element ul {
	margin:0 20px;
	padding:15px;
	background:#fff;
}
div.element ul ul {
	margin:0 20px;
	padding:3px 15px 10px 15px;
	background:#fff;
}
#vertical_slide, #horizontal_slide {
	
}
div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}




/******************************************************************************
*                                Pudotusvalikko                               *
******************************************************************************/
#csstopmenu {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 11px;
}
#csstopmenu ul {
	margin: 0;
	padding: 5px 0 5px 3px;
	list-style: none;
	font-size: 11px;
}

#csstopmenu li {
	float: left;
	position: relative;
}
#csstopmenu a{
	text-decoration: none;
}
.mainitems {
	background-color: #fff;
	font-size:17px;
}
.headerlinks {
	overflow: hidden; /* Operan takia */
}
.headerlinks a {
	margin:0;
	color: #fff;
}
.submenus {
	display: none;
	width: 160px;
	position: absolute;
	top: 22px;
	left: 15px;
	background-color: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.submenus li{
	width: 100%;
}
.submenus li a{
	display: block;
	width: 100%;
	text-indent: 3px;
	color:#900;
}
html>body .submenus li a{ /* non IE browsers */
	width: auto;
}
.submenus li a:hover{
	background-color: #ccc;
	color: #000;
}
#csstopmenu li>ul {/* non IE browsers */
	top: auto;
	left: 15px;
	padding:5px 0 5px 3px;
}
#csstopmenu li:hover ul, li.over ul {
	display: block;
}
html>body #clearmenu{ /* non IE browsers */
	height: 3px;
}


/******************************************************************************
*                                  Tulostelut                                 *
******************************************************************************/
@media print {
	#sisalto {
		width: 100%;
	}
	body {
		font-size: 16px;
	}
}



/******************************************************************************
*                             Valikko ja alavalikko                           *
******************************************************************************/
/* Valikkonäkyvyys */
.liittolinkit {
	display: none;
}
#perusliitot {
	padding: 10px;
	font-size: 11px;
	font-weight: bold;
	border-top: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
}
#etusivu-liittolinkit, #sivukartta-liittolinkit {
	display: block;
}
.erotusraita {
	display: none;
}
#pappis-raita-1, #skul-raita-1, #pappis-raita-2, #skul-raita-2 {
	display: block;
}
.alavalikko-ylempi {
	display: none;
}
#pappis-alavalikko {
	background: #E1E0EE;
	display: block;
}
#skul-alavalikko {
	background: #CDC6AC;
	display: block;
}
/* Valikkotyylit */
.alavalikot {
	padding: 10px 0 10px 1px;
	font-size: 85%;
	border-top: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
}
.alavalikko div {
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 10px;
}
.alavalikko a, .alavalikko a:visited {
	color: #9F302E;
	text-decoration: none;
}
.alavalikko .valikko-taso-2 a, .alavalikko .valikko-taso-2 a:visited {
	color: #2c2c2c;
	text-decoration: none;
}
.alavalikko a:hover, .alavalikko .valikko-taso-2 a:hover {
	text-decoration: underline;
}
.alavalikko .valikko-valittu {
	background: url(valittu.gif) top left no-repeat;
	color: #745C24;
}
.alavalikko .valikko-valittu a {
	color: #745C24 !important;
}
.alavalikko .valikko-arkisto a         { text-decoration: line-through; }
.alavalikko .valikko-arkisto a:visited { text-decoration: line-through; }

.kotimaa-tekninen #sivukartta-box div {
	padding-left: 10px;
}
.kotimaa-tekninen .valikko-ei-lupaa, .kotimaa-tekninen .sivukartta-ei-lupaa{
	background: url(lock.gif) top left no-repeat;
}



/******************************************************************************
*                                Sisällön tyylit                              *
******************************************************************************/
body {
	font-family: Verdana, arial, helvetica, clean, sans-serif;
	background: #cbcbcb url(bg_body.gif) repeat-x;
	color: #2c2c2c;
	font-size: 13px;
} 
a, a:visited {
	text-decoration: underline;
	color: #8A1408;
}
a:link:-moz-read-write {  /* apply link style to moz designmode */
	text-decoration: underline !important;
	color: #8A1408 !important;
}
a:hover {
	text-decoration: underline;
	color: #745C24;
}
h1 {
	font-weight: bold;
	font-size: 123.1%;
}
h2 {
	font-weight: bold;
	font-size: 116%;
}
h3 {
	font-weight: bold;
	font-size: 108%;
}
hr {
	border: none 0; 
	border-top: 3px double #ccc;
	width: 80%;
	height: 3px;
	margin: 10px auto;
}
blockquote, div.kainalo {
	border:solid 1px #A51709; 
	background:#F0F0F0;
	padding:15px;
	margin:10px 0;
	text-align:left;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.mailhide {
	border-color: gray;
}




/******************************************************************************
*                             Hakuformi ja hakutiedot                         *
******************************************************************************/
input.hakusana {
	display: block;
	float: left;
	margin-right: 5px;
	width: 110px;
	border: 1px solid #7B7B7B;
	font-size: 100%;
	margin-top: 3px;
}
input.hakunappi {
	display: block;
	float: left;
	margin-top: 3px;
}



/******************************************************************************
*                               Sivukartta                                    *
******************************************************************************/
#sivukartta-box {
	font-size: 85%;
	line-height: 1;
}
#sivukartta-box div {
	padding-top: 3px;
}
.sivukartta-taso-1 {
	border-bottom: 1px solid gray;
	margin: 40px 0 5px 0;
	font-size: 123.1%;
	padding-bottom: 1px;
}
.sivukartta-taso-2 {
	margin-top: 7px;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 108%;
}
.sivukartta-intranet {}
.sivukartta-ei-lupaa {}



/******************************************************************************
*                        Nostot, haku ja kokokoma                             *
******************************************************************************/
#nostot-box { }
#kokoomat-box { clear: both; }
#hakutulos-box { }
a.nosto-title, a.nosto-title:visited { }
a.nosto-title:hover { }
.otsikko-kokoomat .nosto-text * {
	display: none;
}
.otsikko-kokoomat .nosto-text a.nosto-title {
	display: inline;
}
#tuoreet-box {
	border-top: 3px solid white;
	background: #e9e7e8;
	padding: 10px;
	font-size: 93%;
}
#tuoreet-box h3 {
	margin: 1ex 0;
}
#tuoreet-box .nosto-text * {
	display: none;
}
#tuoreet-box .nosto-text a.nosto-title {
	display: inline;
	text-decoration: none;
	font-weight: normal;
	font-size: 93%;
}





/******************************************************************************
*                     Sisältökuvien, liitteiden tyylit                        *
******************************************************************************/
.kuvagalleria {
	margin-top: 10px;
	_margin-left: -25px;
}
.kuvagalleria td {
	padding-left: 25px;
}
.henkilosto   {
	margin-top: 10px;
}
.kuvateksti {
	font-size: 85%;
	color: #666;
}
.isokuva img {
	margin-top: 1em;	
}
.highslide img             { border: 2px solid silver; }
.highslide:hover img       { border-color: gray;       }
img.non-highslide          { padding: 2px;             }
a img.non-highslide        { border: 2px solid silver; }
a:hover img.non-highslide  { border-color: red;        }

.liitetaulu {
	margin-top: 30px;
}
.liiteteksti {
	font-size: 85%;
	width: 250px;
}






/******************************************************************************
*                           Sijainti (jos käytössä)                           *
******************************************************************************/
#sijainti {
	padding: 25px 0 7px 0;
	font-size: 85%;
	border-bottom: 1px dashed gray;
	font-style: italic;
}
a.sivusijainti, a.sivusijainti:visited {
	text-decoration: none;
}
 a.sivusijainti:hover {
	text-decoration: underline;
}
a.sivusijainti-valittu, a.sivusijainti-valittu:visited {
	color: #2c2c2c;
}


/******************************************************************************
*                           Vieraskirja/Foorumi                               *
******************************************************************************/
#bbs-box a, #bbs-box a:visited {
	text-decoration: underline;
}
#bbs-box a:hover {
	text-decoration: none;
}
textarea#bbsquote, textarea#bbsbody {
	width: 500px;
}
input.bbs-compose-input, #bbs-compose-threadtitle {
	width: 300px;
}


/******************************************************************************
*                        RSS-Syötteet (jos käytössä)                          *
******************************************************************************
.rss-box {}
.rss-title {}
.rss-title a { color: red }
.rss-item {}
.rss-item a { color: red }
.rss-odd {}
.rss-even {}
*/



/******************************************************************************
*                   Tapahtumakalenteri (jos käytössä)                         *
******************************************************************************
#events-box   { }
.event-item   { border-top-color: red; }
.event-odd    { }
.event-even   { }
.event-date   { }
.event-time   { }
.event-desc   { }
.event-desc a, .event-desc a:visited { }
.event-desc a:hover {}
*/




/******************************************************************************
*                         Gallupit (jos käytössä)                             *
******************************************************************************
#gallup-box { }
#gallup-graph { }
.gallup-barwidth  { width: 100px; }
.gallup-bar       { background-color: red; border-color: red; }
.gallup-votecount { display: inline; }
.gallup-parens    { display: inline; }
.gallup-percent   { display: inline; }
*/