/* -------------------MAIN ------------------- */

body {
background-image:url('/files/minigrip/images/tausta.png');
margin:20px;
padding:0;
}

#logo {
width: 700px;
margin: 0 auto 5px;
padding:0;
overflow: hidden;
}

  #mgLogo {
float: left;
  }

  #suominenLogo {
   float: right;
   margin-top: 15px;
  }

#header {
background-image:url('/files/minigrip/images/header.png');
background-repeat: repeat-x;
width: 787px;
margin:0;
padding-top: 18px;
padding-left: 1px;
}

* html #header {
height: 48px;
overflow: hidden;
}

#main {
background-image:url('/files/minigrip/images/middle.png');
width: 787px;
margin: 0 auto;
padding:0;
overflow: hidden;
}


#footer_ala {
background-image:url('/files/minigrip/images/footer.png');
width: 787px;
height: 48px;
margin: 0 auto;
padding:0;
}


/* -------------------CONTENT------------------- */

#content {
width: 787px;
margin:0;
padding:0;
}


/* -------------------JOULUN AIKANA OLEVA ETUSIVUN KUVA, KOMMENTTEIHIN
TAI POISTOON VIIKOLLA 53------------------- */

#etusivu_vali {
background-image:url('/files/minigrip/images/minigrip_joulu_etusivu_vali.jpg');
width: 755px;
height: 11px;
padding: 0;
margin-left: 17px;
overflow:hidden;
}

#etusivu_vali2 {
background-image:url('/files/minigrip/images/minigrip_etusivu_joulu.jpg');
width: 755px;
height: 304px;
margin-left: 17px;
padding:0;
}

/* ---------------- OIKEA ETUSIVUN KUVA ------------ */
/*
#etusivu_vali {
background-image:url('/files/minigrip/images/index_vali.png');
width: 755px;
height: 11px;
padding: 0;
margin-left: 17px;
overflow:hidden;
}

#etusivu_vali2 {
background-image:url('/files/minigrip/images/minigrip.png');
width: 755px;
height: 304px;
margin-left: 17px;
padding:0;
}*/


/* -------------------MINIGRIP------------------- */
#minigrip_vali2 {
background-image:url('/files/minigrip/images/minigrip_kuva.png');
width: 755px;
height: 211px;
margin-left: 17px;
padding:0;
}


#minigrip_vali {
background-image:url('/files/minigrip/images/minigrip_vali.png');
width: 755px;
height: 12px;
padding: 0;
margin-left: 17px;
overflow:hidden;
}

#minigrip_vali2_tx {
font-family: Trebuchet MS;
font-size: 13px;
color: #505050;
font-style:italic;
margin: 0 0 0 380px;
padding-top: 25px;
width: 340px;
height: 160px;
}

/* -------------------NIKSIT------------------- */
#niksit_vali {
background-image:url('/files/minigrip/images/niksit_vali.png');
width: 754px;
height: 11px;
padding: 0;
margin-left: 17px;
overflow:hidden;
}

#niksit_vali2 {
background-image:url('/files/minigrip/images/niksit_header.png');
width: 754px;
height: 211px;
margin-left: 17px;
padding:0;
overflow:hidden;
}

#niksit_vali2_tx {
font-family: Trebuchet MS;
font-size: 13px;
color: #505050;
font-style:italic;
margin: 0 0 0 30px;
padding-top: 25px;
width: 690px;
height: 160px;
overflow:hidden;
}
/* -------------------KILPAILU------------------- */
#kilpailu_vali {
background-image:url('/files/minigrip/images/kilpailu_vali.png');
width: 755px;
height: 11px;
padding: 0;
margin-left: 17px;
overflow:hidden;
}

#kilpailu_vali_tx {
font-family: arial;
font-size: 12px;
color: #000;
margin-left: 60px;
margin-top: 20px;
width: 755px;
}
/* -------------------ALASIVU------------------- */
#alasivu_vali {
background-image:url('/files/minigrip/images/alasivu_vali.png');
width: 755px;
height: 11px;
padding: 0;
margin-left: 17px;
overflow:hidden;
}


/* -------------------TEXT------------------- */

#tx {
font-family: arial;
font-size: 12px;
color: #000;
margin: 14px 40px 0 60px;
}



/* -------------------FOOTER------------------- */

#etusivu_footer_tausta {
background-image:url('/files/minigrip/images/index_footer2.png');
position: absolute;
width: 754px;
height: 152px;
margin-left: 18px;
margin-top: -2px;
padding:0;
overflow:hidden;
}

#minigrip_footer_tausta {
background-image:url('/files/minigrip/images/minigrip_footer.png');
position: absolute;
width: 754px;
height: 151px;
margin-left: 18px;
margin-top: -2px;
padding:0;
overflow:hidden;
}

#minigrip_footer_tx {
font-family: Trebuchet MS;
font-size: 12px;
color: #505050;
font-style:italic;
margin: 0 0 0 20px;
padding-top: 15px;
/* width: 600px;
height: 140px; */
}

