body {
font-family: "lucida console", "bookman old style",arial, "sans serif";
background-image: url('http://www.tukkateatteri.fi/kuvat/tukkatausta2.jpg');
background-repeat: no-repeat;
margin-left: 30px;
margin-right: 60px;
list-style-type: none;
}

/* sisältää punaisen viivan */
div.ylapalkki{
    position: absolute;
	top: 125px;
	width: 90%;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: rgb(112,0,0); /*melko punainen*/
}

/* Logon sijainti*/
img.logo{
    float: left;
	position: absolute;
	top: 10px;
	left: 45px;
}

/* ylävalikko, joka on joka sivulla sama */
p.menu {
float: left;
width: 67em;
position: absolute;
top: 80px;
left: 275px;
text-decoration: none;
word-spacing: 0em;
/*padding-bottom: 50px;*/
font-family: "lucida console", "sans serif";
}

/* lohko, jossa sivun sisältö on */
div.sisalto {
width: 65%;
position: absolute;
left: 18em;
top: 150px;
float: right;
font-size: 0.9em;
margin-top: 10px;
}

/* galleriasivu */
div.galleria {
width: 65%;
position: absolute;
left: 18em;
top: 150px;
float: right;
font-size: 0.9em;
margin-top: 10px;
}

p.linkit{
float: right;
padding-left: 10px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: rgb(112,0,0);
}

/* pystyvalikko ja osoite */
div.palkki {
position: absolute;
top: 160px;
float: left;
width: 13em;
}

/* valikko eli h2 ja lista*/
div.valikko {
margin-right: 0.5em;
border-right-style: solid;
border-right-width: 3px;
border-right-color: rgb(112,0,0); /*melko punainen*/
margin-bottom: 30px;
/*border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: rgb(112,0,0);
margin-bottom: 1em;
padding-left: 0em;*/
}

ul.valikko {
font-size: 0.9em;
text-decoration: none;
/*list-style-type: none;*/
}
.valikko li{
display: block;
/*background-color: #000000;*/
color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width:1px;
border-bottom-color: rgb(112,0,0);
}

.valikko a:link,.valikko a:visited
{
display:block;
font-weight:bold;
color:#000000;
/*background-color:#000000;*/
width:140px;
text-align:left;
padding:4px;
text-decoration:none;
}
.valikko a:hover,.valikko a:active
{
background-color: rgb(150,150,150);
}

/* osoitetiedot */
p.osoite{
font-size: 0.7em;
margin-top: 1em;
margin-right: 3em;
border-top-style: solid;
border-top-width: 3px;
border-top-color: rgb(112,0,0);
padding-top: 1em;
text-align: center;
}

/*logouutisen logon sijainti*/
img.uusilogo{
float: right;
}

/* Jäsentietojen asettelu*/
div.jasentiedot{
position: absolute;
left: 125px;
margin-top: 10px;
width: 80%;
text-align: left;
}

/* kuvan sijainti jäsensivuilla */
img.jasen {
float: left;
margin-top: 15px;
margin-right: 25px;
}

/* CV:n asettelu*/
a#cv{
float: right;
padding-left: 10px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: rgb(112,0,0);
}

/* yleiset tekstiä koskevat asetukset */

/* markkeeraa logoa */
h1{
color: rgb(0,0,0); /*musta*/
text-align: center;
text-transform: uppercase;
letter-spacing: 0.8em;
font-family: guadalupedos, "sans serif";
}

/* Oikealla olevan valikon otsikko */
h2{
font-size: 1em;
}

/* sisältöosion otsikko */
h3{
font-size: 1.2em;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: rgb(112,0,0);
}

h4.titteli{
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: rgb(112,0,0);
}

/* koskematon linkki */
a:link {
  background-color: transparent;
  color: black;
  font-weight: bold;
}

/* vierailtu linkki */
a:visited {
  background-color: transparent;
  color: black;
  font-weight: bold;   
}

/* kun hiiri on päällä*/
a:hover {
background-color: rgb(80%,80%,80%); /*vaalea harmaa*/
}

/* hiirellä klikattaessa*/
a:active {
background-color: rgb(100,100,100); /*harmaa*/
}

/* kertoo missä valikossa ollaan parhaillan*/
a.chosen {
color: rgb(112,0,0); /*melko punainen*/
text-decoration: none;
}