/* Start of CMSMS style sheet 'tyyli' */
		*{

font-family: verdana;
}

body{
			background: url(uploads/tausta.png);
			background-repeat: repeat-x;
			background-color: #d5d5d5;
			padding: 0px;
			margin: 0px;
		}
	
		div#site{
			/* border: 1px solid red; */
			width: 997px;
			height: auto;
			margin-left: auto;
			margin-right: auto;
		}
		
		div#header{
		width: 100%;
		height: 188px;
		background-image: url(uploads/header.png);
		background-repeat: no-repeat;
		}
		
		div#menu{
		width: 100%;
		height: 26px;
		background-image: url(uploads/menu_tausta.png);
		background-repeat: no-repeat;
		}
		
		div#footer{
		width: 100%;
		height: 38px;
		background-image: url(uploads/footer.png);
		background-repeat: no-repeat;
clear: both;
		}
		
		div#content{
		width: 100%;
		min-height: 250px;
		background-image: url(uploads/content_tausta.png);
		background-repeat: no-repeat;
		background-position: bottom;
padding: 10px 0 120px 0;
float: left;
		}
		
		div#content_wrap{
		width: 100%;
                min-height: 350px;
		background-image: url(uploads/content_tausta_repeat.png);
		background-repeat: repeat-y;
float: left;
		}

#content2 {
		width: 700px;
/*margin: 0px 70px 0 220px;*/
margin: 0 70px 0 0;
padding: 2px 10px 0 10px;
background: #f1f1f1 url("uploads/yla_03.png") repeat-x top;
border: #939393 1px solid; 
display: block;
float: right;
}

#content2 ul {
width: 400px;
}

#content2 li {
font-family: sans-serif;
font-size: 12px;
line-height: 18px;
width: 400px;
}

#content3 {
		width: 140px;
margin: 0 0 0 30px;
padding: 2px 10px 2px 10px;
background: #f1f1f1 url("uploads/yla_03.png") repeat-x top;
border: #939393 1px solid; 
float: left;
display: block;
}

#content4 {
		width: 140px;
margin: 10px 0 0 30px;
padding: 2px 10px 0 10px;
background: #f1f1f1 url("uploads/yla_03.png") repeat-x top;
border: #939393 1px solid; 
float: left;
display: block;
}

#content4 h2 {
margin: 0 0 10px 0;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}

#content3 h2 {
margin: 0 0 10px 0;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}

h3, h3 a{
font-family: Verdana, sans-serif;
font-size: 13px;
color: black;
}


#content4 p {
font-family: sans-serif;
font-size: 12px;
line-height: 14px;
}

#content4 a {
color: #000;
}

#content3 p {
font-family: sans-serif;
font-size: 12px;
line-height: 12px;
}


#content2 p {
font-family: sans-serif;
font-size: 12px;
line-height: 16px;
}

#content2 h1 {
margin: 0 0 10px 0;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}

#menu_wrapper {
height: 20px;
padding: 2px 0 0 0;
width: 960px;
margin: 0 auto;
}

table{

}

table *{
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000;
}

.sortable td{
max-width: 100px;
padding: 1px;
}

th {
text-align: left;
}

.trover{
background-color: gray;
}

.trMouseOver{
background-color: white;
}

#menu a {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000;
text-decoration: none;
text-transform: uppercase;
}

#menu ul {
margin: 0;
padding: 0;
height: 20px;
}

#menu li {
margin: 0;
float: left;
overflow: none;
display: block;
height: 20px;
}

.linkki {

}

th{
text-decoration: underline;
cursor: pointer;
}

.trover{
background-color: #E3E3E3;
}

.linkki a {
display: block;
height: 20px;
padding: 2px 10px 0 10px;
}

.linkki a:hover {
background: url("uploads/menu_03.png");
height: 20px;
padding: 2px 10px 0 10px;

}

.currentpage {
background: url("uploads/menu_03.png");
height: 20px;
padding: 2px 10px 0 10px;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000;
text-decoration: none;
text-transform: uppercase;

}

.spacer {
height: 20px;
width: 1px;
background: url("uploads/menu_05.png");
}

#footer p {
width: 400px;
font-family: Arial, sans-serif;
font-size: 11px;
color: #fff;
margin: 0 auto;
padding: 5px 0 0 0;
}

.akkuhakulomake label{
font-family: Arial, sans-serif;
font-size: 12px;
}

.akkuhakulomake input, .akkuhakulomake select {
width: 130px;
margin-top: 5px;
margin-bottom: 5px;
}

.error_message {
font-family: Arial, sans-serif;
font-size: 12px;
}

.lomake label {
font-family: Arial, sans-serif;
font-size: 12px;
}

.lomake input {
width: 200px;
font-family: Arial, sans-serif;
font-size: 12px;
border: 1px solid #000000;
margin: 5px 0 5px 0;
}

.lomake textarea {
width: 200px;
font-family: Arial, sans-serif;
font-size: 12px;
height: 100px;
border: 1px solid #000000;
margin: 5px 0 5px 0;
}

.jmItem{
width: 220px;
height: auto;
background-color: white;
/* border: 1px solid red; */
display: inline;
float: left;
font-size: 11px;
margin: 5px;
padding: 5px;
}
/* End of 'tyyli' */

