@media only screen and (max-device-width: 728px) {
	div.ylapalkki {
	    height: 5em;
	}
}
@media only screen and (min-device-width: 729px) {
	div.ylapalkki {
	    height: 60px;
	}
}

@media only screen and (max-device-width: 1021px) {
	body {
	    font-size: 20px;
	}
	h1 {
	    font-size: 30px;
	}
	h2 {
	    font-size: 25px;
	}
	div.otsikko {
	    margin: 10px auto 10px auto;
	    /*line-height: 80%;*/
	}

	div.fblikeotsikko {
	    min-height: 1em;
	    padding-top: 10px;
	    padding-left: 10px;
	}
	
	/*line-height: 52px;
	font-family: Arial, sans-serif;
	font-size:40px;
	color:#ffffff;*/

	div.kontaineri div.eka {
	    padding: 8px;
	}
	div.kontaineri div.toka {
	    padding: 8px;
	}
	div.kontaineri div.kontaineriala {
	    font-size: 15px;
	}
	p.alinosa, a.alinosa {font-size: 13px;}

	.bluex {color: #3B5998;font-size: 20px;}
	.submit, .button2 {
	  font-size: 20px;
	}

	input, select {
	  font-size: 20px;
	}

	a.navi, a.navi:visited, a.navi:hover, a.navi:active {font-size: 20px}
	a.navi2, a.navi2:visited, a.navi2:hover, a.navi2:active {line-height: 150%;font-size: 14px}
	a.navi3, a.navi3:visited, a.navi3:hover, a.navi3:active {font-size: 14px}
}

@media only screen and (min-device-width: 1022px) {
	body {
	    font-size: 16px;
	}
	h1 {
	    font-size: 18px;
	}
	h2 {
	    font-size: 16px;
	}
	div.otsikko {
	    line-height: 60px;
	    margin: 0px auto 0px auto;
	}
	div.fblikeotsikko {
	    padding-top: 20px;
	}
	div.kontaineri div.eka {
	    width: 388px;
	    padding: 10px;
	    border-right: 1px dotted #dddddd;
	    float: left;
	}
	div.kontaineri div.toka {
	    width: 600px;
	    padding-top: 10px;
	    padding-left: 2px;
	    padding-right: 8px;
	    float: right;
	}
	div.kontaineri div.kontaineriala {
	    font-size: 14px;
	}
	p.alinosa, a.alinosa {font-size: 10px;}

	.bluex {color: #3B5998;font-size: 16px;}
	.submit, .button2 {
	  font-size: 14px;
	}

	input, select {
	  font-size: 14px;
	}

	a.navi, a.navi:visited, a.navi:hover, a.navi:active {font-size: 16px}
	a.navi2, a.navi2:visited, a.navi2:hover, a.navi2:active {font-size: 12px}
	a.navi3, a.navi3:visited, a.navi3:hover, a.navi3:active {font-size: 12px}
}

html {
    background-color: #ffffff;
}
body {
    font-family: Tahoma, Geneva, sans-serif;
    color: #000000;
}
a {
    color: #3B5998;
    font-weight: bold;
}
h1 {
    color: #333333;/*#3B5998;*/
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 10px;
    /*border-bottom: 3px double #3B5998;*/
}

h2 {
    margin-top: 18px;
    color: #333333;/*#3B5998;*/
    font-weight: bold;
    margin-top: 14px;
    margin-bottom: 6px;
    border-bottom: 1px solid #3B5998;
}

p {
    margin-top: 4px;
    margin-bottom: 6px;
}

div.ylapalkki {
    background-color:  #3B5998;
}
div.valikko {
    max-width: 1022px;
    margin-left: auto;
    margin-right: auto;
}

div.otsikko {
    float: left;
    padding-left: 10px;
    /*line-height: 50px;*/
    color: #000000;
}

div.osa {
    max-width: 1000px;
    background-color: #ffffff;
    margin: 0px auto 0px auto;
    padding: 10px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
div.kontaineri {
    max-width: 1020px;
    background-color: #ffffff;
    color: #000000;
    margin: 0px auto 0 auto;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
div.kontaineri div.kontaineriala {
    padding: 10px;
    float: left;
}

div.clearer {
    clear: both;
}

div.alinosa {
    max-width: 1000px;
    background-color: #ffffff;
    margin: 0px auto 0 auto;
    padding: 10px;
    border-top: 1px solid #dddddd;
}

.bluex {color: #3B5998;font-weight: bold;}
.whitex {color: #ffffff}
.sitaatti {font-style: italic}

.submit {
  background-color: #3B5998;
  border: 1px solid #000000;
  padding: 3px;
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.button a {
  background-color: #3B5998;
  border: 1px solid #000000;
  padding: 3px;
  margin: 3px 0px;
  color: #ffffff;
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.button2 a {
  background-color: #3B5998;
  border: 1px solid #000000;
  padding: 0px 3px;
  /*margin: 3px 0px;*/
  color: #ffffff;
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

input, select {
  background-color: #ffffff;
  border: 1px solid #000000;
  padding: 3px;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

a.navi, a.navi:visited, a.navi:hover, a.navi:active {color: #ffffff;  font-weight: bold;}
a.navi2, a.navi2:visited, a.navi2:hover, a.navi2:active {color: #3B5998;  font-weight: bold;}
a.navi3, a.navi3:visited, a.navi3:hover, a.navi3:active {color: #3B5998;  font-weight: normal;}

.message {visibility: hidden; height: 0px}