#rules {
    margin: 1.2em auto;
}

#rules .panel-heading {
    text-align: left;
    cursor: pointer;
    color: #716048;
    font-size: 1.2em;
}

#rules .panel-heading .link {
    color: #545ea8;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    font-size: 10pt;
}

#rules .panel-heading:hover .link {
    text-decoration: underline;
    color: #6c74c3;
}

#rules .panel-heading .number {
    font-weight: bold;
    font-size: 1.5em;
    float: left;
    margin: 0.1em 1em 0 0.1em;
}

#rules .yellow .number {
    color: #ba9516;
}
#rules .panel.yellow {
    border-left: 5px solid #ba9516;
}
#rules .red .number {
    color: #9e2e1d;
}

#rules .panel.red {
    border-left: 5px solid #9e2e1d;
}
#rules .blue .number {
    color: #214f8f;
}
#rules .panel.blue {
    border-left: 5px solid #214f8f;
}
#rules .green .number {
    color: #43791a;
}
#rules .panel.green {
    border-left: 5px solid #43791a;
}
#rules .ui-state-focus{
    outline: none;
}
#warnung {
    display: none;
}

#formular {
    margin: 40px auto;
}