/* ************************************************************************** */
@media screen and (max-width: 959px) { /* iPad pysty ************************ */


body {
  background-color: #000;
  background-image: none;
  font-size: 13px;
  line-height: 1.3;
}

.wrapper {
  width: 768px;
}

header {
  width: 768px;
  height: 100px;
}

#header h1 {
  width: 420px;
  padding: 23px 0 0 0;
}

#header #lang {
  width: 134px;
  padding: 20px;
}

#header #slogan {
  width: 174px;
}

#mainmenu ul {
  width: 768px;
  height: 50px;
}

#headers {
  width: 768px;
  height: 280px;
}

#headers.scrollable {
  width: 768px;
  height: 280px;
}

#headers.scrollable .items div {
  width: 768px;
  height: 280px;
}

#headers.scrollable .items div img {
  width: 768px;
  height: 280px;
}

#boxes .box {
  width: 152px;
  height: 200px;
  padding: 20px 20px 20px 20px;
}

#boxes .box div {
  display: none;
}

#boxes .button {
  left: 20px;
}

#boxes.separator .box {
  padding: 0px 20px 0px 20px;
}

#contentwrapper {
  width: 768px;
}

#content {
  width: 499px;
  padding: 40px 0 50px 30px;
}

.text {
  width: 469px;
  min-height: 530px;
  padding: 0 30px 0 0;
}

.text img {
  max-width: 469px;
}

.companybox div {
  padding: 0 25px 20px 0;
  width: 200px;
}

.companybox section {
  float: left;
  padding: 0 0 20px 0;
  width: 240px;
}

#feedback label {
  width: 160px;
  margin-right: 20px;
}

#feedback div,
#feedback .inputarea {
  width: 260px;
}

#feedback .orange {
  width: 210px;
  padding: 0 10px;
}

.navigation-bottom .alignleft {
  width: 200px;
}

.navigation-bottom .alignright {
  width: 200px;
}


} /* ************************************************************************ */
@media screen and (max-width: 767px) { /* iPhone **************************** */


body {
  font-size: 13px;
  line-height: 1.3;
}

.wrapper {
  width: 640px;
}

header {
  width: 640px;
  height: 100px;
}

#header h1 {
  width: 420px;
  padding: 23px 0 0 0;
}

#header #lang {
  width: 180px;
  padding: 20px;
}

#header #slogan {
  display: none;
}

#mainmenu ul {
  width: 640px;
  height: 50px;
}

#mainmenu ul li a:link, #mainmenu ul li a:visited, #mainmenu ul li a:active {
  padding: 15px 20px 10px 20px;
}

/* Submenu */

#submenu ul {

  width: 210px;
  padding: 0px 0 0px 0;
  margin: -15px 0 20px 0;
  list-style-type: none;
  float: left;
}

#submenu ul li {

  padding: 15px 0px 15px 30px;
  margin: 3px 0 3px 0;
  border: 0;
  list-style-type: none;
  border-bottom: 1px dashed #666666;
}

#submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:active {

  font-family: Homenaje, Times, Arial;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}

#submenu ul li a:hover, #submenu ul li a:visited:hover, #submenu ul li a:active:hover,
#submenu ul li.current_page_item a,
#submenu ul li.current_page_parent a {

  color: #666666;
  text-decoration: none;
}

/* Pääkuvat */

#headers {
  width: 640px;
  height: 233px;
}

#headers.scrollable {
  width: 640px;
  height: 233px;
}

#headers.scrollable .items div {
  width: 640px;
  height: 233px;
}

#headers.scrollable .items div img {
  width: 640px;
  height: 233px;
}

#headers.scrollable #spotlight {
  display: none;
}

#boxes .box {
  width: 280px;
  height: 140px;
  padding: 20px 20px 20px 20px;
}

#boxes.separator .box {
  display: none;
}

#contentwrapper {
  width: 640px;
}

#content {

  width: 580px;
  padding: 40px 30px 50px 30px;
}

.text {

  width: 580px;
  min-height: 530px;
  padding: 0 0 0 0;
  border-right: 0px;
}

.text img {
  max-width: 580px;
}

/* Sidebar */

#sidebar {
  width: 610px;
  padding: 20px 0 0 30px;
}

#sidebarlogo {
  display: none;
}

#fbframe {
  width:580px;
  height:395px;
}

#companies.scrollable {
  display: none;
}

/* Yritykset */

.companybox div {
  padding: 0 25px 20px 0;
  width: 200px;
}

.companybox section {
  float: left;
  padding: 0 0 20px 0;
  width: 240px;
}


#feedback label {
  width: 160px;
  margin-right: 20px;
}

#feedback div,
#feedback .inputarea {
  width: 260px;
}

#feedback .orange {
  width: 210px;
  padding: 0 10px;
}

/* WP */

.navigation-bottom .alignleft {
  width: 200px;
}

.navigation-bottom .alignright {
  width: 200px;
}


} /* ************************************************************************ */
@media screen and (max-width: 639px) { /* mobile **************************** */


body {
	font-size: 13px;
	line-height: 1.3;
}

.wrapper {
  width: 480px;
}

header {
  width: 480px;
  height: 100px;
}

#header h1 {
  width: 300px;
  padding: 23px 0 0 0;
}

#header h1 img {
  max-width: 260px; 
}

#header #lang {
  width: 140px;
  padding: 20px;
}

#mainmenu ul {
  width: 480px;
  height: auto;
}

#mainmenu ul li {
  float: left;
  width: 240px;
}

#mainmenu ul li.menufb {
  float: none;
}

