body {
	background-color: #666;
	color: white;

}

.laatikko {
	max-width: 48pc;
	border: solid 1pt black;
	margin: auto;
	margin-top: 1.5pc;
	background-color: #333;
}

.otsikko {
	font-weight: bold;
	margin-top: 1.5pc;
}

.logo {
	margin-bottom: 1.5pc;
	margin-top: 1pc;
}

.yhteys {
	margin-top: 3pc;
	margin-bottom: 1pc;
}

.kuvat {
	margin-top: 1pc;
	
}

.aurinko {
	margin: 0 1pc;
}

.nimi {
	font-weight: bold;
}

.laatikko {
	text-align: center;
}


.linkit {
	margin: auto;
	margin-top: 2pc;
	font-family: verdana;
	
}

.linkit td {
	width: 10pc;
	text-align: center;	
}

.linkit a {
	text-decoration: none;
	color: white;
}

.linkit a:hover {
	font-weight: bold;
}

.annikkikuva {
    float:left;
    margin-right: 3pc;
}
.yhteys {
    clear: both;
}

.vasenlinkki {
    float: left;
}

.oikealinkki {
    float: right;
}
.vasenlinkki,
.oikealinkki {
/* This fixes the problem that using bold
as highlight vaies the dix width, moving
dependent other elements on the page. */ 
    width: 6pc;
}


.innostus-ylempi {
    margin-top: 0pt;
}

.innostus-ylempi h1 {
    float: left;
    font-size: 20pt;
    margin-left: 6pt;
    margin-bottom:0;
    margin-left:20pt;
    margin-top:20pt;
}
.innostus-ylempi h2 {
    clear: left;
	float: left;
	font-size:16pt;
    margin-left:42pt;
    margin-top:4pt;
    margin-bottom: 0;
}

.kuvaaja {
    margin-left: 4pt;
    font-style: italic;
    color: #aaa;
}


.innostus-ylempi .sivuttaiskuva {
    float: right;
    margin-right: 35pt;
    margin-bottom: 6pt;
}

.innostusteksti {
    clear: both;
    border-top: 1px solid black;
    margin-top: 20pt;
    margin-right: 3pc;
    text-align: justify;
}