/* Martinex Oy - tyylitiedosto */
/* Rami Laaksonen 2008 */

*
{
padding: 0px;
margin: 0px;
}

/* Vierityspalkin ilmestyminen ei siirrä sivun sisältöä (FireFox) */ 
HTML {
overflow: -moz-scrollbars-vertical;
}

body
{
background: #b5b5b5 url('images/taustat/background_fade.gif') repeat-x;
font-size: 12px;
font-family: verdana, sans-serif;
line-height: 18px;
letter-spacing: normal;
height: 100%;
}

a
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}

/* Sivun keskitys */
#container
{
position: relative;
width: 990px;
margin: 0 auto;
}

#header
{
position: relative;
width: 990px;
height: 90px;
background: #fff url('images/taustat/header_tausta.gif') no-repeat top left;
}

#logo
{
position: absolute;
left: 28px;
top: 3px;
width: 260px;
height: 90px;
background: url('images/logot/martinex_logo.gif') no-repeat left center;
}

#tapahtumat
{
position: relative;
margin-left: 330px;
margin-right: 250px;
height: 90px;
/*
background: #fff url('kuvat/tapahtumat_tausta.gif') no-repeat top center;
*/
}

#tapahtumat h1
{
padding: 10px 20px 0px 20px;
font-size: 10px;
line-height: 12px;
color: grey;
}

#tapahtumat p
{
padding: 0px 20px 10px 20px;
font-size: 9px;
line-height: 11px;
color: grey;
}

#haku
{
position: absolute;
right: 40px;
top: 0px;
width: 200px;
height: 90px;
}

#haku h2, h3
{
font-family: verdana;
font-size: 0.9em;
margin-left: 30px;
margin-top: 25px;
}

#hae
{
display: table-cell;
border: 1px solid #888;
background: #fff;
padding: 1px;
margin-left: 30px;
}

#lähetä
{
display: inline;
background: #000;
color: #fff;
border: 1px solid #000;
height: 20px;
width: 15px;
}

/* Päänavigaatiopalkki */
#navigation
{
position: relative;
background: url('images/taustat/navigation_bg.gif');
height: 32px;
color: #ffc1c1;
}

#navigation span
{
line-height: 30px;
font-size: 14px;
color: #ffc1c1;
}

#navigation ul
{
text-decoration: none;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
background: url('images/taustat/otsikko_bg1.gif');
margin-left: 20px;
margin-right: 20px;
}

#navigation ul li
{
display: inline;
line-height: 30px;
text-decoration: none;
}

#navigation ul li.first
{
margin-left: 13px;
}

#navigation ul li a
{
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
line-height: 30px;
color: #ffc1c1;
font-weight: bold;
}

#navigation ul li a:hover
{
color: #fff;
background: transparent;
text-decoration: none;
}

/* Navigaatiopalkin aktiivisen sivun linkin väri */
body#home a#homenavi
{
text-decoration: none;
color: #fff;
}

body#yritys a#yritnavi
{
text-decoration: none;
color: #fff;
}

body#henkilosto a#henknavi
{
text-decoration: none;
color: #fff;
}

body#tuotteet a#tuotnavi
{
text-decoration: none;
color: #fff;
}

body#media a#medianavi
{
text-decoration: none;
color: #fff;
}

body#palaute a#palautenavi
{
text-decoration: none;
color: #fff;
}

body#jahti a#jahtinavi
{
text-decoration: none;
color: #fff;
}

body#jmyyjat a#jmyyjatnavi
{
text-decoration: none;
color: #fff;
}

body#lahja a#lahjanavi
{
text-decoration: none;
color: #fff;
}

#kielet
{
line-height: 30px;
position: absolute;
font-size: 9px;
color: #ffc1c1;
padding-right: 25px;
text-align: middle;
}

#kielet a
{
color: #ffc1c1;
}

#kielet a:hover
{
color:#fff;
}

/* Varsinainen sisältö */
#content
{
position: relative;
width: 990px;
height: 100%;
overflow: hidden;
background: #fff url('images/taustat/content_bg.gif') repeat-y top left;
}

#content-tuote
{
position: relative;
width: 990px;
height: 100%;
overflow: hidden;
background: #fff url('images/taustat/content_bg2.gif') repeat-y top left;
}

