/* talla saadetaan content alueen tekstia ja otsikoita */


.smalltxt
{
    font-family:arial, hevetica, sans-serif;
    font-size:8pt;
    font-weight:bold;
}
.webnormal
{
    font-family:arial, hevetica, sans-serif;
    
}

.webheader
{
    color: #B52C07;
font: 160% georgia, times, "times new roman", serif;
font-weight: bold;
margin: 0 0 12px 0;}


.websubheader
{
    color: #B52C07;
font: 120% georgia, times, "times new roman", serif;
font-weight: bold;
margin: 0 0 12px 0;}


/* tasta alkaa web sivujen tyylitiedostot */


#container
{
	margin: 1em auto;
	width: 70em;
	text-align: left;
	background-color: #fff;
}
body
{
	margin: 0;
	padding: 0;
	font: 85% arial, hevetica, sans-serif;
	text-align: center;
	color: #333;
	background-color : #ffffff;
}
a:link 
{ 
	color: #B52C07;
	text-decoration: none;
}
a:visited 
{
	color: #B52C07;
	text-decoration: none;
}

a:hover, a:active
{
	color: #fff;
	background-color: #B52C07;
	text-decoration: none;
}
h2 a { text-decoration: none; }

#header
{
height: 19em;
background-image: url(http://www.keravanhelluntaisrk.fi/binary.aspx?id=135&1241630789016);
background-repeat: no-repeat;
background-position: 11em 0;
position: relative;
}

#header h1
{
font-size: 260%;
text-align: right;
color: #B52C07;
margin: 0 0;
padding: 1em 2em;
}

#header a:link 
{
text-decoration: none;
color: #B52C07;
}

#header a:visited 
{
text-decoration: none;
color: #B52C07;
}

#header a:hover, a:active
{
color: #B52C07;
background-color: transparent;
}

#menu
{float: left;
width: 12em;}

#contents { 
margin:0 1.25em 2.5em 12.5em;
padding:0; }

#contents p { line-height: 165%; }
.blogentry { border-bottom: 1px dotted ; }

.imagefloat
{
float: right;
padding: 2px;
margin: 0 0 10px 10px;
}

.terve {
background-image: url(http://www.jykol.kotisivut.com/pete/keravanristi.jpg);
background-position: 49em 0;
background-repeat: no-repeat;
border:2px solid #848484;
padding:1em 8em 1em 1em;
background-color:#CCCCCC;
font-style:italic;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;}

#footer
{
height: 6em;
background-image: url(http://www.keravanhelluntaisrk.fi/binary.aspx?id=136&1241630817080);
background-repeat: no-repeat;
background-position: 24em 0;
clear: both;
color: #666;
background-color: #fff;
text-align: right;
padding: 4em 3em 0 0;
font-size: 90%;
}

#keskellakaupunkia
{

color: #666;
text-decoration: none;
font-size: 200%;
position: absolute;
right: 7em;
top: 3em;
}

/* Nailla seuraavilla saadellaan linkkien ulkoasua */

#NAVIList0 ul {
margin: 0;
padding: 0;
list-style-type: none;}

#NAVIList0 a { 
font: 106% georgia, times, "times new roman", serif;
display: block; 
color: #B52C07;
width: 10em; 
margin:5px 0;
padding: 3px 12px 1px 3px;
text-decoration: none;
border-bottom: 1px dotted black;
font-weight: bold;}

#NAVIList0 ul ul a
{font-family:arial, hevetica, sans-serif;
display: block;
margin:0;
color: #B52C07;
border-bottom:1px white;
width: 10em;
padding: 3px 3px 3px 12px;
text-decoration: none;
font-weight: normal;
}

#NAVIList0 ul ul ul a
{
display: block;
color: #B52C07;
width: 9.35em;
padding: 3px 3px 3px 28px;
text-decoration: none;

font-weight: normal;
}

#NAVIList0  li { margin: 0; }

#NAVIList0 a:hover
{
background-color: #B52C07;
color: #FFF;
}


/* tassa on sovelluksen puolen meidan saadeltavat tyylitiedostot */

#paa {margin:0px 0px 10px 0px;
	padding:15px 0px 3px 30px;
	height:33px;
	line-height:11px;
        border-top: 1px solid black;
        background-color:White;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:14px;
        width:1500px;}

#logo	{padding-left:6em;}

#sisalto{padding:3em 5em 0em 14em;
         width:1300px;
         left:200px;}

#valikko	{position:absolute;
	top:207px;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
	left:10px;
	width:200px;
        padding:1px;
        background-color:transparent;
	voice-family: "\"}\"";
	voice-family:inherit;}

div.NAVIH0
{
	height: 30px;
	width: 150px;
	cursor: hand;
	color: #9E9FA3;
	text-align:center;
	vertical-align:middle;
	border-left: solid 1px #9E9FA3;
	border-right: solid 1px #9E9FA3;
}
div.NAVIH0ACTIVE
{
	height: 30px;
	width: 150px;
	cursor: hand;
	font-weight:bold;
	background-color:#CDDDFD;
	color: #9E9FA3;
	text-align:center;
	vertical-align:middle;
	border-left: solid 1px #9E9FA3;
	border-right: solid 1px #9E9FA3;
}
div.NAVIH0OVER
{
	font-weight:bold;
	height: 30px;
	width: 150px;
	background-color:#CDDDFD;
	cursor: hand;
	color: #9E9FA3;
	text-align:center;
	vertical-align:middle;
	border-left: solid 1px #9E9FA3;
	border-right: solid 1px #9E9FA3;
}


/* tasta alkaa sovelluksen tyylit ALA KOSKE jos et tied? mit? teet */

