/* Body alkaa */

body {
background: #D3D5D8;
font-family: Tahoma;
font-size: 11px;
color: #5A5850;
text-decoration: none;
padding: 0px;
margin: 0px;
}

form {
padding: 0px;
margin: 0px;
}

br {
line-height: 16px;
}

p {
line-height: 14px;
}

img {
border-style: solid;
border-width: 0px;
}

a:link {
text-decoration: none;
color: #48575F;
}

a:visited {
text-decoration: none;
color: #48575F;
}

a:active {
text-decoration: underline;
color: #48575F;
}

a:hover {
text-decoration: underline;
color: #48575F;
}

/* Body päättyy */

/* Yleinen osio alkaa */

#area {
background: #FFFFFF;
width: 667px;
padding: 0px 18px 0px 18px;
margin-left: auto;
margin-right: auto;
}

#henkilotiedot {
background: #EEEEEE;
border: 1px #D1D1D1 dotted;
font-family: Tahoma;
font-size: 11px;
color: #5A5850;
width: 145px;
padding: 10px;
margin-right: 18px;
float: left;
}

#sarjakuvat {
font-family: Tahoma;
font-size: 11px;
color: #5A5850;
width: 380px;
margin-right: 20px;
float: left;
}

#sarjakuvat .left {
float: left;
}

#sarjakuvat .right {
float: right;
}

#sarjakuvat a:link {
display: block;
color: #5A5850;
font-family: Tahoma;
font-size: 10px;
padding-top: 3px;
padding-left: 10px;
width: 162px;
height: 19px;
background: url('nappula.png') no-repeat; }

#sarjakuvat a:visited {
display: block;
color: #5A5850;
font-family: Tahoma;
font-size: 10px;
padding-top: 3px;
padding-left: 10px;
width: 162px;
height: 19px;
background: url('nappula.png') no-repeat; }

#sarjakuvat a:hover {
display: block;
color: #000000;
font-family: Tahoma;
font-size: 10px;
padding-top: 3px;
padding-left: 10px;
width: 162px;
height: 19px;
background: url('nappula2.png') no-repeat; }

#palautelomake {
font-family: Tahoma;
font-size: 11px;
color: #5A5850;
width: 215px;
margin-left: 30px;
margin-bottom: 20px;
float: right;
}

#palautelomake img {
margin-left: 67px;
}

#palautelomake input.kentta {
background: #FFFFFF;
font-family: Tahoma;
font-size: 13px;
color: #000000;
width: 190px;
*width: 188px; /* IE */
height: 16px;
position: absolute;
}

#palautelomake textarea.kentta2 {
background: #FFFFFF;
font-family: Tahoma;
font-size: 13px;
color: #000000;
width: 190px;
*width: 188px; /* IE */
height: 72px;
*height: 70px;
position: absolute;
}

#palautelomake input.kentta3 {
background: #FFFFFF;
font-family: Tahoma;
font-size: 13px;
color: #000000;
width: 53px;
*width: 51px; /* IE */
height: 16px;
position: absolute;
}

#palautelomake input.laheta {
font-family: Verdana;
font-size: 10px;
color: #000000;
margin-left: 11px;
width: 55px;
*width: 53px; /* IE */
height: 21px;
position: absolute;
}

.referenssit {
margin: 10px 25px 30px 10px;
position: relative;
width: 180px;
height: 130px;
float: left;
}

.referenssit span {
width: 186px;
height: 137px;
display: block;
position: absolute;
top: 2px;
left: 2px;
cursor: pointer;
background: url(referenssit-top.png) no-repeat;
}

.referenssit img {
border: none;
padding: 9px 12px 12px 11px;
background: url(referenssit-bg.png) no-repeat;
}

.referenssit b {
width: 150px;
height: 27px;
background: url(referenssit-tape.png) no-repeat;
top: 130px;
left: 27px;
*top: 128px;
*left: 25px;
padding-top: 7px;
text-align: center;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
position: absolute;
}

.referenssit a:link b {
text-decoration: none;
color: #5A5850;
cursor: pointer;
}

.referenssit a:visited b {
text-decoration: none;
color: #5A5850;
cursor: pointer;
}

.referenssit a:active b {
text-decoration: underline;
color: #5A5850;
cursor: pointer;
}

.referenssit a:hover b {
text-decoration: underline;
color: #5A5850;
cursor: pointer;
}

.kirjoitelmat {
background: #EEEEEE;
border: 1px #D1D1D1 dotted;
font-family: Tahoma;
font-size: 11px;
color: #5A5850;
padding: 3px 5px 3px 5px;
margin-right: 5px;
margin-bottom: 5px;
float: left;
}

.kirjoitelmat a:link {
text-decoration: none;
color: #5A5850;
}

.kirjoitelmat a:visited {
text-decoration: none;
color: #5A5850;
}

.kirjoitelmat a:active {
text-decoration: underline;
color: #5A5850;
}

.kirjoitelmat a:hover {
text-decoration: underline;
color: #5A5850;
}

.more { display: none; }

/* Yleinen osio päättyy */

/* Vieraskirja osio alkaa */

.white {
color: #FFFFFF;
}

input.vieraskirja {
font-family: Verdana;
font-size: 11px;
color: #000000;
border: 1px solid #CCCCCC;
width: 300px;
background: #FFFFFF;
}

input.vieraskirja2 {
font-family: Verdana;
font-size: 11px;
color: #000000;
border: 1px solid #CCCCCC;
width: 80px;
background: #FFFFFF;
}

textarea.vieraskirja {
font-family: Verdana;
font-size: 11px;
color: #000000;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
width: 300px;
height: 100px;
background: #FFFFFF;
}

.button_vieraskirja {
font-family: Verdana;
font-size: 11px;
}

/* Vieraskirja osio päättyy */

/* Keskustelu osio alkaa */

#keskustelu_sisakaarre_top {
background: url(keskustelu_sisakaarre_top.png) top left no-repeat;
width: 723px;
height: 10px;
margin-left: auto;
margin-right: auto;
}

#keskustelu_sisakaarre_bottom {
background: url(keskustelu_sisakaarre_bottom.png) top left no-repeat;
width: 723px;
height: 10px;
margin-left: auto;
margin-right: auto;
}

#keskustelu_area {
background: #FFFFFF;
width: 100%;
margin-left: auto;
margin-right: auto;
}

#keskustelu_kaarre_top_left {
background: url(keskustelu_kaarre_top_left.png) top left no-repeat;
min-width: 10px;
min-height: 20px;
}

#keskustelu_kaarre_top_right {
background: url(keskustelu_kaarre_top_right.png) top right no-repeat;
min-width: 10px;
min-height: 20px;
}

#keskustelu_kaarre_bottom_left {
background: url(keskustelu_kaarre_bottom_left.png) bottom left no-repeat;
min-width: 10px;
min-height: 20px;
}

#keskustelu_kaarre_bottom_right {
background: url(keskustelu_kaarre_bottom_right.png) bottom right no-repeat;
min-width: 10px;
min-height: 20px;
padding: 7px 8px 7px 8px;
}

/* Keskustelu osio päättyy */