/* Style.css - tyylitiedosto */

body {
  font-family: georgia, times, times new roman;
  color: #000000;
  background-color: #920901; /* tumman punainen */
  font-size: 0.9em;
  text-align: left;
  padding: 0;
  margin: 0 auto;
}

.spacer {
	clear: both;
}


/* *************** DIV CONTAINERIT ********************/

div.mainframe_outer {
  position: relative; float: left;
  width: 833px;
  background-image:url('/templates/kuvat_uusi/taustaraita.gif');
  background-repeat: repeat-y;
/*
  background-color: #f4f4f4;
  border-right: 1px solid black;
  border-left: 1px solid black;
*/
}

div.left_container {
  position: relative; float: left;
  width: 185px;
  padding: 0px 0px 0px 15px;
  height: auto;
/*  background-image:url('/templates/kuvat_uusi/taustaraita.gif');*/
  background-repeat: repeat-y;
  z-index: 1;
}

div.right_container {
  position: relative; float: left;
  padding: 0px 10px 10px 20px;
  width: 590px;
/*  height: auto;*/
/*
  background-color: #f4f4f4;
  border-right: 1px solid black;
  border-left: 1px solid black;
*/
}

div.ylapalkki {
  position: relative;
  width: 833px;
  height: 160px;
  background-image:url('/templates/kuvat_uusi/ylapalkki.jpg');
}



/* Vanhat ------------------------------------------------------------------------------ */

/*
#nostoFrame {
  width: 200px;
  height: 100%;
  background-color: #E0D6D6;
  float: left;
}
*/

/*
div.nosto {
  width: 193px;
  margin: 13px 0px 10px 5px;

}
div.nosto_otsikko {
  height: 30px;
  background-image:url('http://www.hut.fi/~tesaarin/po-kuvat/nosto_otsikkopalkki.gif');
}
div.nosto_sisalto {
  padding: 0px 5px 0px 5px;
  background-image:url('http://www.hut.fi/~tesaarin/po-kuvat/nosto_tausta.gif');
  background-repeat: repeat-y;
}
div.nosto_alareuna {
  background-image:url('http://www.hut.fi/~tesaarin/po-kuvat/nosto_alareuna.gif');
  background-repeat: no-repeat;
}
*/


/* P määrittelyt ----------------------------- */
p {
  font-size: 0.9em;
  text-align: left;
  margin: 10px 0px 0px 0px;
  color: black; /* tumman punainen */
  background-color: transparent;
}


form.nosto {
  padding: 5px 7px 5px 7px;
  text-align: left;
  margin: 0px;
  color: #F4F4F4; /* melkein valkoinen */
  background-color: transparent;
  letter-spacing: -0.2px;
}

table.registration {
  border: none;
}
td.registration {
  text-align: left;
  border: none;
  border-collapse: collapse;
  color: #620500; /* tumman punainen */
  background-color: transparent;
}
input.registration {
  color: #620500; /* tumman punainen */
  background-color: #F4F4F4;
} 
input.registrationNappi {
  color: #F4F4F4; /* melkein valkoinen */
  background-color: #620500;
  border-width: 1px;
}


td.login {
  font-size: 11px;
  padding: 0px 0px 8px 0px;
}
input.login {
  font-size: 11px;
  color: #620500; /* tumman punainen */
  background-color: #F4F4F4;
}
input.loginNappi {
  text-align: center;
  font-size: 11px;
  color: #F4F4F4; /* melkein valkoinen */
  background-color: #620500;
  border-width: 1px;
}


div.nosto p {
  margin: 0px;
  font-size: 11px;
  padding: 5px 7px 5px 7px;
  color: #F4F4F4; /* lahes valkoinen */
  background-color: transparent;
  line-height: 130%;
  letter-spacing: -0.1px;
}

div.nosto p.nosto_otsikko {
  font-size: 12px;
  text-align: center;
  padding: 7px 0px 0px 0px;
  color: #F4F4F4; /* lahes valkoinen */
  background-color: transparent;
  letter-spacing: 0px;
}



h1 {
  font-size: 1.5em;
  font-weight: bold;
  text-align: left;
  margin: 15px 0px 10px 0px;
  color: #920901; /* tumman punainen */
  background-color: transparent;
}

h2 {
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
  color: #920901; /* tumman punainen */
  margin: 10px 0px 10px 0px;
}

h3 {
  font-size: 1.0em;
  text-align: left;
  margin: 8px 0px 8px 0px;
  font-weight: bold;
  color: #920901; /* tumman punainen */
}
h4 {
  font-size: 0.9em;
  text-align: left;
  margin: 5px;
  font-weight: 500;
  color: #920901; /* tumman punainen */
}

hr {
  color: #920901; /* tumman punainen */
  background-color: transparent;
  height: 1px;
}


/* A määrittelyt ----------------------------- */
a.navi1 {
  color: black; /* punainen */
  background-color: transparent;
  font-size: 1.3em;
  text-align: left;
  text-decoration: none;
}
a.navi1_selected {
  color: #920901; /* tumman punainen */
  background-color: transparent;
  font-size: 1.3em;
  text-align: left;
  text-decoration: none;
}

a {
  color: #C08700; /* tumman keltainen */
  background-color: transparent;
}

a:hover {
  color: #F8C326; /* keltainen */
  background-color: transparent;
  text-decoration: underline;
}

a.navi1:hover {
  color: #E90C00; /* kirkkaan punainen */
  background-color: transparent;
  text-decoration: none;
}

a.navi1_selected:hover {
  color: #E90C00; /* kirkkaan punainen */
  background-color: transparent;
  text-decoration: none;
}

div.nosto a {
  color: #FFCE24; /* keltainen */
  background-color: transparent;
}

/* TD määrittelyt ----------------------------- */
td {
  vertical-align: top;
  margin: 0px;
  padding: 3px;
  border: 1px solid #920901; /* tumman punainen */;
  font-size: 0.9em;
  text-align: left;
}
td.noBorder {
  border: none;
}

th {
  color: #F4F4F4;
  background-color: #920901; /* tumman punainen */
  margin: 0px;
  padding: 3px;
  font-size: 0.9em;
  text-align: left;
}

/* TABLE määrittelyt ----------------------------- */
table {
  border: 2px solid #920901; /* tumman punainen */
}
table.noBorder {
  border: none;
}
table.uutiset {
  width: 100%;
  border: none;
}

img {
  border: none;
  margin: 10px;
  float: left;
}

img.right {
  float: right;
}

img.mediatie {
  margin: 0px;
}

hr {
  border-top: 1px solid #920901; /* tumman punainen */
  border-bottom: 1px solid #cccccc;
}

ul {
  text-align: left;
}
li {
  font-size: 0.8em;
}
ol {
  text-align: left;
}

.smaller {
  font-size: 0.9em;
}
.larger {
  font-size: 1.1em;
}

.right {
  float: right;
}

li.gap {
  padding: 0px 0px 10px 0px;
}

.red {
  color: #cc0000;
  background-color: transparent;
}