/* Schriften laden*/
@import url(../phpfont/ArchivoNarrow.css);

/* Schrift */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif;
    font-weight: 400;
}

@media (min-width: 768px) {
    #ewContentRow {
        display: grid;
    }
}

@media (max-width: 768px) {
    .table-responsive {
        display: block
    }

    a:link {
        font-size: 20px;
        line-height: 1.6em;
        font-family: sans-serif;
    }

    h4 {
        font-size: 24px;
    }

    h3 {
        font-size: 25px;
    }

    h2 {
        font-size: 26px;
    }

    h1 {
        font-size: 28px;
    }

    .news {
        font-size: large;
    }

    .cms-blog {
        font-size: large;
    }


}

@media (min-width: 1280px) {
    #ewHorizMenu {
        width: 1280px;
        margin: 0px auto;
        float: none;
    }

    #ewContentTable {
        width: 1280px;
        margin: 30px auto;
        background-color: #ffffff;
    }

    #content-bottom-inner {
        max-width: 1200px;
        margin: 0px auto;
    }

    /*
.ewTable, .ewGrid .ewGridMiddlePanel {
    overflow-x: auto; 
    max-width: 1260px;
}
*/

    #flogin {
        max-width: 600px;
        margin: 0px auto;
    }

}


/********************** Seitenlayout ANFANG *******************/
body {
    background: url(../phpimages/bg-body.png) repeat left top;
    padding: 15px 0 0;
    font-family: Verdana, Arial;
    font-size: 14px;

}

.ewLayout {
    width: 100%;
    margin: 0px auto;
}

#breedmaster-header {
    background-color: white;
    margin-top: 25px;
    max-width: 1280px;
    margin: 0px auto;
}

.ewHeaderRow {
    border-bottom: 1px solid white;
    background-color: white;
}

#content-bottom {
    border-top: 5px solid #e7e7e7;
    border-bottom: 5px solid #e7e7e7;
    background: #f6f6f6;
    padding: 5px 0 0;
    background: url(../phpimages/weltkarte.png) repeat no-repeat;
    background-repeat: no-repeat;
    background-size: 657px;
    background-position: 43% 15%;

}


#breedmaster-footer {
    background-color: #f3f3f3;
}

#ewFooterRow {
    background-color: #ffffff;
    color: #333;
    text-align: center;
    padding: 4px;
}

/********************** Seitenlayout ENDE *******************/

.responsive {
    max-width: 100%;
    height: auto;
}

/********************** Pedigree Anfang **********************/

.ruede {
    background-color: #a7cee6;
}

.huendin {
    background-color: #facacc;
}

#pedigree-full {
    margin: 15px;
}

#pedigree p {
    margin: 0;
}

#pedigree {
    border-collapse: separate;
    border-spacing: 10px !important;
}

#pedigree th {
    padding: 4px;
    border: 1px solid #999;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #999;
    background: #767676;
    color: #e1e1e1;
}

#pedigree td {
    line-height: 14px;
    border: 1px solid #999;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #999;
}

#pedigree a.link_neu:link,
#pedigree a.link_neu:visited,
#pedigree a.link_neu:active {
    text-decoration: None;
    color: #000000;
    text-shadow: 0px 0px 1px white;
    font-weight: Bold;
    font-size: 12px;
}

#pedigree a.link_neu:hover {
    color: #000000;
    text-shadow: 0px 0px 3px #ffffff, 1px 1px 3px #ffffff, -1px -1px 3px #ffffff, -1px 1px 3px #ffffff, 1px -1px 3px #ffffff;

}


#pedigree-toolbar .btn {
    max-height: 26px;
    line-height: 16px;
    margin-bottom: 5px;
}


.phi:after {
    content: " | ";
    color: #A0A0A0;
}

.farbdetail:empty {
    display: none;
}

.tot:empty {
    display: none;
}

.phi:empty {
    display: none;
}

.WT:empty {
    display: none;
}

.klammer:empty {
    display: none;
}


/* aktiver Reiter */
#pedigreetabs .nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background-color: #fef8c3;
    font-weight: bold;
}

#pedigreetabs .tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 19px;
    background-color: #EDEDED;
}

