@font-face {
font-family: FontinSans;
src: url("../fonts/Fontin_Sans_R_45b.otf") format("opentype");
}

body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	background-color:#f4f4f4;
	background-image:url(../img/harmaatausta.jpg);
	background-size: 100% auto;
	color: #000000;
}

.kohta{
	padding-left:20px;
}
.valinta {
display:block;
position:relative;
width:100%;
float:left;
text-align:left;
}
.valinta:hover {
	/*background-color:#ffe3e3;
	background:#ffe3e3;*/
	font-weight:bold;
}
.selite {
display:block;
width:80%;
position:relative;
float:left;
margin-top:10px;
}
.rb1{
height:3px;
position:relative;
float:left;
}

.kysymysalue .rivi ul {
	width:100%;
	height:auto;
	min-height:30px;
	padding-top:0px;
	padding-left:0px;
	margin:0;
}

/**
Jotta ul li -alueet eivät mene limittäin korkean sisällön myötä!
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.kysymysalue ul:before,
.kysymysalue ul:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.kysymysalue ul:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.kysymysalue ul {
    *zoom: 1;
	overflow:hidden;
}

.input_text{
	width:75%;
	border:1px solid #CCC;
	border-radius:5px;
	font-family:Verdana, Arial;
	/*padding:5px;*/
}

.input_textarea{
	width:75%;
	height:150px;
	border:1px solid #CCC;
	border-radius:5px;
	font-family:Verdana, Arial;
	padding:5px;
}

.parillinen, .parillinen_matriisi, .paririvi li  {
  background-color: #F2F2F2;
	/* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, left top, right top, from(#F2F2F2), to(white));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(left, #F2F2F2, white);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(left, #F2F2F2, white);

  /* IE 10 */
  background: -ms-linear-gradient(left, #F2F2F2, white);

  /* Opera 11.10+ */
  background: -o-linear-gradient(left, #F2F2F2, white);
}
.parillinen_solid {
	background-color: #F2F2F2;
}

/*a {
	color:white;
}*/

.painike:hover, .hover_efekti:hover {
	opacity:0.7;
	cursor:pointer;
}

#logo {
	width: 110px;
}

#tilanne{
	position:relative;
	float:left;
	background-color:#808080;
	height:100%;
}

#ylapalsta {
	padding:20px; 
	padding-left:30px;
	overflow: hidden;
	padding-bottom:10px;
}
#alapalsta {
	background-color:white; 
	height:20px; 
	padding:30px;
	font-size:11px;
	color:#636363;
	text-align:center;
	overflow: hidden;
}

#alapalsta a {
	color:#636363;
	text-decoration:none;
}

/* MULTIMATRIISI !! */

.multimatriisi_kohta{
display:block;
position:relative;
width:35%;
float:left;
color:black;
font-weight:bold;
font-size:15px;
}
.multipiilo{
display:none;
}
.multipiilo2{
display:table-row;
}
.multipiilo2 td{
width:21px;
}
.multimatriisi_valinta {
display:block;
position:relative;
width:160px;
float:left;
text-align:center;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
margin-left:-1px;
font-size: 9px;
}

@media only screen and (max-width: 370px) {  
.multimatriisi_valinta {
margin-left:17%;
}
}

.yritysnimi{
font-weight:bold;
}
.multimatriisi_ul{
margin-top:0px !important;
padding-top:0px !important;
}
.multiheader{
display:block;
margin-bottom:0px;
}
.multiosa{
display:none;
font-size:11px;
}
@media only screen and (max-width: 800px) and (min-width: 400px) {  
.multimatriisi_ul{
width:350px !important;
}
}
@media only screen and (max-width: 1020px) {  
.multimatriisi_kohta{
width:100%;
padding-bottom:15px;
}
.multimatriisi_valinta {
width:155px;
}
.multipiilo{
display:table-row;
}
.multipiilo2{
display:none;
}
.multiheader{
display:none;
}
.multi1{
margin-top:20px;
}
.multiosa{
display:inline;
}
/*
.multimatriisi_valinta input[type="radio"] {
margin:0px 0px 0px 0px;
}*/
}
/* END OF MULTIMATRIISI !! */

.matriisi_kohta{
display:block;
position:relative;
width:20%;
float:left;
line-height: 35px;
}

