/* 
    Document   : style.css
    Author     : jason / feedimage
*/

/*
    Swatches:
                White: #fff
                Text: #444

*/


html{
    background-image:url(systeemigrafiikka/htmlbackground-2.png);
    background-repeat:repeat-x;
    background-color:#fffefa;
    height:100%;
}

body{
    color:#333;
    
    <?php 
    
    if (isset($_COOKIE["fontsize"])){
        
        $size=$_COOKIE["fontsize"]; echo "font-size:".$size.";";

    }
    
     else {
        echo "font-size: 10pt;";
    }

    ?>


    /*font-family: 'Droid Sans', arial, serif;*/
    

    <?php

    if (isset($_COOKIE["fontfamily"])){

        $fontfamily=$_COOKIE["fontfamily"];
        include('fontsetup.php');
        echo $fontfamily;

        
        

    }

    else {
        echo "font-family: 'Droid Sans', arial, serif;";
    }

    ?>


    

  <?php

    if (isset($_COOKIE["textalign"])){

        $textalign=$_COOKIE["textalign"]; echo "text-align:".$textalign.";";

    }

    else {
        echo "text-align:left;";
        
    }

    ?>

    overflow:-moz-scrollbars-vertical;
    margin-bottom:1.5em;
    
}


A:link {color:black;text-decoration: underline}
A:visited {color:#777;text-decoration: underline}
A:active {color:gray;text-decoration: none}
A:hover {color:black;    background-image:url(systeemigrafiikka/wallpaper_hover.png);  background-position:top; text-decoration: none}

h1,h2,h3,h4,h5,h6{ text-align: left!important;
    color:#444;
       <?php

    if (isset($_COOKIE["fontfamily"])){

        $fontfamily=$_COOKIE["fontfamily"];
        include('fontsetup.php');
        echo $fontfamily;

    }

    else {
        echo "font-family: 'Droid Sans', arial, serif;";
        
    }

    ?>
    font-weight: normal;
    margin-bottom:0.5em;


}

h1{font-size:28pt;}
h2{font-size:22pt;}
h3{font-size:18pt;
   color:#2B8DC0;
   background-image:url(systeemigrafiikka/h2.png);
background-position: bottom;}
h4{font-size:16pt; padding-left:0.3em;}
h5{font-size:14pt; margin-left:0.3em; margin-right:0.3em; border-bottom:1px dashed #ccc;}
h6{font-size:12pt; padding-left:0.4em;}

p{padding-left:0.5em; padding-top:0;padding-right:10px; padding-bottom:1em;line-height:1.4em; /*text-align: justify; word-spacing: -2px;*/
  color:#555;  }


blockquote.blog {
    color:#444;
    font-style: italic;
    padding: 18px;
    background-color:#efefef;
    /*border-left:5px solid #eee;*/
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: 0px;
    margin-bottom:1em;
  }
  blockquote.blog span {
     display: block;
/*     background-image: url(closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;*/
   }

.bqcredits{text-align:right; font-style:normal; color:#333;}


.font8{font-size:8pt;}

.aaa{color:#aaa;}

br{clear:both;}
br.noclear{clear:none;}
.round{-moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px;}
.round6{border-radius:6px;}
.round12{border-radius:12px;}

hr{display: block;position: relative;padding: 0 0 10px 0;margin: 8px auto;width: 100%;
clear: both;border: none;border-top: 1px solid #ccc;border-bottom: 1px solid #fff;
}


.top{position:absolute; right:8px; bottom:0px; border:0px solid black;}



/* 120 */



#nav{position:relative;margin:0 auto;  padding-top:5px;width:878px; height:40px;
     /* 855px */
 font-size: 15px;
 font-family: Verdana, Geneva, sans-serif;
 color:#473f26;
 font-variant: small-caps;
 /*margin-bottom:95px;*/
 background-image:url(systeemigrafiikka/navbar-bg.png);
 background-repeat:no-repeat;
 background-position:bottom;
 padding-left:22px;
 
}


#nav ul{float:left; margin-left:0px;height:34px;margin-top:5px; width:855px; list-style-type:none;}

#nav li {
    float:left;
    color:black;
    height:30px;
    border-right:1px dotted #ccc; /*999*/
    /*border-left:1px solid #eee;*/
}



#nav a{float:left; height:26px;  text-decoration:none; padding:4px 15px 0px 15px; }


#nav a:hover{background-image: url(systeemigrafiikka/button_hover2.png)!important; background-position:top right;background-repeat:repeat-x;}

#nav a.eka:hover{background-image: url(systeemigrafiikka/button_hover2.png)!important; background-repeat:repeat-x; background-position:top left;}

.active {background-image: url(systeemigrafiikka/button_sel.png); background-repeat:no-repeat;float:left; height:26px!important; text-decoration:none;padding:4px 15px 0px 15px; background-position:top right; cursor:default;}

.activehome {background-image: url(systeemigrafiikka/button_sel.png); background-repeat:no-repeat;float:left; height:26px!important; text-decoration:none;padding:4px 15px 0px 15px; background-position:top left; cursor:default;}



/*#nav li a:hover{background-image: url(systeemigrafiikka/menu-hover.png); color:#ddd;color:#FBCC4D;}*/

/*#nav li.active{width:25px;cursor:default; height:23px;
       color:#FBCC4D;padding-top:0px;padding-left:0px;
       background-image: url(systeemigrafiikka/menu-activestate-2.png);}*/

#uusimmat{margin:0 auto;width:900px; height:120px; border:0px solid black;}

#contentTop{position:relative;margin:0 auto; padding-top:0px;width:900px; padding-left:0px; height:95px; height:110px;}
/*856px*/

#content{position:relative;margin:0 auto;width:900px; margin-top:-1px;padding-top:0px;
         background-image:url(systeemigrafiikka/contentbackground.png);
         background-repeat:repeat-y; min-height:550px;
         
         }





#vasemalle{float:left; margin-left:50px; margin-right:43px; width:500px;}
#oikealle{float:left;  margin-left:9px;margin-right:29px; width:260px;}

/*#vasemalle p{text-shadow: 0px 1px 5px #ccc;}*/


#footer{
    margin:0 auto;
    margin-top:0px;
    width:900px;
    background-image:url(systeemigrafiikka/realfooter_bg.png);
    background-repeat:repeat-y;
    background-position:top;
}


#footer p{padding-left:1em;font-size:9pt; color:#777;}

.margin50{float:left;margin-left:50px;}


a.uudetKuvatA:link{color:black; border:0px solid black;text-decoration: none}
a.uudetKuvatA:visited{color:black; border:0px solid black;text-decoration: none}
a.uudetKuvatA:active{color:black; border:0px solid black;text-decoration: none}
a.uudetKuvatA:hover{color:black;border:0px solid black;text-decoration: none}

.uudetKuvat img{border:0px solid black!important;}

.uudetKuvat{border:1px solid #ddd;  margin:0;padding:4px; margin-bottom:1em; font-size:8pt; width:250px;}
.uudetKuvat:hover{border:1px solid aqua;
      background-image:url(systeemigrafiikka/wallpaper_hover.png);
background-repeat:repeat-x; background-position:top;
}


.uudetKuvat img{float:left; margin-right:4px;}
.uudetKuvat p{float:left; width:110px; padding:0px!important; margin:0!important;}

.Front{float:left; width:100%;border:1px dashed #ddd;  margin:0; margin-bottom:1em; font-size:8pt; }
.Front:hover{border:1px solid aqua;
      background-image:url(systeemigrafiikka/wallpaper_hover.png);
background-repeat:repeat-x; background-position:top;
}
.Front img{float:left; border:0px solid black; margin:10px;}
.Front p{float:left; font-size:10pt;padding:0px!important; margin:0!important;}


.wallFrame{text-align:center;margin: 0 auto; margin:7px; margin-bottom:2px;width:144px;
         border:1px solid #ddd; background-color:white; font-size:8pt; padding:3px;}
.wallFrame:hover{ border:1px solid #aff3ff; background-image:url(systeemigrafiikka/wallpaper_hover.png);
background-repeat:repeat-x; background-position:top;}

.wallFrame img{padding-top:3px; margin:0px; border:0px solid red;}
.wallFrame b{color:#666;}


/* kauppapaikka */

.info{margin-left:5px;position:relative; border:1px solid #ddd;margin-bottom:10px; height:95px; padding-bottom:10px; padding-left:5px; padding-right:5px;}
/*.info:hover{position:relative; border:1px solid #ccc;margin-bottom:10px;}*/

.help{border:1px dashed #ddd; background-color:white; color:#666;}
.help:hover{border:1px dashed #ddd; background-color:white;}

.license{position:absolute; left:15px; bottom:10px;}

.hinta{position:absolute; top:0px; right:5px;}
.osta{color:black; position:absolute; right:10px; bottom:10px;}


/* websivut */

.webFrame{margin: 0 auto; margin-top:5px; margin-bottom:10px;padding:8px;width:224px;
         border:1px dashed #ddd; background-color:white;}

.imgFrame{margin:5px; padding:8px;border:1px solid #ddd; -moz-border-radius:2px;}


/* formit */


fieldset {
    position:relative;
    border: 1px solid #7F5417;
    background-color:#fafafa;
    -moz-border-radius:6px;
    /*box-shadow: 0px 0px 5px #7f786e;*/
    margin-bottom:1.5em;
    padding:0em;
}

legend {
    color:black;
    border-left:1px solid #7F5417;
    border-right:1px solid #7F5417;
    padding: 0px 5px 2px 5px;
    margin-left:10px;
    background-image: url(../systeemigrafiikka/form-legend-bg.png);
    background-repeat:repeat-x;
    background-position:bottom;
}

label {
    display: block;
    float: left;
    width: 130px;
    text-align: right;
    padding-right: 7px;
    margin-bottom: 1em;
}

label.checkbox {
    display: block;
    float: left;
    width: 130px;
    text-align: right;
    padding-right: 7px;
    margin-bottom: 1em;
}

textarea{border: 1px solid #177F75;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        display: block;
        float: left;
        margin-bottom: 1em;
        font-size:0.9em;}

input[type="text"], input[type="url"] {
  border: 1px solid #177F75;
  font-family:Verdana, Arial, Helvetica, sans-serif;

}
input[type="submit"]{
    margin-top:1em;
    float:right;
    margin-right:15px;
}

input[type="checkbox"]{
    margin-top:4px;
}

input[type="text"], select {
  display: block;
  float: left;
  margin-bottom: 7px;
}


/* tablet */

table {margin:0 auto;border:1px solid #888; border-collapse:collapse; width:90%; margin-top:0.3em;margin-bottom:1em;}
th {padding:5px; border:1px solid #888;}
td {padding:5px; border:1px solid #888;}
/*tr:hover{background-color:#f5f5f5;}*/


.tableTH{background-color:#efefef;}

.margintop4{margin-top:4px;}


#esittely, #ruokabrowse{float:left; width:100%; padding:5px; padding-left:0px;border:1px dashed #ddd; position:relative;}

#esittely img{float:right; margin-left:10px; margin:0; border:0px;}
#ruokabrowse img{float:right; margin:0;margin-left:10px;  border:1px solid #aaa;}



#ruokabrowse:hover{background-image:url(systeemigrafiikka/wallpaper_hover.png); background-repeat:repeat-x;}


#ruoka{}
#ruoka ul{padding:10px; list-style:none inside;}
#ruoka li{padding:0px 2px 2px 2px; border-bottom:1px dashed #ddd;}
#ruoka li:hover{background-image:url(systeemigrafiikka/ruoka_hover.png); background-repeat:repeat-x;}
#ruoka ol{padding:10px; padding-left:2.5em;list-style-type:decimal}
#olli li{margin-bottom:1em; padding:0px 2px 0px 2px; border:0px solid white;}

#ruokasub{}
#ruokasub li{list-style-position:inside; list-style:none; padding-left:10px; padding-bottom:0.2em;}

#ruoka A:hover {color:black;    background-image:url(systeemigrafiikka/wallpaper_hover--.png);  background-position:top; text-decoration: none}

.emtpy{background-image:url(systeemigrafiikka/emtpy.png);}

a.tooltip:hover {
    background-color:#fff;
    text-decoration:none;
}

a.tooltip span {
    display:none;
    padding:2px 3px;
    margin-left:-17em;
    margin-top:-12em;
}

.positori{margin-left:2em!important; margin-top:1em!important;}

a.tooltip:hover span{
    display:inline;
    position:absolute;
    background-color:#ffffff;
    border:1px solid #cccccc;
    width:240px;
    color:#6c6c6c;
    box-shadow: 0px 0px 8px #aaa;
}




/* Q&A */

.question {width:490px; padding:5px; margin-bottom:5px;
    background-image: url(systeemigrafiikka/question-gradient.png);
    background-repeat: repeat-x;
    background-position: top;
    border:1px solid #f2dfd8;
    margin-bottom:0.8em;
}

.answer {width:490px; padding:5px; margin-bottom:5px;
    background-image: url(systeemigrafiikka/answer-gradient.png);
    background-repeat: repeat-x;
    background-position: top;
    border:1px solid #e4f3e5;
    margin-bottom:3px;
}


/* BLOGIIN */

#content ul,ol{margin-bottom:1em; padding-left:1.5em;list-style-position: inside; list-style-type: circle;}
#content ol{list-style-type: decimal;}
#content li{}

.staron{color:#f5b100; font-size:18px; text-shadow: 0px 0px 5px #f5b100;
filter: dropshadow(color=#ff9900, offx=0, offy=0);}

.staroff{color:#d7d2c4;font-size:18px;
text-shadow: 0px 0px 5px #d7d2c4;
filter: dropshadow(color=#ff9900, offx=0, offy=0);}

.staronSecondary{color:#f5b100; font-size:11px;}
.staroffSecondary{color:#d7d2c4;font-size:11px;}


.font8pt{font-size:8pt;}

.alamenu {float:left; margin-top:0.5em; margin-bottom:2em; width:500px; color:#aaa; padding-top:2px; padding-right:2px; border-bottom:1px solid #88afcf;  }
.valikko {float:left; margin-top:2em;padding:5px; padding-top:8px;width:490px; border-top:1px dashed #aaa;}

.feature{padding:5px;border:1px solid #999; margin-bottom:1em;}


.font22{font-size:22px;}

.center{display:block; margin:0 auto; text-align:center; padding-bottom:0.5em;}


/* kuvat */

.ilmainen, .laadukas, .mobile, .print {color:#778078;position:relative; background-repeat:repeat-x; background-position:bottom; padding:5px; margin-bottom:1em;}

.ilmainen{color:#778078;border:1px solid #e4f3e5; background-color:#e4f3e5;
 background-image: url(systeemigrafiikka/answer-gradient.png);
    padding:5px;
}

/*.ilmainen:hover{box-shadow:0px 0px 8px #e4f3e5;}*/

.laadukas{color:#778078;border:1px solid #f2d8ef;
background-image: url(systeemigrafiikka/laatu-gradient.png);
    }
.mobile{border:1px solid #d8e7f2;
background-image: url(systeemigrafiikka/mobile-gradient.png);
    }

.print{border:1px solid #f2dbd8;
background-image: url(systeemigrafiikka/printti-gradient.png);
    }

    /*
.buttonFree, .buttonQuality, .buttonMobile, .buttonPrint {position:absolute; cursor:pointer; text-decoration:none; bottom:10px; right:10px; width:120px; text-align:center; padding:5px;}
*/

.buttonFree{color:#778078!important; background-color:#e4f3e5; border:1px solid #d7e6d8;}
.buttonQuality{color:#8c7d8b!important; background-color:#f2d8ef; border:1px solid #e6cde3;}
.buttonMobile{color:#7d868c!important; background-color:#d8e7f2; border:1px solid #cddbe6;}
.buttonPrint{color:#8c7f7d!important; background-color:#f2dbd8; border:1px solid #e6d0cd;}

        /* tekstistä -40 */

        /*
.buttonFree:hover{box-shadow: 0px 0px 8px #d7e6d8; background-color:#edfaee; border:1px solid #ddebdd;}
.buttonQuality:hover{box-shadow: 0px 0px 8px #e6cde3; background-color:#fae3f7; border:1px solid #ebd5e8;}
.buttonMobile:hover{box-shadow: 0px 0px 8px #cddbe6; background-color:#e3f0fa; border:1px solid #d5e1eb;}
.buttonPrint:hover{box-shadow: 0px 0px 8px #e6d0cd; background-color:#fae6e3; border:1px solid #ebd8d5;}*/

.tn{text-decoration:none!important;}


#infoPage{}
#infoPage ul{position:absolute;bottom:10px; right:10px; list-style-type: none; padding:0; margin:0;width:130px; }
#infoPage li{text-align:center; padding:0; margin:0;}
#infoPage a{color:#778078;display:block; padding:5px; text-decoration:none;}
#infoPage a:hover{color:#556056;box-shadow: 0px 0px 8px #bbb;}

#tk{}
#tk p{color:#807d77;font-size:10px; padding:0;}
#tk a{color:#444;text-decoration:none!important; background-image:url(none)!important;}
#tk img{padding:0px; box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666;background-color:#fae2df;}


.tkThumbList{position:relative;float:left;border:1px solid #e6e0d5; width:140px; height:145px;margin-bottom:7px; margin-left:7px; background-color:#fff9ed; padding:10px 8px 8px 8px;}
.tkThumbList:hover{border:1px solid #c6e6e6; background-color:#e6ffff; background-image:url(systeemigrafiikka/wallpaper_hover.png);
background-repeat:repeat-x; background-position:bottom;
-webkit-box-shadow: 0px 0px 3px #c6e6e6;
box-shadow: 0px 0px 3px #c6e6e6;  cursor:pointer;}

.tkThumbListSmall{position:relative;float:left;border:1px solid #e6e0d5; width:100px; height:100px;margin-bottom:7px; margin-left:7px; background-color:#fff9ed; padding:10px 8px 8px 8px;}
.tkThumbListSmall:hover{border:1px solid #c6e6e6; background-color:#e6ffff; background-image:url(systeemigrafiikka/wallpaper_hover.png);
background-repeat:repeat-x; background-position:bottom;
-webkit-box-shadow: 0px 0px 3px #c6e6e6;
box-shadow: 0px 0px 3px #c6e6e6;  cursor:pointer;}

.tkThumbListBig{position:relative;float:left; width:500px;border:1px solid #e6e0d5; margin-bottom:1em; padding-top:2em; background-color:#fff9ed;}
.tkThumbListBig:hover{border:1px solid #c6e6e6; background-color:#e6ffff; background-image:url(systeemigrafiikka/wallpaper_hover.png);
background-repeat:repeat-x; background-position:bottom;
-webkit-box-shadow: 0px 0px 3px #c6e6e6;
box-shadow: 0px 0px 3px #c6e6e6;  cursor:pointer;}


#infoapua{font-size:11px;}
#infoapua ul{list-style-position: outside; list-style-type: none; padding-left:0.5em;}
#infoapua li{padding-bottom:0.5em;}
#infoapua .darker{color:#999; font-weight: bold;}
#infoapua h5{border-bottom:1px dashed #ccc;}

#tableSort{}

#tableSort td{padding:5px!important;}


#tableSort a{padding:5px; text-decoration: none; display:block;
                }


#tableSort .tdLink{padding:0px!important;}


#tableSort thead{background-color:#eee;}

#tableSort .tdCenter{text-align:center;}

/* toolbar */

#toolbar {margin:-9px -10px 5px 0px; height:18px; font-size:8pt; text-align:right;  font-family: Verdana, Geneva, sans-serif; }

#toolbar ul{float:left; padding:0;margin-left:0px;height:26px;margin:0px; list-style-type:none; list-style-position: outside; border-right:1px solid #eee;}
#toolbar li{float:left;  padding:0px; margin:0;height:20px; width:auto;}
#toolbar .activeb {padding:3px; height:14px; background-color:#f1ffff; color:#999; cursor:default;}
#toolbar a{display:block;float:left; padding:3px; margin:0;  text-decoration:none;    color:#bbb!important;}