/*** table of content ***/
/***********************/

/*** 1. Browser Reset ***/
/*** 2. General ***/



/*** 1. Browser Reset ***********************/


.containerOV html, .containerOV body, .containerOV div, .containerOV span, .containerOV applet, .containerOV object, .containerOV iframe,
.containerOV h1, .containerOV h2, .containerOV h3, .containerOV h4, .containerOV h5, .containerOV h6, .containerOV p, .containerOV blockquote, .containerOV pre,
.containerOV a, .containerOV abbr, .containerOV acronym, .containerOV address, .containerOV big, .containerOV cite, .containerOV code,
.containerOV del, .containerOV dfn, .containerOV em, .containerOV font, .containerOV img, .containerOV ins, .containerOV kbd, .containerOV q, .containerOV s, .containerOV samp,
.containerOV small, .containerOV strike, .containerOV strong, .containerOV sub, .containerOV sup, .containerOV tt, .containerOV var,
.containerOV dl, .containerOV dt, .containerOV dd, .containerOV ol, .containerOV ul, .containerOV li,
.containerOV fieldset, .containerOV form, .containerOV label, .containerOV legend,
.containerOV table, .containerOV caption, .containerOV tbody, .containerOV tfoot, .containerOV thead, .containerOV tr, .containerOV th, .containerOV td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;

    vertical-align: baseline;
}

/* remember to define focus styles! */
.containerOV :focus {
    outline: 0;
}
/*
body {
    color: rgb(70, 71, 72);
    background: white;
}
*/
/* tables still need 'cellspacing="0"' in the markup */

.containerOV table {
    border-collapse: separate;
    border-spacing: 0;
}
.containerOV th, td {
    text-align: left;
    font-weight: normal;
}

/*** 2. General ***********************/

.containerOV * {
    box-sizing: border-box;
}

/*
body {
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}
*/

.containerOV {
    background-color: #fff;
    left: 50%;
    margin-left: -335px;
    margin-top: -275px;
    position: fixed;
    top: 50%;
    width: 670px;
    z-index: 11000;
}


.containerOV a {
    text-decoration: none;
}


.containerOV .strong {
    font-weight: bold;
}

.containerOV h1 {
    color: #3e85c0;
    font-size: 16px;
    margin-bottom: 3px;
}


/*** header ***/

.containerOV .itemOV {
    font-size: 13px;
}

.containerOV .headerOV {
    background-color: #3e85c0;
    color: #ffffff;
    padding: 20px 20px;
}

.containerOV .headerOV span:first-child {
    background-image: url("../img/basket_full.png");
    background-repeat: no-repeat;
    background-size: 18px auto;
    font-size: 16px;
    padding-left: 25px;
}

.containerOV .headerOV span:last-child {
    background-image: url("../img/close.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    font-size: 14px;
    margin-left: 354px;
    padding-right: 20px;
}

#basketContent .headerOV a {
    color: #ffffff;
    text-decoration: none;
}

.containerOV .listOV {
    border-bottom: 1px solid #9b9b9b;
    line-height: 150%;
    max-height: 370px;
    overflow-y: auto;
    padding: 30px 0;
}

.itemOV.listOV p {
    font-size: 13px;
}

.itemOV.listOV p:last-of-type {
    margin-bottom: 30px;
}

/*
.messageOV {
    border-bottom: 1px solid #3e85c0;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}
*/

/************************************************************************
Table
************************************************************************/

.containerOV table.tableAdministration,
.containerOV table.tableContent {
    width: 100%;
    table-layout: fixed;
}

.containerOV .tableAdministration {
    border-top: 1px solid #3e85c0;
    padding: 10px 0;
    white-space: nowrap;
}

/*table.tableContent {
    margin-top: 25px;
}*/

.containerOV .tableAdministration td {
    padding: 5px 5px 5px 0;
}

.containerOV .tableContent td {
    padding: 5px 5px 10px 0;
}

#basketContentTable tr:nth-child(odd) {background-color:#f0f2f2;}

.containerOV th {
    padding: 30px;
}

.containerOV td p {
    margin: 0 auto;
}


/*** table Administration  ***/

.containerOV .admin {
    width: 150px;
    font-size: 14px;
}

.containerOV .createId {
    width: 100px;
}

.containerOV .createId span {
    background-color: #3e85c0;
    padding: 8px 10px 8px 13px;
    color: #ffffff;
    position: relative;
    font-size: 12px;
}

.containerOV .createId span:after {
    top: 0px;
    right: -11px;
    bottom: auto;
    left: auto;
    border-width: 14px 0 16px 11px;
    border-color: transparent #3e85c0;
    content: "";
    border-style: solid;
    position: absolute;
}


.containerOV .idItem {
    width: 90px;
}

.containerOV .idItem span {
    padding: 8px 20px;
    color: #000000;
    position: relative;
    font-size: 12px;
}

.containerOV .loadId {
    width: 100px;
}