/* Etusivun mainosalue */
#mainos
{
z-index: 1;
position: relative;
margin-left: 20px;
width: 950px;
height: 350px;
}

#mainos img
{
z-index: 1;
}

/* Mainosteksti-palkki (osittain läpinäkyvä) */
#mainosteksti
{
z-index: 2;
position: absolute;
top: 0px;
right: 0px;
background: #fff;
width: 300px;
height: 350px;
float: right;
text-align: left;
filter: alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
}

#mainosteksti h1
{
margin-top: 20px;
margin-bottom: 10px;
margin-left: 20px;
text-align: left;
font-family: serif;
font-style: normal;
line-height: normal;
vertical-align: text-top;
font-size: 1.7em;
color: #e50a0a;
}

#mainosteksti h2
{
margin: 0px 20px 0px 20px;
text-align: left;
font-family: verdana;
font-style: normal;
line-height: normal;
vertical-align: text-top;
font-size: 1.1em;
color: #000;
}

#mainosteksti p
{
margin: 3px 20px 10px 20px;
font-family: verdana;
font-style: normal;
line-height: normal;
font-weight: 500;
font-size: 12px;
line-height: 1.3em;
text-align: left;
color: #000;
}

/* Etusivun mainoksen jälkeinen sisältö */
#content2
{
position: relative;
width: 950px;
margin: 0 auto;
/*height: 150px;*/
height: 160px;
/*
background: #fff;
*/
}

#content2 a
{
text-decoration: none;
}

/* Etusivun harmaa navigaatiopalkki */
#secondarynavi
{
position: relative;
background: url('images/taustat/otsikko_bg2.gif');
height: 30px;
color: #bbb;
border-top: 1px solid #e74322;
/*border-bottom: 1px dashed #c6c6c6; - tku: muutos 18.12.09*/
text-align: center;
}

#secondarynavi ul
{
text-decoration: none;
}

#secondarynavi ul li
{
display: inline;
line-height: 30px;
text-decoration: none;
font-size: 10px;
}

#secondarynavi ul li a
{
padding: 9px 2px 9px 2px;
font-size: 12px;
color: #e74322;
font-weight: bold;
}

#secondarynavi ul li a:hover
{
color: #af2619;
background: transparent;
text-decoration: none;
}

#secondarynavi span
{
color: #dbdad9;
font-size: 14px;
}

/* Etusivun tuotelogot */
#logoalue
{
position: relative;
width: 930px;
/*height: 100px; - tku: muutos 18.12.09*/
height: 120px;
margin: 0 auto;
}

#logokehys
{
position: relative;
display: inline;
height: 60px;
/*line-height: 100px;*/
/*height: 100px;
line-height: 100px; - tku: muutos 18.12.09*/
}

#logokehys img
{
vertical-align: middle;
margin: 6px;
/*margin: 12px; - tku: muutos 18.12.09*/
/*margin: 18px;*/
}

#otsikkopalkki
{
margin-left: 20px;
margin-right: 20px;
background: #f4f4f4 url('images/taustat/otsikko_bg2.gif') repeat-x;
height: 30px;
border-bottom: 1px dashed #c6c6c6;
}

#otsikkopalkki h1, #otsikkopalkki-vasen h1, #otsikkopalkki-oikea h1, #otsikkopalkki-tuote h1
{
font-family: georgia, serif;
font-size: 11px;
line-height: 30px;
color: #e74322;
padding-left: 20px;
text-align: left;
vertical-align: middle;
font-weight: bold;
}

/* Henkilöstö sivun otsikkopalkkien alapuoliset häivytykset */
#otsikkopalkki-wrap
{
position: relative;
height: 29px;
margin-right: 20px;
margin-left: 20px;
}

#otsikkopalkki-vasen
{
display: inline;
position: relative;
float: left;
background: #f4f4f4 url('images/taustat/otsikko_bg2.gif') repeat-x;
width: 475px;
height: 28px;
border-bottom: 1px dashed #c6c6c6;
}

