/* ----------------------------------------------------------------|
   | ausignis-Framework (ausignis-skin.css)                        | 
   | --------------------------------------------------------------|
   | ausignis GbR, Freinsheim | www.ausignis.de                    |
   |                                                               |
   | build for                                                     |
   |    - ausignis-generic (for DNN)                               |
   |    - 20054-UnlimitedColorPack-036                             |
   |                                                               |
   | Version 2.4                                                 |                               
   ----------------------------------------------------------------- */

/* ============================== INITIALIZE ============================== */

/* -------------------- jQuery-Inits -------------------- */
/*deepNavbarBugfix fuer DNN-OPEN*/
#navbar .jq-deep .navbar-nav .bf-open .dropdown-menu {
    margin-top: 0;
}
#navbar .jq-deep .bf-open > .dropdown-menu {
    display: block !important;
}
#navbar .jq-deep .open > .dropdown-menu {
    display: none;
}

/* -------------------- /jquery-inits -------------------- */

/* ============================== /initialize ============================== */


/* ============================== BUGFIXES ============================== */
/* -------------------- UI-Dialog-Bugfixes -------------------- */
.ui-dialog {
    padding: 10px !important;
}
.ui-dialog .GridViewInnerBorder th {    
    padding-left: 10px;
    padding-right: 10px;
}
.dnnFormPopup .dnnModalCtrl {
    top: 3px;
    right: 5px;
}
.ui-dialog .ui-dialog-titlebar-close {
    top: 3px !important;
    right: 5px !important;
}
.ui-dialog .dnnLabel {
    width: auto !important;
    margin-bottom: 3px !important;
}
.ui-dialog .ui-dialog-titlebar-close {
    margin: 1px -1px 0px 0px !important;
}
/* -------------------- /ui-dialog-bugfixes -------------------- */

/* -------------------- Backend-Bugfixes -------------------- */
.dnnDropDownList .selected-item a, .dnnDropDownList .selected-item a:link, .dnnDropDownList .selected-item a:visited, .dnnDropDownList .selected-item a:hover, .dnnDropDownList .selected-item a:active {
    height: auto !important;
}
.ncTitlebox {
    height: auto !important;
}
.ncTtCt {
    width: auto !important;
    margin-right: 5px;
}

.dnnEditState .col-left, .dnnEditState .col-right {
    float: none;    
}
/* -------------------- /backend-bugfixes -------------------- */

/* -------------------- /Skin-Bugfixes -------------------- */

.skin-ucp .header_info .Login {
    z-index: 100;
}

/* -------------------- /skin-bugfixes -------------------- */

/* ============================== /bugfixes ============================== */


/* ============================== HELPERS ============================== */

/* -------------------- for DEVELOPERS -------------------- */

.headless .DNNContainer_with_title > h2 {
    display: none;
}

/* -------------------- /developers -------------------- */


/* -------------------- for USERS -------------------- */

.DnnModule img.fullsize {
    display: block;
    width: 100% !important;    
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
}
.DnnModule img.left {
    float: left !important;
    margin-right: 10px;
}
.DnnModule img.left {
    float: right !important;
    margin-left: 10px;
}

/* -------------------- /users -------------------- */


/* ============================== /helpers ============================== */


/* ============================== CUSTOMIZE / BEAUTYFYER ============================== */

/* -------------------- DNN / OPEN -------------------- */

#Form {
    height: 100%;
}

.dnnFormMessage {
    margin-top: 15px;
    margin-bottom: 15px;
}
/* ---------- Eingabefelder ---------- */
input[type="checkbox"] {
    vertical-align: top;
}
input[type="radio"] {
    vertical-align: top;
}

#site-wrapper input[type=text],
#site-wrapper input[type=password],
#site-wrapper textarea, 
#site-wrapper select {
    opacity: 1.0 !important;            
    font-style: normal !important;    
    outline: medium none;
    padding: 5px;
    text-transform: none;
    line-height: 120%;
}
#site-wrapper select {
    padding: 4px;
    line-height: 2.9rem;   
}

input[type="submit"],
input[type="button"],
.btn,
.dnnPrimaryAction,
.dnnFormItem input[type="submit"], 
a.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnConfirmCancel
 {
    display: inline-block;       
    -moz-user-select: none;    
    border: 1px solid #bbbbbb;
    border-radius: 0px;
    cursor: pointer;    
    margin-bottom: 0;    
    padding: 10px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    filter: none;    
    text-shadow: none;
    box-shadow: none;
    font-size: 1.4rem;
    font-weight: normal;    
    line-height: 100%;
    background: #dddddd;    
}
input[type="submit"]:hover,
input[type="button"]:hover,
.btn:hover,
.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover, 
a.dnnPrimaryAction:hover,
.dnnSecondaryAction:hover,
.dnnConfirmCancel:hover {    
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6) inset;
    background: #dddddd;
}

