html{
    height: 100%;
}

body{
    height: calc(100% - 87px);
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    color: #58585a;
}

a{
    color: #58585a;
    text-decoration: none;
    transition: 0.5s opacity;
}

    a:hover{
        opacity: 0.75;
    }

figure{
    margin: 0
}

.clear:after{
    content: ' ';
    display: block;
    clear: both;
}

.head{
    width: 100%;
    color: #ffffff;
    background-color: #0055a4;
}
    
    .head .wrap{
        width: 980px;
        margin: 0 auto;
    }
        
        .head .wrap .logo{
            margin: 1px 0 0 -13px;
            float: left;
        }
            
            .head .wrap .logo img{
                display: block;
            }
        
        .head .wrap .text{
            float: left;
            padding: 12px 0 0 24px;
        }
            
            .head .wrap .text h1{
                font-family: "Helvetica Neue", Arial;
                font-style: italic;
                font-size: 16px;
                text-transform: uppercase;
            }
        
        .head .wrap .logininfo{
            width: 280px;
            float: right;
            text-align: right;
            padding: 17px 0 0 0;
        }
        
            .head .wrap .logininfo a{
                color: #ffffff;
            }

.main{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

    .main .content{
        width: 940px;
        margin: 0 auto;
        padding: 20px 20px 125px 20px;
    }
    
        .main .content img{
            width: 100%;
            height: auto;
        }
            
            .main .content img.powermail_captchaimage{
                width: auto;
            }
        
    .main .foot{
        position: absolute;
        bottom: 0px;
        left: calc((100% - 980px) / 2);
        width: 980px;
    }
        
        .main .foot a{
            color: #58585a;
        }
        
        .main .foot .info{
            width: calc(100% - 350px);
            float: left;
            padding: 16px 0 0 0;
            font-size: 11px;
            border-top: 2px solid #0055a4;
        }
            
            .main .foot .info .copyright{
                float: left;
            }
            
            .main .foot .info .footnavigation{
                float: left;
            }
            
                .main .foot .info .footnavigation ul{
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                }
                    
                    .main .foot .info .footnavigation ul li{
                        float: left;
                    }
                        
                        .main .foot .info .footnavigation ul li:before{
                            content: '|';
                            margin: 0 5px;
                        }
            
        .main .foot .logo{
            width: 330px;
            float: right;
            padding: 0 0 16px 0;
        }