#pedigreetabs .nav-tabs {
    margin-bottom: 0;
}

#pedigreetabs .nav-tabs>li>a {
    border: 1px solid rgb(186, 186, 186);
    color: #202020;
    background-color: white;
}

#pedigreetabs .nav-tabs>li>a:hover,
#pedigreetabs .nav-tabs>li>a:focus {
    border-color: #D3D3D3 #D3D3D3 #D3D3D3;
    color: #FF6400;
    background-color: #D3D3D3;
    border: 1px solid white;
}

.dropdown-pedigree {
    background-color: #FFFFFF !important;
    color: #000000;
}

.dropdown-pedigree>li>a {
    color: #000000;
}

a.link_neu:link,
a.link_neu:visited {
    text-decoration: None;
    color: #2A6598;
    font-weight: Bold;
    font-size: 11px;
}

a.link_neu:hover,
a.link_neu:active {
    color: #3200ec;
    text-decoration: None;
    font-weight: Bold;
}


/* Dropdown-Menu Farbiges Hervorheben */
#highlight-zusatz .dropdown-menu>li>a {
    white-space: normal;
    min-width: 220px;
}


.tot:before {
    content: "-";
}

.WT:before {
    content: "";
}

.klammer:before {
    content: " (";
}

.klammer:after {
    content: " (";
}


.adresse p {
    margin-bottom: 2px;
}


.sdb {
    font-size: 7pt;
    color: #6E0115;
    margin-right: 10px;
    font-weight: normal;
    padding-top: 4px;
    line-height: 6px;
}

.sdi {
    font-weight: normal;
    color: #202020;
    font-size: 10pt;
    border-bottom: 1px solid #BEBEBE;
    margin: 0 0 1px
}

.sdismall {
    width: 75px;
}

.boxheadline {
    margin-left: 12px;
    font-size: 13px;
    color: #6E0115;
    font-weight: bold;
}

.box {
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    margin: 1px 10px 10px 10px;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
}

.ped_kurz_hund {
    color: #6E0115;
    background-color: #FFFEED;
    font-size: 12px;
    text-shadow: inherit;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    display: block;
    margin-bottom: 20px;
}

.ped_hundename {
    font-size: 20px;
    text-shadow: 1px 1px 1px rgb(165, 165, 165);
}

.ped_trenner {
    border-left: 1px solid #A0A0A0;
    margin-left: 10px;
    margin-right: 10px;
}

#generationen {
    float: left;
    padding: 5px;
}

#hervorheben {
    float: right;
    padding: 5px
}

.zinfo-bemerkung {
    font-size: 0.8em;
    font-style: italic;
    color: #202020;
}

.ped_titel {
    color: #FF0000
}

.ped_nachkommen,
.ped_titel,
.ped_verband,
.ped_age,
.ped_todestag,
.ped_wurftag,
.ped_farbe,
.ped_avk,
.ped_ik,
.ped_welpen,
.ped_farbgen,
.ped_hd,
.ped_ed,
.ped_bilder,
.ped_untersuchungen {
    font-size: 8pt;
}

.testcss {
    border: 1px solid #A0A0A0;
    background: white;
    padding: 20px;
    margin-top: 15px;
}