#footer {
width: 787px;
height: 122px;
margin:0;
padding:0;
overflow:hidden;
}

#footer_tx {
margin:15px;
padding:0;
}

#footer3 {
width: 720px;
height: 25px;
margin: 0 auto;
padding: 0;
}

/* -------------------FOOTER LINQ------------------- */

#copyright {
color: #a58858;
font-family: arial;
font-size: 11px;
float: left;
}


#palaute_kerrokaverille {
color: #a58858;
font-family: arial;
font-size: 11px;
background-image:url('/files/minigrip/images/tausta.png');
float: right;
}


/* -------------------Navigaatio------------------- */

#navigaatio {
width: 755px;
height: 46px;
padding: 0;
margin: 0 auto;
margin-top: -9px;
background-color: #0173ba;
background: transparent url(/files/minigrip/images/mainnavi_bg.png) left top no-repeat;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
font-style: italic;
color: orange;
}

* html #navigaatio {
background: transparent;
}

#navi{
margin: 10px 0 0 0;
padding: 0;
width: 755px;
height: 35px;
}

* html #navi {
height: 50px;
overflow: hidden;
}

@media print {
#navigaatio { display: none; }
}


#navi li{
display: inline;
list-style-type: none;
position: relative;

}

#navi li a{
display: block;
float: left;
width: 151px;
text-align: center;
background-color: #0173ba;
color: orange;
height: 31px;
padding-top: 15px;
background-color: transparent;
background-image: url(/files/minigrip/images/mainnavi_bg.png);
background-repeat: no-repeat;
background-position: center top;
}


#navi li a:hover,
#navi li a:focus {
color: white;
background-position: center bottom;
}

#navi li a.selected{
color: white;
background-color: orange;
}

#navi li.mainNavi_00 a {
background-position: left top;
}

#navi li.mainNavi_00 a:focus,
#navi li.mainNavi_00 a:hover {
background-position: left bottom;
}

#navi li.mainNavi_04 a {
background-position: right top;
}

#navi li.mainNavi_04 a:focus,
#navi li.mainNavi_04 a:hover {
background-position: right bottom;
}


/* -------------------Linkit------------------- */

a, a:visited, a:active {
color: #a58858;
text-decoration: none;
}

a:hover {
color: #BBB;
text-decoration: none;
}
/* -------------------otsikot------------------- */

h1 {
margin:0;
padding:0;
color: #876932;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
font-style: italic;
}

h2 {
margin:0;
padding:0;
color: #876932;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
font-style: normal;
}

h3 {
margin:0;
padding:0;
color: #fff9c5;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
font-style: normal;
}


h4 {
margin:0;
padding:0;
color: #0073b9;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
font-style: normal;
}


h5 {
margin:0;
padding:0;
color: #eb5f28;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 28px;
font-weight: bold;
font-style: normal;
}

h6 {
margin:0;
padding:0;
color: #eb5f28;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: normal;
}





/* -------------------SISALTOKUVAT------------------- */

#luelisaa {
float: left;
position:absolute;
width: 128px;
height: 87px;
bottom: -0px;
right: -2px;
}


#poikalusikka {
float: left;
margin-left: 10px;
}

#etusivu_footer {
margin: 15px;
float: left;
font-family: Trebuchet MS;
font-size: 12px;
font-style: italic;
color: #FFF;
width: 400px;
}

#minigrip_muistoja {
float: left;
}

#nuoli {
float: right; margin: 10px;
}

#etusivu_teksti {
width: 370px; 
float: left; 
margin: 10px 10px 10px 30px;
color: #876932;
font-family: Trebuchet MS;
font-size: 12px;
font-style: italic;
}


/* ----------------- uusi etusivu ----------------- */

@media screen {

#frontpage #content {
clear: left;
}

#frontpage #mainContent {
font-size: 12px;
color: #000;
margin-left: 17px;
margin-top: 5px;
overflow: hidden;
}

#frontpage #content_main_left {
float: left;
width: 456px;
overflow: hidden;
}

#frontpage #content_main_right {
float: left;
width: 281px;
overflow: hidden;
padding: 34px 0 0 18px;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-style: italic;
font-size: 13px;
color: #876932;
}

#frontpage #content_main_right h2 {
font-style: italic;
color: #876932;
font-size: 19px;
margin-bottom: 3px;
}

#frontpage #content_main_right img {
margin: 25px 0 0 -20px;
}

#frontpage #secondaryContent {
clear: left;
margin: 2px 0 0 17px;
border-top: 2px solid #ccc;
padding: 5px 0 0;
width: 755px;
overflow: hidden;
}

#frontpage #content_sub_left {
float: left;
clear: left;
width: 340px;
overflow: hidden;
}

#frontpage #content_sub_right {
float: left;
width: 357px;
padding: 20px 0 0 10px;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-style: italic;
font-size: 13px;
color: #876932;
overflow: hidden;
}

#frontpage #content_sub_right h2 {
font-style: italic;
color: #876932;
font-size: 19px;
margin-bottom: 3px;
}

