/* Style Sheet for Tarex Oy by Tomi Jaskari, September 2009 */

/* Very general styling affecting whole pages */
html,body{margin:0;padding:0;background-color: rgb(220, 220, 220);} 
body{font-family:arial,sans-serif;}
p{margin:0 1em 1em;}
dt{font-size:120%;}

div#toiminta{margin-bottom:2em;text-align:center;margin:2%;}
div#brief{text-align:justify;margin: 0 12% 0 12%;padding:1em;border: red double thick;}
div#header{text-align:center;width: 80%;}
div#header h1{margin:0;}
div#header img{margin:0;}
#tekstikuva1 {width: 499px; height: 119px;}
/* style="width: 499px; height: 119px;" */

#talo2 {position:absolute;top:0;right:0;}
#tekstikuva1,#tekstikuva2 {border:transparent solid thin;}
#tekstikuva2 {width: 431px; height: 30px;}
/* style="width: 431px; height: 30px;" */ 
#groovy{border-bottom: 2px groove lightblue;width: 100%;margin:0;font-size:1pt;width:95%;text-align:center;
margin: 0 3% 0 3%;}
div#header h1
	{height:80px;
	line-height:80px;
	margin:0; 
	padding-left:10px;
	background: #DCDCDC;
	color: #FC0404} 
div#content p{line-height:1.4} 
div#navigation{background:#DCDCDC} 
div#extra{background:#DCDCDC} 
a.otsikko{margin:0;padding:0;}
/* Jalustin */
div#footer{background: lightblue;color: maroon;font-size: small;border-top:white solid 1px;
font-weight: bold;text-align:center;border-bottom:transparent dashed 1px;}
div#foot{background: #696969;color: #FFF;font-size: x-small;}
div#footer{clear:both;width:100%;}
div#footer p{margin:0;padding:5px 10px} 
li.jalustin {color:black;display:inline;padding:1em;white-space:nowrap;border: black solid 1px;font-size:0.7em;line-height:3.3em;}
ul.jalustin {text-align:left;margin:3px 0 1px 0;line-height:4em;}

/* Valikko */
div#MAIN_NAVI{max-width:12em;float:left;clear:left;margin-left:2em;}
div#MAIN_NAVI li, 
div#menu h2.menutitle,
div#menu li.HUOMAA 
	{display:none;}
div#menu li {display:block;}
div#navigation li {display:inline;border: gray thin solid;border-collapse:collapse;background:orange;color:blue;}
div#menu a:visited {color:black;}
div#menu{clear:both;} 
div#menu {float:left;width:10em;height:50%;margin-left:1em;border-right: groove lightblue 2px;} 

 
/* LEIPÄTEKSTI OTSIKKOINEEN */
#arvot, #forest, #renowing, #ci, #new_buildings, #nature, #lyhyesti 
{float: right;width: 70%;text-align: left;margin: 1em;}

p.yritys{font-family: Times New Roman, sans-serif;font-size:larger}
h1.tomi{text-align:right;font-family:Arial Black, sans-serif;font-size: smaller;}
h1.kiteytys{font-family: helvetica, serif; font-size:100%;font-style:italic}
h2.eko {padding-left: 0.5em;}

#extra {margin-left: 1em; width: 30%; margin-top:2em;font-size:smaller;}
#SuomenYrittajat {margin-left: 2px; width: 161px;}

/* SIVUVALIKKO */
.wearehere, .menutitle {color: blue; background:transparent;}
.widelatin {color: gray; font-family: Wide Latin,serif;}
.menu, .menulink {color: red;font-family: sans-serif;}
#navigation a:hover{background: blue;color:orange;}
#menu a:hover{background: lightblue;color:blue;}
.linkki {padding: 1.5em;}

/* ranskalaiset viivat */
h3.lista {margin-bottom: 0;border-bottom: dashed thin gray;}
ul.kohteet, ul.ranskis {margin-top: 0;}
ul.kohteet{list-style: square inside none;}
p.kohteet{margin-bottom: 0;}

/* Eko ja arvot */
/* Uutta ja vanhasta aivan ihanaa */
.ekoarvot {font-family: monospace;font-size:75%;}
.laatu {font-family: monospace;font-size:75%;}
h2.laatu, h3.new {color: red;}
h2.ekoarvot, h3.old {color: green;}

/* Erikoisluokat */
h2.contact, p.contact {white-space: pre;text-align:left;}
h2.contact, h2.friends, h3.links, h2.arvot {color: #696969;background:white;}
h2.friends {margin-left:1em;}
P.motto {font-family: cursive;font-size:large; background-color: white;}
.kohteet {font-size:larger; background-color: transparent;padding-left:1em;max-width:50%;}
li.kohteet {margin-left:1em;}
/* div h2 {margin-left:1em;color:red;} 
#moi, div#ci h2 {border:black thin dashed;margin-left:2em;}*/