#mainmenu ul li a:link, #mainmenu ul li a:visited, #mainmenu ul li a:active {
  background-image: none;
  padding: 15px 20px 10px 20px;
  text-align: center;
}

#mainmenu ul li a:hover, #mainmenu ul li a:visited:hover, #mainmenu ul li a:active:hover,
#mainmenu ul li.current_page_item a,
#mainmenu ul li.current_page_parent a {
  background: transparent url(../img/menu-active.jpg) repeat-x top left;
}

/* Submenu */

#submenu ul {

  width: 210px;
  padding: 0px 0 0px 0;
  margin: -15px 0 20px 0;
  list-style-type: none;
  float: left;
}

#submenu ul li {

  padding: 15px 0px 15px 30px;
  margin: 3px 0 3px 0;
  border: 0;
  list-style-type: none;
  border-bottom: 1px dashed #666666;
}

#submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:active {

  font-family: Homenaje, Times, Arial;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}

#submenu ul li a:hover, #submenu ul li a:visited:hover, #submenu ul li a:active:hover,
#submenu ul li.current_page_item a,
#submenu ul li.current_page_parent a {

  color: #666666;
  text-decoration: none;
}

/* Pääkuvat */

#headers {
  width: 480px;
  height: 175px;
}

#headers.scrollable {
  width: 480px;
  height: 175px;
}

#headers.scrollable .items div {
  width: 480px;
  height: 175px;
}

#headers.scrollable .items div img {
  width: 480px;
  height: 175px;
}

#headers.scrollable #spotlight {
  display: none;
}

#boxes .box {
  width: 440px;
  height: 120px;
  padding: 20px 20px 20px 20px;
}

#boxes.separator .box {
  display: none;
}

.servicebox .serviceimage {
  display: none;
}

#contentwrapper {
  width: 480px;
}

#content {

  width: 420px;
  padding: 40px 30px 50px 30px;
}

.text {

  width: 420px;
  min-height: 100px;
  padding: 0 0 0 0;
  border-right: 0px;
}

.text img {
  max-width: 420px;
}

/* Sidebar */

#sidebar {
  width: 450px;
  padding: 20px 0 0 30px;
}

#fbframe {
  width:420px;
  height:395px;
}

#companies.scrollable {
  display: none;
}

/* Yritykset */

.companybox div {
  padding: 0 25px 20px 0;
  width: 160px;
}

.companybox div img {
  max-width: 160px;
  height: auto;
}

.companybox section {
  float: left;
  padding: 0 0 20px 0;
  width: 220px;
}

#feedback label {
  width: 400px;
  margin-right: 20px;
  text-align: left;
}

#feedback div,
#feedback .inputarea {
  width: 400px;
}

#feedback .orange {
  width: 400px;
  padding: 0 10px;
}

/* WP */

.navigation-bottom .alignleft {
  width: 200px;
}

.navigation-bottom .alignright {
  width: 200px;
}


} /* ************************************************************************ */
@media screen and (max-width: 479px) { /* mobile **************************** */


body {
	font-size: 13px;
	line-height: 1.3;
}

.wrapper {
  width: 320px;
}

header {
  width: 320px;
  height: 100px;
}

#header h1 {
  width: 320px;
  padding: 0px 0 0 0;
}

#header h1 img {
  max-width: 280px; 
}

#header #lang {
  width: 280px;
  padding: 10px 20px;
}

#mainmenu ul {
  width: 320px;
  height: auto;
}

#mainmenu ul li {
  width: 160px;
}

/* Submenu */

#submenu ul {

  width: 210px;
  padding: 0px 0 0px 0;
  margin: -15px 0 20px 0;
  list-style-type: none;
  float: left;
}

#submenu ul li {

  padding: 15px 0px 15px 30px;
  margin: 3px 0 3px 0;
  border: 0;
  list-style-type: none;
  border-bottom: 1px dashed #666666;
}

#submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:active {

  font-family: Homenaje, Times, Arial;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}

#submenu ul li a:hover, #submenu ul li a:visited:hover, #submenu ul li a:active:hover,
#submenu ul li.current_page_item a,
#submenu ul li.current_page_parent a {

  color: #666666;
  text-decoration: none;
}

/* Pääkuvat */

#headers {
  width: 320px;
  height: 117px;
}

#headers.scrollable {
  width: 320px;
  height: 117px;
}

#headers.scrollable .items div {
  width: 320px;
  height: 117px;
}

#headers.scrollable .items div img {
  width: 320px;
  height: 117px;
}

#boxes .box {
  width: 280px;
  height: 160px;
  padding: 20px 20px 20px 20px;
}

#contentwrapper {
  width: 320px;
}

#content {
  width: 300px;
  padding: 40px 10px 20px 10px;
}

.text {
  width: 300px;
  min-height: 100px;
  padding: 0 0 0 0;
  border-right: 0px;
}

.text img {
  max-width: 300px;
}

/* Sidebar */

#sidebar {

  width: 300px;
  padding: 20px 0 0 10px;
}

#fbframe {
  width:300px;
  height:395px;
}

#companies.scrollable {
  display: none;
}

/* Yritykset */

.companybox div {
  padding: 0 25px 20px 0;
  width: 200px;
}

.companybox section {
  float: left;
  padding: 0 0 20px 0;
  width: 240px;
}


#feedback label {
  width: 270px;
  margin-right: 20px;
}

#feedback div,
#feedback .inputarea {
  width: 270px;
}

#feedback .orange {
  width: 270px;
  padding: 0 10px;
}

/* WP */

.navigation-bottom .alignleft {
  width: 200px;
}

.navigation-bottom .alignright {
  width: 200px;
}


} /* ************************************************************************ */