.matriisi_valinta {
display:block;
position:relative;
width:10%;
float:left;
text-align:center;
}
.matriisi_selite {
display:none;
}
.matriisi_seliterivi{
display:block;
padding:14px;
}
.kysymysalue ul {
	width:100%;
	height:auto;
	min-height:42px;
	padding-top:7px;
	padding-left:10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#paasisaltoalue
{
	width:750px;
	max-width: 900px; height: auto; position: relative; margin-left: auto; margin-right: auto;
	background-color:white;
	margin-top:15px;
	border-top:12px solid #6F6F6F;
	-webkit-box-shadow: 0 8px 36px -6px black;
	   -moz-box-shadow: 0 8px 36px -6px black;
	        box-shadow: 0 8px 36px -6px black;
			overflow: hidden;
}

#perusalue{
	
}

.kysymysteksti {
	border-bottom:1px solid #EEE;
	padding:13px;
	padding-bottom:20px;
	font-weight:bold;
	color:#4c5251; 
	font-size:16px;
	line-height:22px;
}
.kysymysalue {
	overflow: hidden;
}
.kysymysalue tr {
	height:24px;
}

.vaihtoehtotaulukko {
	margin:20px; width:85%;
}
.etenemispainikkeet{
	width:205px; 
	padding-left:20px; 
	padding-top:25px;
	position:relative;
	float:left;
}
.tutkimus_otsikko {
	 font-size:1.3em; 
	 color:#6a6a6a; 
	 letter-spacing:-1px; 
	 font-weight:normal; 
	 margin-top:-15px;
}

.tekstikentta {
	border: 2px solid #ebeded;
	background-color: white;
	color:#3f3f41
}
.monirivi:hover, .parillinen_matriisi:hover, .matriisirivi:hover {
	/*background-color:#ffe3e3;
	background:#ffe3e3;*/
	font-weight:bold;
}
.parillinen_matriisi {
	padding-bottom:1px;
}
/* RADIO */

.regular-radio {
	cursor:pointer;
}

.regular-radio + label {
	display:none;
}

.regular-radio:checked + label:after {
	display:none;
}

.regular-radio:checked + label {
	display:none;
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	display:none;
}

/* CHECKBOX */

.regular-checkbox {

}

.regular-checkbox + label {
	display:none;
}

.regular-checkbox:checked + label:after {
	display:none;
}

.regular-checkbox:checked + label {
	display:none;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	display:none;
}

.edistymispalkki {
	position:relative;
	width:85%;
	height:10px;
	margin:0 auto;
	background-color:#EEE;
}

@media only screen and (min-width: 701px) {  

@viewport {
  width: device-width;
}

#ylapalsta { 
	padding:20px; 
	padding-left:50px;
}
#alapalsta {
	background-color:white; 
	height:20px; 
	padding:30px;
	font-size:11px;
	padding-left:60px;
}

.kysymysalue {
	padding:30px; 
	margin-bottom:30px; 
	color:#3f3f41;
	padding-top:0px;
}

#paasisaltoalue
{
	width:90%;
	max-width: 950px; height: auto; position: relative; margin-left: auto; margin-right: auto;
	background-color:white;
	margin-top:15px;
	border-top:12px solid #6F6F6F;
	-webkit-box-shadow: 0 8px 36px -6px black;
	   -moz-box-shadow: 0 8px 36px -6px black;
	        box-shadow: 0 8px 36px -6px black;
}

#perusalue{
	padding-left:30px;
}

.kysymysteksti {
	border-bottom:1px solid #EEE;
	padding:13px;
	padding-bottom:20px;
	font-weight:bold;
	color:#4c5251; 
	font-size:16px;
}

.kysymysalue tr {
	height:24px;
}

.vaihtoehtotaulukko {
	margin:20px; width:85%;
}

.tutkimus_otsikko {
	 font-size:1.3em; 
	 color:#6a6a6a; 
	 letter-spacing:-1px; 
	 font-weight:normal; 
	 margin-top:-15px;
}

.tekstikentta {
	border: 2px solid #ebeded;
	background-color: white;
	color:#3f3f41
}

/* RADIO */

.regular-radio {
	display: none;
	cursor:pointer;
}

.regular-radio + label {
	background-image:url(../img/unchecked_rb.png);
	background-repeat:no-repeat;
	padding:20px;
	display:inline-block;
	margin-left:5px;
}