.containerOV .loadId span {
    background-color: #3e85c0;
    padding: 8px 17px 8px 13px;
    color: #ffffff;
    position: relative;
    font-size: 12px;
}

.containerOV .loadId span:after {
    top: 0px;
    right: 75px;
    bottom: auto;
    left: auto;
    border-width: 16px 11px 14px 0px;
    border-color: transparent #3e85c0;
    content: "";
    border-style: solid;
    position: absolute;
}



.containerOV .tableAdministration td.clearList {
    width: 125px;
    font-size: 11px;
    text-align: right;
    padding-right: 14px;
}

.containerOV .trashcanIcon {
    width: 35px;
}


/*** Klassen für Status Merkliste ***/
/************************************/

.idCorrect {
    background-color: #c9e4a0;
    border: 2px solid #417505;
    height: 32px;
    width: 77px;
}

.messageCorrect {
    color: #417505;
}

.idError {
    background-color: #ffeaea;
    border: 2px solid #d0021b;
/*    background-image: url("../img/errorID.png");*/
    background-repeat: no-repeat;
    background-position: 54px 12px;
    height: 32px;
    width: 77px;
}

.messageError {
    color: #d0021b;
}

.idSuccess {
    background-color: #d2eaff;
    border: 2px solid #3e85c0;
    background-image: url("../img/successID.png");
    background-repeat: no-repeat;
    background-position: 54px 11px;
    height: 32px;
    width: 77px;
}

.messageSuccess {
    color: #3e85c0;
}

.idNeutral {
    background-color: #ffffff;
    border: 2px solid #3e85c0;
    height: 32px;
    width: 77px;
}



/*** table Content ***/

.rowId {
    width: 70px;
}

.rowLang {
    text-align: center;
    width: 55px;
}

#basketContent .tableContent td.rowName {
    padding-left: 25px;
    padding-right: 15px;
}

.rowButton1,
.rowButton2,
.rowTrashcanIcon {
    text-align: center;
    vertical-align: middle;
    width: 35px;
}

/** PDF, RFT Buttons ***/


.buttonBlue {
    background-color: #3e85c0;
    border: 1px solid #3e85c0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 13px;
    color: #ffffff;

}

/*.buttonInvert {
    border: 1px solid #3e85c0;
    padding: 5px 13px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #3e85c0;
}*/

.langHighlight {
    background-color: #cceafd;
    padding: 2px 2px;
}

.nameHover {
    color: #3e85c0;
}


/*** Download Area ***/
/*********************/

.containerOV .download {
    float: left;
    padding: 30px 25px;
    width: 100%;
}

#basketContent .downloadBundle a {
    float: right;
    font-size: 16px;
    margin-left: 15px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
}

#basketContent .downloadBundle a:hover {
    background-color:#3e85c0;
    color:#fff;
    }

#basketContent .downloadBundle a.linkToList {
    background-image: url("../img/link_active.png");
    background-position: 56px center;
    background-size: 19px auto;
}

#basketContent .downloadBundle a.linkToList.inactive {background-image: url("../img/link.png");}

#basketContent .downloadBundle a.linkToList:hover {background-image: url("../img/link_hover.png");}

#basketContent .downloadBundle a.download {
    background-image: url("../img/downloadButton_active.png");
    background-position: 30px center;
    background-size: 12px auto;
}

#basketContent .downloadBundle a.download.inactive {background-image: url("../img/downloadButton.png");}

#basketContent .downloadBundle a.download:hover {
    background-image: url("../img/downloadButton_hover.png");}


#basketContent .downloadBundle a.downloadReady {
    background-color:#3e85c0;
    color:#fff;
    cursor: default;
}

#basketContent .downloadBundle a.linkToList.downloadReady {
    cursor: pointer;
}

#basketContent .downloadBundle a.download.downloadReady {
    background-image: url("../img/downloadButton_hover.png");
    background-position: 25px center;
    padding-left: 35px;
    width: 240px;
    }

#basketContent .downloadBundle a.linkToList.downloadReady {
    background-image: url("../img/link_hover.png");
    background-position: 17px center;
    width: 205px;
}

.downloadButton.downloadCompress a:link,
.downloadButton.downloadCompress a:visited {
    color: #aaa !important;
    text-decoration: none;
    cursor: default;
}
/*** Download Area ***/
/*********************/

.containerOV .downloadZip {
    background-color: #EAF5FF;
    float: left;
    padding: 30px 20px 30px 25px;
    width: 100%;
}
/*
.downloadButton.downloadCompress {
    background-image: url("../img/reload.png");
    background-repeat: no-repeat;
    background-position: 135px center;
    background-size: 24px;
    color: #3e85c0;
    text-align: center;
    font-size: 16px;
    padding: 15px 0 15px 25px;
}
*/


/***  Empty List   ***/
/*********************/

.emptyList {
    margin-top: 35px;
    text-align: center;
}
.emptyList p {margin-bottom: 5px;}

.emptyList p:first-of-type {margin-bottom: 15px;}