.myheader
{
	WIDTH: 100%; 
	height: 100px;
}
.updaterowselect
{
	background-color:#C4DAFA;
}

.gridhdrrow
{
	height: 80px;
}

.webeditor table,.webeditor td
{
border: 1px dashed gray;
}
.tabbg
{
    background-color:#C4DAFA;
    width:100%;
    border-spacing:0px;
    border-collapse:collapse;
    padding:0;
}
.tabi
{
    border:solid 1px black;
    width:150px;
    border-bottom:solid 1px black;
    text-align:center;
}
.tab
{
    border-bottom:solid 1px black;
}
.tabo
{
    text-decoration:underline;
    width:150px;
    text-align:center;
    cursor:hand;
}
.taba
{
    background-color:White;
    width:150px;
    text-align:center;
}


.datamessage{color:red; font-size:10pt;} 
.header{font-weight:bold; color:Blue;}      

td.treeview
{
    width:300px;
    font-family:Verdana;
    font-size:8pt;
}
div.treeview
{
    font-size:8pt;
}
.dragme 
{
    CURSOR:col-resize;
}
table.gridheader
{
	TABLE-LAYOUT: fixed; 
	WIDTH: 100%; 
	height: 50px;
	BACKGROUND-COLOR: #ECE9D8;
	font-family: Verdana;
	font-size: 10px;
}

.gridrow
{
	height: 24px;
	font-size: 10pt;
}
.gridrowhighlight
{
	cursor: hand;
	background-color: #CAD3E4;
	height: 24px;
	font-size: 10pt;
}
.gridcell
{
	border-bottom: #DDDDDD 1px solid; 
	text-overflow : ellipsis; 
	overflow : hidden;
}
#griddata a
{
	color: Blue;
	text-decoration: underline;	
}
#griddata a:hover
{
	color: Blue;
	text-decoration: none;	
}
.griddata
{
	TABLE-LAYOUT: fixed; 
	WIDTH: 100%; 
	height:100%;
	font-size: 9px;
	border-collapse:collapse;
}
table.gridarea
{
	TABLE-LAYOUT: fixed; 
	WIDTH: 100%; 
	height: 100%;
	BACKGROUND-COLOR: #C4DAFA;
	border:  solid 2px #9E9FA3;
}
div.griddataarea
{
	
	background-color:White;
	WIDTH: 100%; 
	HEIGHT: 100%; 
}
.navibtn
{
	width:25px;
}
.errstring
{
	background-color:Red;
}
    .Calheadertop
    {
        background-color: #ECE9D8;
        font-family: arial;
        font-size: 10pt;
        border-bottom: black 1px solid; 
        text-align: center;
    }
    .Calheaderleft
    {
        background-color: #ECE9D8;
        font-family: arial;
        font-size: 10pt;
        BORDER-RIGHT: black 1px solid; 
        text-align: right;
    }
    .CalItem
    {
        padding-right:2px;
        text-align: right;
        background-color: white;
        font-family: arial;
        font-size: 10pt;
       
    }
    .headerover
    {
        text-align: center;
        background-color: #9FC2F7;
        cursor:hand;
        font-family: arial;
        font-size: 10pt;
    }

    .CalItemOver
    {
        padding-right:2px;
        text-align: right;
        background-color: #9FC2F7;
        cursor:hand;
        font-family: arial;
        font-size: 10pt;
    }
    .CalMItemOver
    {
        padding-left: 2px;
        height: 25px;
        text-align: left;
        background-color: #9FC2F7;
        cursor:hand;
        font-family: arial;
        font-size: 10pt;
    }
    .CalMItem
    {
        padding-left: 2px;
        height: 25px;
        text-align: left;
        background-color: white;
        font-family: arial;
        font-size: 10pt;
       
    }
    .CalSelection
    {
        text-align: right;
        background-color: #C4DAFA;
        cursor:hand;
        font-family: arial;
        font-size: 10pt;
    }
	.Calheaderover   
	{        
        background-color: #C4DAFA;
        cursor:hand;
        font-family: arial;
        font-size: 10pt;
	}	
    .Calheader    
    {
        cursor:hand;
        font-family: arial;
        font-size: 10pt;
        color: blue;
        text-align: center;
    }
	.Calendarcell1
	{
		border-bottom: #DDDDDD 1px solid; 
	}
	.Calendarcell2
	{
		border-bottom: #DDDDDD 2px solid; 
	}
	.CalendarContent
	{
		text-overflow : ellipsis; 
		padding: 2px 2px 2px 2px;
		overflow:hidden;
		border: solid 1px black;
		background-color: #C4DAFA;
	}
	.CalendarContentOver
	{
		padding: 2px 2px 2px 2px;
		border: solid 1px black;
		background-color: #CAD3E4;
		cursor:hand;
	}
	.Calendardata
	{
		TABLE-LAYOUT: fixed; 
		font-size: 9px;
		border-collapse:collapse;
	}


div.NAVITREE
{
	height: 20px;
	width: 150px;
	cursor: hand;
        font: georgia, times, "times new roman", serif;
	text-align:left;
        color: #B52C07;
	text-decoration: none;

}
div.NAVITREEACTIVE
{
	height: 20px;
	width: 150px;
	cursor: hand;
	font: georgia, times, "times new roman", serif;
	text-align:left;
        text-decoration: none;
        color: #B52C07;

}
div.NAVITREEOVER
{
	height: 20px;
	width: 150px;
	cursor: hand;
	font: georgia, times, "times new roman", serif;
	text-align:left;
	color: #fff;
	background-color: #B52C07;
	text-decoration: none;

}