.regular-radio:checked + label:after {
	background-image:url(../img/checked_rb.png);
	background-repeat:no-repeat;
	padding:20px;
	display:inline-block;
	margin-left:5px;
}

.regular-radio:checked + label {
	background-image:url(../img/checked_rb.png);
	background-repeat:no-repeat;
	padding:20px;
	display:inline-block;
	margin-left:5px;
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	display:inline-block;
}

/* CHECKBOX */

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-image:url(../img/unchecked_cb.png);
	background-repeat:no-repeat;
	padding:20px;
	display:inline-block;
	margin-left:5px;
}

.regular-checkbox:checked + label:after {
	background-image:url(../img/checked_cb.png);
	background-repeat:no-repeat;
	padding:20px;
	display:inline-block;
	margin-left:5px;
}

.regular-checkbox:checked + label {
	background-image:url(../img/checked_cb.png);
	background-repeat:no-repeat;
	padding:20px;
	display:inline-block;
	margin-left:5px;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	display:inline-block;
}

.edistymispalkki {
	position:relative;
	width:85%;
	height:10px;
	margin:0 auto;
	background-color:#EEE;
}
}

@media screen and (min-width: 456px) and (max-width: 700px) {

@viewport {
  width: device-width;
}

#ylapalsta {
	padding:20px; 
	padding-left:30px;
}
#alapalsta {
	background-color:white; 
	height:20px; 
	padding:30px;
	font-size:11px;
}

.kysymysalue {
	padding:30px; 
	margin-bottom:30px; 
	color:#3f3f41;
	padding-top:0px;
}

#paasisaltoalue
{
	width:85%;
	max-width:740px;
	min-width: 450px; height: auto; position: relative; margin-left: auto; margin-right: auto;
	background-color:white;
	margin-top:15px;
	border-top:12px solid #6F6F6F;
	-webkit-box-shadow: 0 8px 36px -6px black;
	   -moz-box-shadow: 0 8px 36px -6px black;
	        box-shadow: 0 8px 36px -6px black;
}

#perusalue{
	
}

.kysymysteksti {
	border-bottom:1px solid #EEE;
	padding:13px;
	padding-bottom:20px;
	font-weight:bold;
	color:#4c5251; 
	font-size:16px;
}

.kysymysalue tr {
	height:24px;
}

.vaihtoehtotaulukko {
	margin:20px; width:85%;
}

.tutkimus_otsikko {
	 font-size:1.3em; 
	 color:#6a6a6a; 
	 letter-spacing:-1px; 
	 font-weight:normal; 
	 margin-top:-15px;
}

.tekstikentta {
	border: 2px solid #ebeded;
	background-color: white;
	color:#3f3f41
}

/* RADIO */

.regular-radio {
	display: none;
	cursor:pointer;
}

.regular-radio + label {
	background-image:url(../img/unchecked_rb.png);
	background-repeat:no-repeat;
	padding:13px;
	display:inline;
}

.regular-radio:checked + label:after {
	background-image:url(../img/checked_rb.png);
	background-repeat:no-repeat;
	padding:13px;
	display:inline;
}

.regular-radio:checked + label {
	background-image:url(../img/checked_rb.png);
	background-repeat:no-repeat;
	padding:13px;
	display:inline;
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
	display:inline;
}

/* CHECKBOX */

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-image:url(../img/unchecked_cb.png);
	background-repeat:no-repeat;
	padding:13px;
	display:inline;
}

.regular-checkbox:checked + label:after {
	background-image:url(../img/checked_cb.png);
	background-repeat:no-repeat;
	padding:13px;
	display:inline;
}

.regular-checkbox:checked + label {
	background-image:url(../img/checked_cb.png);
	background-repeat:no-repeat;
	padding:13px;
	display:inline;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
	display:inline;
}

.edistymispalkki {
	position:relative;
	width:85%;
	height:10px;
	margin:0 auto;
	background-color:#EEE;
}
.matriisi_kohta{
display:block;
position:relative;
width:90%;
float:left;
font-weight:bold;
padding-bottom:10px;
margin-top:10px;
}

