html {background:#d9e4f6;}
body {
position:relative;
background: url(http://www.opasmedia.com/kuvat/opasmedia_bg.jpg) #fafafa bottom left repeat-x;
padding: 15px 0 0;
margin: 0 0 15px;
text-align: center;
font-size: 75%;
font-family: Arial, sans-serif;
}
#siteBody {
position: relative;
padding-right: 1px;
width: 770px !important;
width /**/:771px;
margin: 0 auto;
text-align: left;
}
#siteHeader { 
display: block;
clear: both;
width: 770px;
height: 75px;
text-align: left;
background: url("kuvat/siteHeader.jpg") no-repeat;
}

/* Mozilla & Opera margins Hack */

#siteContent:after {
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
height: 1px;
float: none;
clear: both;
color: white;
padding: 0;
margin: 0;
margin-bottom: -1px;
}

#siteContent {
position: relative;
float: left;
display: block;
clear: both;
width: 730px !important;
width /**/:770px; /* IE-hack */
text-align: left;
border: 1px solid rgb(0,97,215);
background-color: #fff;
border-bottom: 0;
border-top: 0;
padding: 19px;
padding-top: 30px;
padding-bottom: 30px;
overflow: visible;
}

#content {
display: block;
position: relative;
width: 560px;
height: 100%;
float: left;
clear: left;
}

/** FOOTER **/

#reunus {border: 1px solid #fec;}

#siteFooter {
background: url("kuvat/siteFooter.jpg") top center no-repeat;
position: relative;
display: block;
clear: both;
width: 770px;
height: 35px;
text-align: center;
padding: 0;
margin: 0;
}

#siteFooter hr {display: none;}

/** SIVUPALSTA **/

#sivupalsta {
position: relative;
display: block;
width: 170px;
float: right;
clear: right;
right: -19px;
}
#sivupalsta h2 {
position: relative;
margin: 0 -10px 10px;
padding: 5px 10px;
height: 100%;
width: 100%;
background: #1a8ce5 url('/kuvat/tausta_menu_h2.gif') top left no-repeat;
color: #fff;
}
#sivupalsta h2 a:link,
#sivupalsta h2 a:visited { color: #fff; text-decoration: none; }
#sivupalsta a:hover { text-decoration: underline;}
#sivupalsta h3 { color: #000; font-size: 1.2em; color: #333; margin-bottom: 0;}
#sivupalsta div {position: relative; margin: 0;
position: relative;
width: 150px;
padding: 0 10px 1em;
background: #d9e4f6 url('/kuvat/tausta_menut.gif') bottom left repeat-x;
}
#sivupalsta p {
font-family: Verdana, sans-serif;
font-size: 0.9em;
color: #003;
margin-bottom: 0.8em;
}
#sivupalsta ul { list-style-type: none; position: relative; margin: 0 0 0.8em;}
#sivupalsta li { display: block; position: relative; margin: 0 0 0.3em; padding-left: 10px; background: url('/kuvat/kolmio_musta.gif') 0 2px no-repeat; }

