@import url(http://fonts.googleapis.com/css?family=Opem+Sans);

/* Templaten rakenne */
html, body {height: 100%;}
body {background-color:#ffffff; text-align: center; height: 100%; margin: 0; padding: 0;}
#contactwrap {width: 100%; background-color: #000000; overflow: hidden;}
#contact {width: 1140px; margin: 0 auto; overflow: hidden;}
#headerwrap {width: 100%; margin: 0; padding: 0; text-align: center; background-color: #ffffff; overflow: hidden;}
#header {width: 1140px; z-index:2; margin: 0 auto; padding: 0; overflow: hidden;}
#menuwrap {width: 100%; height: 40px; z-index: 9; background-color:#ffffff; margin: 0 auto; position: relative;}
#menu {width:1140px; position: relative; height: 40px; z-index: 10; margin: 0 auto;}
#bannerwrap {width: 100%; margin: 0 auto; padding: 0; text-align: center; overflow: hidden; position: relative;}
#topwrap {width: 100%; margin: 0 auto; padding: 0; background-color:#ffffff; text-align: left; overflow: hidden; position: relative;}
#topcontainer {width: 1140px; margin: 0 auto; position: relative; text-align: left; overflow: hidden;}
#info {width:100%; float: left; position: relative;}
#bottomwrap {width: 100%; margin: 0 auto; padding: 0; background-color:#000000; text-align: center; overflow: hidden; position: relative;}
#bottomcontainer {width: 1140px; margin: 0 auto; position: relative; text-align: left; overflow: hidden;}
#footerwrap {width: 100%; background-color:#ffffff; width:100%; clear: both; overflow: hidden;}
#footer {width:1140px; padding-top: 25px; padding-bottom: 25px; margin:0 auto; clear: both; text-align: center;}

/* Joomlan tekstisisällön tyylit */
p {font-family: Open Sans,Verdana,Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 12pt; line-height: 17pt; font-weight: normal; padding-left: 30px; padding-right: 30px; color:#000000;}
#contact p{color: #ffffff !important; line-height: 0pt !important; font-size: 0pt !important;}
#bannerwrap p{padding-left: 0px !important; padding-right: 0px !important;font-size: 0pt !important; line-height: 0pt !important;}
#contact a{color: #ffffff !important; line-height: 12pt !important;}
#bottomcontainer p{color: #ffffff !important;}
#bottomcontainer a{color: #ffffff !important;}
#footer p{font-family: Open Sans, Verdana,Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 10pt; line-height:15pt; color:#464342; text-align: center; padding-left: 30px; padding-right: 30px; margin: 0;} 
#footer a{font-family: Open Sans, Verdana,Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 10pt; line-height: 15pt; font-weight: bold; color:#464342; text-decoration: none;}
#footer a:hover{ text-decoration: underline;}
h1 {font-family: Open Sans,Verdana,Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 22pt; line-height: 24pt; font-weight: normal; padding-left: 30px; padding-right: 30px; color:#464342;}
h2 {font-family: Open Sans,Verdana,Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 20pt; line-height: 22pt; font-weight: normal; padding-left: 30px; padding-right: 30px; color:#464342;}
h3 {font-family: Open Sans,Verdana,Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 18pt; line-height: 20pt; font-weight: bold; padding-left: 30px; padding-right: 30px; color:#464342;}
#bottomcontainer h3{color: #ffffff !important;}
h4 {font-family: Open Sans,Verdana,Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 16pt; line-height: 18pt; font-weight: normal; padding-left: 30px; padding-right: 30px; color:#464342;}
a {font-family: Open Sans, Verdana,Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 13pt; line-height: 18pt; font-weight: bold; Text-decoration: none; color: #464342;}
a:hover {text-decoration: underline;}

/* Kuvat skaalautumaan */
img {max-width: 100%; height: auto;}

/************************************************************************************
Mobiililaitteet pelittämään oikein
*************************************************************************************/
/* for 1140px or less */
@media screen and (max-width: 1140px) {

#contactwrap {width: 100%;}
#contact {width: 100%;}
#headerwrap {width: 100%;}
#header {width: 100%;}  
#menu{width: 100%;}
#bannerwrap{width: 100%;}
#topwrap {width: 100%;}  
#topcontainer {width: 100%;}  
#info{width: 100%;}  
#bottomwrap{width: 100%;}
#bottomcontainer {width: 100%;}
#footerwrap{width: 100%;}
#footer{width: 100%;}
   
/* for 750px or less */
@media screen and (min-width: 320px) and (max-width: 750px) {

/* for 460px or less */
@media screen and (max-width: 480px) {
}

/* for 320px or less */
@media screen and (max-width: 320px) {
}