#otsikkopalkki-oikea
{
display: inline;
position: relative;
float: right;
background: #f4f4f4 url('images/taustat/otsikko_bg2.gif') repeat-x;
width: 475px;
height: 28px;
border-bottom: 1px dashed #c6c6c6;
}

#otsikkopalkki-tuote
{
position: relative;
margin-left: 20px;
background: #f4f4f4 url('images/taustat/otsikko_bg2.gif') repeat-x top left;
height: 30px;
line-height: 30px;
text-align: middle;
border-right: 1px solid #e0e0e0;
}

/* Yritys- ja henkilöstösivujen jako vasempaan ja oikeaan lohkoon  */
#vasen
{
position: relative;
display: inline;
width: 475px;
float: left;
margin-left: 20px;
background: #fff;
}

#oikea
{
position: relative;
display: inline;
width: 475px;
float: right;
margin-right: 20px;
font-size: 11px;
background: #fff;
}

#oikea a
{
color: #000;
font-size: 11px;
text-decoration: underline;
}

/* Yritysesittelypalsta */
#yritysesittely
{
position: relative;
margin-top: 20px;
margin-left: 20px;
margin-right: 5px;
background: #fff;
width: 435px;
}

#yritysesittely p
{
font-size: 11px;
text-align: justify;
margin-bottom: 15px;
}

#yritysesittely h1, h2
{
font-family: georgia, serif;
font-size: 1.2em;
margin-bottom: 4px;
}

#yritysesittely .korostus
{
font-family: georgia;
font-style: italic;
font-size: 14px;
font-weight: bold;
color: #000;
}

#ilmakuva
{
position: relative;
width: 440px;
margin-top: 25px;
margin-left: 15px;
margin-bottom: 10px;
background: #fff;
}

#yhteystiedot
{
position: relative;
width: 440px;
height: 220px;
margin-left: 15px;
margin-bottom: 20px;
background: #f4f4f4;
}

/* Yhteystiedot -taulukko */
#yhteystiedot-table
{
float: left;
position: relative;
display: table;
width: 210px;
color: #000;
font-size: 11px;
margin: 10px 0px 20px 0px;
padding-left: 15px;
}

#yhteystiedot-row
{
display: table-row;
}

#yhteystiedot-cell-v
{
float:left;
display: table-cell;
width: 50px;
}

#yhteystiedot-cell-o
{
float:left;
display: table-cell;
width: 160px;
}

#yhteystiedot h1
{
font-family: georgia;
font-size: 11px;
font-weight: bold;
}

#kartta
{
position: relative;
float: right;
margin: 10px 10px 10px 0px;
}

/* "Käyntikortit" vasemmalla ja oikealla */
#naama
{
position: relative;
width: 474px;
height: 240px;
background: #fff url('images/taustat/naama_bg.jpg') no-repeat bottom right;
vertical-align: bottom;
border-bottom: 1px dashed #c6c6c6;
}
#naama_varasto
{
position: relative;
width: 474px;
height: 240px;
background: #fff url('images/taustat/naama_bg.jpg') no-repeat bottom right;
vertical-align: bottom;
/*border-bottom: 1px dashed #c6c6c6;*/
}

/* Vasemmanpuoleisten käyntikorttien oikean reunan katkoviiva */
#vasen #naama
{
border-right: 1px dashed #c6c6c6;
}

/* Henkilökuva */
#kuvavasen
{
float: left;
padding: 15px 45px 0px 20px;
}

#naama p.tekstioikea
{
clear: right;
}

#naama #nimi
{
font-family: georgia, serif;
padding-top: 55px;
padding-right: 15px;
clear: right;
font-size: 14px;
color: #E73422;
font-weight: bold;
}

#naama #titteli
{
padding-top: 7px;
padding-right: 15px;
height: 60px;
clear: right;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #000;
}

#naama #yhteystieto
{
padding-top: 6px;
padding-right: 15px;
clear: right;
font-size: 11px;
font-weight: normal;
color: #000;
}

#naama_varasto #nimi
{
font-family: georgia, serif;
padding-top: 55px;
padding-right: 15px;
clear: right;
font-size: 14px;
color: #E73422;
font-weight: bold;
}

#naama_varasto #titteli
{
padding-top: 7px;
padding-right: 15px;
height: 60px;
clear: right;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #000;
}

