@import url("common.css");

/***************************************************************************************************************************/
/*     FONT-PATTERNS
-------------------------
* ARIAL
      font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
* VERDANA
      font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
* TAHOMA
      font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
* TIMES NEW ROMAN
      font-family: "Times New Roman CE", "Times New Roman", "Times New CE", "Times CE", times, serif;
* COURIER NEW
      font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
* GEORGIA
      font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif;
* IMPACT
      font-family: "Impact CE", "Arial CE", "Techno CE", "Helvetica CE", Impact, lucida, sans-serif;
* CCOMIC SANS MS
      font-family: "Comic Sans MS CE", "Comic Sans MS", "Arial CE", Arial, "Sand CE", "Helvetica CE", lucida, fantasy;
*/
/***************************************************************************************************************************/
/* --------------------------------------- body ------------------ */
#body{margin:0px 0px;padding:0px 0px;background:url(../images/background-body.png) repeat-x top #51683C;}
#body .map{/*position:relative;left:-20px;*/margin-bottom:0px;width:520px;background-color:#fff;float:right;}

/* --------------------------------------- admin-menu ------------------ */
#container #admin-menu,
#admin-menu{position:absolute;left:10px;top:10px;z-index:60;list-style:none;margin:0px 0px;padding:2px 2px;background-color:#ccc;border:1px solid #444;border-left-width:3px;border-bottom-width:3px;}
#container #admin-menu li,
#container #admin-menu li *,
#admin-menu li,
#admin-menu li *{font-size:0.9em;color:#c50000;font-family:"Verdana CE",Verdana,"Arial CE",Arial,"Lucida Grande CE",lucida,"Helvetica CE",sans-serif;}
#container #admin-menu li a:hover,
#admin-menu li a:hover{background-color:#ff9;font-size:0.9em;text-decoration:none;}

/* --------------------------------------- container ------------------ */
#container{background:url(../images/background-head.jpg) no-repeat top center;}
#container *{text-shadow:#000 0 0 0;outline:0;font-family:"Trebuchet MS","Verdana CE",Verdana,"Arial CE",Arial,"Lucida Grande CE",lucida,"Helvetica CE",sans-serif;color:#fff;line-height:1.4;}

/* anchors */
#container a:focus,
#container a:active{outline:0;}
#container a{text-decoration:underline;color:#00c;}
#container a:hover{text-decoration:none;}
#container a img{border:none;}

/* classes */
#container .edit-buttons{overflow:hidden;margin-bottom:10px;width:100%;text-align:left;}
#container .package .edit-buttons{width:50%;}
#container .package .left-column .edit-buttons{width:100%;}
#container .end-float-box{width:100%;overflow:hidden;}
#container .separate{display:block;clear:both;visibility:hidden;margin:0px 0px;padding:0px 0px;height:1px;border:none;}
#container .jump-to{display:none;}
#container .flash{text-align:right;}
#container .decoration-only-up{position:absolute;left:50%;width:50%;top:84px;background-color:#617B4A;}
#container .special-image{position:relative;left:-20px;}
#container #edit-header{height:180px;overflow:auto;}

/* other */
#container p{/*text-indent:1em;*/margin:0px 0px /*1em*/2.15em 0px;}

/* error success */
#container .error,
#container .success{color:#354628; border:1px solid #E76C26;border-left:none;border-right:none;background-color:#F2A56E;padding-top:0.5em;padding-bottom:0.5em;}
#container .error li,
#container .success li{color:#c00;font-weight:800;list-style-image:url(../images/mark-error.gif);}
#container .success{border-color:#354628;background-color:#9DAE68;}
#container .success li{list-style-image:url(../images/mark-success.gif);color:#354628;}

/* gallery */
#container .gallery{overflow:hidden;width:100%;padding-top:1em;}
#container .gallery a{display:block;width:160px;border:1px solid #808080;padding:3px 3px;margin:0px auto 2px auto;text-align:center;}
#container .gallery div.photo{display:block;float:left;width:120px;text-align:center;margin:0px 0px 15px 0px;}
#container .gallery a:hover{border-color:#000;background-color:#ccc;}
#container .gallery a img{padding:0px 0px;border:none;margin:0px auto;float:none;}
#container .gallery a:hover img{visibility:hidden;}
#container .gallery .edit-buttons{clear:both;}
#container .gallery .edit-buttons a{display:inline;border:none;padding:0px 0px;margin:0px 0px;float:none;}
#container .gallery .edit-buttons a.btnIco{display:block;width:20px;height:16px;float:left;visibility:visible;}
#container .gallery .edit-buttons a:hover{background-color:transparent;}
#container .gallery .edit-buttons a:hover img{visibility:visible;}