.legende {
    padding: 8px;
    font-size: 9px;
    margin-top: 15px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.legende-highlight {
    padding: 3px;
    font-weight: bold;
    border: 1px solid grey;
    white-space: nowrap;
    line-height: 23px;
}

/*-------------ENDE - CSS Pedigree----------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2270a0;
}

div.cms-artikel {
    font-family: "Segoe UI", "Arial", "sans-serif";
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
}


.infobox {
    background-color: lightgrey;
    border-color: darkgrey;
    color: #202020;
    box-shadow: 3px 3px 5px #A0A0A0;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 15px;
    padding: 10px;
}

.infobox a {
    font-weight: bold;
}

.overflow100p {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    font-size: 90%;
}

.ewSearchOperator {
    width: 160px;
}


.btn {
    line-height: 14px;
}


a.pedigree {
    background: url(../phpimages/pedigree12.gif) no-repeat center left;
    color: #000000;
    padding-left: 16px;
}

a.homepage {
    background: url(../phpimages/extlink12.png) no-repeat center left;
    color: #000000;
    padding-left: 16px;
}

a.linkintern {
    background: url(../phpimages/intlink10.gif) no-repeat center left;
    color: #FF6400;
    padding-left: 14px;
}

a.readmore {
    background: url(../phpimages/readmore.gif) no-repeat center left;
    color: #000000;
    padding-left: 14px;
}

a.menue {
    display: Block;
    white-space: nowrap;
    font-size: 10pt;
    background-color: #D3D3D3;
    border-bottom: solid 1px #E9E9DA;
}

a.menue:active,
a.menue:hover,
a.menue:focus {
    font-size: 10pt;
    background-color: #E9E9DA;
    border-bottom: solid 1px #D2CFAA;
}

.senkrecht {
    writing-mode: tb-rl;
    position: absolute;
    width: 50px;
    right: 10px;
    top: 20px;
}

.bemerkung {
    width: 280px;
    background-color: #aaeeaa;
    border: 1px dotted #202020;
    box-shadow: #A0A0A0 3px 3px 5px;
    padding: 5px;
}

.rot {
    background-color: #FF0000;
}

.gelb {
    background-color: #ffff00;
}



.ewTable .ewTableHeader td {
    background-color: #E5CC80;
    /* header bgcolor */
    color: #000000;
    border-color: #A0A0A0;
    /* header border color */
    background-image: url("../phpimages/Farbverlauf 2.png");
    /* header bg image */
    background-repeat: repeat-x;
    vertical-align: top;
    padding: 3px;
}

H1.stammdaten {
    font-size: 18px;
    background-color: #E5CC80;
    color: #000000;
    font-weight: bold;
    height: auto;
    margin: 10px auto;
    display: table;
}

/* =============== TYPOGRAPHIE - TEXT STILE =============== */

.text-download {
    border-top: 2px solid #DDEDBC;
    border-bottom: 2px solid #DDEDBC;
    background: #F2F9E5 url(../phpimages/icon-text-download.png) no-repeat;
}

.text-comment {
    border-top: 2px solid #FEEBAB;
    border-bottom: 2px solid #FEEBAB;
    background: #FFFEED url(../phpimages/icon-text-comment.png) no-repeat;
}

.text-tip {
    border-top: 2px solid #FEEBAB;
    border-bottom: 2px solid #FEEBAB;
    background: #FEF8C3 url(../phpimages/icon-text-tip.png) no-repeat;
}

.text-attachment {
    border-top: 2px solid #D3D3D3;
    border-bottom: 2px solid #D3D3D3;
    background: #D3D3D3 url(../phpimages/icon-text-attachment.png) no-repeat;
}

.text-video {
    border-top: 2px solid #D3D3D3;
    border-bottom: 2px solid #D3D3D3;
    background: #D3D3D3 url(../phpimages/icon-text-video.png) no-repeat;
}

.text-audio {
    border-top: 2px solid #D3D3D3;
    border-bottom: 2px solid #D3D3D3;
    background: #D3D3D3 url(../phpimages/icon-text-audio.png) no-repeat;
}

.text-tip,
.text-audio,
.text-video,
.text-comment,
.text-download,
.text-attachment {
    background-position: left center;
    padding: 0.8em 0.8em 0.8em 5em;
    min-height: 20px;
}

