/* Linkkien paikka */
.nav_position {float: right; width: 590px; height: 35px;}

/* Etusivun linkki */
.nav_box1A {}
.nav_box1A a {cursor:pointer; width: 120px; height: 35px; text-align: left; float: left;  margin-top: 0px; margin-right: 0px; background: #ffffff url("http://suffeli.org/nav_etusivu.jpg");}
.nav_box1A a:hover {cursor:pointer; width: 120px; height: 35px; text-align: left; float: left;  margin-top: 0px; margin-right: 0px; background: #ffffff url("http://suffeli.org/nav_etusivu_hover.jpg");}

/* Reseptin linkki */
.nav_box2A {}
.nav_box2A a {cursor:pointer; width: 104px; height: 35px; text-align: left; float: left;  margin-top: 0px; margin-right: 0px; background: #ffffff url("http://suffeli.org/nav_reseptit_beta.jpg");}
.nav_box2A a:hover {cursor:pointer; width: 104px; height: 35px; text-align: left; float: left;  margin-top: 0px; margin-right: 0px; background: #ffffff url("http://suffeli.org/nav_reseptit_hover_beta.jpg");}

/* Taustakuvia linkki */
.nav_box3A {}
.nav_box3A a {cursor:pointer; width: 160px; height: 35px; text-align: left; float: left;  margin-top: 0px; margin-right: 0px; background: #ffffff url("http://suffeli.org/nav_taustakuvia.jpg");}
.nav_box3A a:hover {cursor:pointer; width: 160px; height: 35px; text-align: left; float: left;  margin-top: 0px; margin-right: 0px; background: #ffffff url("http://suffeli.org/nav_taustakuvia_hover.jpg");}

/* Keskustelualueen linkki */
.nav_box4A {}
.nav_box4A a {cursor:pointer; width: 200px; height: 35px; text-align: left; float: left;  margin-top: 0px; margin-right: 0px; background: #ffffff url("http://suffeli.org/nav_keskustelualue.jpg");}
.nav_box4A a:hover {cursor:pointer; width: 200px; height: 35px; text-align: left; float: left;  margin-top: 0px; margin-right: 0px; background: #ffffff url("http://suffeli.org/nav_keskustelualue_hover.jpg");}

/* Sisällön paikka sivulla (Vasen) */
.left {width: 520px; margin-left: 20px; background: #b0ceb3; float: left;}

/* Sisällön otsikon paikka sivulla (Vasen) */
.left_box_top {height: 45px; margin: 4px; font-family: Trebuchet MS, tahoma, arial; font-size: 24px; color: #ffffff; background: #b5b5b8 url("http://suffeli.org/left_box_top_background.jpg"); border: 1px solid #ffffff;}
.left_box_top a {height: 45px; margin: 4px; font-family: Trebuchet MS, tahoma, arial; font-size: 24px; color: #ffffff;}
.left_box_top a:hover {height: 45px; margin: 4px; font-family: Trebuchet MS, tahoma, arial; font-size: 24px; color: #ffffff;}
.left_box_top2 {height: 45px; margin: 4px; font-family: Trebuchet MS, tahoma, arial; font-size: 24px; color: #ffffff; background: #b5b5b8 url("http://suffeli.org/left_box_top_background2.jpg"); border: 1px solid #ffffff;}
.left_box_top2 a {height: 45px; margin: 4px; font-family: Trebuchet MS, tahoma, arial; font-size: 24px; color: #ffffff;}
.left_box_top2 a:hover {height: 45px; margin: 4px; font-family: Trebuchet MS, tahoma, arial; font-size: 24px; color: #ffffff;}

/* Sisällön laatikko (Vasen) */
.left_box {margin: 4px; margin-bottom: 8px; font-family: Trebuchet MS, tahoma, arial; font-size: 12px; color: #ffffff; background: #a0acaf url("http://suffeli.org/left_box_background.jpg"); background-repeat: repeat-x; border: 1px solid #ffffff;}
.left_box a {font-family: Trebuchet MS, tahoma, arial; font-size: 12px; color: #ff3400; text-decoration: underline;}
.left_box a:hover {font-family: Trebuchet MS, tahoma, arial; font-size: 12px; color: #404040; text-decoration: none;}
.left_box2 {margin: 4px; margin-bottom: 8px; font-family: Trebuchet MS, tahoma, arial; font-size: 12px; color: #ffffff; background: #a0acaf url("http://suffeli.org/right_box_background2.jpg"); background-repeat: repeat-x; border: 1px solid #ffffff;}
.left_box2 a {font-family: Trebuchet MS, tahoma, arial; font-size: 12px; color: #ff3400; text-decoration: underline;}
.left_box2 a:hover {font-family: Trebuchet MS, tahoma, arial; font-size: 12px; color: #404040; text-decoration: none;}

/* Sisällön paikka sivulla (Oikea) */
.right {width: 220px; margin-right: 20px; background: #ceb0cb; float: right; vertical-align: top; text-align: top;}

/* Sisällön laatikko (Oikea) */
.right_box {margin: 4px; font-family: Trebuchet MS, tahoma, arial; font-size: 12px; color: #ffffff; background: #b5b5b8 url("http://suffeli.org/right_box_background.jpg"); background-repeat: repeat-x; border: 1px solid #ffffff;}
.right_box a {font-family: Trebuchet MS, tahoma, arial; font-size: 12px; color: #ff3400; text-decoration: underline;}
.right_box a:hover {font-family: Trebuchet MS, tahoma, arial; font-size: 12px; color: #404040; text-decoration: none;}
.right_box2 {margin: 4px; font-family: Trebuchet MS, tahoma, arial; font-size: 12px; color: #ffffff; background: #b5b5b8 url("http://suffeli.org/right_box_background2.jpg"); background-repeat: repeat-x; border: 1px solid #ffffff;}
.right_box2 a {font-family: Trebuchet MS, tahoma, arial; font-size: 12px; color: #ff3400; text-decoration: underline;}
.right_box2 a:hover {font-family: Trebuchet MS, tahoma, arial; font-size: 12px; color: #404040; text-decoration: none;}

/* Päivämäärän ulkoasu */
.date {width: 80px; height: 70px; text-align: center; border-left: 1px solid #a2b501; border-right: 1px solid #a2b501; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; float: left; margin-right: 10px; background: #b8bec2 url("http://suffeli.org/kuva2.jpg");}
.date2 {width: 80px; height: 70px; text-align: center; border-left: 1px solid #a2b501; border-right: 1px solid #a2b501; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; float: left; margin-right: 10px; background: #b8bec2 url("http://suffeli.org/kuva1.jpg");}

/* Kuvien tausta (esim. Taustakuvia sivulla) */
.img_back {width: 228px; float: left; padding: 5px; margin: 5px; text-align: center; vertical-align: center; background: #b5b5b8 url("http://suffeli.org/right_box_background.jpg"); background-repeat: repeat-x; border: 1px solid #ffffff;}
.img_back2 {width: 228px; float: left; padding: 5px; margin: 5px; text-align: center; vertical-align: center; background: #b5b5b8 url("http://suffeli.org/right_box_background2.jpg"); background-repeat: repeat-x; border: 1px solid #ffffff;}

/* Kuvien jolla on img class ulkoasu */
.img {border-left: 1px solid #a2b501; border-right: 1px solid #a2b501; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; float: left; margin-right: 10px; padding: 5px; background: #b8bec2;}

/* Form kenttien ulkoasut */
.form_input {width: 493px;}
.form_textarea {width: 493px; height: 100px;}
.form_select {width: 493px;}

/* Reseptin tausta */
.resepti_top {width: 506px; height: 60px; padding: 2px; margin: 4px; margin-bottom: 0px; float: left; font-family: Trebuchet MS, tahoma, arial; font-size: 13px; color: #ffffff; background: #b5b5b8 url("http://suffeli.org/resepti_top.jpg"); background-repeat: repeat-x; border: 1px solid #ffffff;}
.resepti_top a {font-family: Trebuchet MS, tahoma, arial; font-size: 13px; color: #ff3400; text-decoration: underline; cursor:pointer;}
.resepti_top a:hover {font-family: Trebuchet MS, tahoma, arial; font-size: 13px; color: #404040; text-decoration: none; cursor:pointer;}
.resepti_top_left {font-family: Trebuchet MS, tahoma, arial; font-size: 28px; color: #ffffff; margin: 2px; padding: 2px; float: left; width: 240px;}
.resepti_top_left a {font-family: Trebuchet MS, tahoma, arial; font-size: 28px; color: #ffffff; text-decoration: none;}
.resepti_top_left a:hover {font-family: Trebuchet MS, tahoma, arial; font-size: 28px; color: #ffffff; text-decoration: none;}
.resepti_top_right {font-family: Trebuchet MS, tahoma, arial; font-size: 15px; color: #ffffff; margin: 2px; padding: 2px; float: left; width: 240px;}
.resepti_top_right a {font-family: Trebuchet MS, tahoma, arial; font-size: 15px; color: #ff3400; text-decoration: underline;}
.resepti_top_right a:hover {font-family: Trebuchet MS, tahoma, arial; font-size: 15px; color: #404040; text-decoration: none;}
.resepti {width: 506px; margin: 4px; margin-bottom: 0px; font-family: Trebuchet MS, tahoma, arial; font-size: 14px; color: #ffffff; background: #fbe081 url("http://suffeli.org/resepti_back.jpg"); background-repeat: repeat-x; border: 1px solid #ffffff;}
.resepti a {font-family: Trebuchet MS, tahoma, arial; font-size: 14px; color: #ff3400; text-decoration: underline;}
.resepti a:hover {font-family: Trebuchet MS, tahoma, arial; font-size: 14px; color: #404040; text-decoration: none;}
.resepti_linkit {font-family: Trebuchet MS, tahoma, arial; font-size: 15px; color: #ffffff;}
.resepti_linkit a  {font-family: Trebuchet MS, tahoma, arial; font-size: 15px; color: #ffffff; text-decoration: none; float: left; width: 100px; height: 100px; padding: 4px; margin: 4px; border: 1px solid #000000; background: #677242 url("http://suffeli.org/resepti_linkit2.jpg");}
.resepti_linkit a:hover {font-family: Trebuchet MS, tahoma, arial; font-size: 15px; color: #404040; text-decoration: none; float: left; width: 100px; height: 100px; padding: 4px; margin: 4px; border: 1px solid #ffffff; background: #677242 url("http://suffeli.org/resepti_linkit.jpg");}

/* Reseptin eri osat */
.resepti_nimi {font-family: Trebuchet MS, tahoma, arial; font-size: 18px; color: #ffffff; padding: 6px; text-decoration: none; background: #677242 url("http://suffeli.org/resepti_nimi.jpg"); background-repeat: repeat-x; border: 1px solid #ffffff;}
.resepti_lah_aik_ain {font-family: Trebuchet MS, tahoma, arial; font-size: 15px; color: #ffffff; margin: 2px; padding: 2px; border: 1px solid #ffffff; background: #859354; float: left; width: 245px;}
.resepti_lah_aik_ain a {font-family: Trebuchet MS, tahoma, arial; font-size: 15px; color: #ff3400; text-decoration: underline;}
.resepti_lah_aik_ain a:hover {font-family: Trebuchet MS, tahoma, arial; font-size: 15px; color: #404040; text-decoration: none;}
.resepti_ohje_arv {font-family: Trebuchet MS, tahoma, arial; font-size: 13px; color: #090909; margin: 2px; padding: 2px; float: left; border: 1px solid #ffffff; background: #e7ce78; width: 494px;}
.resepti_ohje_arv a {font-family: Trebuchet MS, tahoma, arial; font-size: 13px; color: #ff3400; text-decoration: underline;}
.resepti_ohje_arv a:hover {font-family: Trebuchet MS, tahoma, arial; font-size: 13px; color: #404040; text-decoration: none;}


/* "Pop-up" Se laatikko joka näkyy lun liikuttaa jotakin linkin päälle */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}