/*****************
design Michael Ljungqvist (c) 2013
*****************/


body {



 	font-family: Verdana, Helvetica, sans-serif;

    font-size: 91%;

  	color:	#000;

	margin: 0 0 0 0;

	padding: 0;

 	font-style: normal;

	font-weight: normal;

	background-image: url(../img/bg.jpg);

	background-repeat: repeat-x;

	background-color: #FFF;

	background-repeat: repeat-x;

	background-position: top center;

	}





 #isoSisalto {

	padding-top:1px;

	width:1160px;

	}


.kuva {
padding: 5px;
	border: 1px solid #DDD;
	margin: 2px;
}


#header {

	text-align:center;

	height: 142px;

	background-image: url(../img/logo.jpg) ;

	width: 740px;

	}



 

#footer {

	clear: both;

	margin-top:20px;

 	padding:5px 0 10px 0;

  	text-align:center;
  	background:#E3B343;
  	border-top:1px solid #000;
  		border-bottom:1px solid #585858;


 	 }







div#content {

   	float: left;        /* set sidebar on the left side. Change to right to float it right instead. */

   	width: 500px;     /* sidebar width, if you change this please also change #main margins */

   	display: inline;  /* FIX IE double margin bug */

   	margin-left: 5px;
   	margin-top:10px;

	text-align:left;

	}

	div#loota {

  	float: left;    
	margin-left:15px;
   	width: 350px;     /* sidebar width, if you change this please also change #main margins */

 
}
div#menu {

	float: left; 

	margin: 0em 0 2em 0;   /* some air above and under menu and content */

	width:180px;

	}





div#pagewrapper {

	border: 0px solid black;

	margin: 0 auto 10px auto;       /* this centers wrapper */

	width:800px;

	}



div#main {

	margin-right:0px;

	margin-left:0px;

	width: 70%; 

	float: left; 

	}





div#text {

	padding: 35px 0 0 55px;

	margin:0;

	background:transparent;

	}



div#nosto {
	width:700px;
	text-align:center;

	}



/*****************
Vakiot
*****************/



a {

 	color:#000;
  font-weight: bold;  
	text-decoration: underline;

	}



a:active {

	color:#000;

	text-decoration: underline;

	}







a:visited {

 	color:#000;

	text-decoration: underline;

	}



a:hover {

 	color:	#E3B343;

	text-decoration:none;

	}







h1 {



	font-family: "Trebuchet MS";

	font-weight: normal;

	padding:0;

 	margin:0;

 	color:#000;

	}

 	



h2 {

	font-size:1em;

	color:#000;

	}	



h3 {

 	font-size:0.9em;

	margin:0;

	}



p {

	margin-top:2px;

	font-size:0.85em;

	line-height:1.5em;

 	}



li {

	font-size:0.85em;

	}



/*****************



Teksti maarittelyt



*****************/



.copy {

	color:#FFF;

	text-align:center ;	

	padding-top:10px;

	padding-bottom:10px;

	font-size:0.7em;

	letter-spacing:1px;

 	}



.m1 {

	font-size:1em;

	text-align:right;

	margin:0;

	padding:0;	

	color:#FFF;

	letter-spacing: 2px;

	}



.build {

	font-style:italic;

	color:#b0b0b0;

	font-size:70%;

	}

.news {

	margin:0;

	padding:0;

	}

.pvm {

 	font-family: "Times New Roman", serif;

	margin:0;

	padding:0;

	font-style:italic;

	color:#7f7f7f;

	font-size:130%;

	}



.m2 {

	color:#FFF;

	}



a.admin {

 	color:#FFF;

	text-decoration: underline;

	}



a.admin:active {

	color:#FFF;

	text-decoration: underline;

	}







a.admin:visited {

 	color:#FFF;

	text-decoration: underline;

	}



a.admin:hover {

 	color:	#70c2ff;

	text-decoration:none;

	}

 

.odd {

	padding:10px;

	background:#e8e8e8;	

	}

.even {

	padding:10px;

	background:#e3f1ff;	

	}

/*****************

Extra

*****************/

img {

	border: 0;

	} 

/*****************

Navi

*****************/

	

ul#main-nav {font-family:helvetica,arial,sans-serif;margin:10px 0 0 0;padding:0;width:10em;}
ul#main-nav li {margin:0;padding:0;list-style:none;margin:0 0 0.3em 0;}
ul#main-nav li a {font-weight:bold;text-decoration:none;display:block;padding:0.3em;border-bottom:0.4em solid #efefef;color:black;background:#fff;}
ul#main-nav li a:hover {border-bottom:0.4em solid #E3B343;color:#E3B343;}


ul#main-nav .chosen {border-bottom:0.4em solid #E3B343;color:#E3B343;}

/*****************

Input napit

*****************/

legend{

	color:#000;

	}



input.laheta{

	line-height: 19px;

	position:relative;

 	list-style: none;

 	border:none;

 	padding:5px 1px 1px 15px;

 	background:url(../img/kyna.gif) no-repeat left;	

	}

input.muokkaa{

	line-height: 19px;

	position:relative;

 	list-style: none;

 	border:none;

 	padding:5px 1px 1px 15px;

 	background:url(../img/muokkaa.png) no-repeat left;	

	}

input.poista{

	line-height: 19px;

	position:relative;

 	list-style: none;

 	border:none;

 	padding:5px 1px 1px 15px;

 	background:url(../img/poista.png) no-repeat left;	

	}

input.arkisto{

	line-height: 19px;

	position:relative;

 	list-style: none;

 	border:none;

 	padding:5px 1px 1px 15px;

 	background:url(../img/arkisto.png) no-repeat left;	

	}

input.arkisto_takas{

	line-height: 19px;

	position:relative;

	border:none;

 	list-style: none;

 	padding:5px 1px 1px 15px;

 	background:url(../img/arkisto_takas.png) no-repeat left;	

	}

	

/*****************

Taulukot

*****************/

table.perus {

	font-family: "Trebuchet MS", verdana, arial, sans-serif;

 	margin-left: 0;

  	border: 1px solid #888887;

  	}

th.perus {

  	font-size:0.83em;

  	font-weight: bold;

  	border-bottom: 1px solid #888887;

  	border-right: none;

  	border-left: 1px solid #888;

  	background: #9FA2A0;

  	color: #FFF;

  	text-align: center;

  	padding-top: 3px;

  	padding-bottom: 3px;

  	padding-left: 5px;

  	padding-right: 5px;

  	}

	

tr.perus {

 	padding:2px;

 	} 

td.perusAika {

	font-size:0.9em;

	border: 1px solid #888;

	text-align:center;

	width:30px;

	}

td.perusOtsikko {

	font-size:0.9em;

	border: 1px solid #888;

	text-align:center;

	width:30px;

	}

td.perusTarina {

	font-size:0.9em;

	border: 1px solid #888;

	text-align:center;

	width:60px;

	}
	
.col1
{
display:block ;
float: left;
width: 90px;
padding:5px;
text-align:center ;
}

#clr {
clear: both; 
}