.matriisi_valinta {
display:block;
position:relative;
width:90%;
float:left;
text-align:left;
}
.matriisi_valinta:hover {
	background-color:#ffe3e3;
	background:#ffe3e3;
}
.matriisi_selite {
display:block;
width:60%;
position:relative;
float:left;
margin-top:10px;
}
.matriisi_rb{
height:10px;
position:relative;
float:left;
padding:14px;
}
.kysymysalue ul {
	width:100%;
	height:auto;
	min-height:44px;
	padding-top:5px;
}
.matriisi_seliterivi{
display:none;
}
.parillinen_matriisi{
	background:none;
	background-color:white;
}
.parillinen_matriisi:hover, .matriisirivi:hover {
	background:none;
	background-color:white;
}
}

@media screen and (max-width: 455px) {
@viewport {
  width: device-width;
}

#logo {
 width:80px;
}

#ylapalsta {
	padding:15px; 
	padding-left:10px;
}
#alapalsta {
	background-color:white; 
	height:20px; 
	padding:30px;
	font-size:11px;
}

.kysymysalue {
	padding:10px; 
	margin-bottom:30px; 
	color:#3f3f41;
	padding-top:0px;
}

#paasisaltoalue
{
	width:95%;
	max-width:450px;
	min-width: 270px; 
	height: auto; position: relative; margin-left: auto; margin-right: auto;
	background-color:white;
	margin-top:15px;
	border-top:12px solid #6F6F6F;
	-webkit-box-shadow: 0 8px 36px -6px black;
	   -moz-box-shadow: 0 8px 36px -6px black;
	        box-shadow: 0 8px 36px -6px black;
}

#perusalue{
	
}

.kysymysteksti {
	border-bottom:1px solid #EEE;
	padding:13px;
	padding-bottom:20px;
	padding-top:5px;
	font-weight:bold;
	color:#4c5251;  
	font-size:14px;
}

.kysymysalue tr {
	height:24px;
}

.vaihtoehtotaulukko {
	margin:10px; width:95%;
}

.tutkimus_otsikko {
	 font-size:1.3em; 
	 color:#6a6a6a; 
	 letter-spacing:-1px; 
	 font-weight:normal; 
	 margin-top:-15px;
}

.tekstikentta {
	border: 2px solid #ebeded;
	background-color: white;
	color:#3f3f41
}

/* RADIO */

.regular-radio {
	display: none;
	cursor:pointer;
}

.regular-radio + label {
	background-image:url(../img/unchecked_rb.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding:13px;
	display:inline;
}

.regular-radio:checked + label:after {
	background-image:url(../img/checked_rb.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding:13px;
	display:inline;
}

.regular-radio:checked + label {
	background-image:url(../img/checked_rb.png);
	background-repeat:no-repeat;
	overflow: hidden;
	padding:13px;
	display:inline;
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
	display:inline;
}

/* CHECKBOX */

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-image:url(../img/unchecked_cb.png);
	background-repeat:no-repeat;
	padding:13px;
	display:inline;
}

.regular-checkbox:checked + label:after {
	background-image:url(../img/checked_cb.png);
	background-repeat:no-repeat;
	padding:13px;
	display:inline;
}

.regular-checkbox:checked + label {
	background-image:url(../img/checked_cb.png);
	background-repeat:no-repeat;
	padding:13px;
	display:inline;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
	display:inline;
}
.edistymispalkki {
	position:relative;
	width:85%;
	height:10px;
	margin:0 auto;
	background-color:#EEE;
}
.matriisi_kohta{
display:block;
position:relative;
width:90%;
float:left;
font-weight:bold;
padding-bottom:10px;
margin-top:10px;
}

.matriisi_valinta {
display:block;
position:relative;
width:90%;
float:left;
text-align:left;
}
.matriisi_valinta:hover {
	background-color:#ffe3e3;
	background:#ffe3e3;
}
.matriisi_selite {
display:block;
width:60%;
position:relative;
float:left;
margin-top:10px;
}
.matriisi_rb{
height:10px;
position:relative;
float:left;
}
.parillinen_matriisi{
	background:none;
	background-color:white;
}
.parillinen_matriisi:hover, .matriisirivi:hover {
	background:none;
	background-color:white;
}
.kysymysalue ul {
	width:100%;
	height:auto;
	min-height:44px;
	padding-top:5px;
	padding-left:10px;
}
.matriisi_seliterivi{
display:none;
}
}