body {
    /*font-family : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif ;*/
   font-family : Arial, Verdana;
   color : #007ac2;
}
.tdContainer
{
    width: 150px;
    max-width: 150px;
    background-color: yellow;
}

.pnlDragDocument
{
    border-width: 2px;
    border-color: darkgray;
    border-style: solid;
    border-radius: 3px;
    background-color: white;
    padding: 2px;
    /*width: 100%;
    height: 100%;*/
    min-height: 30px;
    text-align: center;
    cursor: move;
}

.pnlDragPapierkorb
{
    border-width: 2px;
    border-color: darkgray;
    border-style: solid;
    border-radius: 3px;
    background-color: gray;
    padding: 2px;
    min-height: 50px;
    min-width: 40px;
    height: 50px;
    width: 40px;
    text-align: center;
    cursor: move;
}


.bagDropDocument
{
    padding: 10px;
    border-width: 2px;
    border-color: lightgray;
    border-style: solid;
    border-radius: 3px;
    background-color: lightgray;
    text-align: center;
    cursor: move;
    width: 100%;
    height: 100%;
}

.GridViewAllgemein 
{
    width: 800px;
    color: #333333;
    border-color: #AAAAAA;
    border-style: outset;
    border-width: 3px;
     /* BorderColor="#AAAAAA" BorderStyle="Outset" BorderWidth="3px" */
}


.GridViewAllgemein th
{
    Color: #333333;
    background-color: #CCCCCC;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: small;
    padding: 4px;
    /*BackColor="#CCCCCC" Font-Bold="True" ForeColor="#101010" */
}
.GridViewAllgemein td
{
    padding: 2px;
    color: #333333;
    font-size: 12px;
}

.GridViewTeilnehmer
{
    width: 230px;
    min-width: 230px;
    color: #333333;
    border-color: #AAAAAA;
    border-style: outset;
    border-width: 3px;
     /* BorderColor="#AAAAAA" BorderStyle="Outset" BorderWidth="3px" */
}
.GridViewBereitsAbgerechnet
{
    width: 230px;
    min-width: 230px;
    color: #333333;
    border-color: #AAAAAA;
    border-style: outset;
    border-width: 3px;
}

