Footer - altid i bunden af viewport eller content?

Jeg har et forholdsvist simpelt CSS layout bestående af en header, content og en footer. Header og footer har en fast højde.

Det jeg gerne vil have er at footer altid er i bunden. Dvs. hvis der intet content er, skal footer være i bunden af browser vinduet (viewport), og hvis der er meget content (så der kommer scollbars), så skal footer være i bunden af content.

Dette er et udsnit af mit CSS:

html,body
{
    height: 100%;
}

.header
{
    width: 100%;
    height:115px;
}

.content
{
    padding-left:30px;
    padding-right:30px;
    padding-top:15px;
    padding-bottom:15px;
}

.footer
{
    width: 100%;
    height:35px;

}

Any ideas?