@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	color: #606060;
	font-size: 1em;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #023955;
}

#BG {
	width: 100%;
	background-image: url(graphics/bg.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin: 0px;
}

#Wrapper {
	width: 900px;
	margin:0 auto;
}

#Topmenu {
	width: 900px;
	height: 30px;
	background-image:url(graphics/topmenu_bg.jpg);
	background-repeat:repeat-y;
	text-align:center;
	color:#FFFFFF;
	line-height: 28px;
	font-size: 0.9em;
	font-weight:bold;
	letter-spacing: 1px;
}

#Flash {
	width: 695px;
	height: 202px;
	float: left;
	background-image:url(graphics/flash_tausta.jpg);
	background-repeat:no-repeat;
}

#Header {
	width: 900px;
}

#Menu {
	width: 900px;
	height: 45px;
	text-align:center;
	color:#FFFFFF;
	line-height: 44px;
	font-size: 0.9em;
	font-weight:bold;
	letter-spacing: 1px;
}

#Palsta1 {
	width: 206px;
	float: left;
	margin-right: 43px;
	margin-bottom: 15px;
}

#Palsta2 {
	width: 640px;
	float: left;
	margin-bottom: 15px;
}

#Sidemenu {
	background-image:url(graphics/sidemenu_top_bg.jpg);
	background-repeat:no-repeat;
	background-color: #0D6D93;
	margin-top: -6px;
	padding-bottom: 10px;
	text-align:center;
	color:#FFFFFF;
	line-height: 1.2em;
	font-size: 0.9em;
	font-weight:bold;
	letter-spacing: 1px;
}

#Side_contact {
	background-image:url(graphics/side_contact_bg.png);
	background-repeat:repeat-y;
	text-align:center;
	color:#3c3c3c;
	font-size: 1em;
	}

#Footer {
	width: 100%;
	padding-top: 35px;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing: 0.2em;
	font-size:0.7em;
	height: 120px;
	text-align:center;
	background-image:url(graphics/footer_bg.png);
	background-repeat:repeat-x;
}

.SideMenuSepa {
	width: 206px;
	height: 3px;
	margin: 10px 0px 10px 0px;
	background-image:url(graphics/sidemenu_sepa.png);
	background-repeat:no-repeat;
	background-position:center;
}


.Vaakasepa {
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 20px 0px 20px 0px;
}

.Left {
	float:left;
}

.Right {
	float:right;
}

.FloatClear {
	clear:both;
}

.Isokuva {
	border:1px solid #CCCCCC;
	padding: 9px;
	background-color:#FFFFFF;
	margin-top: -10px;
	margin-left: -10px;
	margin-bottom: 10px;
}

.Kuva_left {
	float: left;
	border:1px solid #CCCCCC;
	padding: 9px;
	background-color:#FFFFFF;
	margin: 0px 30px 20px -10px;
}

.Kuva_right {
	float: right;
	border:1px solid #CCCCCC;
	padding: 9px;
	background-color:#FFFFFF;
	margin: 0px 0px 20px 30px;
}

.Galleria_Thumb {
	float:left;
	border:1px solid #CCCCCC;
	padding: 9px;
	background-color:#FFFFFF;
	margin: 0px 20px 10px 0px;
}

.Solu300 {
	width:300px;
	float: left;
	margin: 0px 20px 10px 0px;
	line-height: 20px;
	font-size: 0.85em;
}

.Solu620 {
	width:620px;
	float: left;
	margin: 0px 20px 10px 0px;
	line-height: 20px;
	font-size: 0.85em;
}

.Solu_Kieli {
	width:620px;
	float: left;
	margin: 0px 20px 0px 0px;
	line-height: 20px;
	font-size: 0.85em;
}

.Solu120 {
	width:130px;
	float: left;
	margin: 0px 20px 10px 0px;
	line-height: 20px;
}

.Solu80 {
	width:90px;
	float: left;
	margin: 0px 20px 10px 0px;
	line-height: 20px;
}

.Yhteystieto_big {
	width: 620px;
	float: left;
	margin: 25px 0px 00px 0px;
}

.Yhteystieto {
	width: 310px;
	float: left;
	margin: 0px 10px 30px 0px;
}