.GridViewMaterialien
{
    width: 230px;
    color: #333333;
    border-color: #AAAAAA;
    border-style: outset;
    border-width: 3px;
     /* BorderColor="#AAAAAA" BorderStyle="Outset" BorderWidth="3px" */
}
.GridViewMaterialien th
{
    Color: #333333;
    background-color: #CCCCCC;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: small;
    padding: 4px;
    /*BackColor="#CCCCCC" Font-Bold="True" ForeColor="#101010" */
}
.GridViewMaterialien td
{
    padding: 2px;
    color: #333333;
    font-size: 11px;
}
.dv_ProdukteAuswahl_Unterlagen
{
    Height: 30px;
    max-height: 240px;
    overflow-y: hidden;
    overflow-x: hidden;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
}
.dv_ProdukteAuswahl_Row
{
    vertical-align: top;
}
.dv_ProdukteAuswahl_Produktspalte
{
    width: 330px;
    max-width: 330px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dv_Druckauftraege_Produktspalte
{
    min-width: 240px;
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dv_Druckauftraege_Ortspalte
{
    width: 160px;
    min-width: 160px;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dv_Header {
    background-color : #888888;
    color : darkblue;
    border-bottom-color: blue;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

/* Die "Feldbeschriftungen"*/
.dv_FieldHeader 
{
    color : #266493;
    /*#007ac2;*/
    background-color: #BFDBF0;
    /*#bedbf0;*/
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: green;
    border-right-style: none;
    font-weight: bold;
}

/* "Normale" Zelle in DetailsView*/
.dv_Row 
{
    background-color : #EEEEEE;
    /*background-color : red;*/
    /*vertical-align :middle;*/
    vertical-align :middle;
    max-width: 120px;
    border-bottom-color: blue;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-style: none;
}
.dvBuchen 
{

    font-size: 12px;
    line-height : 1;
    border-color: white;
    border-width: 3px;
    border-style: groove;
    border-collapse: separate;
    border-spacing: 10px 20px;
}

.dvBuchen td
{
    /*border-right-color: white;
    border-right-width: 1px;
    border-right-style: solid;*/
    border-collapse: separate;
    padding-left: 3px;
    text-wrap: none;
    
    /*margin: 10px;*/

}

/*Beim Buchen und beim SeminarVerwalten für die Tabellen,
    in denen die Materialien angezeigt werden
*/
.tableMaterialListen
{
    border-color:darkgray;
    border-style: solid;
    border-width:2px;
    width: 740px;
    max-width: 740px;
}

.tableMaterialListen td
{
    /*width: 80px;
    max-width: 80px;*/
    /*overflow: hidden;*/
    
}

.tableMaterialListen input[type="number"]
{
    padding-top: 0;
    height: 22px;
}
.tableMaterialListen input[type="number"]:focus
{
    padding-top: 0px;
    background-color: #bedbf0;
}

.tableMaterialListenTD
{
    border-color: darkgray;
    border-style: solid;
    border-width: 2px;
    vertical-align: top;
    /*text-wrap: none;*/
    text-wrap:normal;
    width: 120px;
    max-width: 120px;
    /*VerticalAlign="Top" Wrap="False" BorderColor="Darkgray" BorderStyle="Solid" BorderWidth="1"*/
}
tableMaterialListenTD td
{
    border-color:darkgray;
    border-style: solid;
    Border-Width:2px;
    background-color: green;
    width: 40px;
    max-width:100px;
    float:left;
}

.abs_H1 h1 {
    font-size : x-small
}

.navbar-dropdownlist {
    height : 12px;
    font-size : xx-small;
    margin-top : 18px;
    color : rebeccapurple
}
.navbar-checkboxlist {
    padding : 0;
    font-size : xx-small;
    margin-top : 0px
}
.navbar-checkboxlist td input[type="checkbox"] {
    padding : 0;
    font-size : xx-small;
    margin : 0px
}
.navbar-checkboxlist td label {
    padding : 0;
    font-size : xx-small;
    color :  darkgrey;
    margin-top : 0px;
    margin-bottom : 0px;
    vertical-align : top
}

.checkboxlist-main {
    padding : 0;
    font-size : xx-small;
    margin-top : 0px;
}

.checkboxlist-main input[type="checkbox"] {
    padding : 0;
    font-size : xx-small;
    margin : 0px
}

.checkboxlist-main label {
    padding : 0;
    font-size : x-small;
    margin-top : 0px;
    margin-bottom : 0px;
    vertical-align : top
}

.checkboxlist-filter {
    padding : 0;
    font-size : xx-small;
    margin-top : 0px;
    line-height: 1;
    color: #101010;
    border-color: #101010;
}

.checkboxlist-filter input[type="checkbox"] {
    padding : 0;
    font-size : xx-small;
    margin : 0px
}

.checkboxlist-filter label {
    padding : 0;
    font-size : x-small;
    margin-top : 0px;
    margin-bottom : 0px;
    vertical-align : top
}

/*BorderColor="#663300" BorderStyle="Solid" BorderWidth="1px" CellPadding="0" CellSpacing="0" Font-Names="Arial" Font-Size="XX-Small" */

.pnlRahmen {
    padding : 16px;
    margin-top : 0px;
    width: 800px;
}
.pnlRahmen2 {
    padding : 0 16px 16px 16px;
    width : 820px;
    margin-top : 0px;
}
pnlRahmenCommand
{
    padding: 0;
    margin: 0;
}

.pnlRahmenMoveTo
{
    position: fixed;
    top: 45%;
    left: 40%;
    width: 10%;
    padding: 0;
    margin: 0;
}

/*.menuReiterDynamicMenuStyle
{
    background-color: #FFFFFF;
    border-color: #333333;
    border-style: solid;
    border-width: 1px;
    padding-left: 2px;
    padding-right: 2px;
}*/

/* Das gesamte Menü*/
.menuReiterStaticMenuStyle
{
    background-color: #FFFFFF;
    padding-left: 2px;
    padding-right: 2px;
}
/* Nicht ausgewählte Menüpunkte*/
.menuReiterStaticMenuItemStyle
{
    border-color: #333333;
    border-style: outset;
    border-width: 2px;
    border-bottom-style: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #bedbf0;
    padding-left: 2px;
    padding-right: 20px;
}

/* Der ausgewählte Menüpunkt*/
.menuReiterStaticMenuStyleSelected
{
    background-color: #007ac2;
    color: black;
    border-color: #555555;
    border-style: solid;
    border-width: 3px;
    border-bottom-style: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 2px;
    padding-right: 20px;
}

.menuReiter {
    margin-left : 4px; 
    margin-right : 8px
}
.menuReiter :hover 
{
    color : black;
    text-decoration: None;
}

.menuReiter img 
{
    margin-left : 4px; 
    margin-right : 8px
}


/* Alles für das Reiter-Menü zur Auswahl der Dokumentensätze*/
.menuTabs {
    border: 2px solid red !important;
    margin-left : 0px; 
    margin-right : 8px;
    padding-left: 0px;
    position: relative;
    top: 2px;
    float:left;
    display: inline !important;
}

.menuTabsimg 
{
    margin-left : 0; 
    margin-right : 0;
    height: 12px;
    vertical-align:text-bottom;
}

/* Nicht ausgewählte Menüpunkte*/
.menuTabsStaticMenuItemStyleDatalist
{

}

.menuTabsStaticMenuItemStyle
{
    border-color: dimgray;
    border-left-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-width: 2px;
    border-bottom-style: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: lightgray;
    font-size: x-small;
    padding-left: 4px !important;
    padding-right: 4px !important;
    float:left;
    display: inline;
}

/* Der ausgewählte Menüpunkt*/
.menuTabsStaticMenuItemStyleSelectedDatalist li
{
    background-color: #bedbf0;
    font-weight: bold;
    color: black;
}
.menuTabsStaticMenuStyleSelected
{
    border-color: dimgray;
    border-left-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-width: 2px !important;
    border-bottom-style: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: darkgray;
    color: black;
    font-weight: bold;
    font-size: x-small;
    padding-left: 4px !important;
    padding-right: 4px !important;
    float:left;
    display: inline;
    /*position:relative;
    top: -2px;
    width: 4px;*/
}

.menuTabsStaticMenuHoverStyle
{
    color: green;
}

a.selected
{
    background-color: darkgray;
    color: black;
    border-color: dimgray !important;
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-width: 2px !important;
    border-bottom-style: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#MainContent_mnu_Drucksaetze>ul
{
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
}
#MainContent_mnu_Drucksaetze>ul>li 
{
    list-style-type: none;
}
#MainContent_mnu_Drucksaetze>ul>li>a
{
    text-decoration:none;
    white-space: nowrap;
    display: block;
}


.RepeaterTable {
    border-color : dimgray;
    border-width : 2px;
    border-style : solid
}

.tdMaterialien {
    border-color : darkgray;
    border-width : 6px;
    border-style : solid;
    vertical-align : top;
    padding : 4px;
}

.btnInDetailsView {
    padding : 2px;
    font-size : x-small;
    height : 22px;
    border-style : solid;
    border-color : dimgray;
    border-radius : 3px;
    vertical-align : bottom;
}

.btnNormal 
{
    padding : 2px;
    font-size : medium ;
    height : 28px;
    border-style : solid;
    border-color : dimgray;
    border-radius : 3px;
    background-color : cornflowerblue ;
    vertical-align : bottom;
    margin-top : 5px;
}

.btnNormalKlein 
{
    padding : 1px;
    font-size : small;
    height : 22px;
    border-style : solid;
    border-color : dimgray;
    border-radius : 3px;
    background-color : cornflowerblue ;
    vertical-align : bottom;
    margin-top : 5px;
}

.btnTrennregister
{
    padding-top : 2px;
    padding-left: 46px;
    font-size : small ;
    height : 50px;
    width: 160px;
    border-style : solid;
    border-color : dimgray;
    border-radius : 3px;
    background-color : cornflowerblue ;
    vertical-align : bottom;
    margin-top : 5px;
    white-space:normal;
    background-image: url(/Images/Trennregister.png);
    background-repeat: no-repeat;
    background-position-x:2px;
    background-position-y:2px;
    text-decoration:none;
}
.btnLeeresBlatt
{
    padding-top : 2px;
    padding-left: 46px;
    font-size : small ;
    height : 50px;
    width: 160px;
    border-style : solid;
    border-color : dimgray;
    border-radius : 3px;
    background-color : cornflowerblue ;
    vertical-align : bottom;
    margin-top : 5px;
    white-space:normal;
    background-image: url(/Images/LeeresBlatt.png);
    background-repeat: no-repeat;
    background-position-x:2px;
    background-position-y:2px;
}

.Verborgen {
    visibility:hidden;
}

.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.modalPopup
{
    background-color: #FFFFFF;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding:0;
    
}
.modalPopup .header
{
    background-color: #2FBDF1;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.modalPopup .body
{
    min-height: 50px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.modalPopup .footer
{
    padding: 6px;
}
.modalPopup .yes, .modalPopup .no
{
    height: 23px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}
.modalPopup .yes
{
    background-color: #2FBDF1;
    border: 1px solid #0DA9D0;
}
.modalPopup .no
{
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}

.modalPopupChkListe label 
{
    line-height: 1;
    font-size:small;
    margin-right: 6px;
    margin-bottom: 0px;
    padding-right: 6px;
    padding-left: 6px;
    vertical-align: text-top;
}
.modalPopupChkListe 
{
    line-height: 1;
    font-size:smaller;
    margin-left: 6px;
    margin-bottom: 6px;
    margin-top: 6px;
    padding-right: 6px;
    padding-left: 6px;
}

.lbOrtsauswahl {

    height: 140px;
    min-height: 140px;
    width: 100%;
    min-width: 94%;
    margin-bottom : 10px;
}

.ajaxOrderedList 
{
    min-height: 260px;
}
.ajaxOrderedList ul
{
    margin-bottom: 20px;
    padding: 6px;
    background-color: white;
    border-style : solid;
    border-color : dimgray;
    border-width : 2px;
    border-radius : 3px;
    /*height: 260px;*/
    min-height: 260px;
}
.ajaxOrderedList li
{
    list-style:none;
}
.ajaxOrderedListCallback
{
    background-color: green;
}
.ajaxOrderedListDragHandle
{
    height: 24px; 
    width: 24px; 
    border: solid 1px black; 
    background-color: darkgray; 
    cursor: grabbing;
}

.ajaxOrderedListDragHandle li
{
    list-style:none;
}

.tblDokumentenschubsbereich
{
    width: 100%;
    min-height: 510px;
    height: 510px;
}
.tblcellDokumentenschubsbereich
{
    border: 2px solid dimgray;
    width: 100%;
    height: 100%;
}

.pnlDokument
{
    height : 48px;
    /*max-height : 60px;*/
    width : 320px;
    /*max-width : 320px;*/
    padding : 2px;
    font-size : medium ;
    border-style : solid;
    border-color : CornflowerBlue;
    border-width : 2px;
    border-radius : 3px;
    background-color : lightblue ;
    vertical-align : top;
    margin-top : 5px;
    font-size: small;
}
.pnlDokumentTable 
{
    width:100%;
    text-align: left;
}
.pnlDokumentTable td 
{
    vertical-align: top;
    padding-top : 0px;
    padding-right : 0px;
    line-height: 1; 
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width:200px;
}
.pnlDokumentTableFirstCol
{
    width: 44px;
}
.pnlDokumentCommandCell
{
    vertical-align: top;
    padding-top : 0px;
    line-height: 1; 
    text-align: right;
}

.dlDokumente
{
    /*border-style : solid;
    border-color : red;
    border-width : 2px;
    border-radius : 3px;*/
    display: inline-flex !important;
    margin: 5px;
    /*max-width: 300px;*/
    width:100%;
    padding: 0;
    min-height: 443px;
}
.dlDokumente br
{
    display: none;
}


.dlDokumente td
{
    /*border-style : solid;
    border-color : green;
    border-width : 2px;
    border-radius : 3px;*/
    margin: 0px;
    border-collapse: collapse;
}

.tableDokumente
{
    border-style : solid;
    border-color : dimgray;
    border-width : 2px;
    border-radius : 0;
    margin: 1px;
    width:80px;
    height:initial;
}

.tableDokumente td
{
    vertical-align: top;
    /*max-width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

.TextboxMultilineResize
{
    resize: horizontal;
    overflow: auto;
}


.Resizable_handle
{
    background-color: black;
    width : 10px;
    height: 10px;
}

.Resizable_resize
{
    border-style: solid;
    border-width: thick;
    border-color: blue;
}

/* Für die FileUpload-Controls*/

/*.FileUploadInput input[type="file"]*/
.FileUploadInput
{

    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.FileUploadInput + label {
    font-size: small;
    font-weight: 500;
    color: dimgray;
    background-color: White;
    border: 1px solid dimgray;
    display: inline-block;
    min-width: 244px;
}

.FileUploadInput:focus + label,
.FileUploadInput + label:hover {
    background-color: lightgray;
}
.FileUploadInput + label {
	cursor: pointer; /* "hand" cursor */
}
/*
    Schrift #007ac2 11pt Arial,Verdana

    Helles Grau #dddddd
    Hellblauer Hintergrund #bedbf0

    Border-Color (innen Striche) blue
    Border-Style Groove 3px schwarz

*/