/* CSS Document */



body	{background-color: #fff;
		background-image: url(../gfx/bg_gradient.jpg);


		background-repeat: repeat-x; /*iso tausta bugittaa mac ie:ss?, jos t?m? on p??ll?*/
		padding: 0px;
		background-position: top left;
		margin: 0px;
		font-family: Tahoma, sans-serif;
		font-size: 11px;
		line-height: 15px;}
		
img		{border: 0px;}

img, div {
	behavior: url(/files/Naantalin_SRK/js/iepngfix.htc);
	}

a	{text-decoration: none;
	color: #fff;}

b	{color: #000;
		font-weight: 900;}
		
h1		{font-size: 18px;
		font-family: Tahoma, sans-serif;
		color: #731616;
		margin-bottom: 18px;
		line-height: 20px;}
		
h2		{font-size: 14px;
		font-family: Tahoma, sans-serif;
		color: #731616;
		margin-bottom: 5px;
		margin-top: 5px;
		line-height: 16px;}

.main_contense	{width: 936px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		background-color: #F0F0EE;
		background-image: url(../gfx/white_space.gif);
		background-repeat: repeat-y;
		background-position: top right;}


.top	{
width: 936px;
height: 189px;
background-image: url(../gfx/top_bg-syksy.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#header_vaihto {
position: absolute;
width: 936px;
height: 189px;
overflow: hidden;
}

#header_logo {
background-image:url(../gfx/testi_header.png);
position: absolute;
top: 69px;
width: 936px;
height: 120px;
overflow: hidden;
}
		
		
.text_size	{
		position: relative;
		float: right;
		padding-top: 155px;
		padding-right: 15px;
		}
			
.site_path	{
		position: relative;
		top: 165px;
		padding-left: 25px;
		width: 350px;
		color: #731616;
}
.site_path a	{color: #731616;}
		
.navi_bg	{
	width: 936px;
	height: 38px;
	background-color: #F0F0EE;
	background-image: url(../gfx/navi_bg.gif);}

.navi	{position: absolute;
	top: 189px;
	color: #bbb;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	width: 936px;}


.navi img	{margin: 6px 0px 0px 0px;
		border: 0px;
		padding: 0px;}


.navi li	{padding: 0px;
		margin: 0px;
		float: left;
		position: relative;
		}


.navi ul	{list-style: none;
		padding: 0px;
		margin: 0px;}


.navi li ul		{display: none;
			margin-left: 7px;
			position: absolute;
			top: 30px;
			border-top: 1px solid #fff;
			left: 0px;
			text-align: left;

			}


.navi li > ul {
	top: auto;
	left: auto;
	}





.navi li ul li	{float: none;
			}

.navi li ul li a	{display: block;
			background-color: #6F819A;
			height: 18px;
			padding-left: 7px;
			padding-right: 7px;
			padding-top: 3px;
			padding-bottom: 2px;
			font-weight: 900;			
			color: #fff;
			border-bottom: 1px solid #fff;
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
			border-top: none;
			margin: 0px;
}

html>body .navi li ul li a {
			height: auto;
			min-height: 18px;
}

.navi li ul li a:hover	{background-color: #fff;
				color: #6F819A;}

.navi li:hover ul, li.over ul	{display: block;
			}

.navi form	{height: 25px;
		margin: 0px;
		padding: 0px;
		}

form .search	{margin-bottom: 5px;
		margin-left: 15px;
		border: 1px solid #3290B3;}

.search_btn	{margin-top: 5px;}

.left	{float: left;
	width: 190px;
	padding-top: 30px;
	background-color: #F0F0EE;}

.left_btn	{background-image: url(../gfx/left_btn.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		height: 26px;
		color: #fff;
		padding-left: 42px;
		padding-top: 4px;
		font-size: 11px;}
		
.left .raamatun_lause	{background-image: url(../gfx/sana_bg.jpg);
			background-repeat: no-repeat;
			background-position: top left;
			width: 150px;
			margin-top: 10px;
			font-size: 11px;
			line-height: 16px;
			font-family: Tahoma, sans-serif;
			color: #731616;
			padding: 75px 20px 0px 20px;
			}

.big_white .spacer	{width: 1px;
			float: right;
			height: 415px;
}

.big_white .clearer {clear: both;}

.big_white	{width: 730px;
		min-height: 425px;
		background-color: #fff;
		margin-left: 198px;
		background-image: url(../gfx/curve_bg.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}

.big_white a	{color: #931616;}
.big_white a:hover	{text-decoration: underline;}


.left_column	{width: 460px;
		padding-left: 30px;}

.big_column	{width: 660px;
		padding-left: 30px;}
				
.top_left	{padding-top: 30px;}


.top_left h1	{margin-bottom: 30px;
		margin-right: 25px;
		text-align: right;}

.top_left h2	{margin-bottom: 15px;
		margin-right: 25px;
		text-align: right;}

.bottom_left	{/*border: 1px solid red;*/
		margin-top: 30px;}
				
.box_top	{background-image: url(../gfx/box_top.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		height: 31px;
		width: 406px;
		color: #fff;
		padding-left: 35px;
		padding-top: 5px;
		font-size: 11px;}
			
.box	{background-image: url(../gfx/box_bg.gif);
	background-repeat: repeat-y;
	background-position: top left;
	width: 406px;
	padding-bottom: 20px;
	}


.box_img	{float: left;
		padding-left: 30px;
		}
			
.box_txt	{
			margin-left: 170px;
			margin-right: 25px;}

.widebox_txt	{margin-left: 40px;
		margin-right: 25px;}
			
.box h1, .box h2	{margin-bottom: 2px;
			margin-top: 5px;}

.right_column	{width: 220px;

		float: right;}
				
.top_right	{background-color: #f5f6f3;
		width: 191px;
		margin: 15px 0px 0px 5px;
}

.date		{color: #731616;
		margin-left: 40px;
}
.big_white .top_right ul	{list-style-type: none;
		margin-left: 0px;
		padding-left: 8px;
		margin-right: 5px;
		}

.big_white .top_right li	{background-image: url(../gfx/arrow.gif);
		background-repeat: no-repeat;
		padding-left: 18px;
		margin-left: 0px;
		margin-bottom: 8px;}

				
.ajankoht	{background-image: url(../gfx/small_red_btn.jpg);
		margin-top: 15px;
		background-repeat: no-repeat;
		background-position: top left;
		color: #fff;
		height: 29px;
		padding-left: 30px;
		padding-top: 7px;
		font-size: 11px;}

.ajankoht_box h1, .ajankoht_box h2	{margin-bottom: 2px;
					margin-top: 5px;}
			
.ajankoht_box	{background-image: url(../gfx/ajank_bg.gif);
		background-repeat: repeat-y;
}

				
.ajankoht_txt	{margin-left: 28px;
		margin-right: 45px;}

.footer		{width: 936px;
		height: 26px;
		background-color: #F0F0EE;
		text-align: right;
		font-size: 11px;
		padding-top: 2px; clear: both;}
		
.footer_txt	{margin: 4px 20px 0px 0px;}


.mac_ie		{background-image: none;
		background-color: transparent}



/* kuvagalleria */


.imagebank-level1-closed {
	background-image: url(/files/Naantalin_SRK/gfx/box_toplong.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        padding: 0 0 0 15px;
	margin: 5px 0 0 0px; 
	font: bold 12px Arial, sans-serif;
	color: #fff;
}
.imagebank-level1-closed a, .imagebank-level1-closed a:visited, .imagebank-level1-closed a:hover {
	display: block;
	font: bold 12px Arial, sans-serif;
	color: #fff;
	padding: 5px 0 7px 18px;
}
.imagebank-level1-opened {
        background-image: url(/files/Naantalin_SRK/gfx/box_toplong_gray.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        padding: 0 0 0 15px;
	margin: 5px 0 0 0px; 
	font: bold 12px Arial, sans-serif;
	color: #fff;
}
.imagebank-level1-opened a, .imagebank-level1-opened a:visited, .imagebank-level1-opened a:hover {
	display: block;
	font: bold 12px Arial, sans-serif;
	color: #fff;
	padding: 5px 0 7px 18px;
}

.imagebank-level2-closed {
	background-color: #f1f2ed;
        background-image: url(/files/Naantalin_SRK/gfx/nuoli_oik.gif);
        background-position: top left; 
        background-repeat: no-repeat;
	margin: 0 30px 0 30px; 
	font: bold 11px Arial, sans-serif;
	color: #666666;
}
.imagebank-level2-closed a, .imagebank-level2-closed a:visited, .imagebank-level2-closed a:hover {
	display: block;
	font: bold 11px Arial, sans-serif;
	color: #666666;
	padding: 1px 0 2px 16px;
}

.imagebank-level2-opened {
	background-color: #f1f2ed;
      background-image: url(/files/Naantalin_SRK/gfx/nuoli_alas.gif);
        background-position: top left; 
        background-repeat: no-repeat;
	margin: 0 30px 0 30px;
	font: bold 11px Arial, sans-serif;
	color: #666666;
}
.imagebank-level2-opened a, .imagebank-level2-opened a:visited, .imagebank-level2-opened a:hover {
	display: block;
	font: bold 11px Arial, sans-serif;
	color: #666666;
	padding: 1px 0 2px 16px;
}

.imagebank-level3-closed, .imagebank-level3-opened {
	margin-left: 60px;
}

.imagebank-level3-closed a, .imagebank-level3-opened a {
	color: #888;
}

.imagebank-image {
	float: left;
    padding: 3px;
    line-height: normal;
}
.imagebank-image img {
}

.v_anchors a {
	font-weight: bold;
	margin: 0 3px;
}
.v_anchors span {
	margin: 0 3px;
}

.image-inline img {
	display: inline;
}

.raamatun_lause a {
	color: #931616;
}

.raamatun_lause b {
	font-size: 120%;
}

#galleriaPopup {
  
  padding: 40px 10px 10px 10px;
  border: 1px solid #c5c5c5;
  display: none;
  background: #fff;
  position: absolute;
  top: 200px;
  left: 200px;
  z-index: 1001;
}

.clearer {
clear: both;
line-height: 0;
font-size: 0;
height: 0;
}

.listen-content {
	margin: 1.5em 0;
	text-align: right;
}

.listen-content img {
	margin-right: 0.2em;
	vertical-align: top;
}
