body {
	font-family: Verdana, Arial, sans-serif;
	color: white;
	background-color: black;
	background-image: url(images/liukutausta.png);
	background-repeat: repeat-y;
}

h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 0.6em;
	margin-bottom: 1em;
	letter-spacing: 2px;
	padding: 2px;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
  background-color: #2f2f3f;
}

h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 1em;
	letter-spacing: 1px;
	border-bottom: 1px dashed gray;
}

h3 {
	font-size: x-small;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 1em;
}

ul {
  margin-top: 1em;
}

ol {
  margin-top: 0.5em;
  margin-bottom: 1em;
}

td {
	text-align: left;
}

th {
  text-align: left;
	vertical-align: top;
}

label {
	font-size: 0.8em;
}

.palaute {
  background-color: #2f2f3f;
/*  background-color: #2f2f3f;*/
  padding: 1em;
	margin-top: 0.6em;
}

.takaisin {
	font-weight: bold;
	font-size: 0.8em; 
	margin-top: 0.5em;
	margin-bottom: 2.5em;
  	background-color: #2f2f3f;	
/*	background-color: #FFF2B4;*/
	padding: 0.3em;
	border: 1px solid gray; 
}

.takaisin a:link, .takaisin a:visited {
  color: #CD8C00;
	font-weight: bold;
}

p a:link, p a:visited, .tilaus a:link, .tilaus a:visited, .tptiedot a:link, .tptiedot a:visited {
  color: blue;
	text-decoration: none;
}

p a:hover, .tilaus a:hover, .tptiedot a:hover {
	text-decoration: underline;
} 

/* Rakenne */

table.rakenne {
	font-size: 0.8em;
}

td.vasenlaita {
	vertical-align: top;
	padding-top: 32px;
	padding-bottom: 15em;
}

table.kielivalinnat {
  margin-top: 4px;
}

table.navigointi {
	margin-top: 16px;
}

table.navigointi tr {
  padding-bottom: 1px;
}

td.pisteviiva {
  background-image: url(images/pisteet.gif);
  background-repeat: repeat-y;
  background-color: #292929;
}

.login {
    background-color: #2f2f3f;
/*	background-color: #F4F4F4;*/
	font-size: x-small;
	margin: 32px 5px 0px 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 130px;
/*	overflow: auto;*/
}

.logalert {
 	font-size: 0.8em;
	font-weight: bold;
	margin: 0em;
	color: red;
}

.sisalto {
	font-size: 0.8em;
	padding: 16px;
	text-align: center;
/*	background-color: #292929;*/
	height: 100%;
}

.sisaltotd {
	padding: 1em 1em 1em 1em;
	vertical-align: top;
}

.sisalto_etusivu {
	padding-left: 0em;
	padding-right: 0em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 0.8em;
	text-align: center;
	height: 100%;
}


.tietopalkki table {
  font-size: 0.8em;
	border: 1px solid black;
/*  background-color: #FFF2B4;*/
  background-color: #2f2f3f;
	padding: 0.4em;
  width: 100%;
	margin-bottom: 2em;
}

.tietopalkki a:link, .tietopalkki a:visited {
  font-weight: bold;
	color: #FF6000;
}

.copyright {
  font-size: xx-small;
  text-align: center;
	vertical-align: bottom;
}

/* Rakenne loppuu */

/* Yleiset */

.block {
  display: block;
}

span.alert {
  font-size: x-small;
  font-weight: bold;
	color: red;
}

.vasen {
  float: left;
}

.oikea {
  float: right;
}

td.kesk, th.kesk {
  text-align: center;
}

td.oikea, th.oikea {
  text-align: right;
}

td.vasen, th.vasen {
  text-align: left;
}

.tietolista .navleft {
  float: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
/*	background-color: #FFF2B4;*/
  background-color: #2f2f3f;
	padding: 0.3em;
	border: 1px solid gray; 
}

.tietolista .navright {
  float: right;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
/*	background-color: #FFF2B4;*/
  background-color: #2f2f3f;
	padding: 0.3em;
	border: 1px solid gray; 
}

.tietolista .navleft a:link, .tietolista .navleft a:visited, .tietolista .navright a:link, .tietolista .navright a:visited {
	font-weight: bold;
	font-size: 0.8em; 
}

/* Yleiset loppuu */

/* Taustavärit */

.vari1 {
/*  background-color: #FFF2B4;*/
  background-color: #2f2f3f;
}

.vari2 {
/*  background-color: #2f2f3f;*/
  background-color: #3f3f4f;
}

/* Taustavärit loppuu */

