/* @override
        http://www.standardregistrierung.dev/css/customize.css */

.badge {
    color:#fff;
    background-color:#428bca;
}
/* Nav-Pills */
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color:#fff;
    background-color:#428bca;
}
.nav-pills>li.active>a>span.caret{
    border-top-color: #fff;
    border-bottom-color: #fff;
}

/* Space out content a bit */
body {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header,
.marketing,
.footer {
    padding-left: 0px;
    padding-right: 0px;
}

/* Custom page header */
.header {
    border-bottom: 1px solid #e5e5e5;
}

@media (min-width: 768px) {
    .header .nav {
        float: right;
    }
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
    padding-bottom: 19px;
}

/* Aboard */

.p.code_already_used {
    padding: 15px;
    border-radius: 5px;
    color:#fff;
    font-size: 24px;
    background-color:#d00;
    border-color:#eed3d7;
}

/* Custom page footer */
.footer {
    padding-top: 19px;
    color: #777;
    border-top: 1px solid #e5e5e5;
}

/* Readerbeitrag */

div.charleft.originalTextareaInfo {
    width: 100% !important;
    text-align: right;
    color: #888;
    font-size: 0.9em;
    padding: 5px 0 10px 0;
}
div.charleft.originalTextareaInfo.warningTextareaInfo {
    color: red;
}

/* Settings */

h3#toggle_pref,
h3#toggle_text, 
h3#toggle_mail {
    cursor: pointer;
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    background: url(../img/edge_off.png) no-repeat right center;
}

h3#toggle_pref:hover,
h3#toggle_text:hover, 
h3#toggle_mail:hover {
    color: #428bca;
    background: url(../img/edge_on.png) no-repeat right center;
}

p.smallp {
    margin-top: 10px;
    font-size: 12px;
    color: #888;
}

/* Survey */

ol.survey {
    padding: 0 0 0 25px;
    margin: 0;
    font-size: 18px;
}
ol.survey h3 {
    font-size: 18px;
}
ol.survey ol {
    margin-top: 20px;
    font-size: 16px;	
}
ol.survey h4 {
    font-size: 16px;
}
ol.survey input,
ol.survey select,
ol.survey textarea {
    float: left;
    margin-right: 10px;
}
ol.survey small {
    color: #999;
    font-size: 14px;
}
ol.survey .frm_error {
    font-size: 14px;
}

/* Customize container */
@media (min-width: 768px) {
    .container {
        max-width: 900px;
    }
}
.container-narrow > hr {
    margin: 30px 0;
}

/* Main marketing message and sign up button */
.container .jumbotron {
    text-align: left;
    height: 290px;
    padding:  0 20px;
    border: 1px solid #e5e5e5;
    background: url(../img/visual-gross.jpg) no-repeat right bottom;
}
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}
/* Supporting marketing content */
.marketing {
    margin-top: 25px;
    margin-bottom: 25px;
}
.marketing p + h4 {
    margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }
    /* Space out the masthead */
    .header {
        margin-bottom: 30px;
    }
    /* Remove the bottom border on the jumbotron for visual effect */
    .jumbotron {
        border-bottom: 0;
    }
    .jumbotron h1 {
        font-size: 50px;
    }
}

/* Diverse Styles  oder CSS-Überschreibungen */

.header {
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.header h3 {
    padding-bottom: 0px;
}
@media (max-width:767px) {
    .header h3 {
        font-size: 20px;
        padding-bottom: 10px;
    }
}
.code {
    font-family: "Courier New", Courier, mono;
}
.info {
    background-color:#d9edf7
}
.frm_error {
    color:#b94a48;
    font-weight: normal;
}

table.dataTable tbody tr:hover { background-color: #c8e6f9; }
/*
table.dataTable tr.odd { background-color: #c8e6f9; }

table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #c8e6f9; }
table.dataTable tr.odd td.sorting_2 { background-color: #e9f3fa; }
table.dataTable tr.odd td.sorting_3 { background-color: #e2f6fd; }
table.dataTable tr.even td.sorting_1 { background-color: #edf5fd; }
table.dataTable tr.even td.sorting_2 { background-color: #e2f6fd; }
table.dataTable tr.even td.sorting_3 { background-color: #e9f3fa; }
*/

@media (max-width:767px) {
    .container .jumbotron {
        height: 250px;
        background: url(../img/visual-mittel.jpg) no-repeat right 60px;
    }
}

@media (max-width:450px) {
    .container .jumbotron {
        height: 250px;
        background: url(../img/visual-mittel.jpg) no-repeat right 80px;
    }
}

/* Workshops */

li.user-nichtaktiviert {
    color: red;
}

.ws-th-1 {

}
.ws-th-2 {
    width: 10%;
}
.ws-th-3 {
    width: 10%;
}
.ws-th-4 {
    width: 10%;
}
.ws-th-5 {
    width: 10%;
}
.ws-td-1 {

}
.ws-td-2 {

}
.ws-td-3 {

}
.ws-td-4 {

}
.ws-td-5 {

}

/* Cookie-Banner */

.cc_container .cc_btn {
    background-color: #000 !important; /* Farbe des Buttons */
    color: #fff !important; /* Textfarbe des Buttons */
    text-decoration: none !important;
    max-width:200px !important;
    margin-bottom:25px !important;
}                
.cc_container {
    background: rgba(0,0,0,.6) !important; /* Hintergrundfarbe des gesamten Bereichs */
    color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
    margin-bottom:0px !important;
}
.cc_message {
    line-height:1.5em !important;
}
 
.cc_container a {
    color: #fff !important; /* Textlink-Farbe "Mehr Infos" */
    text-decoration:underline !important;
}