body {
	width: 830px;
     	background-image: url(../images/tausta.gif);
     	background-repeat: repeat;
	margin-top: 10px;
   	margin-left: auto;
	margin-right: auto;
	font-family: sans-serif;
}

body.lev {
	width: 1000px;

	margin-top: 10px;
   	margin-left: auto;
	margin-right: auto;
	font-family: sans-serif;
}


#sisalto {
	width: 595px;
	margin: 0 0 0 220px;
	padding: 0.5em 0 0 0;
}

#sisalto_lev {
	width: 770px;
	margin: 0 0 0 220px;
	padding: 5px 0 0 0;
}

#sisalto_vasen {
	width: 300px;
	height: 100%;
	margin: 0 0 0 220px;
}

#sisalto_oikea {
	float: right;
	width: 275px;
	margin-right: 10px;
}

#sisalto_vasen2 {
	width: 435px;
	height: 100%;
	margin: 0 0 0 220px;
}

#sisalto_oikea2 {
	float: right;
	width: 150px;
	padding-top: 30px;
	/* margin-right: 10px; */
}

#sivupalkki {
    float: left;
    width: 200px;
    height: 100%;
    padding-top: 5px;
    margin-left: 5px;
}

#linkkipalkki_yla {
	color: rgb(0,0,0);
	background-color: rgb(226, 225, 241);
	text-align: center;
	word-spacing: 0.5em;
	font-size: 80%;
	width: 595px; 
	margin: 0 0px 0 220px;
}
#linkkipalkki_yla_lev {
	color: rgb(0,0,0);
	background-color: rgb(226, 225, 241);
	text-align: center;
	word-spacing: 0.5em;
	font-size: 80%;
	width: 770px; 
	margin: 0 0px 0 220px;
}
#linkkipalkki_yla img, #linkkipalkki_yla_lev img {
	vertical-align: middle;
	padding: 0.3em 0em 0.3em 0em;
}

#linkkipalkki_yla a, #linkkipalkki_yla_lev a {
	color: rgb(0,0,0);
	text-decoration: none;
}

#linkkipalkki_yla a:hover, #linkkipalkki_yla_lev a:hover {
	text-decoration: underline;
	color: rgb( 0,0,255);
}


.linkkipalkki_sivu {
	color: rgb(0,0,0);
	background-color: rgb(226, 225, 241);
	text-align: left;
	font-size: 90%;
}

.linkkipalkki_sivu a {
	color: rgb(0,0,0);
	text-decoration: none;
}

.linkkipalkki_sivu a:hover {
	text-decoration: underline;
	color: rgb( 0,0,255);
}

.linkkipalkki_sivu ul {
	list-style-type: none;

	margin: 0;
	padding: 0 0 0 0;
}

.linkkipalkki_sivu ul li {
	background-image: url(../images/linkkinuoli.png);
	background-repeat: no-repeat;
	background-position: 0.5em .65em;
	
	border-bottom: solid white;
	border-width: 1px;
	padding: 0.3em 0em 0.3em 1.8em;
	font-size: 100%;
}

.linkkipalkki_sivu ul li.alin {
	border-style: none;
	padding: 0.3em 0em 0.3em 1.8em;
}

div.kuva_linkit {
	width: 295px;
	margin: 0;
}

div.kuva_linkit ul {
	list-style-type: none;
	margin: 3px 5px 0px 5px;
	padding: 0 0 0 0;
}
div.kuva_linkit ul li {
	margin: 0;
	padding; 0;
}

.logo {
	text-align: center;
}

#kuva_etusivu {
	text-align: center;
	padding: 0;
}

#kuva2_etusivu {
	width: 574px;
	height: 36px;
	background-image: url(../images/pilvitausta.jpg);
	padding: 100px 0 0 20px;
}

.puhnro {
	text-align: center;
	font-size: 80%;
	font-weight: bold;
}
.puhnro a {
	text-decoration: none;
	color: gray;
}

.puhnro a:hover {
	text-decoration: underline;
	color: blue;
}

#tunnistenumerohaku_teksti {
	color: white;
	text-align: center;
	font-size: 90%;
	margin-left: 0.3em;
	margin-right: 0.3em;
	background-color: rgb(146, 147, 211);
}
#tunnistenumerohaku {
	text-align: center;
	font-size: 90%;
	margin-left: 0.3em;
	margin-right: 0.3em;
	background-color: rgb(226, 225, 241);
}