label {
    margin-bottom: 0px;
    margin-left: 5px;
    font-weight: normal;
}
.label {
    color: inherit;    
}

.starRating label {
    margin-left: 0px;
}
.dnnFormItem > label {
    display: inline-block;
    text-align: right;
    width: 33%;
}
.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {    
    font-size: 12px;
    margin-bottom: 18px;
    padding: 8px;    
}

fieldset {
    clear: none;
    margin-bottom: 18px;
    position: relative;
    text-align: left;
}


/* ---------- /eingabefelder ---------- */

/* ---------- Meinkonto Tab-Ansicht ---------- */

.DnnTabGroup {    
    line-height: normal !important;    
    border-radius: 5px;
}
.DnnTab, .DnnTabSelected, .DnnTabHover {
    background: transparent !important;    
    margin: 0px !important;    
    padding: 15px !important;
    height: 100% !important;
    display: inline-block;
    border: none !important;
    border-right: 1px solid #444444 !important;
    border-bottom: 1px solid #444444 !important;
    border-radius: 0px !important;
    height: auto !important;
}

.DnnTabFlag {        
    border-radius: 5px !important;    
    font-size: 11px;
    font-weight: normal;    
    padding: 0 5px !important;    
    top: -7px !important;;
}

.DnnContainerGroup {
    display: inline-block;    
    padding: 10px;
    margin: 10px 10px 15px 10px;
}
/* ---------- /meinkonto tab-ansicht ---------- */

h2.dnnFormSectionHead {
    font-size: 1.0em;
    letter-spacing: 0px;
}

.dnnFormItem > label {
    display: inline-block;
    text-align: right;
    width: 33%;
}
.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
    color: #333;
    font-size: 12px;
    margin-bottom: 18px;
    padding: 8px;    
}

fieldset {
    clear: none;
    margin-bottom: 18px;
    position: relative;
    text-align: left;
}

/* ---------- Loged-in User-Info ---------- */
a#dnn_dnnUSER_registerLink {}
#dnn_dnnUSER_registerLink:before {
    content: 'Willkommen ';
    font-weight: bold;    
}
#dnn_dnnUSER_registerLink:after {}

/* ---------- Katalog-Listing ---------- */
.FacetFloatLeftHeader {
    padding-top: 20px !important;
}
.coverContainter, 
.catalogueContent {
    padding-top: 10px;
}
.catalogueContent {
    padding-left: 10px;
}

/* --- Login-Box --- */
#TblLogin span {
    display: block;
    margin-top: 10px;
}

#TblLogin .LoginButton {
    margin-top: 20px;        
}

/* ---------- UI-Dialog ---------- */
.ui-dialog .ui-dialog-buttonpane button {
    padding: 5px 10px;
    border: 1px solid #bbbbbb;
}
#JQueryPopupActionButton {}
.ui-dialog-titlebar-close {}
.ui-widget-header {
    background: #eeeeee !important;
    border: 1px solid #e0e0e0 !important;
    margin-bottom: 15px;
}

/* ---------- EventsC ---------- */
.DNNModuleContent.ModDNNEventsC .EvtHdrLftCol,
.DNNModuleContent.ModDNNEventsC .EvtHdrMdlCol,
.DNNModuleContent.ModDNNEventsC .EvtHdrRgtCol
 {
    margin-bottom: 10px !important;
}

.DNNModuleContent.ModDNNEventsC th {
    font-size: 1.2rem !important;
}
.DNNModuleContent.ModDNNEventsC td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.DNNModuleContent.ModDNNEventsC .ListDate,
.DNNModuleContent.ModDNNEventsC .ListTitle,
.DNNModuleContent.ModDNNEventsC .ListDescription,
.DNNModuleContent.ModDNNEventsC .ListCategory,
.DNNModuleContent.ModDNNEventsC .ListLocation,
.DNNModuleContent.ModDNNEventsC .ListLocation a,
.DNNModuleContent.ModDNNEventsC .ListCustomField1,
.DNNModuleContent.ModDNNEventsC .ListCustomField2,
.DNNModuleContent.ModDNNEventsC .ListRecurText,
.DNNModuleContent.ModDNNEventsC .ListRecurUntil,
.DNNModuleContent.ModDNNEventsC .EnrollTitle {
    font-size: 1.2rem !important;
}

