/* misc */
*{padding:0px; margin: 0px; list-style:none; border: 0px;}
.clear{clear: both; visibility: hidden; height: 0;}

/* layout */
body {font-family: Verdana, Arial, sans-serif; font-size: 13px; }

#content a{color: #005fe0;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

h1{font-size: 26px; font-weight: normal;}
h2{font-size: 20px; font-weight: normal;}
h3{font-size: 16px; font-weight: normal;}

div#header { width: 951px; position: relative; margin: 12px auto 0px auto; padding-top: 214px;}
div#header img{position: absolute; top: 0; left: 0; }
div#headingcontainer { width: 289px; height: 38px;position: absolute; right: 0px; top: 164px; padding: 12px 0 0 0;  }
	div#headingcontainer h2 {font-weight: bold;}
div.heading_curve {position: absolute; top: 0px; left: -109px; width: 109px; height: 50px; }
h1.logo {position: absolute; top: 0px; left: 0px; width: 491px; height: 115px;  text-indent: -9999px;}
	h1.logo_fntc {position: absolute; top: 0px; left: 0px; width: 491px; height: 115px;  text-indent: -9999px; background: url(/images/logo4.png) no-repeat top left;}
.search_curve{position: absolute; top: 0px; right: -83px; width: 83px; height: 28px; }
#search {position: absolute; right: 15px; bottom: 0;}
	#search input.search-input {width: 100px; height:17px; padding: 3px 10px 0 10px; display: inline; color: #333; background: url(/images/bg_search.png);}
	#search input.search-button {width: 19px; height: 17px; display: inline; text-indent: -999px; background: url(/images/bg_search_submit.png) no-repeat; padding: 0 1px 3px 0; margin-left: 10px;  }
#secondary_menu {width: 701px; height: 28px; position: relative;}

#menu{list-style: none; width:951px;margin: 0px auto; float: left; padding: 0px; font-size: 16px; }
#menu li {float: left; position: relative; width: auto;}
#menu li li {width: 250px;}

#menu li ul {width: 250px; position: absolute; top: 39px; left: 0px; display: none; z-index: 1000; }
#menu li li ul {position: absolute; top: 0px; right: -250px;}

#menu li:hover ul, #menu li.sfHover ul {display: block;}
#menu li:hover ul ul, #menu li.sfHover ul ul {display: none;}
#menu li ul li:hover ul, #menu li ul li.sfhover ul {display: block; top: 0px; right: -250px;margin-left: 250px; }

#menu a, #menu span {text-decoration: none; display: block; padding: 10px 15px;}
#menu span {cursor: default;}
#menu a:hover{text-decoration: underline;}

