
body { background-color: #000000; background-image: url(images/taustapic.jpg); background-repeat: no-repeat; background-attachment: fixed; margin: 0px 0px 0px 0px;}

a img {border:none;}


#center {width: 918px; margin-right: auto; margin-left: auto; padding: 0px 0px 0px 0px;}
#columncontainer {background-color: #FFFFFF; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/* languagebox */
#languagebox {float: left; width: 888px; background-color: #FFFFFF; background-image: url(images/shadeup.jpg); height: 40px; padding-right: 30px; padding-top: 10px; padding-bottom: 0px; text-align: right;}
.language {text-align: right; color: #7c888b; font-family: georgia, Times, Times New Roman, Arial, Helvetica, serif; font-size: 12px; line-height: 20px; padding-left: 10px; letter-spacing: 1px;}
.language a:link { color: #7c888b; text-decoration: none; }
.language a:visited { color: #7c888b; text-decoration: none;}
.language a:active { color: #026db6; text-decoration: none;}
.language a:hover { color: #1f1f1f; text-decoration: underline;}

/* Logobox */
#logo {background-color: #FFFFFF; padding-left: 36px; padding-top: 0px; padding-bottom: 5px;}

/* Vaakamenu ja fontti*/
.topmenu { text-transform: uppercase;  padding-right: 10px; color: #1f1f1f; font-family: Georgia, Times, Times New Roman, Arial, Helvetica, serif; font-size: 11px; line-height: 20px; letter-spacing: 1px;}
.topmenu a:link { color: #1f1f1f; text-decoration: none; }
.topmenu a:visited { color: #1f1f1f; text-decoration: none;}
.topmenu a:active { color: #026db6; text-decoration: none;}
.topmenu a:hover { color: #1f1f1f; text-decoration: underline;}


/* Kuva*/
#mainpicbox {background-color: #FFFFFF; background-image: url(images/mainpic.jpg); background-repeat: no-repeat; float: left; width: 541px; height: 331px; padding-left: 361px; padding-top: 48px;}

#mainpicbox_slide {background-color: #FFFFFF;  float: left; width: 750px; height: 380px; padding-left: 0px; padding-top: 0px;}

.bubbletext { color: #ffffff; font-family: Georgia, Times, Times New Roman, Arial, serif; font-size: 22px; }
.bubbletext  a:link { color: #ffffff; text-decoration: none; }
.bubbletext  a:visited { color: #ffffff; text-decoration: none;}
.bubbletext  a:active { color: #ffffff; text-decoration: none;}
.bubbletext  a:hover { color: #ffffff; text-decoration: underline;}

#intro {background-color: #FFFFFF; float: left; width: 750px; padding-left: 29px; padding-top: 30px; padding-bottom: 0px;}

.imageleft {border: none; float: left;}
.introtext { color: #6e7c80; font-family: Georgia, Times, Times New Roman, serif; font-size: 22px; line-height: 25px; font-weight: 100;}

.icondown {border: none; vertical-align:middle;}

.illustration01 {border: none; margin: 0px 0px 0px 15px;}

.portfoliopics {border: none; margin: 4px 4px 4px 1px;}

/* Sisältö*/
#column1 {background-color: #FFFFFF; float: none; width: 269px; margin-top: 0px; margin-left: 30px; margin-bottom: 40px;}
.headline { color: #1f1f1f; font-family: Georgia, Times, Times New Roman, Arial, Helvetica, serif; font-size: 25px; font-weight: normal; letter-spacing: 0px; line-height: 25px; }
.headline a:link { color: #1f1f1f; text-decoration: none; }
.headline a:visited  { color: #1f1f1f; text-decoration: none; }
.headline a:hover  { color: #5b8295; text-decoration: none; }


.headline2 { color: #1f1f1f; font-family: Georgia, Times, Times New Roman, Arial, Helvetica, serif; font-size: 18px; font-weight: normal; letter-spacing: 0px; line-height: 25px; }

.headline3 { color: #1f1f1f; font-family: Georgia, Times, Times New Roman, Arial, Helvetica, serif; font-size: 15px; font-weight: normal; letter-spacing: 0px; line-height: 25px; }
.headline3 a:link { color: #094f80; text-decoration: none; }
.headline3 a:visited { color: #094f80; text-decoration: none;}
.headline3 a:active { color: #026db6; text-decoration: none;}
.headline3 a:hover { color: #026db6; text-decoration: underline;}



.normal { color: #3d4042; font-family: Georgia, Times, Times New Roman, Arial, Helvetica, serif; font-size: 13px; line-height: 22px;}
.normal a:link { color: #094f80; text-decoration: none; }
.normal a:visited { color: #094f80; text-decoration: none;}
.normal a:active { color: #026db6; text-decoration: none;}
.normal a:hover { color: #026db6; text-decoration: underline;}

/* Sisältö*/
#column2 {background-color: #FFFFFF; float: left; width: 269px; margin-top: 0px; margin-left: 29px; margin-bottom: 40px;}


/* Sisältö*/
#column3 {background-color: #FFFFFF; float: left; width: 269px; margin-top: 0px; margin-left: 25px; margin-right: 23px; margin-bottom: 40px;}

#skype {background-color: #FFFFFF; float: left; width: 800px; margin-top: 0px; margin-left: 30px; margin-bottom: 10px;}

#shadedown {float: left; width: 918px; background-color: #FFFFFF; background-image: url(images/shadedown.jpg); height: 40px; padding-left: 0px; padding-top: 0px; padding-bottom: 10px; text-align: center;}
.textdown {text-align: right; color: #7c888b; font-family: Georgia, Times, Times New Roman, Arial, Helvetica, serif; font-size: 11px; line-height: 20px; padding-right: 10px; padding-top: 20px; letter-spacing: 1px;}
.textdown a:link { color: #7c888b; text-decoration: none; }
.textdown a:visited { color: #7c888b; text-decoration: none;}
.textdown a:active { color: #026db6; text-decoration: none;}
.textdown a:hover { color: #1f1f1f; text-decoration: underline;}

/* Sisältö*/
#column4 {background-color: #FFFFFF; float: none; width: 240px; margin-top: 40px; margin-left: 34px; margin-bottom: 40px;}
#column5 {background-color: #FFFFFF; float: left; width: 620px; margin-top: 40px; margin-left: 20px; margin-bottom: 40px;}

#column6 {background-color: #FFFFFF; float: none; width: 200px; margin-top: 40px; margin-left: 34px; margin-bottom: 40px;}
#column7 {background-color: #FFFFFF; float: left; width: 640px; margin-top: 40px; margin-left: 0px; margin-bottom: 40px;}

#column8 {background-color: #FFFFFF; float: left; width: 550px; margin-top: 40px; margin-left: 30px; margin-right: 50px; margin-bottom: 40px;}

#column9 {float: left; width: 918px; background-color: #FFFFFF; padding-left: 0px; padding-top: 0px; padding-bottom: 40px; text-align: center;}


.border_form { border: 1px solid #c2cfd6; background-color: transparent; color: #3d4042; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; width: 230px; height: 14px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}

.border_legend { border: 1px solid #c2cfd6; background-color: transparent; color: #3d4042; font-family: Georgia, Times, Times New Roman, Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 0px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; width: 270px;  border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}

.border_form_box { border: 1px solid #c2cfd6; background-color: transparent; color: #3d4042; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; width: 450px; height: 100px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}

.button_form { text-transform: none; background-color: #96abb1; font-family: Georgia, Times, Times New Roman, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: none; color: #ffffff; border: #2f3e42; border-style: solid; height:20px; width:70px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}