/* POS CSS Install */  

body {
	height: 100%;
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	margin: 0;
	padding: 0;
	color: #333;
}

a { text-decoration: none;}
a:hover { text-decoration: underline; }
a img { border: 0px; }

p  { line-height: 1.5em; }

h1, h2, h3, h4, h5 { font-weight: normal; }
h1, h2 { text-transform: uppercase; }
h1 { font-size: 23px; font-weight: normal; margin-top: 40px; margin-bottom:10px; padding:0;  }
h2 { margin-top:30px; font-size: 18px; }
h3 { margin-top:20px; }

ul li { line-height: 1.5em; }

#page { width: 900px; margin:0 auto; background: url( /images/tausta.jpg ) no-repeat top center #fff; }
#page-outer { width: 900px; margin:0 auto; }

#header { width: 100%; height: 100px; }

#logo { float:left; padding:20px 25px; }
#logo div { padding:0 0 0 0; margin:0; font-size: 18px; line-height: 1.3em; }

#maintext { width: 490px; }
#content { padding: 15px; }

ul#mainmenu {
  float:left; 
  list-style-type:none;
  font-size: 18px; 
  line-height: 2.0em;
  margin-left: 0;
  padding-left:50px;
  padding-top:20px;
  text-transform: uppercase;
}
ul#mainmenu li { padding: 5px 30px 5px 0px; display:inline; }
#mainmenu a { color: #333; }

.clearer { clear: both; }

label { display: block; }
#lomake { background: url( /images/transparent50.gif ) repeat top left transparent;
border:2px solid #f8f8f8; color: #333; width: 290px; padding-bottom: 20px; float:right; margin: 20px 40px; }
#lomake .space { padding: 10px 20px; }
#lomake h3 { font-size: 21px; margin-top:10px; }
#lomake strong { font-size:17px; font-weight: normal; }
#lomake p { background: transparent; }
#lomake .textfield, #lomake textarea { border: 1px solid #ddd; width: 100%; }
#lomake textarea { height: 100px; }

.nosto2 { width: 100%; }
.nosto2 .left { width: 50%; float:left; }
.nosto2 .right {width: 50%; float:right; }
.nosto2 .left.w60 { width: 60%; }
.nosto2 .right.w40 {width: 40%; }
.nosto2 .right.w40 .space { padding-left:20px; }
.nosto2 .right.w40 #lomake { margin: 20px 0; float:none; }

.nosto2 .space { padding: 0 30px 0 0; }

.nosto2.foot .space { padding: 20px; }
.nosto2.foot, .nosto2.foot p { background: #f8f8f8; background-image:none; }

#footer { width: 100%; text-align: center; padding-top:20px; clear:both; font-size: 0.8em; color: gray; }
#footer a { color:gray; }