/* ---------- /eventsc ---------- */

/* ---------- Announcement-Modul ---------- */
.DNN_ANN_Container {
    margin: -15px;
}
.DNN_ANN_Item {
    float: left;
    width: 33.3%;
    padding: 15px;    
}
.DNN_ANN_thumb {
    border: 1px solid #EDECEA;    
    margin-bottom: 15px;
    height: 200px;
    overflow: hidden;
}
.DNN_ANN_thumb img {
    width: 100%;
}
.SubHead {
}
.DNN_ANN_content p {        
    font-size: 12px;    
    line-height: 150%;
}

.ModDNNAnnouncementsC .DNN_ANN_DesignTable,
.ModDNNAnnouncementsC .DNN_ANN_DesignTable table {
    width: 100%;
}
.ModDNNAnnouncementsC .DNN_ANN_DesignTable table > tbody > tr > td {
    display: block;     
    padding-bottom: 15px;
}
.ModDNNAnnouncementsC .DNN_ANN_DesignTable table > tbody > tr > td:nth-child(1) {   
   text-align: center;   
}
.ModDNNAnnouncementsC .DNN_ANN_DesignTable table > tbody > tr > td:nth-child(2) .SubHead {
    display: block;
    font-size: 1.6rem;
    font-weight: bold;    
    margin-bottom: 10px;
}
.ModDNNAnnouncementsC .DNN_ANN_DesignTable table > tbody > tr > td:nth-child(1) img {
    max-width: 100%;
}
/* ---------- /announcement-modul ---------- */

/* ============================== /customize / beautyfyer ============================== */


/* ================================== SITE-LAYOUT ================================== */

#main .DnnModule {
    margin-bottom: 30px;
}

/* ================================== /site-layout ================================== */


/* ============================== MOR ============================== */

/* --- Ihre Mediensuche ---*/
.oclc-searchmodule-searchslot .oclc-module-view-normal {
    line-height: 70%;
}

/*
.resp .DNNModuleContent.ModOPENSearchModuleC > div colgroup {
    width: auto !important;
}
.resp .DNNModuleContent.ModOPENSearchModuleC > div tr {
    display: block;
    clear: both;
}
.resp .DNNModuleContent.ModOPENSearchModuleC > div tr td {
    display: block;
    float: left;        
}    

.resp .DNNModuleContent.ModOPENSearchModuleC div > span.boldText {
    display: block;
    margin-bottom: 5px;
    font-size:110%;
}
.resp .DNNModuleContent.ModOPENSearchModuleC .spacingTopSmall {
    margin-top: 20px !important;
}
*/

/*Trefferlistenansicht (nicht Detailansicht)*/
.resp .DNNModuleContent.ModOPENSearchModuleC > div tr:nth-child(4) td[style] {    /*QaD*/
    padding-right: 15px;
    margin-bottom: 40px;
}
.resp .DNNModuleContent.ModOPENSearchModuleC > div tr:nth-child(4) td[style]:last-child { /*QaD*/
    padding-right: 0px;
    margin-bottom: 0px;
}
.resp .DNNModuleContent.ModOPENSearchModuleC .FacetFloatLeftItem input[type="checkbox"] {
    display: block;
    float: left;
    margin-top: 2px;
}
.resp .DNNModuleContent.ModOPENSearchModuleC .FacetFloatLeftItem label {
    white-space: normal;
    display: block;
    margin-left: 20px;
}
   
/* --- Erweiterte Suche --- */
.resp .DNNModuleContent.ModOPENExtendedSearchModuleC > div colgroup {
    width: auto!important;
}
.resp .DNNModuleContent.ModOPENExtendedSearchModuleC > div tr {
    display: block;
    clear: both;        
}
.resp .DNNModuleContent.ModOPENExtendedSearchModuleC > div tr td {
    display: block;            
    text-align: left;
    padding-bottom: 3px;
}

.resp .DNNModuleContent.ModOPENExtendedSearchModuleC > div tr td:nth-child(2) {
    margin-bottom: 20px;
}
.resp .DNNModuleContent.ModOPENExtendedSearchModuleC > div tr td .spacingTop {
    margin-top: 0px;
}

.resp .DNNModuleContent.ModOPENExtendedSearchModuleC .ui-autocomplete-input,
.resp .DNNModuleContent.ModOPENExtendedSearchModuleC select.value {
    width: 100% !important;
    max-width: 300px !important;
}

