body {
		background-color: #8B8D8C;
		margin: 0; 
		padding: 0;
}

.main {											/* "kokosivu", vaikuttaa joka sivulla*/
		border: 1px solid  #000000;
		height: 798px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		width: 898px;
}

.mainpalvelut {										/* "kokosivu", vaikuttaa palvelut-sivulla*/
		border: 1px solid  #000000;
		height: 1323px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		width: 898px;		
}

.main_tp_oiko {                                                                         /* "kokosivu", vaikuttaa tp_oiko-sivulla*/
                border: 1px solid  #000000;
                height: 1201px;
                margin-left: auto;
                margin-right: auto;
                position: relative;
                width: 898px;
}


.kielivalinta {									/* Ylin osa, vaikuttaa joka sivulla */
		background-color: #61716e;
		height: 23px;
		width: 100%;
}

.logo {											/* Kielivalinnan alapuolella, joka sivulla */
		background-image: url("http://tutkimustie.net/kuvat/logo.gif");
		height: 75px;
}

.navi {											/* Joka sivulla. Tässä ovat linkit Etusivu, Tutkimustie... */
		background-color: #EAE7DE;
		height: 23px;		
}

.lokaatio {										/* Käytössä kaikilla muilla paitsi etusivulla. */
		background-color: #61716e;
		border-top: 2px solid  #000000;
		height: 23px;		
		padding-left: 10px;
}

.banneri {										/* Harmaatyylinen banneri, vain etusivu */
		background-image: url("http://www.tutkimustie.net/kuvat/banneri.jpg");
		height: 160px;
		width: 100%;
}		

.vasen {										/* Iso vasemmanpuoleinen lohkoelementti, vain etusivu */
		background-color: #FFF;
		float: left;
		height: 492px;
		width: 749px;
}

.vasenpidempi {									/* Vasemmanpuoleinen lohkoelementti */
		background-color: #FFF;
		float: left;
		height: 627px;
		width: 508px;		
}

.vasenpisin {									/* Vasemmanpuoleinen lohkoelementtiu */
		background-color: #FFF;
		float: left;
		height: 1153px;
		width: 508px;		
}

.vasentp {									/* Vasemmanpuoleinen lohkoelementti, tarjouspyyntö */
		background-color: #FFF;
		float: left;
		height: 627px;
		width: 749px;		
}

.vasentppidempi {									/* Vasemmanpuoleinen lohkoelementti, tarjouspyyntö */
		background-color: #FFF;
		float: left;
		height: 1030px;
		width: 749px;		
}

.oikeatp {										/* Iso oikeanpuoleinen lohkoelementti, tarjouspyyntö */
		background-color: #EAE7DE;
		float: right;
		height: 627px;
		width: 149px;
}

.oikeatppidempi {										/* Iso oikeanpuoleinen lohkoelementti, tarjouspyyntö */
		background-color: #EAE7DE;
		float: right;
		height: 1030px;
		width: 149px;
}

.oikea {										/* Iso oikeanpuoleinen lohkoelementti, vain etusivu */
		background-color: #EAE7DE;
		float: right;
		height: 492px;
		width: 149px;
}

.kuvaoikea {									/* Oikeanpuoleinen lohkoelementti, muut kuin etusivu */
		background-color: #fff;
		float: right;
		height: 627px;
		padding-bottom: -10px;
		width: 390px;
}

.kuvaoikeapisin {								/* Oikeanpuoleinen lohkoelementti */
		background-color: #fff;
		float: right;
		height: 1153px;
		padding-bottom: -10px;		
		width: 390px;		
}

.footer {										/* (c) Tutkimustie 2001-2007 jne - joka sivulla */
		background-color: #BCC7C2;
		bottom: 0px;
		float: left;
		height: 21px;		
		margin: 0px;
		position: relative;
		width: 898px;
}

.footer_ala {									/* Ylemmän footerin punainen tehosteväri - joka sivulla */
		background-color: #A6003D;
		bottom: 0px;
		float: left;
		font-size: 2px;
		height: 4px;
		margin: 0px;
		position: relative; 
		width: 898px;
}

a.navilinkit {									/* navin linkkien tyylit */
		color: #111;
		text-align: left;
		text-decoration: none;
}

a:hover.navilinkit {							/* navin linkkien hover-tyyli */
		color: #A6003D;
}

.footerteksti {									/* Footerin tekstimuotoilut */
		color: #61716E;
		font-family: verdana,sans-serif,arial;
		font-size: 9px;
		margin-left: 15px;
		margin-top: 0.44em;
}

.kielivalintateksti {							/* Kielivalintaelementin tekstimuotoilut */
		color: #fff;
		font-size: 9px;
		font-family: verdana,sans-serif,arial;
		font-weight: bold;
		margin-top: 0px;
		padding-top: 0.39em;
		padding-right: 10px;
		text-align: right;
}	