#tunnistenumerohaku img {
	vertical-align: middle;
	border-width: 0;
}

#tunnistenumerohaku input {
	margin-top: 0.3em;
	border-width: 1px;
	border-color: black;
}

#maikkareita_teksti {
	margin-top: 20px;
	color: white;
	text-align: center;
	font-size: 90%;
	margin-left: 0.3em;
	margin-right: 0.3em;
	background-color: rgb(146, 147, 211);
}

#maikkareita_teksti a {
	color: white;
}
#maikkareita {
	text-align: center;
	font-size: 90%;
	margin-left: 0.3em;
	margin-right: 0.3em;
	background-image: url(../images/taustapilvet.jpg);
	height: 290px;
}
#maikkareita img {
	margin: 5px 0 5px 0;
}

.ilmoitukset {
	padding: 0.5em 0 0.5em 0;
}

.ilmoitukset a {
	color: rgb(0,0,139);
}

.ilmoitukset a:hover {
	color: rgb(0,0,255);
}

.ilmoitukset .external_link {
	color: black;
	text-decoration: none;
}
.ilmoitukset .external_link:hover {
	color: rgb(0,0,255);
	text-decoration: underline;
}

.ilmoitukset ul li {
	font-size: 80%;
	padding: 0em 0em 0.2em 0em;
}

.ilmoitukset h2 {
	display: inline;
	margin-left: 1em;
	margin-right: 0.5em;
}
.ilmoitukset span {
	font-size: 80%;
}
/* ilmoituksen jatto: */

div#ad_new {
	background-color: rgb(226, 225, 241);
}

div#ad_new h3 {
	text-align: center;
	font-size: 110%;
	margin-top: 0;
}

div#ad_actions {
	margin: 2em 0 1em 0em;
}

div#invoice_actions {
	float: right;
}

div p {
	font-size: 80%;
	padding: 0; /*0em 1em 0em 1em;*/
}

ul.normal {
	font-size: 80%;
}

table {
	font-size: 80%;
	padding: 0; /*0em 1em 0em 1em;*/
}

table tr th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

table tr td table {
	font-size: 100%;
}

td {
	vertical-align: top;
}

input {
	border-width: 0px;
}

textarea {
	border-width: 0px;
}

hr {
	color: white;
}

.light_bg, .light_bg_roundbottom, .light_bg_notround, .light_bg_roundleft, .light_bg_roundright { 
	background-color: rgb(226, 225, 241);
}

th.light_bg_notround {
	vertical-align: middle;
}

.content_on_bg {
	padding: 1em 1em 0em 1em;
}

.white_bg {
	background-color: rgb(255, 255, 255);
	margin: 2em;
}

.dark_bg {
	color: white;
	background-color: rgb(146, 147, 211);
}

.dark_header {
	text-align: center;
	font-size: 120%;
	padding-bottom: 0.2em;
	color: white;
	background-color: rgb(146, 147, 211);
}

h1 {
	font-size: 120%;
}

h2{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 100%;
	text-indent: 1em;
	/* text-transform: uppercase; */
}

h4 {
	font-size: 80%;
	text-indent: 1.5em;
	margin: 0;
	font-weight: normal;
}

img {
	border-width: 0;
}


div.buttons {
	padding: 1em 0em 1em 0em;
}

.desc_header {
	font-weight: bold;
	font-size: 120%;
	padding-right: 1em;
}

.red, .error { color: red }

.error_note {
	background-image: url(../images/virhe.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	color: red;
	background-color: white;
	border: 1px solid rgb(85,87,170);
	padding: 10px 3px 3px 35px;
	width: 500px;
}

.notify {
	color: green;
}

.required {
	font-weight: bold;
}

.gray_info {
	text-align: center;
	color: gray;
	font-size: 80%;
	margin-top: 0.5em;
	margin-bottom: 0;
}

.gray_index{
	color: gray;
	font-size: 90%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;

}

.gray_uusi{
	color: gray;
	font-size: 50%;
	margin-top: 0.5em;
	margin-bottom: 0;

}

.gray_info#phone {
	margin-bottom: 0.5em;
	margin-top: 0;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}