.rotate {
    display: block;
    position: relative;
    left: 95px;
    top: 70px;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

.accordion-group {
    background-color: #eee8aa;
    background-image: url("../phpimages/Farbverlauf 04.png");
    border: 1px solid #A78572;
    box-shadow: #746650 2px 2px 4px;

}

.accordion-inner {
    border: 1px solid #A78572;
    background-color: #FFFEED;
    border-left: 0 solid #A78572;
}

.ewRow {
    margin-bottom: 3px;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
    margin-left: -1px;
    margin-top: 4px;
}

.ewItemList {
    margin-top: 5px;
}



label {
    display: block;
    margin-bottom: 0;
}

.ewTableHighlightRow>td {
    background-color: #FF6400;
    color: white;
    /*text-shadow: 1px 1px 1px grey;*/
}

.pagination ul>li>a,
.pagination ul>li>span {
    padding: 2px 10px;
}

select,
input[type="file"] {
    height: 27px;
    /* In IE7, the height of the select element cannot be changed by height, only font-size */
    *margin-top: 4px;
    /* For IE7, add top margin to align select with labels */
    line-height: 27px;
}


/* ewGrid Anfang */

.ewGrid {
    border: 1px solid #f5f5f5;
    width: 100%;
}

.ewGrid .ewGridContent {
    border: 1px solid #f5f5f5
}

.ewGrid .ewGridUpperPanel {
    border-bottom: 1px solid #f5f5f5;
}

.ewGrid .ewGridLowerPanel {
    border-top: 1px solid #f5f5f5;
}

.ewGridUpperPanel.panel-heading {
    background-color: #f5f5f5;
}

.ewGridLowerPanel.panel-footer {
    background-color: #f5f5f5;
}

.ewGrid .ewTable .ewTableAltRow {
    background-color: #FFFFFF;
}

.ewGrid .ewTable .ewTableRow {
    background-color: #FFFFFF;
}

.ewGrid .ewTable>tbody>tr>td,
.ewGrid .ewTable>tfoot>tr>td {
    border-bottom: 1px solid;
    border-top: 0;
    border-left: 0;
    border-right: 1px solid;
    border-color: #f5f5f5;
}

.ewGrid .ewTable>thead>tr>th,
.ewGrid .ewTable>thead>tr>td {
    background-color: #2270a0;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: #f5f5f5;
    background-image: inherit;
    color: white;
    font-weight: bold;
}

/* ewGrid Ende */


.progress-bar {
    text-shadow: 0px 0px 1px black;
}

.input-medium {
    width: inherit;
}

#flogin {
    box-shadow: #746650 3px 3px 5px;
    padding: 15px;
    border: 1px solid #A78572;
    background-color: #f4f3dc;
    font-size: 10pt;
    margin-left: 0;
    margin: left;
}



.control-group {
    margin-bottom: 7px;
}

.sitelogo {
    font-size: 5em;
    margin-top: 50px;
    margin: 30px auto 0;
    text-shadow: 3px 3px 40px lightgrey, -1px -1px 1px white;
    background: darkcyan;
    height: 80px;
    width: 100%;
    border-bottom: 2px solid;
    text-align: center;
    line-height: 1em;
    font-family: serif;
    display: none;
}

.dropdown-header {
    padding: 2px 10px;
    text-align: right;
}

.dropdown-menu .divider {
    margin: 1.5px 1px;
    border-bottom: 1px solid #A0A0A0;
}


form {
    margin: 0 0 0;
}

.zwingername {
    font-size: 1.3em;
}

.cmsedit {
    text-align: right;
}

.menutitel {
    font-size: 1.3em;
    color: #2d6ca2;
    text-align: left;
    text-shadow: 1px 1px 2px rgb(255, 255, 255);
    padding-left: 6px;
    padding-bottom: 5px;
    padding-top: 10px;
    display: block;
}

