/* ALLGEMEIN / KLASSEN */
*,html {
 margin:0px;
 padding:0px;
 font-family:Raleway, sans-serif, verdana;
 font-size:1em;
 font-weight:normal;
 font-style:normal;
 line-height:1.5em;
 text-decoration:none;
 color:rgb(30,30,30);
}
body {
 background-image:url('../img/bg.jpg');
 background-repeat:no-repeat;
 background-size:200%;
}
.titleleft { width:200px; }
.bold { font-weight:bold; }
.c { text-align:center; }


/* STANDARD */
h1,h2,h3,h4 {
 font-weight:600;
 color:rgb(28,84,155);
}
h1 {
 margin-bottom:20px;
 padding:4px;
 min-width: 300px;
 font-size:1.4rem;
 line-height:1.6rem;
 border-bottom:2px solid rgb(28, 84, 155);
}
h2 {
 margin-bottom:10px;
 padding:2px 4px;
 font-size:1.2rem;
 line-height:1.4rem;
 border-bottom:1px solid rgb(28, 84, 155);
}
h3,h4 {
 font-size:1.1rem;
 text-decoration:underline;
}
p {
 margin-bottom: 20px;
}
ul {
 list-style:none;
}
a {
 color:rgb(28, 84, 155);
 font-weight:600;
 font-variant:small-caps;
}
a:hover, a:active, a:focus {
 font-weight:800;
 color:rgb(30,30,30);
}


/* TABELLE */
table {
 margin-bottom:20px;
 border-collapse:collapse;
 min-width: 400px;
}
tr {
 vertical-align:top;
}
th, td {
 padding:4px 10px;
 min-width:50px;
 text-align:left;
 border:1px dashed rgb(152,177,210);
}
th, th>sup {
 font-size:0.9rem;
 font-weight:600;
 background-color:rgb(246,246,246);
}
td.wrapper {
 padding:0;
 border:none;
 border-right:20px solid rgb(255,255,255);
}


/* KOPF / MENUE */
#topline {
 position:absolute;
 top:14px;
 left:20px;
 right:20px;
 padding:6px 10px;
 height:70px;
 background-color:rgb(255,255,255);
 background-image:url('../img/collage23.jpg');
 background-repeat:no-repeat;
 background-position:340px 6px;
}
#logo {
 width:300px;
 height:70px;
 background-image:url('../img/woitelogo.jpg');
 background-repeat:no-repeat;
}
#menue {
 position:absolute;
 top:110px;
 left:20px;
 padding:10px 20px 20px 20px;
 width:180px;
 min-height:780px;
 background-color:rgb(233,239,248);
}
#menue img {
 padding-left:160px;
}
#menue a {
 font-size:0.9em;
 font-weight:700;
 line-height:2.25em;
}
#baseline {
 display:none;
 visibility:hidden;
}


/* WERKSTOFFMENUE */
#wsmenue td {
 padding:4px;
 min-width:110px;
 text-align:center;
 vertical-align:middle;
 background-color:rgb(233,239,248);
 border:none;
 border-right: 10px solid rgb(255, 255, 255);
}
#wsmenue td a {
 font-size:0.9em;
 font-weight:700;
 text-decoration:none;
}


/* INHALT */
#content {
 position:absolute;
 top:110px;
 left:260px;
 right:20px;
 padding:20px;
 min-width:1240px;
 min-height:770px;
 background-color:rgb(255,255,255);
}
#content a {
 text-decoration:underline;
 white-space:nowrap;
}
#content::after {
 white-space: pre-wrap;
 font-size:0.7rem;
 content:'\a \a (c) 2023 M. Woite GmbH, Postfach, D-40671 Erkrath / +49 (211) 29 26 00 00 / woite@woite-edelstahl.de \a Haftungsausschluß: Alle hier genannten Angaben dienen als Orientierungshilfe und sind entsprechend den erforderlichen Einsatzbedingungen zu überprüfen.';
}
.gt-div,.gt-tag,.gt-info {
 float:left;
}
.gt-div {
 margin:0 40px 20px 0;
}
.gt-tag,.gt-info {
 padding: 4px 10px;
 border: 1px solid rgb(21,77,12);
}
.gt-tag {
 font-size:26px;
 color: rgb(255,255,255);
 background-color:rgb(21,77,12);
}
.gt-info {
 font-size: 15px;
 line-height: 16px;
}
#chemical {
 font-size:0.8rem;
}
#chemical .c {
 font-size:1.0rem;
}
#standard a {
 font-weight:normal;
}
#liability,#liability h4 {
 display:none;
}



.quellen {
 margin:-15px 0 30px 0;
 padding:4px;
 font-size:1.1rem; line-height:1.1rem;
}
#impressum td {
 padding:14px;
 font-size:1.2rem; line-height:1.6rem;
}


#rohr table {
 /*width:640px;*/
}
#rohr tr {
 vertical-align:middle;
}
#rohr th, #rohr td {
 width:24px;
 height:16px;
 font-size:0.8rem; line-height:0.8rem;
 text-align:center;
}
#rohr th {
 font-size:0.9rem; line-height:1.1rem;
 background-color:#F2F5FD;
}
#rohr td.head {
 font-size:0.9rem;
 font-weight:bold;
}
#rohr tr.odd {
 background:#F2F2F2;
} 

#rechner table {
 /*width:740px;*/
}
#rechner th.r, #rechner td.r {
 width:100px;
 text-align:right;
}
#rechner input[type='text'] {
 width:80px;
 text-align:right;
}
#rechner input[readonly] {
 color:rgb(28,84,155);
 font-weight:bold;
 border:none;
}

@media print {
 #menue, #wsmenue, #baseline {
  visibility:hidden;
  display:none;
 } 
 body {
  background-image:none;
 }
 tr, td, th {
  page-break-inside:avoid;
 }
 #topline {
  position:relative; overflow:visible;
  top:0px; right:0px; left:0px;
 }
 #content {
  clear:both;
  position:relative; overflow:visible;
  top:0px; right:0px; left:0px;
 }

}


/* raleway-100 - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 100;
 src: url('../fonts/raleway-v28-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-100italic - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: italic;
 font-weight: 100;
  src: url('../fonts/raleway-v28-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-200 - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 200;
 src: url('../fonts/raleway-v28-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-200italic - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: italic;
 font-weight: 200;
 src: url('../fonts/raleway-v28-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-300 - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 300;
 src: url('../fonts/raleway-v28-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-300italic - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: italic;
 font-weight: 300;
 src: url('../fonts/raleway-v28-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-regular - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-italic - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: italic;
 font-weight: 400;
  src: url('../fonts/raleway-v28-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-500 - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-500italic - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: italic;
 font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-600 - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-600italic - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: italic;
 font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-700 - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-700italic - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: italic;
 font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-800 - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-800italic - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: italic;
 font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-900 - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 900;
  src: url('../fonts/raleway-v28-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-900italic - latin */
@font-face {
 font-display: swap; /* Check https: //developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Raleway';
 font-style: italic;
 font-weight: 900;
  src: url('../fonts/raleway-v28-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}