/* attachments */
#container .attachments{list-style:none;margin:1em 0px;padding:0px 0px;}
#container .attachments li{margin:0px 0px;padding:2px 0px 2px 10px;}
#container .attachments li a img.ext{position:relative;top:4px;}
#container .attachments a{text-decoration:none;}
#container .attachments a:hover{text-decoration:underline;}

/* form */
#container form input,
#container form select,
#container form textarea{border:1px groove #ccc;margin-bottom:5px;margin-right:5px;background-color:#F7F7F7;}
#container form input,
#container form textarea{width:220px;padding:0.2em 0.5em;}
#container form select.wrong,
#container form input.wrong,
#container form textarea.wrong{border-color:#c00;}
#container form .button{border:none;text-align:center;width:auto;padding:0px 0px;margin:0px 0px;background-color:transparent;}
#container form label{display:block;float:left;width:120px;text-align:right;margin-bottom:5px;padding-right:5px;}
#container form label.required{color:#c00;}

/* --------------------------------------- header --------------------- */
#header{width:770px;margin:auto auto;position:relative;padding-top:84px;text-align:center;}
#header img.logo-print{display:none;}
#header a.as-head{display:block;width:183px;height:64px;font-size:14pt;color:#5D763F;background-color:#fff;line-height:64px;font-weight:800;text-decoration:none;position:absolute;overflow:hidden;top:19px;left:28px;}
#header a.as-head span{background:url(../images/logo-screen.png) no-repeat;display:block;width:183px;height:64px;position:absolute;top:0px;left:0px;}
#header #main-logo{position:absolute;left:0px;top:0px;cursor:pointer;}

/* --------------------------------------- content -------------------- */
#content{background-color:#51683c;position:relative;width:100%;overflow:hidden;height:100%;}
#content .decoration-only{height:100%;position:absolute;top:0px;right:0px;background:url(../images/background-right-content.png) #516d3e repeat-x top;width:50%;}
#content .menu-variable{height:154px;position:absolute;top:0px;left:0px;background-color:#3b4e2c;width:50%;}
#content .back{margin:10px 0px;height:1.5em;background:url(../images/arrow-small-left.gif) no-repeat left center}
#content .back a,
#content .next a{line-height:1.5em;color:#fff;padding-left:15px;font-size:7pt;text-transform:lowercase;}
#content .next a{padding:0px 15px 0px 0px;}
#content .next{margin:0px 0px;height:1.5em;background:url(../images/arrow-small-right.gif) no-repeat right center;text-align:right;}

/* package */
#content .package{width:770px;/*min-height:300px;*/padding:0px 0px;margin:auto auto;position:relative;background:url(../images/background-right-content.png) #516d3e repeat-x top;z-index:3;/*padding-bottom:55px;*/overflow:hidden;font-size:9pt;}
#content .package *{font-size:9pt;}
#content .package sup{font-size:7pt;}
#content .package a{color:#E8EBCE;}
#content .package .text{/*position:absolute;top:0px;right:0px;width:490px;*/padding:10px 10px 55px 270px;z-index:50;}
#content .package .flash{padding:0px 0px;text-align:left;/*position:relative;z-index:2;*/}
#content .package .flash .edit-buttons,
#content .package .flash .crumb-navigation{padding-left:270px;}
#content .package .left-column.flash .edit-buttons{padding-left:0px;}
#content .package .text,
#content .package .flash *{font-size:9pt;}
#content .package .text .crumb-navigation,
#content .package .flash .crumb-navigation{margin-bottom:10px;font-size:7.5pt;}
#content .package .text .crumb-navigation *,
#content .package .flash .crumb-navigation *{font-size:7.5pt;}
#content .package .text .crumb-navigation a,
#content .package .flash .crumb-navigation a{color:#3b4e2c;text-decoration:underline;}
#content .package .text .crumb-navigation a:hover,
#content .package .flash .crumb-navigation a:hover{text-decoration:none;}
#content .package .text .crumb-navigation span,
#content .package .flash .crumb-navigation span{color:#3b4e2c;text-transform:uppercase;}
#content .package .flash-content {padding:0px 10px 60px 10px;margin-top:10px;}
#content .package .text .edit-buttons{width:100%;}

/* image-flash footer */
#content .package .image-flash{position:absolute;right:0px;bottom:55px;width:520px;}

/* table */
#content .package .table{border-collapse:collapse;}
#content .package .table thead tr td,
#content .package .table tbody tr td{padding:2px 3px;border:1px solid #b4b49a;}
#content .package .table thead tr td{border:none;}
#content .package .table thead tr td,
#content .package .table thead tr td *{background-color:#3b4e2c;color:#e2e2c8;text-align:center;font-weight:800;font-size:7pt;}
#content .package .table tbody tr td,
#content .package .table tbody tr td *{background-color:#e2e2c8;color:#3b4e2c;text-align:center;font-size:7pt;}
#content .package .table tbody tr.even td,
#content .package .table tbody tr.even td *{background-color:#d1d2a6;}