.disabled {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu-links {
    width: 100%;
    margin-left: -2px;
    box-shadow: 2px 2px 2px #BEBEBE;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}


/*Abstand im dropdown vom Headermenue*/
.dropdown-menu>li>a {
    padding: 5px 20px;
}


/*Zeilenumbruch im Tooltiptext*/
.tooltip-inner {
    white-space: pre-wrap;
    text-align: left;
    max-width: 400px;
    background-color: #FFFFFF;
    color: black;
    padding: 7px;
    border: 1px solid #a0a0a0;
}

.bemerkungInfo {
    color: #23CE23;
    font-size: 0.9em;
}


/* Rahmenfarbe im Tabellenheader von Nachkommen. usw*/
.table>thead:first-child>tr:first-child>th {
    border-top: 0;
    background: #2270a0;
    padding: 6px 2px 6px 4px;
    font-weight: bold;
    color: #FFFFFF;
}

/*Hervorheben der Tabellen beim Ã¼berfahren mit der Maus*/
.ewGrid .ewTable .ewTableHighlightRow>td {
    background-color: #FFFF80;
    color: #202020;
}

/*Klammer um etwas in Klammer zu setzen*/
span.klammer:before {
    content: "(";
}

span.klammer:after {
    content: ")";
}

/*macht die Boxen der Hauptdaten etwas breiter*/
.col-md-4 {
    padding-right: 3px;
}

/* +++++++++++++++++ Umrandung usw. des Grid-Edit ++++++++++++++++++++++++++++++++++++*/

/*Setzt den Flatter-Text beim Grid-Edit linksÃ¼ndig*/
.ewUpdateForm .control-label {
    text-align: left;
    margin-bottom: 0;
    padding-top: 7px;
}

/*Breite, Farbe und Border der linken Spalte im Grid-Edit*/
.ewUpdateForm .col-sm-2 {
    width: 22.67%;
    background-color: #F0AD4E;
    margin-left: 20px;
    border: 1px solid #E5CC80;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -khtml-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

/*Breite der rechten Spalte im Grid-Edit*/
.ewUpdateForm .col-sm-10 {
    width: 63.23%;
}

/*+++++++++++++++++++++++Grid-Edit-ENDE+++++++++++++++++++*/



/*Umrandung der Statistikfelder in der Adressverwaltung*/
#el_bm_adressen_registriert .form-control-static,
#el_bm_adressen_lastlogin .form-control-static,
#el_bm_adressen_ip .form-control-static {
    background-color: rgb(241, 241, 241);
    width: 30%;
    border: 1px solid #BEBEBE;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -khtml-border-radius: 2px 2px 2px 2px;
    border-radius: 3px 3px 3px 3px;
    color: rgb(146, 143, 143);
    padding-left: 10px;
    min-height: 33px;
}


/*Verhindert den Zeilenumpruch vor den Summenzeichen/zahlen unter den Listen*/
.ewAggregate {
    white-space: nowrap;
}

#selecthighlight .dropdown-menu>li>a {
    white-space: normal;
}

.form-control-static.ewSearchOperator {
    float: right;
}


span.bm_zwingername {
    font-weight: bold;
    font-size: 1.1em;
}

span.bm_zuechter {
    font-style: italic;
    color: #746650;
    padding-left: 1px;
    padding-bottom: 2px;
}


/*detaillierte Inzuchtberechnung Text links*/
.dl-horizontal dt {
    width: 250px;
}

/*detaillierte Inzuchtberechnung Text rechts*/
.dl-horizontal dd {
    margin-left: 270px;
}


p.zinfo-bemerkung {
    margin-left: 10px;
    margin-right: 3px;
    margin-top: 0;
    margin-bottom: 0;
    font-style: italic;
    font-size: 0.9em;
    color: goldenrod;
}

#animalsearch {
    padding-left: 3px;
}

.statistiktext {
    max-width: 80%;
    background-color: aqua;
    background-color: #FFFEED;
    background-position: 100% 100%;
    background-repeat: no-repeat no-repeat;
    border-color: #D3D3D3;
    border-style: solid;
    border-width: 1px;
    color: #202020;
    box-shadow: 3px 3px 5px #A0A0A0;
    margin: 0 0 1.5em;
    padding: 10px 20px 10px 20px;
}

a {
    color: #2A6598;
    text-decoration: none;
}


.farbdetail:before {
    content: "(";
}

.farbdetail:after {
    content: ")";
}

.farbdetail {
    font-size: 11px;
    color: rgb(84, 82, 78);
    letter-spacing: -1px;
}



span.wp-deckrueden {
    font-size: 10px;
    white-space: nowrap;
}

.zuechter_zwingername {
    display: block;
    margin-bottom: -15px;
    font-size: 13px;
    padding-left: 1px;
    font-weight: bold;
}

.ewSearchPanel {
    margin-bottom: 8px;
}

.ewToolbar {
    margin-bottom: -10px;
    margin-top: 15px;
}


.news {
    border-bottom: 1px solid lightgrey;
    margin-bottom: 15px;
    padding: 10px;
}

.scrollToTop {
    width: 50px;
    height: 50px;
    padding: 10px;
    position: fixed;
    bottom: 15px;
    right: 50%;
    display: none;
    background: url('../phpimages/arrow_up.png') no-repeat 0 0;
}

.scrollToTop:hover {
    text-decoration: none;
}

