/*Elements*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700,300,600,400);

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4em;
    padding-bottom: 50px;
}
h1,h2,h3,h4,h5,h6 {
    padding:0;
    color: #019CDB;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
    font-weight: 400;
}
strong,b {font-weight: 700;}
form h4 { color: #868786; }
p { font-family: 'Open Sans', sans-serif; line-height: 1.4; }
hr { border-color: #9FD9F1; margin: 10px 0 0; }
select {
    height: 32px;
    color: rgba(0,0,0,0.75);
}
select.error { border-color:#c60f13;background-color:rgba(198,15,19,0.1); }
select.error + small.error { margin-top:0; }
/* General style rules */
.dw-gray { color: #868786; }
.dw-blue { color: #019CDB; }
.dw-lightblue { color: #9FD9F1; }
.button { background-color: #019CDB; }
.button:hover, .button:focus { background-color: #9FD9F1; }

/* Markup */
header.header { margin-bottom: 30px; }
header.header h1 {
    margin: 16px 0;
    font-size: 40px;
}
header.header img.dw-logo { width: 300px;}

.panel-closed.hidden {
    display: none;
}
/* Menu */
.contain-to-grid, .top-bar { background: #868786; }
.top-bar li { border: none; }
.top-bar ul>li:not(.name):hover, .top-bar ul>li:not(.name).active, .top-bar ul>li:not(.name):focus { background: #009BDA; color: #FFFFFF; }
.top-bar ul>li:not(.name):hover a, .top-bar ul>li:not(.name).active a, .top-bar ul>li:not(.name):focus a { background: #009BDA; color: #FFFFFF; }

.top-bar ul>li a:not(.button) { color:#FFF; font-weight: 400; font-size: 18px; }
.top-bar ul>li a:hover { color: #9FD9F1; }

.top-bar ul>li.has-dropdown .dropdown, .top-bar ul>li.has-dropdown .dropdown li {background-color: #009BDA;}
.top-bar ul>li.has-dropdown .dropdown li a:hover, .top-bar ul>li.has-dropdown .dropdown li a:focus { background-color: #9FD9F1; }
.top-bar ul>li.has-dropdown .dropdown li a { color: #fff; }
.top-bar ul>li.has-dropdown .dropdown li.active a { background-color: #868786; }

h4.welcome { font-weight:400; text-align: center; margin: 0 0 2em 0; }
form .panel {
    /*margin: 10px 0 !important; */
    /*padding: 15px 0 0; */
}

#content-wrap {
    padding-top: 40px;
}

ul.accordion>li.active {
    border-color: #019CDB;
}

@media screen and (min-width: 40em) {
    footer.footer {
        position: fixed;
        bottom: 0;
    }
}

footer.footer {
    width: 100%;
    text-align: center;
    color: #888;
    background-color: #fff;
}
footer.footer hr {margin:0 0 10px;}

table.user-list { width: 100%; }
table.user-list th, table.user-list td {
    text-align:center;
    vertical-align:middle;
}
table.umfragen-list { width: 100%; }
table.umfragen-list th, table.umfragen-list td {
    text-align:center;
    vertical-align:middle;
}
ul.table-legend {
    list-style: none;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
ul.table-legend li span {
    display: block;
    float:left;
    height: 1.25em;
    width: 1.25em;
    border: 1px solid #999;
    margin-right: 1em;
}
.table-legend-green { background-color:#DFF0D8 !important; }
.table-legend-blue { background-color:#D9EDF7 !important; }
.table-legend-yellow { background-color:#FCF8E3 !important; }
.table-legend-grey { background-color:#eee !important; }
.table-legend-red { background-color: #F2DEDE !important; }


footer  .breadcrumbs-footer {
    margin-bottom: 24px;
}


/* -----------------------------------------
   Breadcrumb
----------------------------------------- */

.breadcrumb {
    margin-left: 20px;
}

.breadcrumb-item {

    width: 2em;
    height: 2em;
    border-radius: 1em 1em 1em 1em;
    background-color: #FFF;
    float: left;
    margin-right: 5px;
    margin-bottom: 6px;
    padding-top: 0.175em;
    font-size: 0.9em;
}

.breadcrumb-item span {
    color: #003366;
    font-weight: 400;
    text-align: center;
}

.breadcrumb-item.active span {
    font-weight: 700;
}

.breadcrumb-item.active {
    background-color: #003366;
}

.breadcrumb-item.active span {
    color: #FFF;
}

.med-breadcrumb {
    margin: 2px;
    display: inline-block;
    width: 30px; height: 30px;
    border: 1px solid #ccc;
    background-color: #eee;
    text-align: center;
    border-radius: 0.25em;
    line-height: 2;
    /* IE 7 */
    zoom: 1;
    *display: inline;
}
.med-breadcrumb.active {
    border-color: #2795b6;
    background-color: #9FD9F1;
    font-weight: bold;
}
.med-breadcrumb.active a {
    color: #fff;
}
.med-breadcrumb.active ~ .med-breadcrumb {
    background-color: transparent;
    border-color: #2795b6;
}
fieldset.med-fieldset {
    border-color: #019CDB;

}
.question {
    background-color: #019CDB;
    padding: 0.5em 0.5em;
    color: #fff;
    font-size: 1.1em;
    font-weight: 500;
}
.question.error {
    background-color: #c60f13;
}
p.subquestion {
    font-weight: bold;
    color: #333;
    font-size: 1.5rem;
    margin:0;
}
p.subquestion.error {
    color: #C60F13;
}
#startButton {
    display: none;
}

#startButton.visible {
    display: block;
}

.label.hint {
    display: block;
    white-space: inherit;
    padding: 0.5em 0.5em;
    font-weight: 600;
    text-align: left;
}
.answer-panel {
    padding: 0.5em 0.5em;
    margin-bottom: 20px;
}
.answer-panel input[type=text].inline {
    width: auto;
    display: inline;
}
.answer-panel label.inline {
    display: inline;
}

.form-list li {
    margin-bottom: 1em;
    line-height: 1em;
}
.radiogroup > label {
    margin-bottom: 1em;
}
.panel-messages div {
    margin-top: 16px;
}

span.label.hint + .answer-panel {
    margin-top: 15px;
}
.answer-panel .checkbox-group label, .answer-panel .radio-group label {
    /*text-indent: -33px;*/
    /*padding-left: 33px;*/
    /* margin: 15px 0; */
    margin: 5px 10px 10px 0;
}
.answer-panel .checkbox-group label > input { margin-right: 15px; }
.answer-panel .radio-group label > input { margin-right: 10px; }

@media screen and (min-width: 940px) {
    .top-bar > ul .name { display: none; }
}

footer.footer p {
    font-size: 12px;
}
footer.footer p strong.fbrand {
    color: #009BDA;
}

.barrate { display: block; height: 35px; }
.barrate .br-widget a { background-color: #DADADA; }
.barrate.error .br-widget a { border-bottom: 1px solid #c60f13; background-color: #FFCFCF; }
.barrate .br-widget a { color: #009BDA; }
.barrate .br-widget a.br-active, .barrate .br-widget a.br-selected { background-color: #009BDA; color: #EEECE1; }

.alert-box.warning {
    background-color: rgba(255,141,0,0.5);
}
.alert-box.warning * { margin: 0; font-weight: bold; }

.radio-group label + input.six {
    margin-left: 30px;
}