blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0}div.kontaineri {
    color: #000000;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

div.kontaineri div.eka {
	    max-width: 386px;
	    padding: 10px;
	    /*border-right: 1px dotted #dddddd;*/
	    float: left;
	}
div.kontaineri div.toka {
    float: left;
}

@media 
only screen and (max-device-width: 728px)
 {

}
only screen and (max-device-width: 1019px) and (min-device-width: 729px)
 {
	div.kontaineri div.eka {
	    width: 386px;
	    padding: 10px;
	    border-right: 1px dotted #dddddd;
	    float: left;
	}

	div.kontaineri div.toka {
	    float: right;
	    width: 250px;
	    padding: 10px;
	}
}

@media only screen and (min-device-width: 1020px)

{
	div.kontaineri div.toka {
	    float: right;
	    width: 582px;/*330px;*/
	    padding: 10px;
	}
}

@media 
only screen and (max-device-width: 1019px)
 {
	body {
	    font-size: 16px;/*25px;*/
	}

	a, a:visited, a:active {font-size: 16px;}

	h1 {
	    font-size: 20px;/*30px;*/
	}

	div.kontaineri div.kontaineriala {
	    font-size: 16px;/*25px;*/
	}
	.solu1, .solu2, .solu3 {
	    font-size: 20px;
	}

	p.alinosa, a.alinosa {font-size: 12px;}

	.submit {
	  /*height:45px;*/
	  font-size: 15px;
	  padding: 5px;
	}

	input, select {
	  height:30px;
	  font-size: 15px;
	}

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

	table {
		border-spacing:4px;
	}

	.taulu {
		/*width: 730px;*/
	    /*background-color: #eee;*/
	}

	.rivi {
		/*width: 730px;*/
		height: 40px;
	    background-color: #ddd;
	}

	.solu1 {
	    /*width: 350px;*/
	    float: left;
	    /*margin: 5px;*/
	    /*height: 50px;*/
	    background-color: #ccc;
	}
	.solu2 {
	    float: left;
	    /*margin: 5px;*/
	    /*height: 50px;*/
	    background-color: #ccc;

	}
	.solu3 {
	    float: left;
	    /*margin: 5px;*/
	    /*height: 50px;*/
	    background-color: #ccc;
	}
	div.kontaineri div.eka {
	    /*width: 740px;*/
	    padding: 10px;
	}
	div.ylapalkki {
	    height: 60px;
	}
	div.otsikko {
	    line-height: 60px;
	}
	div.valikko {
	    /*width: 760px;*/
	}
	div.osa {
	    /*width: 740px;*/
	}
	div.kontaineri {
	    /*width: 760px;*/
	}
	div.alinosa {
	    /*width: 740px;*/
	    line-height: 150%;
	}
}

@media only screen and (min-device-width: 1020px)

{
	body {
	    font-size: 16px;
	}

	a, a:visited, a:active {font-size: 16px;}

	h1 {
	    font-size: 18px;
	}

	div.kontaineri div.kontaineriala {
	    font-size: 14px;
	}

	p.alinosa, a.alinosa {font-size: 10px;}

	.submit {
	  height:28px;
	  font-size: 12px;
	}

	input, select {
	  height:20px;
	  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: 16px}
	a.navi3, a.navi3:visited, a.navi3:hover, a.navi3:active {font-size: 12px}

	table {
		border-spacing:8px;
	}

	.taulu {
		width:366px;
	}

	.rivi {
		width:366px;
		height:32px;
	}

	.solu1 {
	    width:180px;
	    float: left;
	}
	div.kontaineri div.eka {
	    width: 386px;
	    padding: 10px;
	    border-right: 1px dotted #dddddd;
	    float: left;
	}

	div.ylapalkki {
	    height: 60px;
	}
	div.otsikko {
	    line-height: 60px;
	}
	div.valikko {
	    width: 1010px;
	}
	div.osa {
	    width: 1004px;
	}
	div.kontaineri {
	    width: 1020px;
	}
	div.alinosa {
	    width: 1004px;
	}
}

html {
    background-color: #ffffff;
}
body {
    font-family: Tahoma, Geneva, sans-serif;
    color: #000000;
}
div.fb {
	height: 40px;
	overflow:hidden;
}

a, a:visited, a:active {color: #003300;  font-weight: bold; text-decoration:none}
a:hover {text-decoration:underline}

h1 {
    font-weight: bold;
    margin-bottom: 5px;
}
h2 {
    font-weight: bold;
}
div.ylapalkki {
    background-color:  #003300;
}
div.valikko {
    margin-left: auto;
    margin-right: auto;
}

div.otsikko {
    float: left;
    padding-left: 10px;
    color: #000000;
}

div.osa {
    background-color: #ffffff;
    margin: 0px auto 0 auto;
    padding: 8px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

div.kontaineri {
    margin: 0px auto 0 auto;
}

div.kontaineri div.kontaineriala {
    padding: 10px;
    float: left;
}

div.clearer {
    clear: both;
}

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

.bluex {color: #003300}
.whitex {color: #ffffff}

.submit {
  vertical-align:middle;
  background-color: #003300;
  border: 1px solid #000000;
  padding: 2px;
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

input, select {
  vertical-align:middle;
  padding:2px;
  background-color: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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: #003300;  font-weight: bold;}
a.navi3, a.navi3:visited, a.navi3:hover, a.navi3:active {color: #003300;  font-weight: normal;}

.solu2 {
    float: left;
}

.solu3 {
    float: right;
}

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