/******************/
/* HTML Tags
/******************/

    html
    {
        overflow:hidden;
    }

    body {
        background-color: #fff !important;
        margin: 1px;
        line-height: 160%;
    }

    /* cellpadding = 0 */
    th, td {
        padding: 0;
    }

    /* cellspacing = 0*/
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    td {
        vertical-align: middle;
    }
	
	:focus 
	{
        outline: none !important;
        -moz-outline-style: none;
    }
    
    td[Attributes Style],
    tr[Attributes Style]
    {
        vertical-align: middle;
    }      

    /* Mauszeiger */
    input[type="image"], a
    {
        cursor: pointer;
    }



    /*** Structure elements ***/
    .InforaumMainContainer {
        width: 100%;
    }
    .InforaumMainContentLeft {
        text-align: left;
        vertical-align: top;
        border-right: 1px solid #7aa3c5;
        width: 302px;
    }

    .InforaumMainContentLeftDiv {
        padding-top: 20px;
        min-height: 650px;
        width: 302px;
    }

    .InforaumMainContentLeftDiv .InforaumErrDiv {
        color: #FF0000 !important;
        font-size: 11px !important;
        font-weight: bold;
        line-height: 100%;
        padding: 8px 2px 8px 12px;
        max-width: 100%;
    }

    .InforaumMainContentLeftInnerDiv {
        padding-left: 12px !important;
        width: 277px;
        min-height: 270px; 
        overflow-y: hidden;
    }

    /* Search Tab */
    .InforaumSearchDiv {
        padding-left: 12px;
        padding-bottom: 15px;
        width: 277px;
    }

    .InforaumSearchDiv span {
        text-align: left;
    }

    .InforaumSearchDiv table {
        width: 100%;
    }

    .InforaumSearchDiv .RadInput_Inforaum,
    .InforaumSearchDiv .RadComboBox_Inforaum,
    .InforaumSearchDiv .RadPicker_Inforaum {
        width: 100% !important;
        padding-bottom: 4px;
    }
    
    /* Active ComboBox in SearchTab */
    .InforaumComboBoxSearch td.rcbInputCell {
        background-color: #fae1e3 !important;
    }

    .InforaumSearchButtonContainer {
        padding-top: 35px;
        padding-bottom: 10px;
        height: 45px;
    }

    .InforaumSearchButtonContainer span {
        color: #FF0000 !important;
        font-size: 11px !important;
        line-height: 100%;
    }

    .InforaumSearchSummaryContainer {
        width: 260px;
        padding: 7px;
        border: 1px solid #2f6ca1;
        background-color: #dfdfdf !important;
    }

    .InforaumSearchSummaryHeader {
        padding-bottom: 8px;
        line-height: 100%;
    }

    .InforaumSearchSummaryHeader table {
        width: 100%;
    }

    .InforaumSearchSummaryHeader span {
        color: #2f6ca1;
        font-weight: bold;
    }

    .InforaumSearchResetButton {
        font-weight: bold;
        text-decoration: none;
        padding-right: 20px;
        padding-bottom: 1px;
        background: url('../../images/reset_search.png') no-repeat right;
    }

    .InforaumSearchSummaryContent {
        padding-left: 15px;
        line-height: 16px;
        color: #2f6ca1;
    }

    /* Select project with ComboBox and "Open Search window" */
    .InforaumTblProSelect {
        border: 0 !important;
        margin-left: 12px;
    }

    .InforaumTblProSelect .RadComboBox_Inforaum {
        width: 250px !important;
    }

    /* in CommandContainer */
    .InforaumCommandContainer .InforaumTblProSelect {
        width: 380px;
    }

    .InforaumCommandContainer .InforaumTblProSelect .RadComboBox_Inforaum {
        width: 350px !important;
    }


    .InforaumMainContentRight {
        text-align: center;
        vertical-align: top;
        background-color: #fff !important;
    }

    /* ExternalPage.master */
    .InforaumPageContentContainer {
        width: 100%;
        border: 1px solid #7aa3c5;
        background: #fff;
    }

    /* Fieldset in detail window */
    .InforaumWinFieldSet {
        padding: 10px 10px 0 10px !important;
        margin: 0;
        text-align: left !important;
        background-color: transparent !important;
        border: 0 !important;
    }

    .InforaumWinFieldSetBorder {
        padding: 10px !important;
        margin: 5px !important;
        border: 1px solid #7aa3c5 !important;
        text-align: left !important;
        background-color: #fff !important;
    }

    .InforaumWinFieldSetBorder legend span {
        color: #2f6ca1;
        font-size: 14px;
    }

    .InforaumWinFieldSetTable,
    .InforaumWinFieldSetTableSmall {
        width: 100%;
        border: 0 !important;
        background-color: transparent !important;
    }

    .InforaumWinFieldSetTable td {
        border: 0 !important;
        padding: 2px 4px 3px 3px !important;
        line-height: 24px;
    }

    .InforaumWinFieldSetTableSmall td {
        border: 0 !important;
        padding: 2px 4px 1px 3px !important;
        line-height: 24px;
    }

    /* RadGrid in InforaumWinFieldSet */
    .InforaumWinFieldSet .RadGrid td {
        padding: 0 !important;
    }

    /* TextBox in InforaumWinFieldSet */
    .InforaumWinFieldSet .RadInput_Inforaum,
    .InforaumWinFieldSetBorder .RadInput_Inforaum {
        float: none;
    }

    /* Checkbox/Radiobutton in InforaumWinFieldSet*/
    .InforaumWinFieldSet input[type='checkbox'],
    .InforaumWinFieldSet input[type='radio'],
    .InforaumWinFieldSetBorder input[type='checkbox'],
    .InforaumWinFieldSetBorder input[type='radio'] {
        margin-bottom: 4px !important;
    }

    .InforaumWinFieldSet input[type='checkbox'] + label,
    .InforaumWinFieldSet input[type='radio'] + label,
    .InforaumWinFieldSetBorder input[type='checkbox'] + label,
    .InforaumWinFieldSetBorder input[type='radio'] + label {
        padding: 3px 3px 0 3px;
        line-height: 16px !important;
    }

    /* Label in InforaumWinFieldSet */
    .InforaumWinFieldSet .RadLabel_Inforaum,
    .InforaumWinFieldSetBorder .RadLabel_Inforaum {
        padding-right: 0 !important;
    }

    /* Image in InforaumWinFieldSet */
    .InforaumWinFieldSet table td img,
    .InforaumWinFieldSet table td input[type="image"],
    .InforaumWinFieldSetBorder table td img,
    .InforaumWinFieldSetBorder table td input[type="image"] {
        vertical-align: top;
        padding-top: 3px !important;
    }

    /* Spaceline */
    .InforaumWinFieldSetSpaceLine > td {
        height: 3px;
    }

    /* Small Cellpadding*/
    .InforaumTableCellPaddingSmall td {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    /* Normal Cellpadding */
    .InforaumTableCellPadding td {
        padding: 3px !important;
    }
    .InforaumTableCellPadding td img {
        padding-top: 1px !important;
    }

    /* Large Cellpadding */
    .InforaumTableCellPaddingLarge td {
        padding: 6px 4px 6px 3px !important;
    }

    /* Centered */
    .InforaumTableCentered {
        width: auto !important;
        margin: auto;
    }

/*** Container and Tables  ***/
/* Rahmen für Literal */
    .InforaumLitContainer,
    .InforaumLitContainerBottom {
        border: 1px solid #7aa3c5;
        background-color: #fff;
        overflow: auto;
        padding: 5px;
        text-align: left;
    }

    .InforaumLitContainer table td,
    .InforaumLitContainerBottom table td {
        background-color: #fff;
    }

    /* Rahmen für Literal - zum andocken ohne Linie oben */
    .InforaumLitContainerBottom {
        border-top: 0;
    }

    .InforaumBorderContainer,
    .InforaumBorderContainerBlue {
        border: 1px solid #7aa3c5;
        background-color: #fff;
        padding: 5px;
    }

    .InforaumBorderContainerBlue {
        background-color: #e5eff8;
    }

    .InforaumAutoSizeContainer {
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        overflow: auto;
    }

    .InforaumPaddingContainer {
        padding: 8px;
    }

    .InforaumPaddingContainerSmall {
        padding: 4px;
    }

    .InforaumPaddingContainerBig {
        padding: 12px;
    }

    .InforaumPaddingContainerXL {
        padding: 20px;
    }

    .InforaumMarginContainer {
        margin: 8px;
    }    
        
    /*** Image-Preview ***/
    .InforaumPreview
    {
        padding: 6px;
    }

    .InforaumPreviewLogo {
        padding: 0px !important;
        max-height: 50px !important;
    }


    /*** Reports ***/
    .InforaumReportWinContainer
    {
        border: 1px solid #7aa3c5;
        overflow-y: auto;
    } 
    .InforaumReportViewer div
    {
        background-image: none !important;
    }
    .InforaumReportViewer table
    {
        width: 100%;
    }
    .InforaumReportViewer table td
    {
        vertical-align: top;
    }    
    .InforaumReportViewer select,
    .InforaumReportViewer a,
    .InforaumReportViewer input,
    .InforaumReportViewer span
    {
        font-family: sans-serif !important;
        font-size: 10pt !important;  
        color: #000 !important;
    }    
    .InforaumReportViewer span,
    .InforaumReportViewer td> a
    {
        position: relative;
        top: 7px;
    }
    #ctl00_WindowContent_ReportViewer1_Toolbar
    {
        top: 0 !important;
    }
    .InforaumReportViewer input[type="text"]
    {
        margin-top: 7px;
        padding: 1px 2px;
        border: solid 1px #2f6ca1 !important;
    }
    .InforaumReportViewer input[type="image"]
    {
        position: relative;
        top: 7px;
    }


    /*** Editforms ***/
    .InforaumEditFormMainContainer {
        margin: 14px 8px 20px 8px;
    }

    .InforaumEditFormOuterContainer {
        padding: 14px 12px 12px 12px !important;
        background: #fff !important;
    }

    .InforaumEditFormInnerContainer {
        border: solid 1px #7aa3c5;
        padding: 11px !important;
        background: #fff !important;
    }

    .InforaumEditFormTable {
        background: #fff;
        width: 100%;
        border: 0;
    }

    .InforaumEditFormTable td {
        padding: 10px 5px !important;
    }

    /* Checkbox/Radiobutton in InforaumEditFormTable*/
    .InforaumEditFormTable input[type='checkbox'],
    .InforaumEditFormTable input[type='radio'] {
        margin: 1px 5px 5px 0 !important;
    }

    .InforaumEditFormTable input[type='checkbox'] + label,
    .InforaumEditFormTable input[type='radio'] + label {
        padding: 3px 3px 0 3px;
        line-height: 16px !important;
    }



    /* Nested tables without borders */
    .InforaumSubTable {
        width: 100%;
        border: 0 !important;
        padding: 0 !important;
    }

    .InforaumSubTable td {
        padding: 0 !important;
        margin: 0 !important;
        line-height: 100% !important;
        text-align: left;
    }

    /* TextBox in InforaumSubTable */
    .InforaumSubTable .RadInput_Inforaum {
        padding-right: 0px;
    }

    /* Label in InforaumSubTable */
    .InforaumSubTable .RadLabel_Inforaum {
        padding-right: 6px !important;
    }

    /* Table with vertical borders only */
    .InforaumTblVerticalBorder {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
    }

    .InforaumTblVerticalBorder tr {
        border: none;
    }

    .InforaumTblVerticalBorder td {
        border-right: solid 1px #7aa3c5;
        vertical-align: top;
    }

    .InforaumTblVerticalBorder td:last-child {
        border-right: 0;
    }

    /* Table with borders (look like grid) */
    .InforaumWinTableBorder td {
        border: 0 !important;
        border-right: solid 1px #e5eff8 !important;
        border-bottom: solid 1px #cbdff0 !important;
    }
        



/**********************/
/* ASP Steuerelemente */
/**********************/

    /*** Passwort ***/
    input[type="password"] {
        border: solid 1px #2f6ca1;
        color: #000;
        font: normal 12px sans-serif;
        padding: 3px;
        background: #fff;
    }

    /*** Checkbox/Radiobutton ***/
    /* custom checkbox/radiobutton for IE */
    input[type=checkbox]::-ms-check,
    input[type=radio]::-ms-check {
        border: 1px solid #2F6CA1;
        color: #059346;
        padding: 1px;
    }

    /* custom checkbox/radiobutton design for all browsers except IE */
    input[type='checkbox'],
    input[type='radio'] {
        width: 13px;
        height: 13px;
        border: 1px solid #2F6CA1;
        background: #fff;
        vertical-align: middle;
        margin: 1px 5px 5px 0 !important;
        -moz-appearance: none;
        -webkit-appearance: none;
        -appearance: none;
        cursor: pointer;
    }

    input[type='radio'] {
        border-radius: 7px;
    }

    input[type='checkbox'] + label,
    input[type='radio'] + label {
        color: #000;
        font-size: 12px;
        margin: 1px 0;
        padding: 0 3px 0 3px;
        cursor: pointer;
    }

    .rbHorizontal td {
        min-width: 100px;
    }

    .rbHorizontal label {
        position: relative !important;
    }

    input[type='checkbox']:checked,
    input[type='radio']:checked {
        display: inline-block;
        background-color: #fff;
        background-image: url('Skins/images/checked.png');
        background-repeat: no-repeat;
        background-size: 18px;
    }

    input[type='checkbox']:checked {
        background-position: 0 1px;
    }

    input[type='radio']:checked {
        background-position: -9px 1px;
    }

    input[type="checkbox"]:disabled,
    input[type='radio']:disabled {
        zoom: 1;
        filter: alpha(opacity=70);
        opacity: 0.7;
        cursor: default;
    }

    input[type='checkbox']:disabled + label,
    input[type='radio']:disabled + label {
        color: #adadad;
        cursor: default;
    }

    /* Enabled false but full opacity */
    .InforaumCheckboxReadOnly label,
    .InforaumCheckboxReadOnly input[type='checkbox'] {
        color: #000 !important;
        zoom: 1 !important;
        filter: alpha(opacity=100) !important;
        opacity: 1 !important;
    }

    .InforaumCheckboxSearch label,
    .InforaumRadioButtonSearch label {
        background: #fae1e3 !important;
    }

    .InforaumCheckboxBig label,
    .InforaumRadioButtonBig label {
        font-size: 14px !important;
        color: #2f6ca1 !important;
    }

    .InforaumRadioButtonBig td {
        padding: 6px;
    }

    .InforaumRadioButtonList {
        width: 100%;
    }

    .InforaumRadioButtonList td {
        padding: 0 0 10px 0 !important;
        line-height: 16px;
    }


/*** Slider für Fortschrittsanzeige, Lautstärke... ***/
/* für alle Browser */
    input[type=range] {
        padding: 0;
        /*removes default webkit styles*/
        -webkit-appearance: none;
    }

    input[type=range],
    input[type=range]:focus,
    input[type=range]:active {
        border: 0;
        outline: none;
    }

    /* WEBKIT BASED BROWSERS (CHROME, SAFARI, OPERA) */
    /* webkit has NO progress fill implementation yet */
    input[type=range]::-webkit-slider {
    }

    input[type=range]::-webkit-slider-runnable-track,
    input[type=range]:focus::-webkit-slider-runnable-track {
        height: 12px;
        background: #dfdfdf;
        border: solid 1px #2f6ca1;
    }

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 10px;
        width: 10px;
        background: #2f6ca1;
    }

    /* FIREFOX */
    input[type=range]::-moz-range-track {
        height: 10px;
        background: #dfdfdf;
        border: solid 1px #2f6ca1;
    }

    input[type=range]::-moz-range-progress {
        height: 10px;
        background: #7aa3c5;
    }

    input[type=range]::-moz-range-thumb {
        border: none;
        height: 10px;
        width: 10px;
        border-radius: 0%;
        background: #2f6ca1;
    }

    input[type=range]::-moz-focus-inner,
    input[type=range]:-moz-focusring {
        border: 0;
        outline: none;
    }

    /* INTERNET EXPLORER */
    input[type=range]::-ms-track {
        height: 10px;
        background: transparent;
        border: solid 1px #2f6ca1;
        /*remove default tick marks*/
        color: transparent;
    }

    input[type=range]::-ms-fill-lower,
    input[type=range]:focus::-ms-fill-lower {
        background: #7aa3c5;
    }

    input[type=range]::-ms-fill-upper,
    input[type=range]:focus::-ms-fill-upper {
        background: #dfdfdf;
    }

    input[type=range]::-ms-thumb {
        border: none;
        height: 10px;
        width: 10px;
        background: #2f6ca1;
    }

    input[type=range]::-ms-tooltip {
        display: none;
    }



    /*** Label / Text ***/
    /* Default style */
    body {
        color: #000;
        font-family: sans-serif !important;
        font-weight: normal;
        font-size: 12px;
    }

    /* Disabled */
    textarea:disabled, input[type="text"]:disabled, a:disabled, span[disabled=disabled] {
        color: #5f5f5f !important;
        zoom: 1 !important;
        filter: alpha(opacity=100) !important;
        opacity: 1 !important;
        cursor: default !important;
    }
    
    /* Font styles */
    .fontBold {
        font-weight: bold;
    }
    .fontUnderline {
        text-decoration: underline !important;
    }
    .fontSizeXS {
        font-size: 10px;
    }
    .fontSizeS {
        font-size: 11px;
    }
    .fontSizeM {
        font-size: 12px;
    }
    .fontSizeL {
        font-size: 14px;
    }
    .fontSizeXL {
        font-size: 16px;
    }

    .fontColBlack {
        color: #000 !important;
    }

    .fontColBlue {
        color: #2F6CA1 !important;
    }

    .fontColRed {
        color: #f00 !important;
    }

    .fontColGreen {
        color: #059346 !important;
    }

    .fontDisabled {
        color: #adadad !important;
    }

    /* special label formats */
    .txtError {
        color: #FF0000 !important;
        font-size: 11px !important;
        text-decoration: none;
        cursor: default;
    }

    .txtInfo {
        color: #2F6CA1 !important;
        font-size: 11px !important;
        text-decoration: none;
        cursor: default;
    }

    .txtHeader {
        color: #7aa3c5 !important;
        font-size: 16px !important;
        font-weight: bold !important;
        text-decoration: none;
        cursor: default;
    }

    /* Zweizeiliges Label zum Scrollen */
    .lblScroll {
        border: solid 1px #7aa3c5;
        padding: 0 4px;
        min-height: 18px;
        max-height: 36px;
        line-height: 18px;
        overflow-y: auto;
    }

    /* Label with List inside */
    .txtLI li {
        line-height: 145%;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    /* sub-list */
    .txtLI li > ul {
        padding-left: 25px;
    }
    .txtLI li > ul > li {
        padding-bottom: 0;
    }


    /* Links */
    /*a:-webkit-any-link {
        color: #2f6ca1;
    } BZ: Problem in Firefox */

    a {
        color: #2f6ca1;
    }

    /* LinkButton */
    .InforaumLinkButton,
    .InforaumLinkButtonSmall {
        color: #2f6ca1 !important;
        text-decoration: underline !important;
        font-size: 14px;
    }

    .InforaumLinkButtonSmall {
        font-size: 12px !important;
    }

    .InforaumLinkButton:disabled,
    .InforaumLinkButton[disabled=disabled],
    .InforaumLinkButtonSmall:disabled,
    .InforaumLinkButtonSmall[disabled=disabled] {
        color: #5f5f5f !important;
    }

    .InforaumLoadingImage {
        position: fixed; 
        z-index: 9999; 
        top: 50%; 
        left: 50%; 
        height: 200px;
        width: 200px;
        margin-top: -100px; 
        margin-left: -100px;
        opacity: 0.5;
    }