/* Etusivu */
.etusivu {
	background-color: #2b2b2b;
}

.etusivu th {
  color: black;
	font-size: 0.8em;
}

.etusivu img {
  border: 1px solid gray;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 3em;
}

.etusivu p {
  border: 1px solid gray;
  background-color: #2f2f3f;
	margin: 1em;
	padding: 0.5em;
}

/* Etusivu loppuu */

/* Info */

.infosivu ul {
  background-color: #2f2f3f;
/*  background-color: #2f2f3f;*/
}

.infosivu li {
  margin-bottom: 0.5em;
}

/* Info loppuu */

/* FAQ */

.faq li {
  margin-bottom: 1.5em;
	background-color: #2f2f3f;
	padding: 0.2em;
}

.faq a:link, .faq a:visited {
  color: blue;
}

/* FAQ loppuu */

/* Asiakassopimus */

.sopimus {
	font-family: Tahoma, Arial, sans-serif;
  font-size: 1em;
  color: black;
  background-color: white;
	margin: 3em;
}

.sopimus .o1 {
  font-weight: bold;
  font-size: 1.2em;
	margin-top: 3em;
	margin-bottom: 2em;
}

.sopimus .o2 {
  font-weight: bold;
  font-size: 1em;
	margin-left: 2em;
	margin-bottom: 2em;
}

.sopimus .o3 {
  font-weight: bold;
  font-size: 0.9em;
	margin-left: 5em;
}

.sopimus p {
	margin-left: 5em;
}

/* Asiakassopimus loppuu */

/* Yritys */

img.heikki {
  float: right;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}

.signature {
  margin-left: 2em;
	font-style: italic;
}

.yhteystiedot {
	font-family: Tahoma, Arial, sans-serif;
	margin: 0em 0.5em 0.5em 2em;
}

.yhteistyo table {
  background-color: #2f2f3f;
	font-size: 1em;
	margin: 0.5em;
}

.yhteistyo table td {
  padding-left: 0.5em;
	vertical-align: top;
}

/* Yritys loppuu */

/* Tuoteryhmien esittely */

.tuoteryhmat table {
  border: 1px solid gray;
	margin-bottom: 1em;
}

.tuoteryhmat table th {
  font-size: 1em;
  text-align: left;
  border-bottom: 1px dashed gray;
}

.tuoteryhmat table td {
  font-size: 0.8em;
}

.tuotteet table table {
  border: 1px solid gray;
	width: 100%;
	height: 100%;
}

.tuotteet table table th, .tuotteet table table td {
  font-size: 0.8em;
  text-align: center;
}

/* Tuoteryhmien esittely loppuu */

/* Paketit */

.paketit table table {
  border: 1px solid gray;
	height: 100%;
	width: 100%;
}

.paketit table table table {
  font-size: 0.6em;
	border: none;
}

