body {
background-color: #e1e1e1;
text-align: center;
padding: 0;
}

img.first-link {
border: 0px;
}

img.navierotin {
border: 0px;
margin: 0px;
padding: 0px;
margin-left: 16px;
}

p.first-link {
font-size: 0.1em;
height:1px;
}


#header {

}

#header-top {
margin: 0px auto;
width: 908px;
height: 7px;
font-size: 0.1em;
}

#header-top-left {
width: 7px;
height: 7px;
background-image: url(kuvat/sisalto_vasen_kulma.png);
background-repeat: no-repeat;
background-position: top right;
float: left;
font-size: 0.1em;
}

#header-top-center {
width: 868px;
height: 7px;
background-image: url(kuvat/sisalto_ylaviiva.png);
background-repeat: repeat-x;
background-position: top left;
float:left;
font-size: 0.1em;
}



#header-top-right {
width: 33px;
height: 7px;
background-image: url(kuvat/sisalto_oikea_kulma.png);
background-repeat: no-repeat;
background-position: top left;
float: left;
}

#header-middle {
margin: 0px auto;
width: 908px;
height: 58px;
}

#header-middle-left {
width: 7px;
background-image: url(kuvat/sisalto_vasen_viiva.png);
background-repeat: repeat-y;
background-position: top right;
float: left;
height: 58px;
}

#header-middle-center {
width: 868px;
height: 58px;
background-color: white;
float:left;
}

#header-middle-right {
width: 33px;
background-image: url(kuvat/logo_oikea_raita.png);
background-repeat: no-repeat;
background-position: top left;
float: left;
height: 58px;
}

#header-bottom {
margin: 0px auto;
background-image: url(kuvat/content-background.png);
background-repeat: repeat-y;
background-position: left top;
width: 908px;
height: 163px;
}

#header-bottom-center {
background-image: url(kuvat/Web-panoraama-2010.jpg);
background-repeat: no-repeat;
background-position: 3px top;
width: 908px;
height: 163px;
float: left;
}

#intra-header-bottom-center {
background-image: url(kuvat/Intra-Panoraama-2010b.jpg);
background-repeat: no-repeat;
background-position: 3px top;
width: 908px;
height: 163px;
float: left;
text-align: right;
font-family: Georgia, Times, serif;
font-size: 1em;
color: white;
}

#langnavi {
width: 908px;
margin: 0px auto;
min-height: 10px;
background-image: url(kuvat/content-background.png);
background-repeat: repeat-y;
background-position: top left;
}


#langnavi-content {
font-size: 0.85em;
text-align: right;
padding-right: 40px;
font-family: Georgia, Times, serif;
color: #777777;
padding-top: 2px;
}

#langnavi-content a {
color: #777777;
text-decoration: none;
font-family: Georgia, Times, serif;
}

#langnavi-content a:hover {
color: #777777;
text-decoration: underline;
}


#content-bg {
margin: 0px auto;
width: 908px;
padding: 0px;
}



#content-background-image {
background-image: url(kuvat/content-background.png);
background-repeat: repeat-y;
background-position: top left;
width: 908px;
min-height: 100px;
float: left;
text-align: left;
padding: 0px;
margin: 0px;
}

#content {
border: 0px;
width: 879px;
min-height: 100px;
float: left;
text-align: left;
padding-left: 0px;
padding-top: 15px;
margin-left: 0px;
}



div.content-navi {
border: 0px;
width: 241px;
float: left;
padding: 0px;
margin: 0px;
padding-bottom: 20px;
padding-left: 20px;
padding-top: 9px;
}

div.content-navi hr {
/*width: 204px;*/
height: 1px;
/*border-top: solid 1px;
color: #dfdfdf;
background-color: #dfdfdf;*/
color: #dfdfdf;
background-color: #dfdfdf;
padding: 0px;
/*border-top: solid 1px #dfdfdf;*/
border: 0px;
margin-left: 9px;
margin-top: 1px;
margin-bottom: 1px;
border-top: solid 1px #dfdfdf;
clear: both;
}

div.content-navi ul.navi1list-active {
border: 0px;
list-style-image: url(helsinginkamarikuoro/nuoli.jpg);
margin: 0px;
padding: 0px;
padding-left: 12px;

margin-top: 10px;
margin-bottom: 10px;
}


div.content-navi ul.navi1list {
border: 0px;
list-style-image: url(helsinginkamarikuoro/tyhja_nuoli.gif);
margin: 0px;
padding: 0px;
padding-left: 12px;
margin-top: 10px;
margin-bottom: 10px;
}

a {
font-family: Georgia;
font-size: 0.8em;
text-decoration: none;
line-height: 1.4;
}

a:hover {
text-decoration: underline;
}

li.navi1 {
background-image: url(helsinginkamarikuoro/navi.gif);
background-repeat: no-repeat;
background-position: left top;
/*border-top: 1px solid #777777;*/
padding-top: 10px;
}

