body {
    margin: 0px;
    padding : 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000000;

    background: #efefef;
    text-align: center;
}

.header {
    height: 60px;
    max-width: 760px;
    margin: 0 auto;
    background-color: #E1141C;

    position: relative;
    border-bottom: 1px solid #ffffff;
}
.header .bottom {
    position: absolute;
    width: 100%;
    bottom: 0px;
}
.header .colognedom {
    padding: 14px 15px 0 0;
}

.wrapper {
    max-width: 760px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    background: white;
}

.footer {
    margin: 100px auto 0px auto;
    padding: 16px 0 16px 0;
    max-width: 760px;

    background-color: #444444;
}
.footer ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.footer ul li {
    display: inline;
    position: relative;
    margin: 0px;
    padding: 0px;
}

.footer ul li a {
    display: block-inline;
    padding: 0 8px;

    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    line-height: 24px;
}

.footer img {
    display: inline;
    vertical-align: sub;
}

.container {
    padding: 0 8px;
}


table {
    border-width: 1px;
    border-color: #888888;
}


h1 {
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    line-height: 1.3em;
    font-weight: normal;
    color: #FFFFFF;
}

h2 {
    padding: 0px;
    margin: 8px 0;
    font-size: 16px;
    font-weight: normal;
    color: #E1141C;
}

strong, b {
    font-size: 80%;
    font-weight: normal;
    font-style: normal;
}

em, i {
    font-size: 80%;
    font-weight: normal;
    font-style: italic;
    color: rgb(90,90,90);
}

.chapter {
    width: 100%;
    background-color: #444444;
    padding: 16px 8px;
    margin: 0 -8px;
}

.start {
    width: 100%;
    color: #E1141C;
    padding: 0px 2px;
}

.number {
    /* display: inline; */
    display: none;
}
.submit {
    width: 650px;
}

.long {
    width: 75px;
}

.lang-switch-wrap {
    margin:  8px -4px 16px -4px;
}
.lang-switch {
    width: 50%;
    cursor: pointer;
}

@media (max-width: 760px) {
    .lang-switch {
        width: 100%;
        cursor: pointer;
    }
}

.lang-switch .block {
    position: relative;
    overflow: hidden;
}
.lang-switch input {
    position: absolute;
    left: -50px;
}

.lang-switch h2 {
    margin: 0px;
    font-size: 14px;
    color: rgb(90,90,90);
}
.lang-switch img {
    border: 1px solid #d0d0d0;
    padding: 2px;
    margin-right: 8px;
}

.lang-switch .inside {
    margin: 8px 4px 0 4px;
    padding: 20px;
    border: 2px solid #d0d0d0;
}
.lang-switch-active .inside {
    border: 2px solid rgb(90,90,90);
    background-color: #efefef;
    color: #E1141C;
}
.lang-switch .inside:hover {
    border: 2px solid rgb(90,90,90);
    color: #E1141C;
}

.lang-switch .name {
    border-bottom: 1px solid #efefef;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.lang-switch-active .name {
    border-color: #E1141C;
}

.show-lang .lang-de,
.show-lang .lang-tr,
.show-lang .lang-ru,
.show-lang .lang-en {
    display: none;
}
.show-lang-de .lang-de,
.show-lang-tr .lang-tr,
.show-lang-ru .lang-ru,
.show-lang-en .lang-en {
    display: block;
}

.input-stage {
    height: 55px;
}