#naama_varasto #yhteystieto
{
padding-top: 6px;
padding-right: 15px;
clear: right;
font-size: 11px;
font-weight: normal;
color: #000;
}

/* Tuotteet - navigointi */
#tuotenavi
{
position: relative;
display: inline;
width: 190px;
float: left;
overflow: hidden;
}

#tuotelinkit
{

clear: both;
position: relative;
margin-left: 20px;
padding: 7px 0px 10px 20px;
font-size: 11px;
line-height: 17px;
text-align: left;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}

#tuotelinkit a
{
font-size: 11px;
color: #000;
}

#tuotelinkit a:hover
{
font-weight: bold;
}

/* Tuotekuva-alue */
#tuotealue
{
position: relative;
display: inline;
margin-right: 20px;
width: 779px;
float: right;
color: #000;
height: 100%;
}

#tuotealue a
{
color: #e74322;
}

#tuotealue h1
{
font-size: 14px;
color: #e74322;
line-height: 30px;
}

#tuoteikkunataulu a
{
font-size: 11px;
color: #000;
font-weight: normal;
}

#tuotealue p
{
color: #000;
line-height: 20px;
margin-left: 25px;
}

#tuotealue span
{
font-family: courier;
font-size: 12px;
}

#tuoteikkunataulu
{
width: 770px;
clear: both;
}

#tuoteikkunataulu span
{
font-family: system;
font-size: 14px;
}

#tuote h2
{
font-weight: normal;
font-size: 11px;
color: #000;
}

#tuote h3
{
font-weight: normal;
font-size: 10px;
color: #888;
}

#tuotelogo
{
margin-left: 20px;
margin-bottom: 20px;
}

#tuotealbumi-logo img
{
position: relative;
}

#palauteinfo
{
background: url('images/taustat/miukumauku.gif') no-repeat bottom left;
display: inline;
width: 270px;
height: 250px;
float: left;
position: relative;
margin-left: 20px;
padding: 20px;
}

#palauteinfo p
{
margin-right: 30px;
text-align: justify;
}

#kisainfo
{
/*background: url('images/taustat/miukumauku.gif') no-repeat bottom left;*/
background: url('images/taustat/timantti.jpg') no-repeat top left;
display: inline;
width: 270px;
height: 350px;
float: left;
position: relative;
margin-left: 20px;
padding: 20px;
}

#kisainfo p
{
margin-right: 20px;
/*text-align: justify;*/
}

#jalokivijahti p
{
font-size: 11px;
text-align: justify;
margin-bottom: 15px;
}

#jalokivijahti h1, h2
{
font-family: georgia, serif;
font-size: 1.2em;
margin-bottom: 4px;
}



div.row
{
clear: both;
padding-top: 5px;
}

div.row span.label
{
display: block;
float: left;
text-align: right;
}

div.row span.formw
{
float: right;
width: 235px;
text-align: left;
} 

div.row span.submit
{
float: left;
}

/* Media */
/*
#media
{
position: relative;
margin-top: 20px;
margin-left: 20px;
margin-right: 5px;
background: #fff;
width: 435px;
}
*/
#media p
{
font-size: 11px;
text-align: justify;
margin-bottom: 15px;
}

#media h1, h2
{
font-family: georgia, serif;
font-size: 1.2em;
margin-bottom: 4px;
}
/*
#media
{
position: relative;
width: 440px;
height: 220px;
margin-left: 15px;
margin-bottom: 20px;
background: #f4f4f4;

}
*/
#yhteystieto
{
font-size: 11px;
font-weight: normal;
color: #000;
}


/* Sivun alalaidan punainen palkki */
#footer
{
clear: both;
position: relative;
width: 990px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 10px;
font-weight: normal;
color: #ffc1c1;
background: #fff url('images/taustat/footer_bg.gif') repeat-y top left;
}

/* Päivityspäivämäärä ja copyright */
#copyright
{
position: relative;
clear: both;
width: 990px;
background: #b5b5b5 url('images/taustat/copyright_bg.gif') no-repeat;
font-size: 10px;
color: #888;
text-align: center;
padding-right: 20px;
line-height: 40px;
}