/* heads */
#content .package .text h1,
#content .package .text .as-h1{font-size:13pt;font-weight:800;margin:1em 0px 0.5em 0px;margin-top:0px;color:#e8ebce;font-weight:normal;}
#content .package .text h2,
#content .package .text .as-h2,
#content .package .text h2 a{color:#e8ebce;font-size:11pt;margin:0.8em 0px 0.3em 0px;font-weight:800;}
#content .package .text h2 a{margin:0px 0px;text-decoration:none;}
#content .package .text h2 a:hover{text-decoration:underline;}
#content .package .text h3,
#content .package .text .as-h3{color:#e8ebce;font-size:10pt;font-style:italic;margin:0.8em 0px 0.3em 0px;}
#content .package .text h4,
#content .package .text .as-h4{color:#e8ebce;font-size:9pt;margin:0.6em 0px 0.1em 10px;}
.invisible-heading { display:none; }

/* photogallery */
#content .package .photogallery{width:490px;overflow:hidden;margin:0 0 1em 0;}
#content .package .photogallery .image{padding:0px 5px 10px 0px;float:left;width:158px;height:101px;text-align:center;}
#content .package .photogallery .image a.highslide{display:block;border:1px solid #3B4E2C;width:150px; height:101px; }
#content .package .photogallery .image a.highslide:hover{display:block;border:1px solid #12170D;width:150px;}

/* left-column */
#content .left-column{float:left;width:250px;}

/* left-column flash */
#content .left-column.flash{position:absolute;left:0px;top:0px;padding:0px 0px;z-index:60;}

/* --------------------------------------- sub content ----------------- */
#sub-content{margin:auto auto;background-color:#516D3E;}
/* news */
#sub-content .news{margin:0px 0px;padding:12px 10px;width:230px;background:url(../images/background-news.gif) #516D3E no-repeat 0px 50px;height:100%;}
#sub-content .news ul{list-style:none;margin:0px 0px;padding:0px 0px;}
#sub-content .news ul li{margin:20px 0px;padding:0px 0px;}
#sub-content .news ul li a{display:block;width:226px;overflow:hidden;text-decoration:none;position:relative;z-index:20;cursor:pointer;}
#sub-content .news ul li a:hover,
#sub-content .news ul li a:hover *{color:#E6E6E6;}
#sub-content .news ul li span.date{display:block;width:45px;float:left;position:relative;z-index:-1;}
#sub-content .news ul li span.text{background:none;padding:0px 0px;display:block;width:180px;float:right;position:relative;z-index:-1;}
#sub-content .news ul li span.text span{text-decoration:underline;font-size:7pt;}
#sub-content .news ul li span.text img{padding-left:2px;position:relative;top:3px;}
#sub-content .news ul li span.arrow{clear:both;display:block;width:12px;height:12px;background:url(../images/arrow-small-right.gif) bottom right no-repeat;}
#sub-content .news strong{background:url(../images/background-news-strong.png) no-repeat 3px center #f4f5e6;color:#516d3e;font-weight:normal;text-transform:uppercase;display:block;width:197px;height:25px;line-height:25px;padding-left:28px;text-align:left;font-size:10pt;}
#sub-content .news ul li.all-news{padding-left:45px;background:url(../images/arrow-small-right.gif) 45px center no-repeat;margin-bottom:5px;}
#sub-content .news ul li.all-news a{display:inline;text-decoration:underline;font-size:7pt;color:#fff;padding-left:15px;}
#sub-content .news ul li.all-news a:hover{text-decoration:none;}

/* attachments */
#sub-content .attachments{margin:0px 0px;padding:0px 0px;width:250px;list-style:none;}
#sub-content .attachments li{background:url(../images/background-attachments.png) no-repeat left bottom;margin:0px 0px;padding:0px 30px 0px 0px;border-bottom:1px solid #4b6737;height:40px;}
#sub-content .attachments li a.attach{background:url(../images/icon-pdf.png) no-repeat right center;width:140px;height:34px;padding:3px 60px 3px 20px;display:block;color:#E8EBCE;}

/* --------------------------------------- main menu ------------------ */
#container .main-menu-cont{background:url(../images/background-main-menu-cont.gif) repeat-y top left #EC7F33;width:250px;}

