/* CSS Document */

 * {
padding:0;
margin:0;
}

html {		}

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
background-image:url(img/base/bg1.png);
	background-repeat:repeat-x;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}

td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
}

h1 {
	font-size: 180%;
	color: #aac20a;
		margin: 0.1em 0 1em 0;
			letter-spacing:0.1em;}

h2 {
	font-size: 130%;	
	color: #81930a;
	padding:0px;
	margin: -0.8em 0 1em 0;
}

h3 {
	font-size: 120%;
	color: #81930a;
	margin: 2em 0 0.5em 0;
		letter-spacing:0.1em;
}

h4 {
	font-size: 110%;
	color: #e52b23;
		padding:0;
margin: 0.3em 0 0.5em 0; 
	letter-spacing:0.1em;
}

p {margin: 0 0 20px 0;}


#wrap {position:absolute;
top:0px;
left:0px;
border:1 solid black;
width:900px;
height:100%;
}

#logo {position:absolute;
left:0px;
top:0px;
border:0;
margin:0;
padding:0;
}

#otsikko {position:absolute;
left:300px;
top:40px;
border:0;
}

#leipis {position:absolute;
left:230px;
top:230px;
border:0;
width:550px;
}

#leipis a:link {	color: #809301; text-decoration:none;       padding: 0 0 0 12px;
      background: url("img/base/link.png") no-repeat top left;}
#leipis a:visited {	color: #809301; text-decoration:none;       padding: 0 0 0 12px;
      background: url("img/base/link.png") no-repeat top left;}
#leipis a:active  {	color: #809301; text-decoration:none;       padding: 0 0 0 12px;
      background: url("img/base/link.png") no-repeat top left;}
#leipis a:hover { 	color: #0099CC; text-decoration:none;       padding: 0 0 0 12px;
      background: url("img/base/link.png") no-repeat top left;}

#kukat-1 {position:absolute;
left:230px;
top:230px;
border:0;
width:600px;
}

#navi {position:absolute;
left:170px;
top:180px;
border:0;
width:750px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
font-variant:small-caps;
text-transform:lowercase;
letter-spacing:0.1em;
}

#navi a:link  {	color: #ffffff; text-decoration:none; padding:0; background-image:none;}
#navi a:visited  {	color: #ffffff; text-decoration:none; padding:0; background-image:none;}
#navi a:hover  {	color: #ffffff; text-decoration:none; padding:0; background-image:none;}
#navi a:active  {	color: #ffffff; text-decoration:none; padding:0; background-image:none;}

a.nobg:link  {padding:0; margin-left:-12px; background-image:none; }
a.nobg:visited {padding:0; margin-left:-12px; background-image:none;}
a.nobg:hover {padding:0; margin-left:-12px; background-image:none;}
a.nobg:active {padding:0; margin-left:-12px; background-image:none;}

a img {border: none; padding:0; }

.esittely {margin-top:50px;
font-weight:bold;
font-style:italic;
}

.ingressi {color:#fa3602;
font-weight:bold;
font-style:italic;
}

.kellu {float:right;
width:200px;
min-height:200px;
margin:0 0 0 1em;
padding:0.5em;
background-image:url(img/base/kellutaus.png);
background-repeat:no-repeat;
}

.kuvakellu {float:right;
width:210px;
margin:0 0 0 1em;
padding:0.5em;
color:#669999;
font-size:85%;
text-align:center;
}