Subversion-Projekte lars-tiefland.ci

/* 
        $Id: bestellung.css 8193 2015-04-22 07:22:48Z tiefland $
        Projekt:   Content-management
        Autor:     Lars Tiefland <tiefland@weban.de>
        Copyright: 2010 Webagentur Niewerth
*/

.onprint {
    display:none;
}

        /* Anpassung Markus Niewerth */
        /* Druckbarer Bereich */
        @media print 
        {
            #bestellungFormular{
                margin:0 0 0 -25px;
                padding:0;
            }
            .bestellungFormular{
                width:96%!important;
                position:relative;
                margin-left:25px;
            }
            a:hover,
            a:visited,
            a:link,
            a:active
            {
                text-decoration:none;
            }
            .print
            {
                display:inline;
            }
            #noprint,
            .noprint                    
            {
                display:none!important;
            }
            .onprint {
                display:block;
            }
                .lightgray
            {
                color: #000000; 
                background-color: #EEEEEE; 
                text-decoration:none;
            }
                .darkgray
            {
                color: #000000;
                background-color: #CCCCCC;
                text-decoration:none;
            }
                .status_off
            {
                color: #000000;
                text-decoration : none;
            }
                .status_red
            {
                color: #FFFFFF;
                background-color: #FF0000;
                text-decoration:underline;
                font-weight:bold;
            }
                .status_yellow
            {
                color: #000000;
                background-color: #FFFF00;
                text-decoration:underline;
                font-weight:bold;
            }
                .status_blue
            {
                color: #FFFFFF;
                background-color: #0000FF;
                text-decoration:underline;
                font-weight:bold;
            }
                .status_green
            {
                color: #000000;
                background-color: #00FF00;
                text-decoration:underline;
                font-weight:bold;
            }
                .status_white
            {
                color: #000000; 
                background-color: #FFFFFF; 
                text-decoration:underline;
                font-weight:bold;
            }
            .bestellnummer{
                width:49%;
            }
            .fremdBestellnummer{
                width:49%;
            }
            .anschrift{
                float:left;
                display:inline-block;
                border: 0px!important;
            }
            .anschrift td{
                clear:both;
                margin-top:1px;
                float:left;
            }
            
            .lieferanschrift{
                float:left;
                display:inline-block;
                margin-left:15px;
                border: 0px!important;
                margin-top:-15px;
            }
            .lieferanschrift td{
                clear:both;
                margin-top:1px;
                float:left;
                padding:0!important;
            }
            .artikelTabelle{width:100%;}
            .ueberschrift{text-align:right;}
            .artikelListe tr{
                width:100%;
            }
            .tabelle{
                width:100%;
                display:table;
            }
            .tabelle div{
                display:table-row;
            }
            .tabelle div div{
                display:table-cell;

            }
            .ersteZelle{
                float:left;
            }
            .zweiteZelle{
                float:left;
                margin-left:5px;
                width:57%;
            }
            .dritteZelle{
                text-align:right;
                float:left;
                margin-left:10px;
            }
            .statusDreiKaestchen{text-align:right;width:72px;}
            .statusVierKaestchen{text-align:right;width:110px;}
            .kaestchenWrapper{float:right;margin-left:20px;}
            .kaestchen{float:left;}
            
            .bemerkung{
                float:left;
                border:none!important;
            }
            .dokumente .ersteZelle{
                width:250px;
            }
            .dokumente .vierteZelle{
            }
            .dokumente .fuenfteZelle{
                width:50px;
            }
            .links{
                color: #000;
            }
           
        }
        
        /* Sichtbarer Bereich */
        @media screen 
        {
                        .bezahlt_0 {
                            width:15px;
                            background-color:#f00;
                            color:#fff;
                            text-align:center;
                        }
                        .bezahlt_1 {
                            width:15px;
                            background-color:#0f0;
                            color:#000;
                            text-align:center;
                        }
                        .bezahlt_2 {
                            width:15px;
                            background-color:#FCA600;
                            color:#000;
                            text-align:center;
                        }
            #bestellungFormular{
                max-width:1280px;
            }
            .print
            {
                display:none;
            }
                .lightgray
            {
                color: #000000;
                background-color: #EEEEEE;
                text-decoration:none;
            }
                .darkgray
            {
                color: #000000; 
                background-color: #CCCCCC; 
                text-decoration:none;
            }
                .status_off
            {
                color: #000000; 
                text-decoration:none;
            }
                .status_red
            {
                color: #FFFFFF; 
                background-color: #FF0000; 
                text-decoration:none;
            }
                .status_yellow          
            {
                color: #000000;
                background-color: #FFFF00;
                text-decoration:none;
            }
                .status_blue
            {
                color: #FFFFFF;
                background-color: #0000FF;
                text-decoration:none;
            }
                .status_green
            {
                color: #000000;
                background-color: #00FF00;
                text-decoration:none;
            }
                .status_white
            {
                color: #000000;
                background-color: #FFFFFF;
                text-decoration:none;
            }
            .anschrift{
                width:100%;
                border: 1px solid #ffff00;
                border-collapse: separate;
            }
            .anschrift td{
                border: 1px solid #ffff00;
            }
            .lieferanschrift{
                width:100%;
                border: 1px solid #ffff00;
                border-collapse: separate;
            }
            .lieferanschrift td{
                border: 1px solid #ffff00;
                padding:5px 0 5px 0;
            }
            .bestellungFormular{
                width:100%;
            }
            .bestellungFormular .artikelListe{
                float:left;
                width:100%;
            }
            .artikelDaten{
                width:100%;
                float:left;
            }
            .tabelle{
                width:100%;
                display:table;
            }
            .tabelle div{
                display:table-row;
            }
            .tabelle div div{
                display:table-cell;
            }
            .ersteZelle{
                width:50px!important;
            }
            .zweiteZelle{
                /*width:75%;*/
                text-align:left;
                float:left;
                margin-left:5px!important;
            }
            .dritteZelle{
                width:50px;
                text-align:right;
            }
            .dokumente{
                width:100%;
            }
            .dokumente .ersteZelle{
                float:left;
                width:50%!important;
                padding:5px 0 5px 0!important;
            }
            .dokumente .zweiteZelle{
                float:left;
                width:15px!important;
                padding:5px 0 5px 0!important;
            }
            .dokumente .dritteZelle{
                float:left;
                width:15px!important;
                padding:5px 0 5px 0!important;
            }
            .dokumente .vierteZelle{
                float:left;
                /*width:18%!important;*/
                padding:5px 10px 5px 10px!important;
            }
            .dokumente .fuenfteZelle{
                float:left;
                /*width:15%!important;*/
                padding:5px 10px 5px 10px!important;
            }
            .statusDreiKaestchen{text-align:center;width:70px;}
            .statusVierKaestchen{text-align:center;width:115px;}
            .bestellungFormular .links{width: 150px !important;}
                tr
                {
                        border-top: 1px solid #CCCCCC;
                        border-left: 1px solid #CCCCCC;
                }
                td
                {
                        border-bottom: 1px solid #CCCCCC;
                        border-right: 1px solid #CCCCCC;
                }
        }
        
    body
    {
        /*margin-left:20px;*/
        margin-top:10px;
        background-color:#FFFFFF
    }
    
    .artikelListe td {
        vertical-align:middle!important;
    }
    .tabelle div,
    .tabelle span,
    .artikelListe div,
    .artikelListe span {
        padding:0!important;
        margin:0!important;
        border:none!important;
        vertical-align:middle!important;
    }