/* Styles der før var inkluderet direkte i master-page */
body { background-color: #666; }
        .pagecontent { padding-bottom: 5em; }
        .mitcfu { background-color: #fff; }
        .mitcfu.header { position: relative; padding-top: 10px; }
        .mitcfu.header .logoLeft { padding-left: 10px; }
        .mitcfu.header .logoRight { padding-right: 10px; }
        .mitcfu.topmenu { position: relative; padding-bottom: 10px; }
        .mitcfu.footer { position: relative; background-color: #000; color: #fff; padding-top: 5px; }
        .mitcfu.privacy { position: relative; background-color: #ccc; padding: 0 10px; font-size: 0.75em; text-align: center; }
        .mitcfu.privacy a { color: black; }
        .mitcfu.privacy a:hover { color: #e94e1b; }
        h1.first, h2.first, h3.first, h4.first { margin-top: 0; padding-top: 0; }
        .img-responsive-2 { width: 100%; }
        #mainmenu #UnderMenuCFUModeOff a { color: #ddd; }
        #mainmenu #UnderMenuCFUModeOff a:hover { background-color: transparent; color: #aaa; }
        #mainmenu #UnderMenuTVSA > a { color: #ddd; }
        #mainmenu #UnderMenuTVSA > a:hover { background-color: transparent; color: #aaa; }
        #mainmenuright { position: absolute; top: -5px; right: 25px; z-index: 100; }

        /* Infoboks i toppen af siden til at give driftsinformationer til brugerne */
        .MessageBar { position: relative; background-color: Yellow; border: 4px solid Black; padding: 5px; }
        .MessageBar h1 { font-size: large; font-weight: bold; margin-top: 0; }
        .MessageBar .closeButton { color: Black; text-decoration: none; font-size: large; font-weight: bold; cursor: pointer; float: right; }
        .WaitForIt { position: fixed; width: 400px; height: 100px; left: 50%; margin-left: -200px; top: 270px; border: 2px solid Black; background-color: White; text-align: center; z-index: 5000; }
        .waitforit_background { position: fixed; z-index: 5000; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.7); }
        .waitforit_background_white { position: fixed; z-index: 5000; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255,255,255,0.3); }

        @media screen and (min-width: 767px) {
            #cfu_mainmenu_container .cfu_rightmenu_item { padding: 0 3px; }
        }

        input:-ms-input-placeholder { color: #aaa; }
        .CountMaterial { position: relative; top: 15px; margin-left: -10px; background-color: forestgreen; }
        div.cfukategoristempel{width:150px;border-radius:5px;border:2px solid #fff;box-shadow:0 0 8px 1px rgba(0,0,0,.75);font-family:Arial,Verdana,sans-serif;font-size:0.9em;background-color:#291f6c;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:default;}
        div.cfukategoristempel .line{padding:4px 5px;margin:0 4px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
        div.cfukategoristempel .line.line1{color:#fff;cursor:pointer;}
        div.cfukategoristempel .line.line2{color:#333;background-color:#ccc;}
        div.cfukategoristempel .line.line3{color:#333;background-color:#94c11f;cursor:pointer;}        
        div.cfukategoristempel .line.line4{color:#333;background-color:#e94e1b;cursor:pointer;}
        div.cfukategoristempel .line:first-of-type{margin-top:4px;}
        div.cfukategoristempel .line:nth-of-type(2){border-radius:4px 4px 0 0;}
        div.cfukategoristempel .line:last-of-type{margin-bottom:4px;border-radius:0 0 4px 4px;}

        span.checkboxfix input[type="checkbox"] { position: absolute; margin-left: 0; }
        span.checkboxfix label { margin-left: 5px; margin-bottom: 0; min-height: 20px; padding-left: 20px; font-weight: normal; }

        fieldset { border: 1px solid silver; margin: 5px 2px 10px 2px; padding: .35em .625em .75em; -webkit-border-radius: 8px; -moz-border-radius: 8px; -border-radius:8px; background-color: #f5f5f5; }
        fieldset > legend { width: inherit; padding: 0 10px; margin: 0; border-bottom: none; font-size: 1.1em; font-weight: bold; }


        /* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
        .btn-breadcrumb .btn:not(:last-child):after { content: " "; display: block; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 10px solid white; position: absolute; top: 50%; margin-top: -17px; left: 100%; z-index: 3; }
        .btn-breadcrumb .btn:not(:last-child):before { content: " "; display: block; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 10px solid rgb(173, 173, 173); position: absolute; top: 50%; margin-top: -17px; margin-left: 1px; left: 100%; z-index: 3;}
        .btn-breadcrumb .btn { padding:6px 12px 6px 24px; }
        .btn-breadcrumb .btn:first-child { padding:6px 6px 6px 10px;}
        .btn-breadcrumb .btn:last-child { padding:6px 18px 6px 24px;}

        /** Default button **/
        .btn-breadcrumb .btn.btn-default:not(:last-child):after { border-left: 10px solid #fff;}
        .btn-breadcrumb .btn.btn-default:not(:last-child):before { border-left: 10px solid #ccc;}
        .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after { border-left: 10px solid #ebebeb;}
        .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before { border-left: 10px solid #adadad;}

        /** Primary button **/
        .btn-breadcrumb .btn.btn-primary:not(:last-child):after { border-left: 10px solid #428bca;}
        .btn-breadcrumb .btn.btn-primary:not(:last-child):before { border-left: 10px solid #357ebd;}
        .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after { border-left: 10px solid #3276b1;}
        .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before { border-left: 10px solid #285e8e;}

        /** Success button **/
        .btn-breadcrumb .btn.btn-success:not(:last-child):after { border-left: 10px solid #5cb85c;}
        .btn-breadcrumb .btn.btn-success:not(:last-child):before { border-left: 10px solid #4cae4c;}
        .btn-breadcrumb .btn.btn-success:hover:not(:last-child):after { border-left: 10px solid #47a447;}
        .btn-breadcrumb .btn.btn-success:hover:not(:last-child):before { border-left: 10px solid #398439;}

        /** Danger button **/
        .btn-breadcrumb .btn.btn-danger:not(:last-child):after { border-left: 10px solid #d9534f;}
        .btn-breadcrumb .btn.btn-danger:not(:last-child):before { border-left: 10px solid #d43f3a;}
        .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after { border-left: 10px solid #d2322d;}
        .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before { border-left: 10px solid #ac2925;}

        /** Warning button **/
        .btn-breadcrumb .btn.btn-warning:not(:last-child):after { border-left: 10px solid #f0ad4e;}
        .btn-breadcrumb .btn.btn-warning:not(:last-child):before { border-left: 10px solid #eea236;}
        .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after { border-left: 10px solid #ed9c28;}
        .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before { border-left: 10px solid #d58512;}

        /** Info button **/
        .btn-breadcrumb .btn.btn-info:not(:last-child):after { border-left: 10px solid #5bc0de;}
        .btn-breadcrumb .btn.btn-info:not(:last-child):before { border-left: 10px solid #46b8da;}
        .btn-breadcrumb .btn.btn-info:hover:not(:last-child):after { border-left: 10px solid #39b3d7;}
        .btn-breadcrumb .btn.btn-info:hover:not(:last-child):before { border-left: 10px solid #269abc;}

        /* The responsive part */
        .btn-breadcrumb > * > div { /* With less: .text-overflow(); */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
        .btn-breadcrumb > *:nth-child(n+2) { display:none;}

        /* === For phones =================================== */
        @media (max-width: 767px) { .btn-breadcrumb > *:nth-last-child(-n+2) { display:block; } .btn-breadcrumb > * div { max-width: 60px; }}

        /* === For tablets ================================== */
        @media (min-width: 768px) and (max-width:991px) { .btn-breadcrumb > *:nth-last-child(-n+4) { display:block; } .btn-breadcrumb > * div { max-width: 100px; }}

        /* === For desktops ================================== */
        @media (min-width: 992px) { .btn-breadcrumb > *:nth-last-child(-n+6) { display:block; } .btn-breadcrumb > * div { max-width: 170px; }}