a.kielilinkit {									/* Kielivalintaelementin linkkimuotoilut */
		color: #fff;
		text-decoration: none;
}

.naviteksti {									/* Navielementin tekstimuotoilut */
		font-family: verdana,sans-serif,arial;
		font-size: 11px;
		margin-top: 0px;
		padding-left: 10px;
		padding-top: 0.35em;
}

a span {										/* Navissa tuomassa väljyyttä linkkien väliin */
		padding: 10px;
}

.yhteystiedot {									/* Etusivun oikeanpuoleisen elementin tekstimuotoilut */
		color: #111;	
		font-family: verdana,sans-serif,arial;		
		font-size: 9px;
		padding-top: 50px;
		padding-left: 15px;
}

.banneriteksti {								/* Bannerin tekstimuotoilut */
		color: #fff;
		font-family: verdana,sans-serif,arial;
		font-size: 10px;
		margin: 0;
		padding-top: 30px;
		padding-left: 260px;
}

a.linkkipunaliha {								/* Tehosteväri punainen linkit */
		color: #A6003D;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
}

a.linkkipunaliha:hover {						/* Tehosteväri punainen linkit, hover */
		text-decoration: underline;
}

.etusivutaulukko {								/* Etusivun taulukko, jossa esitellään lyhyesti palveluita */
		margin-left: 250px;
		margin-top: 60px;
}

.taulukkoteksti {								/* Etusivun taulukon tekstimuotoilut */
		color: #111;
		font-family: verdana,sans-serif,arial;
		font-size: 11px;
		margin: 0;
		padding-left: 5px;
}

.taulukkosolu {
		vertical-align: top;
		padding-bottom: 35px;
}

.taulukkosolukuva {
		vertical-align: top;
		text-align: right;
		padding-top: 4px;
}

.isokuva {										/* Oikeanpuoleinen kuva - tutkimustie, palvelut, referenssit, yhteys */
		padding-left: 20px;
		padding-top: 30px;
}

.lokaatioteksti {									/* Lokaatiopalkin tekstin määrittelyt */
		color: #fff;
		font-family: verdana,sans-serif,arial;
		font-size: 11px;
		margin-top: 0px;
		padding-left: 10px;
		padding-top: 0.35em;
}

h1 {													/* h1-tason otsikko */
		color: #111;
		font-family: verdana,sans-serif,arial;
		font-size: 24px;
		margin-top: 30px;
		padding-left: 20px;
}

.perusteksti {											/* Perusteksti, enempi sisennystä */
		color: #111;
		font-family: verdana,sans-serif,arial;
		font-size: 11px;
		margin-top: 30px;
		padding-left: 20px;
}

.perusteksti2 {											/* Perusteksti, pienempi sisennys ylhäältä */
		color: #111;
		font-family: verdana,sans-serif,arial;
		font-size: 11px;
		margin-top: 10px;
		padding-left: 30px;
}

.yhteystaulukko {										/* Yhteys-sivun yhteydenottolomake */
		border-collapse:collapse;
		border: 0xp;
		margin-left: 20px;
		width: 350px;
}

.yhteystaulukkosolu {									/* Yhteys-sivun yhteydenottolomakkeen solut */
		font-family: verdana,arial,sans-serif;
		font-size: 10px;
		height: 35px;		
}

.kentta {												/* Taulukoiden kenttien/solujen siisti tasaympärysviiva*/
		border: 1px #366 solid;
		font-size: 9px;
}

.tarjoustaulukko {										/* Tarjouspyyntötaulukot */
		border-collapse: collapse;
		border: 1px solid #000;
		margin-left: 20px;
		width: 600px;
		
}

.otsikkosolu {											/* Tarjouspyyntötaulukoiden otsikot */
		font-size: 10px;
		font-family: verdana,arial,sans-serif bold;
		color: #000;
		height: 23px;
		width: 100%;
		background-color:#BCC7C2;
		padding-left: 5px;

}

.tarjoussolu {											/* Tarjousyyntötaulukoiden solut */
		color:#111;
		border: 1px dotted  #bfbfbf;
		font-size: 10px;
		font-family: verdana,arial,sans-serif;
		height: 23px;
		background-color: #fff;
		width: 290px;
		padding-left: 5px;
		padding-bottom: 5px;
}

.lahetys {												/* LÄHETÄ-napit*/
		font-size: 9px;
		font-family: verdana,arial,sans-serif normal;
		color: #000;
		border :1px gray solid;
		color: gray;
}


textarea {
                font-size: 11px;                                /* whatever default font size you want */
                font-family: verdana,sans-serif,arial;
}

.yhteystietokentta {          /* Taulukoidensolujen siisti tasaymprysviiva*/
                border: 1px #366 solid;
                font-family: verdana,sans-serif,arial;
                font-size: 11px;
}