/* autosuggest-box maximale HÃ¶he und Scrollbalken bei Bedarf */
.tt-dropdown-menu {
    max-height: 400px;
    min-width: 100%;
    overflow-y: auto;
}

.fa-xx {
    font-size: 1.4em !important;
}

.thumbnail:hover {
    background-color: #E9E9DA;
}

.ewQuickSearch {
    margin-top: 15px;
}

.flagge {
    padding: 2px;
}



#tbl_terminelist {
    width: 1100px;
}

#ewGoogleMap {
    width: 100% !important;
}

.code {
    font-family: monospace;
    padding: 12px;
    border: 1px solid lightgrey;
    color: darkslategrey;
}


div.dataTables_filter {
    float: right !important;
    margin: 5px;
}

.dataTables_length {
    margin: 5px;
}

#sprachauswahl {
    position: fixed;
    z-index: 9999;
    right: 20px;
    top: 0;
}

/* Farbdefinitionen */



.jumbotron h1 {
    color: #F0AD4E;
}

.jumbotron {
    border: 1px solid lightgrey;
}


.tabledescription {
    padding: 10px;
    margin-bottom: 19px;
    line-height: 1.2em;
    border-radius: 0 0 3px 3px;
}

.tableheader {
    color: #202020;
    background-color: #f4f3dc;
    border: 1px solid #A0A0A0;
    box-shadow: #9B9670 3px 3px 5px;
    font-size: 150%;
    font-weight: 700;
    padding: 4px;
    border-radius: 3px;
}


.legende {
    border: 1px solid #A0A0A0;
    padding: 8px;
    font-size: 9px;
    background-color: white;
    margin-top: 15px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.terminal {
    font-family: monospace;
    color: #F0AD4E;
    color: #23ce23;
    background: #202020;
    padding: 15px;
    border-radius: 4px;
}

/*Hover Bootstrap-Dropdown*/
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:active,
.dropdown-menu>li>a.active,
.open .dropdown-toggle.dropdown-menu>li>a {
    color: #202020;
    background-color: #F2CB68;
    border-color: #BEBEBE;
    background-image: linear-gradient(to bottom, #F2CB68 0, #F2CB68 100%);
}


/* Nur Sondersachen wie die Matrix-Ansicht */
.zal0 {
    color: white;
    font-weight: bold;
}

.zal1 {
    color: #202020;
}

.zal2 {
    color: inherit;
    text-decoration: line-through;
}

a.matrix:link,
a.matrix:visited,
a.matrix:hover {
    color: inherit;
    font-weight: bold;
}


.addbutton {
    color: inherit;
    font-family: Verdana;
    font-size: 10pt;
}

.ewPager * b {
    border: 1px solid grey;
    padding: 2px 4px;
    margin-right: -8px;
}

.ewMenuRow {
    clear: both;
}

TABLE.data {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
}

TABLE.data TR TH {
    background-color: #e5cc80;
    text-align: left;
}

TABLE.data tr:nth-child(even) {
    background-color: #FEF8C3;
}

TABLE.data tr:nth-child(odd) {
    background-color: #F4F3DC;
}

TABLE.data TR:hover TD {
    background-color: #FFFF80;
}

.klein {
    font-weight: normal;
    font-size: 0.8em;
}

/*setzt den Add-Button z.B. bei WP oder Eingabemaske etwas nach unten ab*/
.col-sm-offset-2.col-sm-10 {
    margin-top: 15px;
}

.navbar-default {
    border-radius: 0;
}


.querydescription {
    position: float;
    width: 450px;
    border: 1px solid #A0A0A0;
    padding: 5px;
    font-size: small
}

.querydescrition p {
    color: green;
    background-color: #D3D3D3;
}

.querydescrition H2 {
    font-weight: bold;
    color: grey;
    font-size: medium;
    line-height: 80%
}

tfoot>tr>th>select {
    color: #000000
}

#welpenportal {
    width: 90%;
    margin: 20px auto;
}

#welpenportal h1 {
    font-size: 3em;
    color: #F0AD4E;
}

#welpenportal p {
    font-size: 1.4em;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    text-shadow: inherit;
    background-image: none;
    background-repeat: inherit;
    z-index: 2;
    color: #fff;
    background-color: #f2cb68;
}