#frontpage #footer {
margin-top: -9px;
}

} /* end @media */

/* -------------------Reseptit------------------- */


#recipesIntro {
float: left;
width: 300px;
color: #876932;
font-weight: bold;
font-style: italic;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

#recipesIntro h1 {
margin-bottom: 5px;
}

/* ===== reseptien rajauslomake ===== */

@media screen {
  #recipesForm select {opacity: 0;}
  #recipesForm br {display: none;}
} /* end @media screen */

#recipesForm {
position: relative;
float: left;
width: 380px;
margin: 0;
border:0;
padding: 30px 0 0;
}

#recipesForm p {
margin: 0;
}

#recipesForm fieldset {
display: block;
height: 78px;
background: transparent url(/files/minigrip/images/valitse_ruokalaji.png) 55px 27px no-repeat;
margin: 0;
border: 0;
padding: 0 0 0 20px;
}

#recipesForm legend {
display: block;
position: absolute;
top:33px;
left:56px;
margin: 0;
border: 0;
padding: 0;
color: #eb5f28;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 13px;
font-style: italic;
}

#recipesForm select {
cursor: pointer;
position: absolute;
top: 57px;
left: 55px;
height: 24px;
width: 154px;
opacity: 0;
}

#recipesForm #submitButton {
position: absolute;
top: 56px;
left: 220px;
}

/* reseptilista */


#recipesList {
clear: left;
margin: 0;
border: 0;
padding: 20px 0 0;
display: block;
overflow: hidden;
list-style-type: none;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-style: italic;
}

#recipesList li {
float: left;
line-height: 0px;
padding: 0;
border: 0;
outline: 0;
}

#recipesList li.odd {
clear: left;
}

#recipesList a {
position: relative;
float: left;
margin: 0;
border: 1px solid #ccc;
padding: 25px 9px 7px 107px;
min-height: 32px;
width: 186px;
color: #0073b9;
line-height: 1.2em;
}

#recipesList a:hover,
#recipesList a:focus {
border: 1px solid #876932;
z-index: 100;
}

* html #recipesList a {
min-height: 0;
height: 32px;
}

#recipesList li.odd a {
clear: left;
margin: -1px 0 0;
}

#recipesList li.even a {
float: left;
margin: -1px 0 0 49px;
}



#recipesList img {
position: absolute;
top: 7px;
left: 9px;
border: 0;
margin: 0;
}

#recipesList br {
display: none;
}

/* ============= Reseptisivu =========== */

@media screen {
  #recipe {margin-left:-5px;overflow: hidden;}
  #recipe .col1 {float:left;width:301px;}
  #recipe .col1 h1 {margin-bottom: 12px;padding-left: 5px;}
  #recipe .col1 h2 {padding-left: 5px;margin-bottom: 4px;}
  #recipe .col1 img {margin-bottom: 16px;margin-left: -5px;}
  #ingredientsList {margin: 0;}

} /* end @media screen */

@media print {
 #recipe .col1 p {display: none;}
} /* end @media print */



#recipe {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-style: italic;
color: #876932;
margin-top: 26px;
}

#recipe h2 {
font-size: 14px;
font-style: italic;
font-weight: bold;
}

/* col1 */
#recipe .col1 p {
margin: 3px 0 9px;
padding-left: 5px;
}

#recipe .col1 a {
color: #eb5f28;
font-size: 11px;
padding-right: 10px;
background: transparent url(/files/minigrip/images/raquo_eb5f28.png) right center no-repeat;
}



/* raaka-ainelista */

#ingredientsList {
padding: 0;
border: 0;
list-style: none;
}

#ingredientsList li {
margin: 0;
padding: 5px 5px;
border: 0;
border-top: 1px solid #ccc;
font-weight: normal;
}


/* col2 */

@media screen {
  #recipe .col2 {
  float: left;
  margin-left:34px;  
  width:357px;
  padding-top: 35px;
  }
} /* end @media */


#recipe .col2 {
line-height: 18px;
}

#recipe .col2 h2 {
margin-bottom: 8px;
}

#recipe .mgVinkki {
color: #0073b9;
font-weight: normal;
margin-top: 20px;
}

#recipe .mgVinkki h3 {
font-size: 13px;
font-weight: normal;
font-style: italic;
color: #0073b9;
}

#recipe .mgVinkki img {
margin: -15px 10px 0;
}


/* -------------------Sekalaista------------------- */

#clear {clear: both;}

.clear {clear: both;}

#dropdown {
width: 154px; height: 24px;
background-image:url('/files/minigrip/images/dropdown.png');
}

select {
/* opacity: 0; */
}

.screenHide {
/* 
piilotetaan sisältö viewportin ulkopuolelle, muttei poisteta sivusta. 
Saavutettavuusjuttuja.
*/
position: absolute;
top: 0px;
left: 0px;
width: 1px;
height: 1px;
overflow: hidden;
margin: -3000px 0 0 -9999px;
}