/* Kaamoksen CSS Document */

/* LAYOUT body */

/* BOTTOM BANNER */

div#bottom {
	padding-top: 35px;
	background-image: url(img/layout/BB.jpg);
	background-repeat: repeat-x;
    position:relative;
    bottom:1em;
    text-align:center;
	height: 150px;

}
div#banner_bottom {
    width:880px;
	margin: 0 auto;
}
div#BB_vasen {
	width: 33%;
    margin-right:66%;
}
div#BB_center {
    width:33%;
    float:right;
}
div#BB_oikea {
    width:33%;
    float:right;
    margin-right:0px;
}
p.BB {
    margin:0;
    padding:.5em 7px;
    text-align:left;
    font-size:.70em;
}


/* top */

body {
	background-color: #F8F9F4;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

/* navi */

div#fixedarea {
	width: 1024px;
    	margin: 0 auto;
}
div#banner {
	position: fixed;
	width: 1024px;
    	text-align:center;
}
div#navi {
	position: fixed;
	margin-top: 125px;
    	text-align: center;
}
div#menuimage {
	position: absolute;
}
div#menulinks {
	position: absolute;
	width: 1024px;
	padding-left: 6px;
}



/* bottom */
div#paatos {
    	clear: both;
    	text-align: center;
    	border-top: 0px solid #ccc;
}
div#leftbottom {
    	margin-right:470px;
}
div#rigthbottom {
    	width:355px;
    	float:right;
    	margin-right:205px;
}




/* LINKS */

a:link {
	color: #7F9205;
	text-decoration: underline;
	border: 0px;
}
a:hover, a:active, a:visited {
	color: grey;
	text-decoration: underline;
	border: 0px;
}



/* LAYOUT ON PAGES */

div#mainpage {
	background: url("imgpages/tausta.png");
    width:1024px;
    margin:0 auto;
	padding-top:169px;
}
div#mainpicnoline {
    border-bottom: none;
	padding-left: 53px;
}
div#mainpicline {
    border-bottom:1px dotted #ccc;
	padding-left: 53px;
}
div#sisalto {
    margin-right:130px;
	margin-left: 53px;
    min-height:200px;
	padding-top: 50px;

}
div#leftindex {
	margin-left: 53px;
    margin-right:460px;
    min-height:410px;
}
div#rigthindex {
    width:360px;
    float:right;
	margin-top: 15px;
    margin-right:85px;
}

div#leftsijoitus {
	margin-top: 0px;
	margin-left: 53px;
	padding-left: 60px;
	padding-top: 70px;
/*	background: url("img/leftbox.jpg");
	background-repeat: no-repeat; */
    margin-right: 580px;
}

div#rigthsijoitus {
	margin-top: 0px;
	margin-right: 53px;
	padding: 0px;
    width:504px;
    float:right;
}



/* HEADINGS */

h1 {
	margin-top: 40px;
    margin-left:68px;
	font-size: 15pt;
	color: #BED406;
}
h2 {
	text-align: center;
    margin-left:680px;
	font-size: 11.5pt;
	color: #ACC705;
	margin-top: 35px;
	margin-bottom: 25px;
}
h3 {
	margin-top: 35px;
	margin-bottom: 8px;
    margin-left:68px;
	font-size: 11.5pt;
	color: #BED406;
}
h4 {
    margin-left:55px;
	margin-bottom: 0px;
	font-size: 12pt;
	color: #BED406;
}
h5 {
	margin-top: 20px;
    margin-left:0px;
	font-size: 15pt;
	color: #BED406;
}
h6 {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 15pt;
	color: #BED406;
}


/* TEXT STYLES */

p {
    margin:0;
   	padding:.5em;
    font-size:.86em;
    text-align:justify;
}
p.left {
    margin-left:65px;
    text-align:justify;
}
p.right {
    margin-right:65px;
    text-align:justify;
}
p.keskitys{
    text-align:center;
}
p.alalinkit {
	padding-top: 50px;
	text-align: center;
}
p.ingressi {
	font-style: italic;
    text-align: left;
}
p.teksti {
	margin-bottom: 10px;
    text-align:left;
	font-size: 9pt;
}
p.updates {
	margin-top: 40px;
    margin-left: 65px;
    text-align:left;
	font-size: 9pt;
	/*color: grey;*/
}
p.box {
    margin-left:50px;
    text-align:justify;
}
p.yhtbanner {
	font-size: 9pt;
    text-align:left;
	color: grey;
	margin-left: 5px;
}
p.copybanner {
	font-size: 9pt;
    text-align:left;
	color: grey;
	margin-top: 40px;
    margin-left:320px;
	padding-top: 10px;
	padding-bottom: 35px;
}

span.korostus {
	font-weight: bold;
	color: #C3D715;
}
span.otsikko {
	font-size: 10.5pt;
	font-weight: bold;
	color: #BED406;
	height: 25px;
}

ul.koirat {
	list-style-type: none;
	margin-top: 30px;
	margin-left: 5px;
	padding: 0px;
    text-align: left;
    font-size:.86em;
	width: 130px;
}
li.koirat {
	padding-left: 20px;
}

/* IMAGES */

img {
	border: 0px;
}


/* BOXES */

div#yhtbox {
		margin-top: 50px;
		padding-top: 65px;
		padding-left: 28px;
		background-image: url("img/yhteysbox.png");
		background-repeat: no-repeat;
		height: 125px;
}



/*MENU STYLE*/

.slidetabsmenu{
		color: black;
		float:left;
		width:100%;
		font-size: 12px;
		line-height:normal;
}

img {
		border: 0px;
}

* html .slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
		margin-bottom: 1em;
}

.slidetabsmenu ul{
		list-style-type: none;
		margin:0;
		padding:0;
}

.slidetabsmenu li{
		display:inline;
		margin:0;
		padding:0;
}

.slidetabsmenu a{
		color: #000000;
		float:left;
		margin:0;
}

.slidetabsmenu a span {
		color: black;
		float:left;
		display:block;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
		color: black;
}

.slidetabsmenu a:hover, .slidetabsmenu li.selected a{
		background-position:0% -125px;
}

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
		background-position:100% -125px;
}

html>/**/body .IEonlybr{ /*None IE browsers hack*/
		display: none; /*Hide BR tag in non IE browsers, since it's not needed*/
}




/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_c{
		text-align: left;
		color: black;
		float: left;
		margin-top: 0px;
		border: 1px dotted #918d8d; /*THEME CHANGE HERE*/
		border-width: 0 1px;
		font:normal 11.5px Arial;
		line-height:22px;
		z-index:100;
 		background-image: url("navi/naviback1.png");
		width: 160px;
		visibility: hidden;
}

.dropmenudiv_c a{
		width: auto;
		display: block;
		text-indent: 5px;
		border: 0 solid #918d8d; /*THEME CHANGE HERE*/
		border-bottom-width: 1px;
		padding: 2px 0;
		text-decoration: none;
		font-weight: bold;
		color: black;
}

* html .dropmenudiv_c a{ /*IE only hack*/
		width: 100%;
}

.dropmenudiv_c a:hover{ /*THEME CHANGE HERE*/
 		background-image: url("navi/naviback.png");
}