#main-menu{background:url(../images/background-menu.jpg) bottom left no-repeat;width:220px;margin:0px 0px;padding:15px 30px 15px 0px;list-style:none;text-align:right;}
#main-menu .edit-buttons{text-align:right;}
#main-menu .edit-buttons a,
#main-menu .edit-buttons span{float:right;}
#main-menu li{margin:2px 0px;}
#content .package #main-menu li a{color:#fff;text-decoration:none;text-transform:uppercase;font-weight:800;}
#content .package #main-menu li a:hover,
#content .package #main-menu li.select a{color:#3b4e2c;}
#main-menu li ul{list-style:none;margin:6px 0px;display:none;}
#main-menu li.select ul{display:block;}
#main-menu li ul li{margin:0px 0px;padding:0px 0px;}
#content .package #main-menu li ul li a.mm{background:url(../images/background-sub-li-off.gif) no-repeat center right;text-transform:lowercase;color:#3b4e2c;text-decoration:underline;font-weight:normal;padding-right:10px;}
#content .package #main-menu li ul li a.mm:hover,
#content .package #main-menu li ul li a.mm.select{background:url(../images/background-sub-li-on.gif) no-repeat center right;text-decoration:none;}

/* --------------------------------------- sitemap ------------------ */
#sitemap{list-style:none;margin:0px 0px;padding:0px 0px;}
#sitemap li{margin:15px 0px;padding:0px;}
#content .package #sitemap li a.anchor{background:url(../images/arrow-small-right.gif) transparent no-repeat 0px center;padding-left:15px;color:#fff;}
#sitemap li ul{list-style:circle;}
#sitemap li ul li{margin:4px 0px;}
#content .package #sitemap li ul li a.anchor{background:none;padding-left:0px;text-decoration:none;color:#E8EBCE;}
#content .package #sitemap li ul li a.anchor:hover{text-decoration:underline;}
#sitemap li ul li ul{list-style:disc;}

/* --------------------------------------- language menu ------------------ */
#language-menu{position:absolute;top:69px;right:29px;background:url(../images/background-language-menu.gif) no-repeat 1px center #f4f5e6;list-style:none;margin:0px 0px;padding:0px 0px 0px 15px;width:78px;height:15px;line-height:15px;}
#language-menu li{background:url(../images/background-language-menu-li.gif) no-repeat right center;margin:0px 0px;padding:0px 4px 0px 1px;display:inline;}
#language-menu li.last{background:none;margin:0px 0px;padding:0px 0px 0px 1px;display:inline;}
#language-menu li a{color:#516d3e;font-size:7.5pt;}
#language-menu li a:hover,
#language-menu li a.select{color:#ec7f33;text-decoration:none;}

/* --------------------------------------- footer --------------------- */
#footer{background:url(../images/background-footer.png) no-repeat 20px center #3b4e2c;text-align:right;position:absolute;bottom:0px;right:0px;width:520px;height:55px;z-index:10;}
#content .package #footer *{font-size:7pt;}
#content .package #footer a{color:#fff;text-decoration:underline;}
#footer a:hover{text-decoration:none;}
#footer p{padding:10px 15px 0px 0px;margin:0px 0px;}
#footer p.no-top-padding {padding:0px 15px 0px 0px;margin:0px 0px;}


#content .package form { margin:10px; margin:0 0 80px 0; width:420px; background-image:url(../images/form-line1.png); background-repeat:repeat-x; } 
#content .package fieldset.napiste { width:400px; border:none;}
#content .package fieldset.napiste legend { font-size:20px; color:#fff; font-weight:bold; margin:auto; padding:0; text-align:center; line-height:60px;}
#content .package fieldset.napiste label {padding:2px; text-align:left;width:200px;}
#content .package fieldset.napiste input {color:#000; border:none; background:#bfc993;}
#content .package fieldset.napiste input.tel { width:140px;}
#content .package fieldset.napiste input.mejl { width:392px; }
#content .package fieldset.napiste input.meno { width:230px; }
#content .package fieldset.napiste textarea {color:#000; width:394px; border:none; background:#bfc993}
#content .package fieldset.napiste .odeslat { font-size:15px; font-weight:bold; margin:2px 0 0 0; color:#fff; float:right; /*background:#bfc993;*/ background:url(../images/form-odeslat.jpg) no-repeat; width:95px; height:21px; padding:0 0 4px 0; }


/*.warningmail {background:#FF0000; list-style:none; padding:0 10px; }
.succesmail {background:#33CC00; list-style:none; padding:0 10px; }*/
.required{color:#ccc;font-weight:normal; }
.wrong{color:#c00; }
#content .package fieldset.napiste .formall {display:block; margin:2px;}
#content .package fieldset.napiste div {padding:0;}
#content .package fieldset.napiste div.floatdiv { float:left;} 
#content .package fieldset.napiste div.floatdivtel {float:left; width:138px;} 
#content .package fieldset.napiste div.floatdivclear { clear:both;}