div.tiedot {border: 5px solid #e6571d; margin: 0 0 50px 139px; width: 421px;  }
div.tiedot2 {margin: 15px 0 10px 139px; width: 421px;  }
div.tiedot p {background: #e6571d; padding: 0 5px 10px 2px; position: relative; line-height: 10px; font-weight: bold;}
div.tiedot2 p {padding: 0 5px 10px 2px; position: relative; line-height: 10px;}
#content div.tiedot p a {color: #fff; }
div.tiedot p a:link {text-decoration: none;}
div.tiedot p a:visited {text-decoration: none;}
div.tiedot p a:hover {text-decoration:underline;}
div.tiedot p a:active {text-decoration: none;}

div.tiedot img {width: 134px; border: 5px solid #fff; left: -149px; top: -5px; position: absolute;}
 div.tiedot2 img {width: 134px; left: -149px; position: absolute;}

table {border-collapse: collapse;}
div.tiedot table, div.tiedot2 table {width: 421px;}

div.tiedot td {margin: 0; padding: 0; vertical-align: top; padding: 4px; background: #fff; width: 261px; }
div.tiedot2 td {margin: 0; padding: 0; vertical-align: top; padding: 3px; width: 261px; }

div.tiedot td.odd {background: #eee;}
div.tiedot td.kooste {border-spacing: 0px; width: 150px; }
div.tiedot2 td.kooste {border-spacing: 0px; width: 140px; }
div.tiedot caption {text-align: left; padding: 0 0 0 25px; background: #fff; width: 100%; font-weight: bold; padding: 5px;}
div.tiedot2 caption {text-align: left; padding: 0 0 0 25px; width: 100%; font-weight: bold; padding: 5px;}

div.havainnekuva img {border: 5px solid #fff;}



#content{width: 951px; margin: 0px auto;}

#menu_footer{list-style: none; width: 951px; margin: 0px auto; padding: 5px 0; text-align: center;}
#menu_footer li {display: inline; }
#menu_footer a{text-decoration: none; padding: 10px; color: #fff; font-size: 10px;}
#maincontent {width: 565px; padding: 15px 12px 20px 28px; float: left;}
#sidecontent {width: 319px; padding: 15px 14px 20px 12px;  float: left;}
	#sidecontent .infobox {padding: 5px 15px;}

	
.cursor_pointer { cursor: pointer; }


#footer {color: #555;}
#footer a {color: #555;}
#footer table {width: 948px; margin: 0 auto;}
#footer td {width: 217px; padding: 10px; vertical-align: top;}
#footer input {border: 1px solid #ddd;}

#galleria img {border: 4px solid #fff; margin: 5px;}

div.contactform { padding: 10px 15px;}
div.contactform label{float: left; color: #333; width: 200px; text-align: right; padding: 2px;}
div.contactform input {float: left;  width: 200px; border: 1px solid #ddd; padding: 2px 5px; margin: 5px 0 0 5px;}
div.contactform textarea {float: left; width: 200px; border: 1px solid #ddd; padding: 2px 5px;margin: 5px 0 0 5px;}
div.contactform input.fbsubmit {width: auto; border: 1px solid #ddd; padding: 2px; margin: 15px 0 0 0; float: right;}
div.contactform legend {margin: 0 0 15px 15px; font-size: 20px; }


/* colors */

body.primary #content{background:#dfeafe;}
body.primary div#header {background: #dfeafe;}
body.primary #secondary_menu {background: #3162c0;}
body.primary div#headingcontainer {background: #3162c0; color: #fff;}
body.primary #menu, body.primary #menu a{background:#08296e; color: #fff; }
body.primary	#menu li.currentpage span {color: #3162c0;}
body.primary	#menu li li {background: #08296e;}


/*
body.primary	#menu li ul {border: 2px solid #3162c0; border-top: 0;}
body.primary	#menu li li ul {border: 2px solid #3162c0; border-left: 0; }

*/
				
body.primary div.heading_curve {background: url(/images/heading_curve1.png) no-repeat top left; }
body.primary h1.logo {background: url(/images/logo1.png) no-repeat top left; }
body.primary div.search_curve {background: url(/images/search_curve1.png) no-repeat top left;}
body.primary #menu_footer {background: #08296e; color: #fff;}

body.secondary #content{background:#ffeee4;}
body.secondary div#header {background: #ffeee4;}
body.secondary #secondary_menu {background: #e6571d;}
body.secondary div#headingcontainer {background: #e6571d; color: #fff;}
body.secondary #menu, body.secondary #menu a, body.secondary #menu li{background:#404042; color: #fff; }


body.secondary div.heading_curve {background: url(/images/heading_curve2.png) no-repeat top left; }
body.secondary h1.logo {background: url(/images/logo2.png) no-repeat top left; }
body.secondary div.search_curve {background: url(/images/search_curve2.png) no-repeat top left;}
body.secondary #sidecontent div.infobox {background:#fff; color: #333; border: 5px solid #e6571d; }
body.secondary #sidecontent h3.infobox {background:#e6571d; color: #fff; font-weight: bold;}
body.secondary #menu_footer {background: #404042; color: #fff;}


body.tertiary #content{background:#ebf2fa;}
body.tertiary div#header {background: #ebf2fa;}
body.tertiary #secondary_menu {background: #ef9b2b;}
body.tertiary div#headingcontainer {background: #ef9b2b; color: #fff;}
body.tertiary #menu, body.tertiary #menu a, body.tertiary #menu li{background:#008ecc; color: #fff; }

body.tertiary div.heading_curve {background: url(/images/heading_curve3.png) no-repeat top left; }
body.tertiary h1.logo {background: url(/images/logo3.png) no-repeat top left; }
body.tertiary div.search_curve {background: url(/images/search_curve3.png) no-repeat top left;}
body.tertiary #sidecontent div.infobox {background:#fff; color: #333; border: 5px solid #ef9b2b; }
body.tertiary #sidecontent h3.infobox {background:#ef9b2b; color: #fff; font-weight: bold;}
body.tertiary #menu_footer {background: #008ecc; color: #fff;}


body.promeo #content{background:#fff5e9;}
body.promeo div#header {background: #fff5e9;}
body.promeo #secondary_menu {background: #008fcd;}
body.promeo div#headingcontainer {background: #008fcd; color: #fff;}
body.promeo #menu, body.promeo #menu a, body.promeo li{background:#2f0c5f; color: #fff; }
body.promeo	#menu li.currentpage span {color: #008fcd;}

body.promeo div.heading_curve {background: url(/images/heading_curve_promeo.png) no-repeat top left; }
body.promeo h1.logo {background: url(/images/logo_promeo.png) no-repeat top left; }
body.promeo div.search_curve {background: url(/images/search_curve_promeo.png) no-repeat top left;}
body.promeo #menu_footer {background: #2f0c5f; color: #fff;}