@charset "UTF-8";
body  { margin: 0; padding: 0; text-align: center; color: #000; font: 0.8em Verdana, Geneva, sans-serif; background-color: #d7975b; }

/* LINKIT */
a { text-decoration: none; }
a:link, a:visited { text-decoration: none; color: #822d00; }
a:hover { text-decoration: underline; color: #000000; }

div#sidebar_ph a, div#sidebar_ph a:link, div#sidebar_ph a:visited { text-decoration: none; color: #fbb03b; }
div#sidebar_ph a:hover { text-decoration: underline; color: #ffee77; }

div#footer a, div#footer a:link, div#footer a:visited { text-decoration: none; color: #fbb03b; }
div#footer a:hover { text-decoration: underline; color: #ffee77; }
/* __________END___________ */

/* SIVUN RUNKOELEMENTIT */
.twoColFixLtHdr #mainContent { width: 660px; float: right; } 
.twoColFixLtHdr #container { width: 920px; margin-left: auto; margin-right: auto; text-align: left; background-image: url(../images/container_bg.png); } 
.twoColFixLtHdr #header { height: 120px; width: 920px; background: url(../images/atlasart.jpg) no-repeat; float: none; } 
.twoColFixLtHdr #sidebar { float: left; width: 260px;}
.twoColFixLtHdr #footer p { margin: 0; padding: 10px 0; }
.twoColFixLtHdr #footer { background: url(../images/footer_bg_ie.jpg) no-repeat; height: 60px; width: 920px; padding: 0; } 
/* __________END___________ */

/* NAVIGAATIO */
.menu { height: 40px; width: 650px; background-image: url(../images/menu_bg.gif); }
.cssnav	{ position:relative; float: left; margin: 0; padding: 0; color: #ffffff; background: url(../images/overbtn.gif) no-repeat; width: 108px; height: 40px; overflow:hidden; }
.cssnav a { display: block; color: #ffffff; font-size: 11px; width: 108px; height: 40px; display: block; float: left; color: black; text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/ }
.cssnav a:hover { color: #ffffff; text-decoration:none; }
.cssnav img {width: 108px; height: 40px; border: 0; }
* html a:hover { visibility:visible }
.cssnav a:hover img{ visibility:hidden }
.cssnav span { position: absolute; left: 15px; top: 9px; text-align: center; color: #ffffff; width: 80px; cursor: pointer; }
.cssnav1	{ position:relative; float: left; margin: 0; padding: 0; color: #ffffff; background: url(../images/overbtn.gif) no-repeat; width: 108px; height: 40px; overflow:hidden; }
.cssnav1 a { display: block; color: #ffffff; font-size: 11px; width: 108px; height: 40px; display: block; float: left; color: black; text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/ }
.cssnav1 a:hover { color: #ffffff; text-decoration:none; }
.cssnav1 img {width: 108px; height: 40px; border: 0; }
* html a:hover { visibility:visible }
.cssnav1 a:hover img{ visibility:hidden }
.cssnav1 span { position: absolute; left: 7px; top: 9px; text-align: center; color: #ffffff; width: 80px; cursor: pointer; }
/* Last button has different rules to fill the space in menu */
.cssnav2	{ position:relative; float: left; margin: 0; padding: 0; color: #ffffff; background: url(../images/overbtn2.gif) no-repeat; width: 110px; height: 40px; overflow:hidden; }
.cssnav2 a { display: block; color: #ffffff; font-size: 11px; width: 110px; height: 40px; display: block; float: left; color: black; text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/ }
.cssnav2 a:hover { color: #ffffff; text-decoration:none; }
.cssnav2 img {width: 110px; height: 40px; border: 0; }
.cssnav2 a:hover img{visibility:hidden}
.cssnav2 span { position: absolute; left: 15px;top: 9px; text-align: center; color: #ffffff; width: 80px; cursor: pointer; }
/* __________END___________ */

/* SIVUPALKKI (SIDEBAR) */
#sidebar_ph { background: url(../images/sidebar_ph.jpg) no-repeat; width: 260px; font-size: 90%; color: #fff; }
#uutuus_kansi { width: 180px; padding: 3px 15px 0 64px; }
#uutuus_otsikko { padding: 4px 4px 0 63px; }
#uutinen2_otsikko { padding: 10px 4px 0 63px; }
#uutinen2_teksti, #uutuus_teksti { padding: 0 4px 0 65px; }
/* __________END___________ */

/* PÄÄSISÄLTÖ (CONTENT) */
#content_frame { min-height: 400px; padding: 5px; width: 620px; background-color: #f4e5d5; }
#contentpage_ph { float: left; background: #f4e5d5; width: 635px; }
#contenttext_ph { width: 550px; float: left; padding-left: 10px;  margin-bottom: 20px;}
#map { height: 370px; width: 480px; margin: 0 40px 15px 30px; border: 2px groove #000; }
.julkaisu_item, .kartta_item { min-height:95px; width: 500px; padding: 15px 30px 0 20px; }
.julkaisu_thumb { display: inline; float: left; width: 75px; margin-right: 12px; }
.julkaisu_desc { float: left; width: 370px; }
.kartta_thumb { display: inline; float: left; width: 110px; margin-right: 12px; border: 0; }
.kartta_desc { float: left; width: 370px; }
/* __________END___________ */

/* TILAUSLOMAKE */
table.tilaus { width: 450px; padding-left: 20px; }
table.tilausvahvistus { width: 450px; margin: 0; border: thin #999; border-top-style: dashed; padding: 2px 1px 2px 20px; }
tr.odd { background: #dcc6af; }
tr.even { background: transparent; }
td.vahvistus_center {text-align: center;}
td.vahvistus_right {width: 50px; text-align: right;}
/* __________END___________ */

/* ALAPALKKI (FOOTER) */
#footer_content { width: 600px; padding: 3px 20px; float: right; text-align: center; font-size: 95%; }
/* __________END___________ */

/* TILAUSNAPPI*/
.orderbtn { width: 450px; padding-left: 20px; padding-bottom: 7px; }
.cssorder { position:relative; float: left; margin: 0; padding: 0; padding-right: 20px; color: #fff; background: url(../images/tilaa_over.jpg) no-repeat; width: 50px; height: 15px; overflow:hidden; }
.cssorder a { display: block; color: #fff; font-size: 95%; width: 50px; height: 15px; display: block; float: left; color: black; text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/ }
.cssorder a:hover { color: #ffffff; text-decoration:none; }
.cssorder img {width: 50px; height: 15px; border: 0; }
.cssorder a:hover img{ visibility:hidden }
.cssorder span { position: absolute; left: 15px;top: 9px; text-align: center; color: #fff; width: 80px; cursor: pointer; }
/* __________END___________ */

/* KIELIVALIKOT */
.language { width: 450px; padding-left: 20px; padding-bottom: 7px;}
.csslang_de { position:relative; float: left; margin: 0; padding: 0; padding-right: 20px; background: url(../images/lang_de_over.jpg) no-repeat; width: 21px; height: 13px; overflow:hidden; }
.csslang_de a { display: block; width: 21px; height: 13px; display: block; float: left; color: black; text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/ }
.csslang_de a:hover { color: #fff; text-decoration:none; }
.csslang_de img {width: 21px; height: 13px; border: 0; }
.csslang_de a:hover img{ visibility:hidden }
.csslang_de span { position: absolute; left: 15px;top: 9px; text-align: center; color: #fff; width: 80px; cursor: pointer; }
.csslang_en { position:relative; float: left; margin: 0; padding: 0; padding-right: 20px;background: url(../images/lang_en_over.jpg) no-repeat; width: 21px; height: 13px; overflow:hidden; }
.csslang_en a { display: block; width: 21px; height: 13px; display: block; float: left; color: black; text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/ }
.csslang_en a:hover { color: #fff; text-decoration:none; }
.csslang_en img {width: 21px; height: 13px; border: 0; }
.csslang_en a:hover img{ visibility:hidden }
.csslang_en span { position: absolute; left: 15px;top: 9px; text-align: center; color: #fff; width: 80px; cursor: pointer; }
/* __________END___________ */

/* LISÄTYYLEJÄ */
img { border: 1px solid #000; }
td img { display: block; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.fltrt_julkaisut_img { float: right; margin: 0 0 5px 10px; }
.content_text_h1 { font-size: 110%; margin-left: 20px; }
.divider_line { height: 1px; width:90%; background: #000; margin: 10px 20px 0; }
.clearfloat { clear:both; height: 0; font-size: 1px; line-height: 0px }
.style1 { font-size: 1em; font-weight: bold; margin-left: 10px; }
.style2 { margin-left: 20px; font-size: 100%; }
.style3 { font-size: 0.88em; margin-left: 20px; }
.style4 { font-weight: bold; color: #000; }
.style5 { color: #aa2626; font-weight: bold; }
.noborder { border: 0 }
/* __________END___________ */