div.navi1 {
border: 0px;
padding: 0px;
margin: 0px;
padding-left: 7px;
padding-right: 20px;
}


a.level1 {
color: #777777;
}

a.level1-active{
color: #000000;
}

div.navi2 {
border: 0px;
padding-left: 24px;
padding-right: 10px;
}

a.level2 {
color: #777777;
}

a.level2-active{
color: #000000;
}

div.navi3 {
border: 0px;
background-image: url(helsinginkamarikuoro/dot.gif);
background-repeat: no-repeat;
background-position: 31px 8px;
padding-left: 42px;
padding-right: 10px;
}

div.navi3-active {
border: 0px;
background-image: url(helsinginkamarikuoro/dot2.jpg);
background-repeat: no-repeat;
background-position: 31px 8px;
padding-left: 42px;
margin-top: 4px;
margin-bottom: 2px;
}

a.level3 {
color: #777777;
}

a.level3-active{
color: #000000;
}

#content-center {
width: 393px;
float: left;
margin: 0px;
padding: 0px;
padding-bottom: 30px;
}

#levy-content {
width: 617px;
float: right;
margin: 0px;
padding: 0px;
padding-bottom: 30px;
}

div.levy-text {
width: 100%;
float: left;
padding: 0px;
min-height: 30px;
font-family: Georgia, Times, serif;
font-size: 0.8em;
color: black;
line-height: 1.7;
margin: 0px;
vertical-align: top;
}

div.levy-text-empty {
float: left;
padding: 0px;
margin: 0px;
vertical-align: top;
}

div.levy-text h1 {
width: 381px;
color: #aa1f23;
margin: 0px;
font-family: Nyala;
font-size: 2.5em;
text-decoration: none;
font-weight: normal;
    /** 
       sIFR
       sColor: #aa1f23;
       nPaddingBottom: 20;
       sFlashSrc: nyala.swf;
     */
}

div.levy-text h2 {
width: 381px;
color: #aa1f23;
margin: 0px;
font-family: Nyala;
font-size: 1.5em;
text-decoration: none;
font-weight: normal;
margin-top: 7px;
margin-bottom: 7px;
    /**
       sIFR
       sColor: #aa1f23;
       nPaddingBottom: 10;
       sFlashSrc: nyala.swf;
     */
}


div.levy-text img {
padding: 0px;
margin: 0px;
display: inline;
float: right;
margin-left: 10px;
}

div.content-text {
width: 391px;
float: left;
padding: 0px;
margin: 0px;
min-height: 30px;
font-family: Georgia, Times, serif;
font-size: 0.8em;
color: black;
line-height: 1.7;
margin-bottom: 20px;
vertical-align: top;
}


.intra-content div.content-text {
width: 590px;
}

.intra-content .required {
font-weight: bold;
}

.intra-content td {
padding: 1px;
xxfont-size: 0.8em;
}

.intra-content td.extraspace {
padding-bottom: 20px;
}

.intra-content td.contact-table {
padding-left: 20px;
}

.intra-content .textfield {
width: 200px;
padding: 0px 4px;
font-family: Georgia, Times, serif;
}

.intra-content .short {
width: 136px;
}

.intra-content .x-short {
width: 52px; 
padding-right: 0px;
margin-right: 4px;
}

.intra-content .dropdown {
width: 211px;
margin-left: 0px;
padding-left: 0px;
font-family: Georgia, Times, serif;
}

.intra-content .box-failure {
font-weight: bold;
color: red;
}

.intra-content table {
width: auto;
}

.intra-content td {
padding-left: 10px;
}



div.content-text h1 {
width: 381px;
color: #aa1f23;
margin: 0px;
font-family: Nyala;
font-size: 2.5em;
text-decoration: none;
font-weight: normal;
    /** 
       sIFR
       sColor: #aa1f23;
       nPaddingBottom: 20;
       sFlashSrc: nyala.swf;
     */
}


div.content-text h2{
width: 381px;
color: #aa1f23;
margin: 0px;
font-family: Nyala;
font-size: 1.5em;
text-decoration: none;
font-weight: normal;
margin-bottom: 7px;
margin-top: 7px;
    /**
       sIFR
       sColor: #aa1f23;
       nPaddingBottom: 10;
       sFlashSrc: nyala.swf;
     */
}

div.content-text a {
color: #777777;
text-decoration: none;
font-family: Georgia, Times, serif;
font-size: 1em;
line-height: 1.7;
margin-top: 0px;
}

div.content-text a:hover{
text-decoration: underline;
}

div.content-text img {
border: 0px
}

div.levy-text a {
color: #777777;
text-decoration: none;
font-family: Georgia, Times, serif;
font-size: 1em;
line-height: 1.7;
margin-top: 0px;
}

