/*------------------------------------------------------------------------
// Copyright (C) 2016-2018 Christian Gedike - IT-Service
// Author: Christian Gedike - www.gedike-it.de - info@gedike-it.de
// File Name:style.css
// Version: 1.1.14
// First Date: 2018-11-08
// Last Update: 2024-04-17
//------------------------------------------------------------------------
// This file is part of Datenerfassung.
//
// Datenerfassung is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// any later version.
//
// Datenerfassung is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Datenerfassung.  If not, see <http://www.gnu.org/licenses/>.
//
// See GPLv3.TXT file for more information.
//------------------------------------------------------------------------
*/

input[type=checkbox]:not(old){
  margin  : 0.5em;
}

#research input[type=tel] {
  cursor: pointer;
  width: 12em;
  height: 2.5em;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
}

input[type=submit], input[type=button], input[type=reset] {
  cursor: pointer;
  width: 12em;
  height: 2.5em;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

textarea {
  width: 40em;
  height: 6em;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  font-weight: bold;
  border-radius: 0.33em;
}

textarea.buyersguide {
  width: 24em;
  height: 6em;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  font-weight: bold;
  border-radius: 0.33em;
}

i.right_align {
  width: 98%;
  display: inline-block;
}

.button {
  cursor: pointer;
  width: 12em;
  height: 2.5em;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.button:hover {
  background-color: #3333ff;
  color: #ffffff;
}

input.startselect[type=submit] {
  cursor: pointer;
  width: auto;
  height: 2.5em;
  margin-bottom: 0;
  margin-top: -1em;
  font-weight: bold;
  font-size: 1.25em;
  position: relative;
  border-radius: 0;
}

select.zeitselect {
  cursor: pointer;
  width: 12em;
  height: 2.5em;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.25em;
  outline: none;
  position: relative;
}

select.katselect {
  cursor: pointer;
  width: 16em;
  height: 1.75em;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
  font-size: 1em;
  border-radius: 0.125em;
  outline: none;
  position: relative;
}

select.katselectbj {
  cursor: pointer;
  width: 8em;
  height: 1.75em;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
  font-size: 1em;
  border-radius: 0.125em;
  outline: none;
  position: relative;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
  background-color: #3333ff;
  color: #ffffff;
}

input[type=file] {
  cursor: pointer;
  width: 18em;
  height: 2.5em;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
/*  font-size: 1em;
*/  border-radius: 0.5em;
}

input[type=file]:hover {
  background-color: #3333ff;
  color: #ffffff;
}

input.artdbupd[type="file"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}

input.artdbupd[type="file"] + label {
  background-color: #d4d0c8;
  border-radius: .5em;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 1rem;
  outline: none;
  padding: .75rem 36px;
  position: relative;
  box-shadow: 2px 2px #8d8a85;
  transition: all 0.4s;
  vertical-align: middle;
}

input.artdbupd[type="file"]:focus + label,
input.artdbupd[type="file"] + label:hover {
    background-color: #3333ff;
    color: #ffffff;
    box-shadow: 2px 2px #8d8a85;
}

table,
thead,
tbody,
td,
tr {
  display: block;
  overflow: hidden;
}

tr {
/*   background-color: #efefef; */
  border-color: #0000ee;
  border-style: solid;
  border-width: thin;
  border-radius: 0.25em;
}

th {
  color: #dddddd;
  background-color: #000055;
  display: block;
  overflow: hidden;
  border-radius: 0.25em;
}

thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

tr:nth-child(odd) {
  background-color: #d8d8d8;
}

td {
  padding: 0.25em 0.5em;
  border-color: #aaaaee;
  border-style: solid;
  border-width: thin;
  border-radius: 0.25em;
}
td:before {
  content: attr(data-label) ' ';
  display: inline-block;
  font-weight: bold;
  width: 11em;
  border-radius: 0.25em;
}

td.top_align {
  vertical-align: top;
}

table.login {
  display: table;
  width: 220px;
}

table.calendar {
  display: table;
  width: 1400px;
  font-size: 1.25em;
}

table.calendar td {
  width: 200px;
}

table.calendar input[type=submit] {
  cursor: pointer;
  width: 100%;
  max-width: 180px;
  height: 28px;
  padding: 0;
  font-weight: inherit;
  font-size: 0.7em;
  background-color: inherit;
  border-radius: 0.33em;
}

table.monthselect {
  display: table;
  width: 1400px;
  font-size: 1.25em;
}

table.monthselect input[type=submit] {
  cursor: pointer;
  width: 100%;
  height: 40px;
  padding: 0;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
}

table.orderimage {
  display: table;
  width: 800px;
  font-size: 1.125em;
}

table.orders {
  display: table;
  width: 1600px;
  font-size: 1em;
}

table.orders input[type=submit] {
  cursor: pointer;
  width: 100%;
  height: 40px;
  font-weight: bold;
  font-size: 1.125em;
  border-radius: 0.5em;
}

table.orders input[type=text] {
  width: 90%;
  height: 32px;
  font-weight: normal;
  font-size: 1em;
}

table.orders input[type=tel] {
  width: 90%;
  height: 32px;
  font-weight: normal;
  font-size: 1em;
}

table.multiaufkl {
  display: table;
  width: 600px;
  font-size: 1em;
}

table.multiaufkl input[type=submit] {
  cursor: pointer;
  width: 100%;
  height: 40px;
  font-weight: bold;
  font-size: 1.125em;
  border-radius: 0.5em;
}

table.startorders {
  display: table;
  width: 440px;
  font-size: 1.25em;
}

table.startselect {
  display: table;
  width: 440px;
  font-size: 1em;
}

table.startselect input[type=submit] {
  cursor: pointer;
  width: 100%;
  height: 40px;
  margin-bottom: 8px;
  margin-top: -12px;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
}

table.workselect {
  display: table;
  width: 320px;
  font-size: 1em;
}

table.workselect input[type=submit] {
  cursor: pointer;
  width: 100%;
  height: 40px;
  margin-bottom: 8px;
  margin-top: -12px;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
}

table.aufkleber {
  display: table;
  width: 440px;
  font-size: 1.25em;
}

table.aufkleber input[type=submit] {
  cursor: pointer;
  width: 100%;
  height: 40px;
  margin-bottom: 8px;
  margin-top: -12px;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
}

table.auftraege {
  display: table;
  width: 640px;
  font-size: 1.25em;
}

table.auftraege input[type=submit] {
  cursor: pointer;
  width: 100%;
  height: 40px;
  margin-bottom: 8px;
  margin-top: -12px;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
}

table.artikelliste {
  display: table;
  width: 440px;
  font-size: 1.25em;
}

table.artikelliste input[type=submit] {
  cursor: pointer;
  width: 100%;
  height: 40px;
  margin-bottom: 8px;
  margin-top: -12px;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
}

table.packstueckliste {
  display: table;
  width: 440px;
  font-size: 1.25em;
}

table.packstueckliste input[type=submit] {
  cursor: pointer;
  width: 100%;
  height: 40px;
  margin-bottom: 8px;
  margin-top: -12px;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
}

table.backnext {
  display: table;
  width: 440px;
  font-size: 1.25em;
}

table.backnext input[type=submit], table.backnext input[type=text] {
  cursor: pointer;
  width: 60%;
  height: 48px;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
}

img.art_image {
  height: 80px;
}

a.art_image {
	text-decoration: none;
}

input.art_image {
	height: 80px;
}

table.workliste {
  display: table;
  width: 640px;
  font-size: 1.5em;
}

table.workliste input[type=submit] {
  cursor: pointer;
  width: 80%;
  height: 60px;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
}

table.small {
  display: table;
  width: 440px;
}

table.smallmed {
  display: table;
  width: 880px;
}

table.makecountlist {
  display: table;
  width: 380px;
}

table.makecountlist input[type=submit] {
  cursor: pointer;
  width: 100%;
  height: 40px;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
}

table.makecountlist input[type=text] {
  min-width: 120px;
  width: 42%;
  height: 26px;
  font-weight: normal;
  font-size: .75em;
}

table.medium {
  display: table;
  width: 1420px;
}

table.medium input[type=submit] {
  cursor: pointer;
  width: 100%;
  height: 40px;
  font-weight: bold;
  font-size: 1.25em;
  border-radius: 0.5em;
}

table.medium input[type=text], input[type=tel] {
  min-width: 132px;
  width: 90%;
  height: 26px;
  font-weight: normal;
  font-size: .75em;
}


table.large {
  display: table;
  width: 1680px;
}


table.verrylarge {
  display: table;
  width: 1900px;
}



table.preiszucsv {
  display: table;
  width: 1200px;
}

table.preiszucsv input[type=submit] {
  cursor: pointer;
  max-width: 100%;
  width: 80px;
  height: 32px;
  font-weight: bold;
  font-size: 1em;
  border-radius: 0.5em;
}

table.keystonecsv {
  display: table;
  width: 800px;
}

table.keystonecsv input[type=submit] {
  cursor: pointer;
  max-width: 100%;
  width: 120px;
  height: 32px;
  font-weight: bold;
  font-size: 1em;
  border-radius: 0.5em;
}

textarea.artbeschr {
  width: 100%;
  height: 10em;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  font-weight: bold;
  resize: none;
  border-radius: 0.33em;
}

img.popup {
  max-width: 90%;
  display: block;
}


    table.idcardselect {
      display: table;
      width: 280px;
      font-size: 1.33em;
    }


.wawi_logo {
    width:100%;
    height:108px;
    background-image: url('../img/header_logo_800x108.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.wawi_logo_small {
    width:100%;
    height:108px;
    background-image: url('../img/header_logo_800x108.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

@media screen and (max-width: 800px) {
table,
thead,
tbody,
th,
td,
tr {
  display: block;
  overflow: hidden;
}

thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

tr:nth-child(odd) {
  background-color: #d8d8d8;
}

td {
  padding: 0.25em 0.5em;
}
td:before {
  content: attr(data-label) ' ';
  display: inline-block;
  font-weight: bold;
  width: 6.75em;
}

table.login {
  display: table;
  width: 220px;
}

table.login input[type=text], table.login input[type=password] {
  width: 90%;
  height: 40px;
  font-weight: bold;
  font-size: 1.25em;
}

input.startselect[type=submit] {
  cursor: pointer;
  width: auto;
  height: 2.5em;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
  font-size: 1.25em;
  position: relative;
  border-radius: 0;
}

textarea.artbeschr {
  width: 92%;
  height: 16em;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  font-weight: bold;
  border-radius: 0.33em;
}

td.left_align {
	background: none;
	border-style: hidden;
	width: auto;
	text-align: left;
	font-size: 1.125em;
}

td.left_align:before {
	width: 0;
}

.wawi_logo {
  display: none;
/*
    width:100%;
    height:96px;
    background-image: url('../img/header_logo_276x96.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
*/
}

.wawi_logo_small {
  display: none;
/*
    width:100%;
    height:96px;
    background-image: url('../img/header_logo_276x96.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
*/
}

}

@media screen and (min-width: 801px) {

    thead {
      display: table-header-group;
    }

    thead tr {
      position: static;
      top: auto;
      left: auto;
    }

    tbody {
      display: table-row-group;
    }

    tr {
      display: table-row;
    }

    th {
        color: #dddddd;
    }

    th, td {
      display: table-cell;
      padding: 6px 12px;
      vertical-align: 0.5em;
      text-align: left;
    }

    td:before {
      content: '';
      width: auto;
    }

    .wawi_logo {
        width: 100%;
        height: 218px;
        display: block;
        background-image: url('../img/us-logo_detroid_1920x218.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .wawi_logo_small {
        width: 100%;
        height: 120px;
        display: block;
        background-image: url('../img/us-logo_detroid_1920x218.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
    }

    .wawi_logo_back {
      width: 100%;
      height: 120px;
      display: block;
      background-image: url('../img/us-logo_detroid_1920x218.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: right;
    }




  table {
    display: table;
    width: 100%;
  }

  table.login {
    display: table;
    width: 320px;
    font-size: 1.25em;
  }

  table.login td {
    padding: 12px 6px 12px 6px ;
    vertical-align: top;
  }

  table.login input[type=text], table.login input[type=password] {
    width: 98%;
    font-weight: bold;
    font-size: 1.25em;
  }

  table.newkd {
    display: table;
    width: 720px;
  }
  table.startorders {
    display: table;
    width: 640px;
    font-size: 1em;
  }

  table.startselect {
    display: table;
    width: 640px;
    font-size: 1em;
  }

  table.startselect input[type=submit] {
    cursor: pointer;
    width: 100%;
    height: 40px;
    margin-bottom: 8px;
    margin-top: -12px;
    font-weight: normal;
    font-size: .8em;
    border-radius: 0.5em;
  }

  table.countlists {
    display: table;
    width: 960px;
    font-size: 1em;
  }

  table.countlist {
    display: table;
    width: 1680px;
    font-size: 1em;
  }

  table.countlist input[type=submit] {
    cursor: pointer;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: normal;
    font-size: 1em;
    border-radius: 0.5em;
  }

  table.workselect {
    display: table;
    width: 640px;
    font-size: 1em;
  }

  table.workselect input[type=submit] {
    cursor: pointer;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: normal;
    font-size: .8em;
    border-radius: 0.5em;
  }

    table.aufkleber {
      display: table;
      width: 600px;
      font-size: 1.125em;
    }
    table.aufkleber input[type=text] {
      cursor: pointer;
      width: 92%;
      height: 32px;
      margin-bottom: 0;
      margin-top: 0;
      font-weight: normal;
      font-size: 1.125em;
      border-radius: 0.5em;
    }

    table.aufkleber input[type=tel] {
      cursor: pointer;
      width: 92%;
      height: 32px;
      margin-bottom: 0;
      margin-top: 0;
      font-weight: normal;
      font-size: 1.125em;
      border-radius: 0.5em;
    }

    table.aufkleber input[type=submit] {
      cursor: pointer;
      width: 100%;
      height: 40px;
      margin-bottom: 0;
      margin-top: 0;
      font-weight: bold;
      font-size: 1.25em;
      border-radius: 0.5em;
    }

  table.auftraege {
    display: table;
    width: 1200px;
    font-size: 1.125em;
  }
  table.auftraege input[type=text] {
    cursor: pointer;
    width: 96%;
    height: 32px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: normal;
    font-size: 1.125em;
    border-radius: 0.5em;
  }

  table.auftraege input[type=tel] {
    cursor: pointer;
    width: 40%;
    height: 32px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: normal;
    font-size: 1.125em;
    border-radius: 0.5em;
  }

  table.auftraege input[type=submit], table.auftraege input[type=file] {
    cursor: pointer;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: bold;
    font-size: 1.25em;
    border-radius: 0.5em;
  }

table.auftrstatistic {
  display: table;
  width: 200px;
  font-size: 1.33em;
}

table.peruserstatistic {
  display: table;
  width: 800px;
  font-size: 1.33em;
}

  table.artikelliste {
    display: table;
    width: 1200px;
    font-size: 1em;
  }

  table.artikelliste input[type=submit] {
    cursor: pointer;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: normal;
    font-size: .8em;
    border-radius: 0.5em;
  }

  table.packstueckliste {
    display: table;
    width: 600px;
    font-size: 1em;
  }

  table.packstueckliste input[type=submit] {
    cursor: pointer;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: normal;
    font-size: .8em;
    border-radius: 0.5em;
  }

  table.eventinsert {
    display: table;
    width: 900px;
    font-size: 1.125em;
  }

  table.eventinsert td{
    vertical-align: top;
    padding: 12px 6px 12px 6px ;
  }

  table.eventinsert input[type=submit] {
    cursor: pointer;
    width: 100%;
    height: 36px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.25em;
    border-radius: 0.33em;
  }

  table.newitem {
    display: table;
    width: 940px;
    font-size: 1.125em;
  }

  table.newitem td{
    vertical-align: top;
    padding: 12px 6px 12px 6px ;
  }

  table.newitem input[type=submit] {
    cursor: pointer;
    width: 100%;
    height: 36px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.25em;
    border-radius: 0.33em;
  }

  table.newitem input[type=text] {
    width: 96%;
    height: 2.75em;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    border-radius: 0.33em;
  }

   table.newitem textarea {
     width: 30em;
     height: 6em;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
     font-weight: bold;
     border-radius: 0.33em;
   }

   table.sonderitem {
     display: table;
     width: 1720px;
     font-size: 1em;
   }

   table.sonderitem td{
     vertical-align: top;
     padding: 12px 6px 12px 6px ;
   }

   table.sonderitem input[type=submit] {
     cursor: pointer;
     width: 6em;
     max-width: 100%;
     height: 36px;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
     font-weight: bold;
     font-size: 1em;
     border-radius: 0.33em;
   }

   table.sonderitem select {
     cursor: pointer;
     width: 8em;
     max-width: 100%;
     height: 36px;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
     font-weight: bold;
     font-size: 1em;
     border-radius: 0.33em;
   }

   table.sonderitem input[type=text] {
     width: 96%;
     height: 2.75em;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
     font-weight: bold;
     border-radius: 0.33em;
   }

    table.sonderitem textarea {
      width: 30em;
      height: 6em;
      margin-bottom: 0;
      margin-top: 0;
      padding: 0;
      font-weight: bold;
      border-radius: 0.33em;
    }

    table.sonderitemlist {
      display: table;
      width: 100%;
      font-size: 1em;
    }

    table.sonderitemlist td{
      vertical-align: top;
      padding: 12px 6px 12px 6px ;
    }

    table.sonderitemlist input[type=submit] {
      cursor: pointer;
      width: 6em;
      max-width: 100%;
      height: 36px;
      margin-bottom: 0;
      margin-top: 0;
      padding: 0;
      font-weight: bold;
      font-size: 1em;
      border-radius: 0.33em;
    }

    table.sonderitemlist select {
      cursor: pointer;
      width: 8em;
      max-width: 100%;
      height: 36px;
      margin-bottom: 0;
      margin-top: 0;
      padding: 0;
      font-weight: bold;
      font-size: 1em;
      border-radius: 0.33em;
    }

    table.sonderitemlist input[type=text] {
      width: 96%;
      height: 2.75em;
      margin-bottom: 0;
      margin-top: 0;
      padding: 0;
      font-weight: bold;
      border-radius: 0.33em;
    }

     table.sonderitemlist textarea {
       width: 30em;
       height: 6em;
       margin-bottom: 0;
       margin-top: 0;
       padding: 0;
       font-weight: bold;
       border-radius: 0.33em;
     }


   textarea.artbeschr {
     width: 100%;
     height: 36em;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
     font-weight: bold;
     border-radius: 0.33em;
   }

  input.small[type=submit] {
    cursor: pointer;
    width: 2.25em;
    height: 36px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.25em;
    border-radius: 0.33em;
  }

  input.medium[type=submit] {
    cursor: pointer;
    width: 4.5em;
    height: 36px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.25em;
    border-radius: 0.33em;
  }

  input.medium2[type=submit] {
    cursor: pointer;
    width: 6.5em;
    height: 36px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.125em;
    border-radius: 0.33em;
  }


  table.eventinsert input[type=text], table.eventinsert input[type=date], table.eventinsert select {
    width: 96%;
    height: 36px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.125em;
    border-radius: 0.33em;
  }

  table.retour {
    display: table;
    width: 100%;
  }

  table.retour td {
    vertical-align: top;
  }

  table.retour input[type=text], table.retour input[type=date] {
    width: 96%;
    height: 2.75em;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    border-radius: 0.33em;
  }

  table.retour input[type=submit] {
    width: 102%;
    height: 2.75em;
    font-size: 1em;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    border-radius: 0.33em;
  }

  table.retour select {
    width: 102%;
    height: 2.75em;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    border-radius: 0.33em;
  }

   table.retour textarea {
     width: 30em;
     height: 6em;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
     font-weight: bold;
     border-radius: 0.33em;
   }

   table.newitemlist {
     display: table;
     width: 1400px;
   }

   table.newitemlist td {
     vertical-align: top;
   }

   table.newitemlist input[type=text], table.newitemlist input[type=date], table.newitemlist select {
     width: 96%;
     height: 2.75em;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
     font-weight: bold;
     border-radius: 0.33em;
   }

    table.newitemlist textarea {
      width: 30em;
      height: 6em;
      margin-bottom: 0;
      margin-top: 0;
      padding: 0;
      font-weight: bold;
      border-radius: 0.33em;
    }


    table.katalog {
      display: table;
      width: 1060px;
    }

    table.katalog input[type=submit] {
      cursor: pointer;
      width: 100%;
      height: 40px;
      font-weight: bold;
      font-size: 1.25em;
      border-radius: 0.5em;
    }

    table.katalog input[type=text], input[type=tel] {
      min-width: 132px;
      width: 90%;
      height: 26px;
      font-weight: normal;
      font-size: .75em;
    }

    select.katselect {
      cursor: pointer;
      width: 16em;
      height: 1.75em;
      margin-bottom: 0;
      margin-top: 0;
      font-weight: bold;
      font-size: 1em;
      border-radius: 0.125em;
      outline: none;
      position: relative;
    }

    select.katselectbj {
      cursor: pointer;
      width: 8em;
      height: 1.75em;
      margin-bottom: 0;
      margin-top: 0;
      font-weight: bold;
      font-size: 1em;
      border-radius: 0.125em;
      outline: none;
      position: relative;
    }


    td.left_align {
      font-size: 1em;
    }

    td.left_align:before {
      content: '';
      width: auto;
    }



}