Subversion-Projekte lars-tiefland.webanos.zeldi.de

/* 
        $Id: bestellung.css 14730 2020-01-28 14:52:03Z tiefland $
        Projekt:   Content-management
        Autor:     Lars Tiefland <tiefland@weban.de>
        Copyright: 2010 Webagentur Niewerth
*/
table.anschrift td,
table.lieferanschrift td {
    height:100%;    
    vertical-align:top;
    padding:5px;
}

.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!important;
                background-color: #ff4040!important;
                text-decoration:underline;
                font-weight:bold;
            }
                .status_yellow
            {
                color: #000000;
                background-color: #FFFF00!important;
                text-decoration:underline;
                font-weight:bold;
            }
                .status_blue
            {
                color: #FFFFFF;
                background-color: #0000FF!important;
                text-decoration:underline;
                font-weight:bold;
            }
                .status_green
            {
                color: #000000;
                background-color: #40FF40!important;
                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;
                margin-top:-15px;
            }
            .lieferanschrift td {
                clear:both;
                margin-top:1px;
                float:left;
            }
            .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:115px;}
            .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 
        {
            #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: #ff4040; 
                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: #40FF40;
                text-decoration:none;
            }
                .status_white
            {
                color: #000000;
                background-color: #FFFFFF;
                text-decoration:none;
            }

            /* Rechnungsadresse */
            .anschrift {
                float:left;
                width:48%;
                border-collapse: separate;
                margin:1%;
                background-color:#fff!important;
            }
            .anschrift td {
                clear:both;
                float:none;
                padding:2px 5px;
                display:block;
            }

            /* Lieferadresse */
            .lieferanschrift {
                width:48%;
                border-collapse: separate;
                margin:1%;
                background-color:#fff!important;
            }
            .lieferanschrift td{
                padding:5px;
            }
            .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!important;}
            .bestellungFormular .links{width: 150px !important;}
        }
        
    body
    {
        /*margin-left:20px;*/
        margin-top:10px;
        background-color:#FFFFFF
    }
    
    .artikelListe td {
        vertical-align:top!important;
    }
    .tabelle div,
    .tabelle span,
    .artikelListe div,
    .artikelListe span {
        padding:0!important;
        margin:0!important;
        border:none!important;
        vertical-align:top;
    }