div.levy-text a:hover{
text-decoration: underline;
}

table {
width: 100%;
padding: 0px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
margin: 7px;
/*border-spacing: 3px 8px;*/
}

td {
padding: 0px;
margin: 0px;
vertical-align: top;
line-height: 1.4;
padding-right: 4px;
padding-left: 4px;
padding-bottom: 3px;
padding-top: 3px;
}

hr {
height: 1px;
color: #dfdfdf;
background-color: #ffffff;
padding: 10px;
border: 0px;
margin-bottom: 4px;
border-bottom: solid 1px #dfdfdf;
clear: both;
}

#content-quote {
width: 393px;
float: left;
padding: 0px;
min-height: 30px;
margin-top: 10px;
margin-bottom: 20px;
}

#content-quote-top {
background-image: url(kuvat/lainaus_laatikko_yla.gif);
background-repeat: no-repeat;
background-position: top left;
width: 393px;
float: left;
padding: 0px;
margin: 0px;
height: 14px;
font-size: 0.1em;
}

#content-quote-middle {
background-color: #e9e9e9;
width: 393px;
float: left;
padding: 0px;
margin: 0px;
min-height: 10px;
}

div.quotation-mark {
width: 13px;
background-image: url(kuvat/lainausmerkki.gif);
background-repeat: no-repeat;
min-height: 10px;
margin-top: 7px;
margin-left: 15px;
float: left;
vertical-align: top;
}

div.quotation-mark2 {
width: 13px;
background-image: url(kuvat/lainausmerkki2.gif);
background-repeat: no-repeat;
min-height: 10px;
margin-right: 0px;
margin-top: 7px;
float: left;
vertical-align: top;
}

div.quote-text {
width: 310px;
font-family: Georgia, Times, serif;
font-size: 0.8em;
color: black;
line-height: 1.4;
margin-top: 2px;
float: left;
padding-bottom: 4px;
padding-left: 11px;
font-style: italic;

}

div.quote-text span.quoted {
width: 310px;
float: left;
text-align: right;
margin-top: 5px;
font-style: normal;

}

#content-quote-bottom {
background-image: url(kuvat/lainaus_laatikko_ala.gif);
background-repeat: no-repeat;
background-position: top left;
width: 393px;
height: 14px;
float: left;
padding: 0px;
margin: 0px;
margin-bottom: 20px;
min-height: 10px;
}

#content-right {
width: 210px;
float: right;
margin: 0px;
padding: 0px;
}

#right-quote {
width: 210px;
float: right;
padding: 0px;
margin: 0px;
min-height: 30px;
margin-top: 10px;
margin-bottom: 20px;
}

#right-quote-top {
background-image: url(kuvat/sitaatti_oikea_yla.gif);
background-repeat: no-repeat;
background-position: top left;
width: 203px;
float: right;
padding: 0px;
margin: 0px;
height: 16px;
font-size: 0.1em;
}

#right-quote-middle {
background-color: #e9e9e9;
width: 203px;
float: right;
padding: 0px;
margin: 0px;

}

div.right-quotation-mark {
width: 13px;
background-image: url(kuvat/lainausmerkki.gif);
background-repeat: no-repeat;
padding: 0px;
min-height: 10px;
margin-top: 0px;
margin-left: 12px;
float: left;
vertical-align: top;
}

div.right-quotation-mark2 {
width: 13px;
background-image: url(kuvat/lainausmerkki2.gif);
background-repeat: no-repeat;
min-height: 10px;
margin-right: 0px;
margin-top: 0px;
float: left;
padding: 0px;
vertical-align: top;
}

div.right-quote-text {
width: 135px;
font-family: Georgia, Times, serif;
font-size: 0.8em;
color: black;
line-height: 1.4;
margin-top: 2px;
float: left;
padding-bottom: 4px;
padding-left: 10px;
font-style: italic;

}


#right-quote-bottom {
background-image: url(kuvat/sitaatti_oikea_ala.gif);
background-repeat: no-repeat;
background-position: top left;
width: 203px;
height: 14px;
float: right;
padding: 0px;
margin: 0px;
margin-bottom: 20px;
min-height: 10px;
}


#content-right-image {
float: right;
margin-top: 49px;
}

#footer {
margin: 0px auto;
width: 908px;
height: 58px;

}
#footer-left {
width: 21px;
background-image: url(kuvat/sisalto_vasen_alakulma.png);
background-repeat: no-repeat;
background-position: top right;

float: left;
height: 20px;

}
#footer-center {
width: 854px;
height: 20px;
background-image: url(kuvat/sisalto_alaviiva.png);
background-repeat: repeat-x;
background-position: top left;

float:left;
}

#footer-right {
width: 20px;
background-image: url(kuvat/sisalto_oikea_alakulma.png);
background-repeat: no-repeat;
background-position: top left;
float: left;
height: 20px;

}