/*** Table Styling ***/

.fmListe th {
    padding: 5px 5px 5px 0;
}

.content .fmWrap table.fmListe tr.spracheFolgt th,
.content .fmWrap table.fmListe tr.spracheFolgt td,
.content .fmWrap table.fmListe tr.sprache td.titel,
.content .fmWrap table.fmListe tr.sprache td {
    padding: 10px 8px;
}

table.fmListe .pullRight {
    text-align: right;
}

/** fixes Tabellenlayout ***/

.tableAntragstellung {
    width: 460px;
}

table.fmListe {
    width: 100%;
    table-layout: fixed;
}


/*** Spaltenbreiten ***/

.content .fmWrap table.fmListe .fmListeNr {
    width: 50px;
}

.content .fmWrap table.fmListe .fmListeSprache {
    width: 50px;
}


.content .fmWrap table.fmListe .fmListeTitel {
    width: auto;
}


.content .fmWrap table.fmListe .fmListeDownload {
    text-align: center;
    width: 70px;
}


.content .fmWrap table.fmListe .fmListeRemember {
    text-align: center;
    width: 60px;
}

/*** Farben für Spalten und Zellen ***/

table.fmListe th{
    background-color: #eaf5ff;
    border-bottom: 1px solid #3e85c0;
}

table.fmListe tr:nth-child(2n+1) {
    background-color: #f1f2f2;
}

.langHighlight {
    background-color: #cceafd;
    padding: 2px 2px;
}

/*table.fmListe tr.in_basket {
    border: 1px solid #417505 !important;
    background-color: #c9e4a0 !important;
}*/

/*table.fmListe tr.in_basket td {
    background-color: transparent !important;
}*/

table tr.removed_from_basket {
    color: #BBB;
}

table.fmListe td:nth-child(3) {
    color:#000000;
}


/*** links ***/

table.fmListe a {
    color: #000000;
    margin-right: 5px;
    position:relative;
    text-decoration: underline;
    vertical-align: middle;
}

table.fmListe a:last-of-type {
    margin-right: 0;
}

table.fmListe a:hover {
    color: #3e85c0;
}

.mouseover {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);

    background-color: #3e85c0;
    bottom: -34px;
    color: white;
    display:none;
    left: 50%;
    padding: 3px;
    position: absolute;
    transform: translateX(-50%);
    width: 100px;
    z-index: 999;
    }

.mouseover:after {
    border-color: #3E85C0 transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    display: block;
    left: 40%;
    position: absolute;
    top: -10px;
    width: 0;
    z-index: 1;
}

table.fmListe a:hover .mouseover {display:inline-block;}



/*** Backgroundimage Hinzufügen / Entfernen Icons ***/

table.fmListe td a.downloadNeutral {
    background-image: url("../img/checkbox_unchecked.png");
    background-repeat: no-repeat;
    background-size: 14px auto;
    color: green;
    display: inline-block;
    height: 13px;
    margin-left: 13px;
    width: 23px;
}

/*table.fmListe td a.downloadNeutral:hover {
    background-image: url("../img/add_hover.png");
}*/


table.fmListe td a.addedToList {
    background-image: url("../img/checkbox_checked.png");
    background-repeat: no-repeat;
    background-size: 14px auto;
    color: green;
    display: inline-block;
    height: 13px;
    margin-left: 13px;
    width: 23px;
}

/*
table.fmListe td a.addedToList:hover {
    background-image: url("../img/deleteFromList.png");
}*/



/** Änderungen für Warenkorb Runde 2 **/

.content .fmWrap table.fmListe th {padding:5px 0;}

.fmContent td:nth-child(2) abbr > span {padding: 3px;}

.fmContent td:last-child {min-width:100px;}

.content .fmWrap table.fmListe tr.spracheFolgt td.titel {padding-bottom:10px !important;}

.content .fmWrap table.fmListe td a {cursor: pointer;}

table.fmListe td a.downloadNeutral::after {
    color: grey;
    font-size: 0.6rem;
    left: -10px;
    position: absolute;
    text-decoration: none;
    top: 15px;
}

table.fmListe td a.addedToList::after {
    color: grey;
    font-size: 0.6rem;
    left: -12px;
    position: absolute;
    text-decoration: none;
    top: 15px;
}

table.fmListe td a.downloadNeutral .mouseover,
 table.fmListe td a.addedToList .mouseover{
    bottom: -49px;
    height: 19px;
    width: 120px;
}

table.fmListe td a.downloadNeutral .mouseover::before {
    content: "Zur Merkliste hinzufügen";
    left: 5px;
    position: absolute;
    top: 5px;
}

table.fmListe td a.addedToList .mouseover::before {
    content: "Aus Merkliste entfernen";
    left: 5px;
    position: absolute;
    top: 5px;
}

.content .fmWrap table.fmListe th {border-bottom: 1px solid #3e84c0;}


/* customized again by mark */
.content .fmWrap table.fmListe td {
    vertical-align: middle;
}