.Logo {
	margin: 0px;
}


/* TEXT */

p {
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 0.85em;
}

h1 {
	font-size: 30px;
	color: #012943;
	margin: 20px 0px 30px 0px;
	padding: 0;
	font-weight:normal;
	line-height: 30px;
}

h2 {
	font-size: 24px;
	color: #012943;
	margin: 20px 0px 20px 0px;
	padding: 0;
	font-weight:normal;
	line-height: 30px;
}

h3 {
	color:#abd4e1;
	margin: 0px 0px 20px 0px;
	line-height: 55px;
	font-size: 1em;
	font-weight:bold;
	letter-spacing: 1px;
}

h4 {
	font-size: 1em;
	margin: 0px;
}

h5 {
	font-size: 1.3em;
	margin: 0px;
	font-weight: normal;
	font-style: italic;
	color: #012943;
	margin: 10px 0px 15px 0px;
}

.Sepa {
	margin: 0px 6px 0px 6px;
	color: #71c2dc;
}

.Sininen {
	color: #012943;
}

.Quote_1 {
	border:1px solid #CCCCCC;
	width: 160px;
	text-align:center;
	padding: 20px;
	background-color:#FFFFFF;
	color:#999999;
	font-size: 1.1em;
	font-style:italic;
	float: right;
	margin: 0px 0px 20px 20px;
}

.Quote_2 {
	border:1px solid #CCCCCC;
	width: 180px;
	text-align:center;
	padding: 20px;
	background-color:#FFFFFF;
	color:#999999;
	font-size: 1em;
	font-style:italic;
	float: right;
	margin: 0px 0px 20px 20px;
}

.Blue_bold {
	color: #012943;
	font-weight: bold;
}



/* LINKS */


a.MenuLink:link {
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
}
a.MenuLink:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-style: normal;
}
a.MenuLink:hover {
	text-decoration: none;
	color: #71c2dc;
	font-style: normal;
}
a.MenuLink:active {
	text-decoration: none;
	color: #71c2dc;
	font-style: normal;
}


a:link {
	color: #064F6F;
	text-decoration: none;
	font-style: italic;
}
a:visited {
	text-decoration: none;
	color: #064F6F;
	font-style: italic;
}
a:hover {
	text-decoration: underline;
	color: #0D6D93;
	font-style: italic;
}
a:active {
	text-decoration: none;
	color: #064F6F;
	font-style: italic;
}

a.TopMenuLink:link {
	color: #064F6F;
	text-decoration: none;
	font-style: normal;
}
a.TopMenuLink:visited {
	text-decoration: none;
	color: #064F6F;
	font-style: normal;
}
a.TopMenuLink:hover {
	text-decoration: none;
	color: #064F6F;
	font-style: normal;
}
a.TopMenuLink:active {
	text-decoration: none;
	color: #064F6F;
	font-style: normal;
}


/* Formit */


.TextField   {
	height: 21px;
	width: 290px;
	border: 1px solid #b5b5b5;
	background-image:url(graphics/form_bg.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	padding-top:4px;
	margin: 0px 0px 10px 0px;
	color: #676767;
}

.TextField_120  {
	height: 21px;
	width: 120px;
	border: 1px solid #b5b5b5;
	background-image:url(graphics/form_bg.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	margin: 0px 0px 10px 0px;
	color: #676767;
}

.TextField_600   {
	height: 21px;
	width: 610px;
	border: 1px solid #b5b5b5;
	background-image:url(graphics/form_bg.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	padding-top:4px;
	margin: 0px 0px 10px 0px;
	color: #676767;
}

.TextField_big   {
	height: 100px;
	width: 290px;
	border: 1px solid #b5b5b5;
	background-image:url(graphics/form_bg.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	padding-top:4px;
	color: #676767;
}


a.button {
    background: transparent url('graphics/bg_button_a.png') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 12px ;
    height: 35px;
    margin-right: 15px;
    padding-right: 20px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('graphics/bg_button_span.png') no-repeat;
    color: #FFF;
    display: block;
    line-height: 25px;
    padding: 5px 0 5px 20px;
}

a.button:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
	color: #FFF;
    padding: 6px 0 4px 20px; /* push text down 1px */
}