html * {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}

body {
background-image: url("img/bodybg.png");
background-position:center top;
background-repeat:no-repeat;
background-color:#6D0019;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:18px;
}

h1 {
padding-bottom:10px;
color:#CC3600;
text-transform:uppercase;
font-size:18px;
margin-left:5px;
}

p {
padding-bottom:15px;
margin-left:8px;
}

p.marginb {
padding-bottom:5px;
margin-left:8px;
}

a {
color:#CC3600;
font-size:18px;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

ul {
padding-left:40px;/*30*/
padding-bottom:30px;
}

.harmaa { color:#848484; }
.punainen { color:#CC3600; } 
.clr { clear:both; }


#wrapper {
_height: 100%; /*IE6 only*/
min-height: 100%;
background:url("img/wrapperbg.jpg") repeat-y #fff;
width: 990px;
margin: 0 auto;
}

#logo {
background: url("img/logo.jpg") no-repeat;
width:380px;
height:185px;
margin:20px 0 40px 40px;
}

#logo_index {
background: url("img/logo_index.jpg") no-repeat;
width:380px;
height:185px;
margin:20px 0 40px 40px;
}


#navi {
width:510px;/*510*/
border-bottom:2px solid #C4C4C4;
height:25px;
text-align:left;/*center*/
}
#navi a {
color:#000;
font-size:18px;/*18*/
text-decoration:none;
padding:0 2px 0 2px;
padding-bottom:2px;
margin-left:20px;
}
#navi a:hover {
border-bottom:4px solid #CC3600;
}

#left {
width:450px;
float:left;
}
#left .left_etusivu {
float:right;
margin-top:40px;
}
#left .left_yhteystiedot {
float:right;
margin-right:45px;/*35*/
margin-top:100px;/*60*/
}
#left .left_kohdekuvia {
float:right;
margin-top:30px;
margin-right:50px;
}
#left .left_palvelut {
float:right;
margin-top:100px;
}
#left .left_yhteistyokumppanit {
float:right;
margin-top:40px;
margin-right:70px;
}

#right {
width:520px;
float:left;
}

#content {
margin-top:20px;
}

#content_wide {
margin-top:20px;
width:820px;
margin:0 auto;
}

#dottedline {
border-bottom:1px dotted #C4C4C4;
width:810px;
height:2px;
margin-left:10px;
margin-bottom:20px;
}

p.desc {
padding:0;
font-size:14px;
margin-left:16px;
color:#333333;
}




#form { margin-left:8px; }
#form span.star {
color:#CC3600;
}
#form input {
padding:3px;
margin-bottom:10px;
width:300px;
color:#CC3600;
font-family:"Comic Sans MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:16px;
}
#form textarea {
padding:3px;
margin-bottom:10px;
width:300px;
height:100px;
overflow:auto;
color:#CC3600;
font-family:"Comic Sans MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:16px;
}
#form input.submitbtn {
width:100px;
cursor:pointer;
color:#000000;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
}