/* --- Benutzerkonto --- */
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(3) .DnnContainerGroup {
    display: block;
    margin-left: 0px;
    margin-right:  0px;
    padding: 0px;    
}
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(3) .DnnContainerGroup .DnnContainer {        
    overflow: auto;
    border: 1px solid #ddd;
    padding: 5px 5px 10px 5px;
    margin-bottom: 15px;
    overflow-y: hidden;
    width: 100%;
}
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable,
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(2) table {
    display: block;
}
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody,
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(2) table tbody {
    display: block;
}
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(2) colgroup {
    width: auto!important;
}
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr,
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(2) tr {
    display: block;
    clear: both;    
}
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > td, 
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(2) td {
    display: block;
    float: left;
    margin-right: 15px;    
    margin-bottom: 5px;
    width: auto !important;
}
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(3) > td {
    display: block;    
}
/*.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(3) > td > div:first-child {
    border: 1px solid #dddddd;
    border-radius: 5px;
}*/
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr > td:last-child,
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(2) td:last-child {
    margin-right: 0px;
}
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr > td label,
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(2) td label {
    margin: 0px;
    min-width: 170px;
}
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr > td input,
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(2) td input {
    /*padding: 0px;*/
    
}
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(2) td input[type="text"],
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(2) td span {
    width: 100% !important;
    min-width: 300px !important;    
    min-height: 16px;
}
.resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(2) td span {
    display: block;
}

/*Grid-Tabelle (Exemplare)*/
.resp .DNNModuleContent.ModOPENSearchModuleC > div > div > div:nth-child(3) > div:nth-child(2) > div {        
    overflow: auto;
    border: 1px solid #ddd;
    padding: 5px 5px 10px 5px;
    margin-bottom: 15px;
    overflow-y: hidden;
    width: 100%;
}
.resp .GridViewInnerBorder tr {
    display: table-row !important;
}
.GridViewInnerBorder th {
    background: #eeeeee;
    color: #666666;
    font-weight: bold;
}
.resp .GridViewInnerBorder th,
.resp .GridViewInnerBorder td {
    display: table-cell !important;
    float: none!important;
    padding: 5px 12px 5px 7px;
}

/* ============================== /mor ============================== */


/* ============================== OVERWRITES ============================== */


/* ============================== /overwrites ============================== */


/* ================================== MEDIA QUERIES ================================== */

/* -------------------- >= Tablet -------------------- */
@media (min-width: 768px) {
    /* ---------- MOR ---------- */
    /*Trefferlistenansicht (nicht Detailansicht)*/
    .resp .DNNModuleContent.ModOPENSearchModuleC > div tr:nth-child(4) > td[style]:nth-child(1) { /*QaD*/
       width: 18%;
    }
    .resp .DNNModuleContent.ModOPENSearchModuleC > div tr:nth-child(4) > td[style]:nth-child(2) { /*QaD*/    
       width: 78%;
    }
    .resp .DNNModuleContent.ModOPENPatronAccountModuleC #mainTable > tbody > tr:nth-child(3) .DnnContainerGroup .DnnContainer,
    .resp .DNNModuleContent.ModOPENSearchModuleC > div > div > div:nth-child(3) > div:nth-child(2) > div {
        border: none;
    }

    /* --- Erweiterte Suche --- */
    .resp .DNNModuleContent.ModOPENExtendedSearchModuleC > div tr td {        
        float: left;
        width: 250px;        
    }

    /* ---------- /mor ---------- */

    /* ---------- Announcement-Modul ---------- */
    .resp .ModDNNAnnouncementsC .DNN_ANN_DesignTable table > tbody > tr > td {
        float: left;    
    }
    .resp .ModDNNAnnouncementsC .DNN_ANN_DesignTable table > tbody > tr > td:nth-child(1) {   
        width: 25%;
        padding-right: 15px;        
    }
    .resp .ModDNNAnnouncementsC .DNN_ANN_DesignTable table > tbody > tr > td:nth-child(2) {
       width: 75%; 
    }    
    /* ---------- /announcement-modul ---------- */

}

/* -------------------- Portrait tablet to landscape and desktop -------------------- */
@media (max-width: 991px) {
    /* ---------- MOR ---------- */
    .resp .ui-dialog {
        width: 95% !important;
        max-width: 1000px !important;
        left: 2.5% !important;
        right: 2.5% !important;
    }
    /* ---------- /mor ---------- */
}

/* -------------------- Landscape phone to portrait tablet -------------------- */
@media (max-width: 767px) {
    .resp .DnnModule-WatchersNETTagCoud {
        display: none;
    }
}
/* -------------------- /landscape phone to portrait tablet -------------------- */

/* ============================== /media queries ============================== */