/*****************************************************************************
 * Base
 *****************************************************************************/

h1,
h3,
h4,
h5,
h6,
p,
ul,
input[type="submit"] {
    margin-left: 20px;
    margin-right: 20px;
}

/*****************************************************************************
 * Layout
 *****************************************************************************/

.headline {
    width: 66%;
}

#summary-box {
    margin-top: 10px;
    margin-bottom: 30px;
}

#mission {
    margin-bottom: 24px;
}

.section-box {
    margin-top: 30px;
}

.section-box .link-button {
    margin: 6px 20px 27px;
}

#screenshot {
    margin: 30px 20px;
}

.advantage-feature-box {
    height: 184px;
    margin-top: 20px;
    margin-bottom: 22px;
}

#pictogram-calendar {
    margin: 20px 46px 40px 66px;
}

#try-landscape {
    padding-top: 12px;
}

/*****************************************************************************
 * Widgets
 *****************************************************************************/

/* Aubergine theme for .box-shaped */
.box-shaped-highlight {
    background: #772953;
    color: #FFFFFF;
}

.box-shaped-highlight .box-header {
    border-bottom: 1px solid #8E466E;
}

.box-shaped-highlight a {
    color: #FFFFFF;
}


/* Login form elements */
.login-form {
    margin: 15px 0;
}

.login-form label {
    display: block;
    margin-top: 16px;
    margin-bottom: 16px;
}

.login-form input[type="text"],
.login-form input[type="password"] {
    width: 300px;
}

#tooltip-login .tooltip-bottom {
    width: 395px;
    top: 5px;
    right: 115px;
    text-align: left;
    white-space: normal;
}

#tooltip-login .tooltip-bottom:before {
    left: 78%;
    border-width: 13px;
}