.right_w_pad {
	text-align: right;
	padding-right: 6px;
}

.left_pad {
	padding-left: 2em;
}

.left {
	text-align: left;
}

.adheader {
	font-weight: bold;
	font-size: 160%;
	text-align: center;
	text-indent: 0;
}

.adsubheader {
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	text-indent: 0;
}

.bold {
	font-weight: bold;
	font-size: 120%;
}
.bold2 {
	font-weight: bold;
	font-size: 120%;
}



.normalweight {
	font-weight: normal;
}

.ad_nav {
	margin:0;
	font-size: 80%;
}
.ad_nav li {
	display: inline;
	margin-right: 2em;
}

.ad_nav_admin {
	float:right;
}

.ad_open {
	width: 100%;
}

.search {
	background-color: rgb(226, 225, 241);
}

.searchtable {
	width: 595px;	
}

table tr td {
	padding: 2px 1px 0px 1px;
}

table.view {
	width: 595px;
	border-collapse: collapse;
}

table.view_lev {
	width: 770px;
	border-collapse: collapse;
}

table.view tr td, table.view_lev tr td {
	border-bottom: dotted rgb(146, 147, 211);
	border-width: 1px;
	text-align: left;
}

table.view ul, table.view_lev ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
table.view li, table.view_lev li {
	display: inline;
}

ul.ads_links {
	list-style: none;
	margin: 0 0 0.5em 1em;
	padding: 0;
}
ul.ads_links li {
	display: inline;
	margin-right: 20px;
}
ul#ads_links_hidden li a {
	color: white;
}
ul.ads_list {
	margin-bottom: 0.5em;
}
.sort {
	text-align: center;
}

.disabled_link {
	color: rgb(211,211,211);
}

.border {
	border: 1px solid black;	
}

.no_indent {
	text-indent: 0;
}

.width_set {
	width: 250px;
}

.button {
	margin: 0px 3px 3px 3px;
	vertical-align: middle;
	background-color: transparent;
}
.button_link {
	margin: 0px 0px 3px 0px;
	vertical-align: middle;
	background-color: transparent;
}

.button_padded {
	margin: 10px 3px 10px 3px;
	vertical-align: middle;
}

.service_button {
	vertical-align: middle;
	margin: 5px 0 5px 0;
}

div.contact {
	padding: 0em 0 0.3em 0;
	font-size: 80%;
}

.dark_header2 {
	text-align: center;
	font-size: 80%;
	padding-bottom: 0.3em;
	color: white;
	background-color: rgb(146, 147, 211);
	text-indent:0;
}

p#finished, div#finished {
	background: white url(../images/kiitos_bg.jpg) no-repeat top left;
	width: 492px;
	height: 285px;
}

table#form_mail {
	width: 570px;
	margin: 2em 0 2em 20px;
}

table#form_mail textarea {
	width: 320px;
	height: 150px;
}
table#form_mail input {
	width: 320px;
}
table#form_mail input#file_attachments {
	width: 200px
}


table#login input {
	width: 160px;
}

table#login td {padding-right: 5px; padding-bottom: 5px;}


h1 {padding-top: 0.7em;}

.view_search_col1 {
	width: 200px;
}

.view_search_col2 {
	width: 250px;
}
.view_search_col3 {
	width: 100px;
}


table#invoice {
	width: 100%;
	border-collapse: collapse;
}
table#invoice tr td.borderb {
	border-bottom: solid black;
	border-width: 1px;
}
table#invoice tr td.borderr {
	border-right: solid black;
	border-width: 1px;
}

div.palvelut {
	text-align: center;
	width: 135px;
}


.pending { background-color: red; }
.active { background-color: green; }
.invoiced { background-color: yellow; }
.terminated { background-color: rgb(211,211,211); }

span.left_table_header {
	padding-left: 5px;
}
span.right_table_header {
	padding-right: 5px;
}
div.ilmoitustaulu {
	background-color: rgb(226, 225, 241);
}
div.ilmoitustaulu p {
	margin-top: 0;
	padding: 5px 5px 0px 5px;
}
table.material {
	padding: 0 2em 0 2em;
	width: 100%;
}
table.material td {
	width: 150px;
}

input#google_input {
	width: 150px;
}