/** CONTENT **/
h1 {
font-size: 1.5em;
line-height: 1.0em;
margin: 0 0 0.5em;
text-align: left;
clear: both;
}
.etusivu h1 {margin: 0;margin-bottom: 0.5em;}
h2 {font-size: 1.25em; line-height: 1.3em; margin-top: 0; margin-bottom: 1.0em;}
h2, br.clearBoth { clear: both; }
h3 {font-size: 1.1em; line-height: 1.3em;}
h4 {font-size: 0.9em; line-height: 1em; margin-bottom: 0.1em;}
h1,h2,h3,h4 {color: rgb(0,97,215);}
p {margin-top: 0; margin-bottom: 1.5em; line-height: 1.4em;}
p.ingressi {
  color: #666;
  line-height: 1.4em;
  font-size: 1.2em;
  margin-bottom: 1em;
}
.etusivu p.ingressi {clear:both;width: 350px;}
.etusivu ul {margin-right: 200px;}
.tyonantaja p.ingressi {width: 100%;}
p.ingressi strong { color: #000; }
.haastattelu p.ingressi { float:none; width: 48%;}
.error p {text-align:center;font-weight:bold;background:#ffc;color:#600;padding: 5px 50px;border: 1px dotted #600;}
a:link, a:active, a:visited {color: rgb(2,86,181); text-decoration: none;}
a:hover {text-decoration: underline;}
a:link img, a:visited img, a:active img {border: 0;}
h3 a:link, h3 a:visited, h3 a:active {text-decoration: none; color: inherit;}
h3 a:hover {text-decoration: underline;}
ul {padding-left: 0; margin-left: 0; list-style-position: outside; list-style-type: square;}
ul li {margin-left: 1.5em;}
em {font-style: normal;}
hr { border: none; background: #ccc; height: 1px; clear: both; }
.floatLeft { float: left; width: 150px; }
.floatLeft img { margin-top: 10px; margin-bottom: 10px; }
img.floatLeft {width: auto; margin: 0 15px 15px 0;}
img.floatRight { float:right; margin: 0 0 15px 15px;}
img.edustuskuva {margin: 5px 0 10px;}
form {position: relative;font-size: 1em;}
html>body .outSite {
  padding-right: 12px;
  background-image: url('/kuvat/outsite.gif');
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

/** KONTTORIN TIEDOT **/

div.konttori {
clear: left;
}
.konttori h1, .konttori h2 { margin: 0; }
.yhteystiedot { position: relative; float: left; background: /*url('/kuvat/slide_harmaa.gif') left repeat-y*/ #eee; padding: 10px 15px 5px 15px; width: 65%; margin-bottom: 1em;}
.avoimet .yhteystiedot {float: none;}
.yhteystiedot p {margin-bottom: 15px;}
.tyopaikkailmoitus .yhteystiedot { width: 521px; }
.tyopaikkailmoitus .yhteystiedot ul { margin-top: 0;}
.kippari {float: right; margin-left: 10px; }
.kippari p { margin: 0 10px 10px;}

/** TYÖPAIKAT **/
.toimipaikka .tyopaikat {
  float: right;
  background: #eee;
  width: 50%;
  overflow: visible;
  padding: 0;
  margin-bottom: 10px;
  margin-left: 15px;
}
.avoimet .tyopaikat dl {background: #eee; margin-bottom: 1em; padding-top: 10px;}
ul.pdf { position: relative; margin: 0 15px 15px; list-style-type: none; height: 100%; font-size: 1.2em; }
ul.pdf li { position: relative;margin: 0 0 6px 0; line-height: 1.4em; background: url('/kuvat/kolmio_musta.gif') 0 5px no-repeat; }
ul.pdf li { background: url('/kuvat/pdfpic.gif') no-repeat; padding-left: 0;}
ul.pdf li a,
ul.pdf li a:link,
ul.pdf li a:visited { display: block; padding-left: 20px; line-height: 1.4em; height: 100%; width: auto; }

.tyopaikkailmoitus {
display: block;
position: relative;
overflow: visible;
margin-bottom: 2.5em;
}

.huomio {
display:block;
position:relative;
padding-bottom: 10px;
}
.etusivu .huomio { background: url('/kuvat/puhelinmyynti.jpg') no-repeat 340px 10px;}
/*
.avoimet .huomio { background: url('/kuvat/meilletoihin_mini.jpg') no-repeat right 21px; }
*/
.hakemuslomake .huomio { background: url('/kuvat/kirje.jpg') no-repeat right -5px; }
.haastattelu .huomio { background: url('/kuvat/mikrofoni.jpg') no-repeat right top; height: 100%;overflow:visible;}
.huomio h1,
.huomio h2,
.huomio p,
.huomio dl,
.avoimet .tyopaikat dl {position: relative;margin-right: 200px;}
.huomio h2 {margin-bottom: 0.3em;}
.huomio ul {margin-top: 0; margin-bottom: 1em;}
.tyopaikat dl {padding: 10px 10px 5px; margin: 0;}
.tyopaikat dt {position: relative; background: url('/kuvat/kolmio_musta.gif') 0 4px no-repeat; padding-left: 10px;font-size: 1.2em; margin-bottom: 3px;}
.tyopaikat dd {margin-left: 10px;margin-bottom: 5px; font-size: 0.95em; color: #333;}
.etusivu .tyopaikat {
display: block;
position: relative;
background: #1a8ce5 url('/kuvat/tausta_duunit.gif') bottom repeat-x;
float: none;
height: 100%;
overflow: visible;
border:0;
padding: 10px 20px 30px 19px;
margin: 0;
}
.etusivu .tyopaikat h2 {
position: relative;
padding: 10px 0 0 19px;
margin: -10px 0 0.2em -19px;
color: #fff;
font-size: 2em;
line-height: 1em;
font-weight: normal; 
background: #1a8ce5 url('/kuvat/tausta_menu_h2.gif') top left no-repeat;
}
.etusivu .tyopaikat a {color: #fff;}
.etusivu .tyopaikat dl {margin: 0 0 0.5em 0; padding: 0; color: #fff;}
.etusivu .tyopaikat dt,
.etusivu .tyopaikat dl {list-style-type: none; font-size: 1.1em; }
.etusivu .tyopaikat dt {padding-left: 10px; background: url('/kuvat/kolmio_valkoinen.gif') 0 5px no-repeat; }
.etusivu .tyopaikat p {position: relative;font-size: 1.2em;margin: 0 0 1em 0; padding: 0 10px 0 10px; color: #eee;}
.etusivu .tyopaikat p a {font-weight: bold;}
.tyopaikkailmoitus h2 {
position: relative;
background-image: url('http://www.opasmedia.com/kuvat/TyoIlmoitusOtsikko.jpg');
color: #fff;
margin: 0 0 10px -19px;
padding: 8px 15px 8px 19px;
overflow: visible;
font-size: 1.5em;
font-weight: normal;
height: 100%;
width: 545px;
}
.tyopaikkailmoitus h2 a:link,
.tyopaikkailmoitus h2 a:visited { color: #fff; }
.tyopaikkailmoitus ul li {margin-bottom: 0.3em;}
.tyopaikkailmoitus ul.pdf { padding-left: 0; margin-left: 0;}
.tyopaikat .henkilot,
.yhteystiedot .henkilot {
display: block;
position: relative;
padding-bottom: 1.5em;
overflow: hidden;
clear: both;
float: none;
}
div.tyopaikkailmoitus h3 { font-size: 1.2em; letter-spacing: normal; margin-bottom: 10px; padding-bottom: 0;}
/*
div.tyopaikkailmoitus h3,
div.tyopaikkailmoitus p { margin-right: 200px; }
*/

/* TYÖHAKEMUS/LOMAKE */
div.painike {position: relative;width: 10em;text-align: center; margin-bottom: 10px;}
div.painike a:link,
div.painike a:visited {display: block;width: auto;padding: 3px;font-family: Arial, sans-serif; color: #000;background: #eee; border: 2px outset #ccc;}
div.painike a:hover {text-decoration: none; cursor: default;}
div.painike a:active {border: 2px inset #ccc;}

.lomake {background: #eee;padding: 3px; padding-bottom:10px;}
.lomake th {vertical-align: top; padding: 0.4em 0.5em 0 0; font-weight: normal; text-align: right; width: 25%;}
.lomake th strong {font-family: Arial, sans-serif; color: #000;display: block;padding: 0 0.3em 0.3em 0;/*margin-bottom: 0.3em;border-bottom: 1px solid #000;*/}
input, option, textarea, select {font-family: Verdana, sans-serif; font-size: 0.95em; padding-left: 0;background: #fafafa;}
optgroup {font-style: normal;}
input, optgroup, textarea {padding-left: 2px;}
option {padding-left: 10px;}
input {margin-right: 5px;}
.lomake input {width: 200px;}
.lomake input.nappi {width: auto; margin-top: 0.5em; padding: 0.1em; font-family: Arial, sans-serif; font-size: 1em; background: #eee;}
.lomake .ohje {font-size: 0.9em; color: #666; margin: 0.2em 0 0.5em;}