@charset "utf-8";
body, h1, h2 ,h3 ,p ,li ,ul  {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style-type: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}


body {
background: #f8f8f8;
height: 100%;
}

a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;

	color: #666666;
}


a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;

	color: #666666;
}

#header {
height: 151px;
background:url(images/header-bg.png) repeat-x;

}

#logo {
width: 800px;
margin: 0 auto;
padding-top: 70px;
}

#mid {
background:#f8f8f8 url(images/main-bg.png) repeat-x ;
}

#center {
width: 792px;
min-height: 600px;
padding-top: 20px;
margin: 0 auto;
}

#menu {
width: 792px;
height: 62px;
background:url(images/menu-end.png) right no-repeat;
}

#content {
background:url(images/main.png) no-repeat;
width: 792px;
height: 291px;
padding: 5px 8px 5px 8px;
}

.halfleft{
width: 370px;
min-height: 280px;
float: left;
padding-right: 20px;
}


.halfright {
width: 370px;
min-height: 280px;
float: left;
padding-left: 20px;
background: url(images/pystyviiva.png) no-repeat left;
}



#halfright-palaute {
width: 370px;
float: left;
padding-top: 20px;
}

.texth {
height: 69px;
}

.text {
	padding-top: 5px;

}

.text li {
	background:url(images/lipallo.png) no-repeat left;
	padding-top: 0;
	padding-right: 0;
	padding-left: 14px;
	display: block;
	line-height: 14px;
	height: 20px;
	font-weight: bold;
	color: #666666;
	letter-spacing: 0.1em;
	word-spacing: 0.3em;
}

.text ul {
padding-top: 10px;
}

 .kwicks {
     list-style-type: none;
     list-style-position:outside;
     position: relative;
     margin: 0;
     padding: 0;
 }
 
  .kwicks li{
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    float: left;
    width: 125px;
    height: 62px;
    margin-right: 0px;
    background-image:url(images/kwicks_sprite.png);
    background-repeat:no-repeat;
}

.kwicks a{
	display:block;
	height:62px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}



#kwick1.active, #kwick1:hover {
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}


#palaute {
background:url(images/palaute-bg.png) no-repeat;
width: 368px;
min-height: 237px;
}

#palaute-vasen {
padding: 5px 0 0 10px;
float: left;
width: 150px;
}

#palaute-oikea {
padding-left: 30px;
float: left;
width: 150px;
}

.viesti{
	background:none ;
	border:none;
	overflow: auto;

}

.input{
	background:#fff ;
	border: none;
	filter: alpha(opacity=55);
  	-moz-opacity: 0.55;
  	opacity: 0.55;

}

#inputnimi {
margin-top: 70px;
}

#inputpuh{
margin-top: 2px;
}

#inputmail{
margin-top: 5px;
}

#inputsend {
margin-top: 20px;
float: right;
}