html, body {background: #fff; margin: 0; padding:0;}
a {color: #4d8ea1; text-decoration: none; font-size: 11px;font-family: Arial;}
a:hover {color: #5ca2b7}
p {display: block; font: 12px arial sans-serif; color: #868686; margin: 0; padding: 0;}
h1 {font: 14px Arial; color: #868686; line-height: 14px; margin-top: 0px;}
h2 {font: 12px Arial; color: #868686; line-height: 14px; margin-top: 0px;}
img {display: block; border-style: none;}
table, tr, td, form, input {margin: 0; padding:0; color: #868686}
table {border-collapse:collapse;}
td {padding-right:3px;}
input {border: 1px solid #cdcdcd; width: 91px; height: 20px; line-height: 20px; padding-left: 5px;}
input.submit {width: 21px; height:21px; border: 1px solid #cdcdcd; line-height: 12px; padding: 0; background: url('images/buttonBg.jpg') center no-repeat;}

input.button {
height: auto;
width: auto;
background: #2c93b1 url(i/button.jpg) scroll repeat-x top left;
border: 1px solid #318aa4;
padding: 2px;
color: #fff;
margin-top: 18px;
margin-right: 10px;
font-size: 11px;
cursor: pointer;
}

.floatLeft {float: left;}
.floatRight {float: right;}
.clear {clear: both; width: 100%; height:1px;}
.tyhja {height:40px; width: 100%; display:block;}

/* Menu */
#menu {position: relative; padding-top: 175px; height:250px;}
#menu ul {list-style: none; margin:0; padding:0; padding-left: 31px; }
#menu ul li {margin:0; padding:0; line-height: 8px}
#menu a {display: inline; color: #D4E5EC; font: 14px Arial; text-decoration: none; }
#menu a:hover {color: #FBFFFE;}
#menu a.now {color: #FBFFFE;}

/* Layerit */
#wrap {background: #fff; width: 950px; margin: 0 auto; margin-top: 50px;}
#contentWrap {background: url('images/bg2.jpg') no-repeat; padding: 9px 25px 0 25px;}
#leftColumn {float: left; width: 200px; background: url('images/valikko.jpg') no-repeat; background-postition:top;}
#midColumn {float: left; margin-left:1px; padding: 50px 40px 0 48px; width: 154px; min-height:350px;}
#midColumn p {color: #9c9c9c}
#rightColumn {margin-left: 442px; width: 397px; background: #fff; padding: 25px 30px 0 30px;}

/* Sisältölayerin matskut */
#login {border: 0; width: 357px; height: 46px; background: #f3f3f4; margin-bottom: 20px; padding: 12px 15px 12px 25px; font: 12px arial sans-serif; color: #555;}
#login p {display: block; text-align: right; font: 12px arial sans-serif; padding-top:12px}
.largeCell {clear: right; background: #fff url('images/cellBg.jpg') repeat-x; width: 361px; border: 1px solid #e7e7e7; margin-bottom: 20px; padding: 20px 12px 18px 22px; }
.largeCell img, .wideCell img, .wideCell2 img, .narrowCell img {float: left; margin: 0 12px 5px 0;}
.largeCell p, .wideCell p, .wideCell2 p, narrowCell p {display: block;}
.largeCell {background: #fff url('images/bigCellBg.jpg') repeat-x; height: 235px; overflow: hidden; }

.narrowCell {background: #fff url('images/cellBg.jpg') repeat-x; width: 361px; border: 1px solid #e7e7e7; margin-bottom: 20px; padding: 20px 12px 18px 22px; }
.narrowCell {width: 157px; height: 97px; overflow:auto;}
.viiva {
height: 1px;
width: 350px;
border-bottom: 1px solid #e2e2e2;
margin: 11px 0px 11px 0px;
}
.viiva2 {
height: 1px;
width: 155px;
border-bottom: 1px solid #e2e2e2;
margin: 11px 0px 11px 0px;
}
.viiva3 {
height: 1px;
width: 150px;
border-bottom: 1px solid #e2e2e2;
margin: 11px 0px 11px 0px;
}



.textd {background-color: white; width: 15px; margin-right: 10px; }
.texta {font-family: arial; font-size: 11px; color: #666666; width: 155px; height: 20px;  background-color: white; border: 1px solid #d9d9d9; margin-bottom: 5px;}
.textaa {font-family: arial; font-size: 11px; color: #666666; width: 120px; height: 20px;  background-color: white; border: 1px solid #CDCDCD; margin-bottom: 0px;}
.textaaa {font-family: arial; font-size: 11px; color: #666666; background-color: white; border: 1px solid #CDCDCD; margin-bottom: 0px;}
.textb {font-family: arial; font-size: 11px; color: #666666; width: 35px; height: 18px; background-color: white; }
.textbb {font-family: arial; font-size: 11px; color: #666666; height: 16px; width: 243px; background-color: white;}
.textarea {font-family: arial; font-size: 11px; color: #666666; background-color: white;}



#footer1 {position:relative; display: none; float:right; margin-left: 440px; margin-top:-40px;padding: 9px 11px 0 0; width:447px;height: 31px; background: #f3f3f3;}
#footer2 {position:relative; float:right; padding: 3px 11px 0 0 ;  width:914px; margin-right: 25px; height: 31px; background: #f3f3f3 url('images/footer2Bg.jpg');}
#footer1 p, #footer2 p  {display: block;  text-align: right; color: #bbb; font: 9px arial sans-serif; padding: 0; margin:0;}

.style1 {
font: 11px Arial;
color: #868686;
}

.wideCell {background: #fff url('images/cellBg.jpg') repeat-x; width: 361px; height:82px; border: 1px solid #e7e7e7; margin-bottom: 20px; padding: 20px 12px 18px 22px; 
	overflow: auto;
}

.wideCell2 {background: #fff url('images/cellBg.jpg') repeat-x; width: 361px; overflow: auto; border: 1px solid #e7e7e7; margin-bottom: 20px; padding: 20px 12px 18px 22px;
}