.paketit .toimitukset {
	font-size: 0.6em;
	padding-left: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.paketit .nappi {
  text-align: center;
}

.paketit td.tilaa {
	text-align: right;
	vertical-align: bottom;
	padding-right: 1em;
	padding-bottom: 1em;
}

.paketit table table p {
  font-size: 0.8em;
}

/* Paketit loppuu */

/* Tuotekuvaus */

.kuvaus {
  vertical-align: middle;
	margin-top: 1em;
}

.kuvaus table table {
  background-color: #2f2f3f;
/*  background-color: #FFF2B4;*/
}

.kuvaus table td {
	vertical-align: top;
}

.kuvaus table th {
  font-size: 1em;
	font-weight: bold;
  text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.kuvaus img {
  margin-left: 0.3em;
}

.kuvaus table table table th {
  font-size: 0.8em;
	font-weight: bold;
  text-align: left;
}

.kuvaus table table table td {
  font-size: 0.8em;
  text-align: left;
}

.kuvaus .esimotsikko {
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	text-align: left;
}

.kuvaus .hinnat td {
	font-size: 0.7em;
	padding-left: 1em;
	text-align: right;
}

.kuvaus .napit {
  font-size: 0.6em;
	text-align: center;
}

.kuvaus .napit img {
  margin-top: 0.5em;
}

.kuvaus .napit td {
	padding-left: 2em;
} 

.kuvaus .info {
  background-color: white;
  color: black;
}

.kuvaus .info th {
	padding-left: 0.5em;
	text-align: left;
}

.kuvaus .info p {
	font-size: 0.8em;
  margin-top: 0.2em;
	margin-left: 0.5em;
}

/* Tuotekuvaus loppuu */

/* Tilaus-lomake */

.tilaus table {
  margin-bottom: 1em;
}

.tilaus table th {
  font-size: 0.8em;
  background-color: #2f2f3f;  
/*  background-color: #FFF2B4;*/
}

.tilaus img {
  margin-left: 1.5em;
}

.tilaus table table {
  font-size: 0.8em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
  vertical-align: middle;
}

.tilaus kesk {
  text-align: center;
}

.tilaus label {
  font-size: 0.8em;
	font-weight: bold;
}

.tilaus table table th {
  font-size: 0.8em;
	font-weight: bold;
}

.tilaus table table label {
  font-size: 1em;
	font-weight: bold;
}

.tilaus table .tekolabel {
  font-size: 0.8em;
	font-weight: bold;
}

.tilaus table table .tekolabel {
  font-size: 1em;
	font-weight: bold;
}

.tilaus .info {
  font-size: 0.8em;
	text-align: left;
	margin-right: 1em;
}

.tilaus p {
  margin: 0.5em;
  font-size: 0.8em;
}

/* Tilaus-lomake loppuu */

/* Unohduslomake */

.unohdus form {
  margin: 2em;
	padding: 1.4em;
	border: 1px solid gray;
}

.unohdus label {
  font-size: 1em;
}

.unohdus div {
  margin-top: 0.4em;
}

/* Unohduslomake loppuu */

/* Tarjouspyyntö esittely */

.tpyyntoon table {
  border: 1px solid gray;
    background-color: #2f2f3f;
/*  background-color: #FFF2B4;*/
	height: 100%;
	width: 100%;
}

.tpyyntoon table th {
  font-size: 0.8em;
}

/* Tarjouspyyntö esittely loppuu */

/* Rekisteröitymisen alku */

.rekalku {
  	text-align: center;
	border: 1px solid black;
    background-color: #2f2f3f;	
  /*background-color: #2f2f3f;*/
	width: 478px;
  	margin-top: 3em;
  	margin-left: 3em;
	margin-bottom: 3em;
}

.rekalku th {
  font-size: 0.9em;
}

.rekalku td {
  font-size: 0.8em;
  vertical-align: top;
}

/* Rekisteröitymisen alku loppuu */

/* Rekisteröityminen ja Rekisteritiedot */

.rekisteri table {
  margin-bottom: 1em;
}

.rekisteri th {
  font-size: 0.8em;
  background-color: #2f2f3f;  
/*  background-color: #FFF2B4;*/
}

.rekisteri td {
  vertical-align: middle;  
}

.rekisteri .info {
  font-size: 0.7em;
	text-align: left;
	padding-left: 1em;  
}

.rekisteri a {
  font-size: 0.8em;
}

.rekisteri .static {
  font-size: 0.8em;
}

/* Rekisteröityminen ja Rekisteritiedot loppuu */

.tietolista table {
  margin-top: 0.5em;
}

.tietolista th {
  font-size: 0.7em;
	text-align: center;
  background-color: #2f2f3f;	
/*  background-color: #FFF2B4;*/
	border: 1px solid black;  
}

.tietolista .rivi1 {
  font-size: 0.7em;
	text-align: center;
  background-color: #3f3f4f;	
/*	background-color: #2f2f3f;*/
}

.tietolista .rivi2 {
  font-size: 0.7em;
	text-align: center;
  background-color: #2f2f3f;	
/*	background-color: #FFF2B4;*/
}

.tietolista a:link, .tietolista a:visited {
  font-weight: normal;
	color: black;
}

.tietolista a:active, .tietolista a:hover {
	color: white;
	background-color: #BA9900;
	text-decoration: none;
}

.tietopaketti th {
/*	background-color: #FFF2B4;*/
  background-color: #2f2f3f;
  font-size: 0.8em;
	border: none;
	text-align: left;
}

.tietopaketti td {
  font-size: 0.8em;
	text-align: left;
	color: black;
}

.tietopaketti .otsikko {
  font-weight: bold;
}

.tietopaketti table {
  margin: 0.5em 0.5em 1em 0.5em;
  border: 1px solid gray;
	background: white;
}

/* Tilauksen peruutus */

.peruutus form {
  margin-top: 1em;
  margin-left: 0.5em;
}

.peruutus form label {
  font-size: 1em;
}

/* Tilauksen peruutus loppuu */

/* Kokoaminen */

.kokoaminen table {
  background-color: #2f2f3f;
  /*background-color: #2f2f3f;*/
  border: 1px solid gray;
}

.kokoaminen table th {
/*  background-color: #FFF2B4;*/
  background-color: #3f3f4f;
	font-size: 0.8em;
	letter-spacing: 1px;
  padding-left: 0.3em;
}

.kokoaminen table td {
  font-size: 0.8em;
  padding-left: 1em;
}

.kokoaminen label {
  font-size: 1em;
}

.kokoaminen table table {
  border: none;
}

/* Kokoaminen loppuu */

/* Profiili */

.profiili p {
  font-weight: bold;
  margin-bottom: 0em;
}

.profiili li {
  margin-bottom: 0.5em;
	font-weight: bold;
}

.profiili a:link, .profiili a:hover, .profiili a:visited {
	color: #BA9900;
}

.profiili table {
  background-color: #2f2f3f;
	border: 1px solid gray;
}

.profiili .info {
  font-size: 0.8em;
}

.profiili label {
  display: block;
	font-weight: bold;
}

.profiili select {
  width: 100%;
}

/* Profiili loppuu */

/* Välilehtirakenne */

.valilehti table {
  background-color: #2f2f3f;	
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}

.valilehti table th {
/*  background-color: #FFF2B4;	*/
  background-color: #2f2f3f;
	letter-spacing: 1px;
  border: 1px solid gray;
	font-size: 0.8em;
}

.valilehti table .current {
  background-color: #2f2f3f;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid #2f2f3f;
}

.valilehti table table {
  border: none;
}

.valilehti a:link, .valilehti a:visited {
	color: black;
}

/* Välilehtirakenne loppuu */

/* Saadut tilaukset */

.tiltoim input {
  margin-top: 1em;
  margin-right: 1em;
}

/* Saadut tilaukset loppuu */

/* Tarjouspyyntö */

.tptiedot table {
  margin-bottom: 1em;
}

.tptiedot table td {
  font-size: 0.8em;
	padding: 0.3em 0.3em 0.2em 0.8em;
}

.tptiedot table th {
  font-size: 0.8em;
/*  background-color: #FFF2B4;*/
  background-color: #2f2f3f;
}

.tptiedot kesk {
  text-align: center;
}

.tptiedot label {
  font-size: 1em;
	font-weight: bold;
}

.tptiedot table .tekolabel {
  font-size: 0.8em;
	font-weight: bold;
}

.tptiedot .info {
  font-size: 0.9em;
	text-align: left;
	margin-top: 0.6em;
	margin-right: 1em;
	margin-bottom: 0.6em;
}

.tptiedot fieldset {
  padding-left: 0.3em;
  font-size: 0.8em;
	background-color: #2f2f3f;
}

.tptiedot fieldset legend {
  color: black;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.4em;
}

.tptiedot fieldset label {
  font-size: 1em;
}

.tptiedot .erottaja {
  border-top: 1px solid gray;
  padding: 0.2em 0em 0.2em 1em;
}

.tptiedot .sisennys {
  margin: 0.3em 0em 0.5em 1.3em;
}

.tptiedot p {
  margin: 0.5em;
  font-size: 0.8em;
}

/* Tarjouspyyntö loppuu */

/* Tarjouslomake */

.tarjous fieldset {
  padding: 0em 0.8em 0.8em 1em;
	margin-bottom: 1em;
  font-size: 1em;
	background-color: #2f2f3f;
	font-weight: normal;
}

.tarjous fieldset legend {
  color: black;
	font-weight: bold;
}

.tarjous .otsikko {
  font-size: 1em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.3em;
}

.tarjous fieldset label {
  font-size: 1em;
	margin-bottom: 0.5em;
	margin-left: 1em;
}

.tarjous .info {
  font-size: 0.9em;
}

.osio {
}

/* Tarjouslomake loppuu */

/* Kuvalinkkien reunojen poisto */

a:link img{
  border: none;
}   
a:visited img{
  border: none;
}
a:active img{
  border: none;
}
a:hover img{
  border: none;
} 

/* Kuvalinkkien reunojen poisto loppuu*/

/* Linkit */

a:link, a:visited {
  color: #4E4E4E;
  color: white;
  text-decoration: none;
}   
a:active {
  color: red;
  text-decoration: underline;
}
a:hover {
	text-decoration: underline;
} 

/* Linkit loppuu*/
.container {
	text-align: center;
/*	background-color: #292929;
	border: solid black 1px;*/
	width: 850px;
}

.top_left {
/*	background-image: url(images/liukutausta.png);*/
	text-align: right;
}

.leftcontain {
	padding: 0px 0px 0px 32px;
	margin: 0px;
}

.valikkonappi img {
	margin-top: 4px;
	margin-bottom: 4px;
}

legend {
	background-color: white;
}