/* Default presentation of HTML elements */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, s, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

th, td { text-align: left; font-weight: normal; vertical-align: middle; }
caption, figcaption{ font-weight: normal; font-style: italic; text-align:center; vertical-align: middle; }

th { text-align: center; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

figure { margin:10px; text-align: center;}

sup { font-size:70%;}

body { background-color: #EBEBEB; color:#39454C; font-family: "Oxygen", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 15px; font-weight: 300; line-height: 22px; }

h1, h2, h3, h4, h5, h6 { color: #39454c; font-weight: 300; text-transform: uppercase; }

h1 { margin: 10px 0 25px 0; font-size: 30px; line-height: 30px; }
.kategorietypseite h1 { font-size:26px; }
.delivery h1{ margin-bottom:5px;}

h2 { margin: 0 0 20px 0; font-size: 30px; line-height: 30px; }
.delivery h2 { margin-top:20px; }

h3, h4, h5, h6 { margin: 0 0 10px 0; font-size: 20px; line-height: 20px; }

ol, ul { margin: 0 0 30px 0; padding: 0 0 0 20px; color: #39454C; font-weight: 400; line-height: 30px; list-style: initial; list-style-position: outside; }

.delivery ul{ margin-top:20px;}

p { margin: 0 0 20px 0; }

a { color:#007bc8; text-decoration:none; }
.kategorievergleich a.key { text-transform:uppercase; font-size:16px; padding-right:10px; padding-left:10px; }

input { border:1px solid #cccccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#39454C; padding:5px; }

input.show::-placeholder {color:#999999;}
input.show:-moz-placeholder {color:#999999;}
input.show::-moz-placeholder {color:#999999;}
input.show::-ms-input-placeholder {color:#999999;}
input.show::-webkit-input-placeholder {color:#999999;}

input.error { color:#39454C; border:1px solid #FF0000;}

input.error::-placeholder {color:#FF0000;}
input.error:-moz-placeholder {color:#FF0000;}
input.error::-moz-placeholder {color:#FF0000;}
input.error::-ms-input-placeholder {color:#FF0000;}
input.error::-webkit-input-placeholder {color:#FF0000;}

textarea { border:1px solid #cccccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#39454C; padding:5px; }
textarea.error { border:1px solid #FF0000; color:#39454C;}
textarea.error::-placeholder {color:#FF0000;}
textarea.error:-moz-placeholder {color:#FF0000;}
textarea.error::-moz-placeholder {color:#FF0000;}
textarea.error::-ms-input-placeholder {color:#FF0000;}
textarea.error::-webkit-input-placeholder {color:#FF0000;}

select { padding:5px; margin: 0px; border:1px solid #cccccc; -webkit-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background: white; background-color: transparent; appearance:none;
  -moz-appearance:none; -webkit-appearance:none; text-indent: 0.01px; text-overflow: ""; scrollbar-corner: #2774c7; -webkit-scrollbar-corner: #2774c7; -moz-scrollbar-corner: #2774c7;
  display: inline-block; background: url("select-arrows.png") no-repeat right white;
}

select::-ms-expand { display: none; }
input[type="file"] { width:100%; }
/* Main Layout */

html { height:100%; }

body { min-width: 1232px; min-height:100%; position:relative; padding-bottom:210px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.HEADER_WRAPPER { 
  position: fixed; top: 0; min-width: 1232px; width: 100%; height: 60px; z-index:10;
  background-color: #39454c; background-image: url("header-bg.png"); background-position: center; background-repeat: no-repeat; 
}

.HEADER {
  position:relative; margin: 0 auto; width: 1200px; height: 70px; z-index:100;
  border-color: #2774c7; border-style: solid; border-width: 0 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.MENU { height: 60px; border-color: #66a8d7; border-style: solid; border-width: 0 0 1px 0; }
.MENU .logo { display: block; float: left; padding: 10px 20px 10px 0; height: 60px; width: 152px; border-color: #181f23; border-style: solid; border-width: 0 1px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.BREADCRUMBS_WRAPPER { 
  position:relative; width: 100%; height: 60px; z-index:9; margin: 60px auto 0px auto;
  background-color: white; background-image: url("breadcrumbs-bg.jpg"); background-position: center; background-repeat: no-repeat; 
}

.CIRCLES { position:fixed; overflow:hidden; top:0; bottom:0; width:100%; }

.SLIDER_WRAPPER { width: 1200px; margin: 0 auto; }

.CONTENT_WRAPPER { width: 100%; height: auto; background-color: #EBEBEB; }
.CONTENT { width: 1200px; height: auto; margin: 0 auto; padding: 10px 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.GRID { width: 1200px; position: relative; }
.GRID > h1:empty { display:none; }
.GRID_COLUMNS { display: table-row; }
.GRID_WIDE_COLUMN { display: table-cell; width: 820px; vertical-align:top; }
.GRID_NARROW_COLUMN { display: table-cell; width: 370px; padding-left: 10px; vertical-align:top; }
.GRID_NARROW_COLUMN.fixed-top{ position: fixed; top: 80px; }
.GRID_NARROW_COLUMN.fixed-bottom{ vertical-align:bottom; }

.SHOP { width: 1200px; position: relative; }
.SHOP > h1:empty { display:none; }
.SHOP_COLUMNS { width: 1200px; display: table-row; }
.SHOP_WIDE_COLUMN { display: table-cell; width: 820px; vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.SHOP_NARROW_COLUMN { display: table-cell; width: 370px; padding-left: 10px; vertical-align:top; }
.SHOP_WIDE_COLUMN_ROW { width:100%; height: 300px; position: relative; }

.FOOTER_WRAPPER{ position:absolute; bottom:0; width:100%; overflow: hidden; background-color: #232d33; z-index:9; height:210px; }
.JumpLabel { visibility:hidden;padding-top: calc(50vh - 125px);margin-top: calc(-50vh + 125px);}

/* SHOP */

.GridOptions { overflow: hidden; background-color:white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.GridOptions select:not(.operator) { min-width:100px; }

.GridOptions > div:nth-child(1) { padding-left:10px; padding-bottom:10px; border-bottom: 1px solid #cccccc; margin: 10px 10px 0px 10px;}
.GridOptions > div:nth-child(1) > span:nth-child(1) { font-size:18px; color:#39454C; text-transform:uppercase; }
.GridOptions > div:nth-child(1) > span:nth-child(2) { font-size:14px; float:right; text-transform:none; }
.GridOptions > div:nth-child(2) { overflow:hidden; margin: 0px 10px 10px 10px; padding-left:10px;}

.GridOptions-rechts { overflow: hidden; position:relative; float:right; width: 225px; min-height:235px; margin: 10px 0 0 0; padding-left:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.GridOptions-rechts .Button { position:absolute; bottom:10px; width:90%; }
.GridOptions-rechts .reset { color:#2774C7; position:absolute; bottom:60px; cursor:pointer;}
.GridOptions-rechts .schnellzugriff > span {  display:block; padding-bottom:10px; }
.GridOptions-rechts .schnellzugriff > input { width: 90%; }

.GridOptions-links { overflow: hidden; position:relative; float: left; margin: 10px 0 0 0; width: 560px; min-height:235px; border-right: 1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.GridOptions-links > div { display:table; }
.GridOptions-links > div:not(:last-child) { margin-bottom:7px; position:relative;}

.GridOptions-links > div div { display:table-cell; }
.GridOptions-links > div div:first-of-type { width:250px; vertical-align:middle;}
.GridOptions-links > div select { width:100px; margin-right:0px;}
.GridOptions-links > div.operator select { width:50px; margin-right:20px; margin-left:50px;}
.GridOptions-links > div.dinschluessel select { width:auto; }
.GridOptions-links > div.grid-kategorie select { width:auto; }
.GridOptions-links .grid-kategorie-buttons label{ padding-left:10px; padding-right:10px;}

.GridOptions-links .lengths { position:absolute; bottom:0px; right:-140px;}
.GridOptions-links .images { width:100%; float:right; vertical-align:middle; }
.GridOptions-links .images img { margin-left: 10px; height:27px; display:inline;}
.GridOptions-links .images img.image { opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.GridOptions-links .images select { vertical-align: top; }
.GridOptions-links .grid-kategorie-buttons input[type="radio"]:checked + label{ color:#2774C7; }

/* ERGEBNISSE */
.GridResults { overflow: visible; position:relative; margin-top:10px; padding:10px; background-color:white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.GridTable select { padding-right:0px; }
/* Chrome */
@media screen {
  .GridTable select{ padding-right:20px;}
}

.GridTable { background-color: white; width:100%; margin-left:auto; margin-right:auto; }
.GridTable > thead > tr > th { padding: 4px 5px 4px 5px; }
.GridTable > thead > tr.limit { color: white; background-color: #2774C7; height:40px; font-size:16px; }
.GridTable > thead > tr.limit > th { text-align:center; border:none; vertical-align: bottom; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.GridTable > thead > tr.limit .prev,
.GridTable > thead > tr.limit .next { margin:10px; cursor: pointer; }
.GridTable > thead > tr.limit .prev { float: left; }
.GridTable > thead > tr.limit .next { float: right; }

.GridTable > thead > tr.label { height: 40px; color:#2774C7;}
.GridTable > thead > tr.label > th { cursor: pointer; font-size:14px; text-align:center; padding:0px; border:none;}
.GridTable > thead > tr.label > th.reset { width:100px; }
.GridTable > thead > tr.label > th > .order { float: right; width: 0.9em; height: 1.1em; overflow: hidden; font-size: 110%; text-align: center;}
.GridTable > thead > tr.label > th > .order > .arrow-n-s { color: #cccccc; }
.GridTable > thead > tr.label > th > .order > .arrow-n,
.GridTable > thead > tr.label > th > .order > .arrow-s,
.GridTable > thead > tr.label > th.asc > .order > .arrow-n-s,
.GridTable > thead > tr.label > th.desc > .order > .arrow-n-s { display: none; }
.GridTable > thead > tr.label > th.asc > .order > .arrow-n,
.GridTable > thead > tr.label > th.desc > .order > .arrow-s { display: block; }

.GridTable > thead > tr.value > th.string > input { width: 125px; }
.GridTable > thead > tr.value > th.number > input { width: 65px; text-align:right;}
.GridTable > thead > tr.value > th > select { min-width:75px; max-width:180px; }

.GridTable > tbody > tr.selected,
.GridTable > tbody > tr:hover { background-color: #E5E5E5;}
.GridTable > tbody > tr > td { padding: 4px 5px 4px 5px; border-bottom: 1px solid #cccccc; }
.GridTable > tbody > tr > td.name { color:#2774C7; cursor:pointer; }
.GridTable > tbody > tr > td.filter .smaller-font { padding-left:3px; }
.GridTable > tbody > tr > td.verfuegbargesamt { padding-right:3px;}
.GridTable > tbody > tr > td.preview { display: none;}
.GridTable > tbody > tr > td.rechts { text-align: right;}
.GridTable > tbody > tr > td.links { text-align: left;}
.GridTable > tbody > tr > td.zentriert { text-align: center;}


/* Widget: Button */

.Button { display: block; padding: 10px 20px; width: auto; min-height: 40px; background-color: #2774c7; color: white; cursor: pointer;
  font-size: 16px; font-weight: 300; line-height: 20px; text-align: center; text-decoration: none;
  -webkit-linear-gradient(180deg, #2463a8, #2774c7);  -moz-linear-gradient(180deg, #2463a8, #2774c7); -o-linear-gradient(180deg, #2463a8, #2774c7);
  background-image: linear-gradient(180deg, #2463a8, #2774c7); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.Button:hover{
  background: -webkit-linear-gradient(360deg, #66a8d7, #2774c7);
  background: -moz-linear-gradient(360deg, #66a8d7, #2774c7);
  background: -o-linear-gradient(360deg, #66a8d7, #2774c7);
  background: linear-gradient(360deg, #66a8d7, #2774c7);
}

.Button.disabled {
  cursor:default;
  background: -webkit-linear-gradient(360deg, #cccccc, #afafaf);
  background: -moz-linear-gradient(360deg, #cccccc, #afafaf);
  background: -o-linear-gradient(360deg, #cccccc, #afafaf);
  background: linear-gradient(360deg, #cccccc, #afafaf);
}

.Buttons { width:1000px; margin: 20px auto; min-height:40px;}
.Buttons > .Button { width:230px; }
.Buttons > .Button:nth-child(1) { float:left; }
.Buttons > .Button:nth-child(2) { float:right; }


.Button.page-up { display:inline; font-size:14px; max-width: 250px; text-transform:none; padding:5px 12px; vertical-align:middle; /*margin-left:15px;*/}
.Button.page-up img { height:13px; }
h2 .Button.page-up,
h3 .Button.page-up,
h4 .Button.page-up{  margin-left:15px; }

h3 img { height:40px; }

/* Widget SliderArea SliderItem SliderFooter */

.SliderArea { width: 1920px; height: 500px; overflow: hidden; position: relative; left: -360px;  }
.SliderArea .Button { position: absolute; bottom: 40px; left: 365px; min-width: 190px; text-transform: uppercase; }

.SliderItem { position: absolute; padding-left: 360px; padding-right: 360px; height: 100%; width: 100%; }
.SliderItem > h1 { padding: 80px 0 20px 0; color: #39454c; font-size: 36px; font-weight: 300; line-height: 40px; text-transform: uppercase; }
.SliderItem > h2 { margin: 0 0 30px 0; color: #39454c; font-size: 18px; font-weight: bold; line-height: 22px; text-transform:none;}
.SliderItem > div { margin: 0 0 30px 0; color: #39454c; font-size: 18px; line-height: 22px; }

.SliderItem[data-handle="slider-1"] { background: url('bg-slider-1.jpg'); }
.SliderItem[data-handle="slider-2"] { background: url('bg-slider-2.jpg'); }
.SliderItem[data-handle="slider-3"] { background: url('bg-slider-3.jpg'); }
.SliderArea.unternehmen .SliderItem[data-handle="slider-1"] { background: url('bg-slider-unternehmen.png'); }

.SliderFooter { position: absolute; bottom: 10px; right: 360px; }
.SliderFooter .slider-status { display: inline; }
.SliderFooter .slider-status > div { margin-right: 10px;}
.SliderFooter > div { margin-right: 60px; }

/* Widget: DataTable */

.DataTable { width:100%; min-width:770px; overflow: hidden; margin-bottom:10px; caption-side:bottom; }

.DataTable > thead > tr { color: white; padding: 0 20px; height: 50px; white-space:nowrap; background-color: #39454c; }
.DataTable > thead > tr:last-child > th{ border-color: #2774c7; border-style: solid; border-width: 0 0 6px 0; }
.DataTable > thead > tr > th { padding-left:10px; color: white; font-size: 16px; font-weight: 300; line-height: 44px; border-right: 2px solid #39454c; }
.DataTable > tbody > tr > td { padding: 0 10px; height: 30px; background-color: white; border:2px solid #e5e5e5; color: black; font-size: 13px; }
.DataTable > tbody > tr.rowspan-bottom > td { border-bottom:0px; }
.DataTable > tbody > tr.rowspan-top > td { border-top:0px; }

.DataTable > tbody > tr > td:first-child { border-left:none; white-space:nowrap;}
.DataTable > tbody > tr > td:last-child { border-right:none; }
.DataTable > tbody > tr > td:nth-child(even) { background-color: #f1f1f1; }
.DataTable > tbody > tr > td > a { color: #2774c7; text-decoration: none; }

.DataTable.datatable-td-centered > tbody > tr > td { text-align:center; }

.DataTable > thead > tr > th.gap, 
.DataTable > tbody > tr > td.gap { color:white; background-color:white; border-top:none; border-bottom:none; }

.DataTable.datatable-multihead > thead > tr { height:30px; }
.DataTable.datatable-multihead > thead > tr > th { line-height: 30px; border-right: 2px solid #39454c; }
.DataTable.datatable-multihead > thead > tr:first-of-type { background-color: #2774c7; }
.DataTable.datatable-multihead > thead > tr:first-of-type > th { border-right: 2px solid #2774c7; }

.DataTable.datatable-td-uniform > tbody > tr > td { background-color: white; min-width:20px; }

.DataTable.datatable-compact > thead > tr > th { padding-left:5px; text-align:center; }
.DataTable.datatable-compact > tbody > tr > td { padding:0px; height:20px; min-width:0px; background-color: white; text-align:center;}


.DataTable.datatable-td-fixed { table-layout:fixed; }
.DataTable.datatable-td-fixed > tbody > tr > td { white-space:wrap; width:25%; }
.DataTable.datatable-nowrap > tbody > tr > td { white-space:nowrap; }
.DataTable > tbody > tr.pale > td { background-color: #cccccc; }

/* DataTable rangetable*/
.DataTable.datatable-rangetable > tbody > tr > td { background-color: white; }
.DataTable.datatable-rangetable > tbody > tr:first-child td { font-size: 14px; line-height:44px; text-align:left;}
.DataTable.datatable-rangetable .rangetable-has-data { background-color: #39454c; text-align: center; padding: 0px;}

.DataTable.datatable-rangetable > tbody > tr:first-child  td { padding:0px; }
.DataTable.datatable-rangetable > tbody > tr:first-child  td > div { padding-left:10px; }
.DataTable.datatable-rangetable > tbody > tr:first-child  ul { list-style-type:square; padding:0px; margin:0px; margin-right:15px; text-align:left; float:right; display:flex; font-size:40px; }
.DataTable.datatable-rangetable > tbody > tr:first-child  ul li { margin-top:4px; margin-left:50px; vertical-align:middle;}
.DataTable.datatable-rangetable > tbody > tr:first-child  ul span { font-size:14px; vertical-align:middle; color:#000000; }
.DataTable.datatable-rangetable > tbody > tr:first-child  ul li span { margin-left: -15px;}

.DataTable.datatable-rangetable .opt1 { color:#01DF01;}
.DataTable.datatable-rangetable .opt2 { color:#FFFF00;}
.DataTable.datatable-rangetable .opt3 { color:#999999;}
.DataTable.datatable-rangetable .opt0 { color:#ffa500;}
.DataTable.datatable-rangetable a { color:black;}
.DataTable.datatable-img-left-right{ width:50%; min-width:550px; overflow: hidden;}

.table-img-left-right{ margin-top:20px; margin-bottom:20px; }
.table-img-left-right img { height:400px;}

.TabMenuA.tabmenu-kategorieseite img { max-width: 600px; max-height: 500px; }
.TabMenuA.tabmenu-kategorieseite table { margin-bottom: 20px;}
.imgleft-textright img{ height:60px; margin:20px 20px 20px 0px;}
.TabMenuA.tabmenu-kategorieseite .thread .flex-row > img { height: 300px; margin:10px; }
.TabMenuA.tabmenu-kategorieseite .category .flex-row > figure > img { height: 250px; margin:10px; }


/* Widget: InfoLayer */

.InfoLayer { 
  position:fixed; padding: 20px; font-size:14px; font-weight:300; width:100%;
  color:white; background-color: #2774c7;
  opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
  z-index:99;
}

.InfoLayer > div:nth-child(1) /* close */ { position:relative; top:-10px; left:-10px; cursor:pointer; }
.InfoLayer > div:nth-child(2) /* title */ { text-transform: uppercase; font-size:16px; padding-bottom:10px; text-align:center; font-weight:bold; margin-top: -20px; }
.InfoLayer > div:nth-child(3) /* text */  { text-align:left; } 

.InfoLayer.infolayer-rangetable { top:500px; left:600px; width:30%; } 
.InfoLayer.infolayer-3dviewer   { top:450px; left:700px; width:25%;}

.InfoLayer.infolayer-tmp        { top:100px; left:350px; width:50%;}
.InfoLayer.infolayer-tmp .Button { width:150px; display:inline; }
.InfoLayer.infolayer-tmp > div:nth-child(3) { text-align:center;}

.InfoLayer.infolayer-cart-popup { top:30px; right:320px; width:600px; z-index:100;}
.InfoLayer.infolayer-cart-popup > div:nth-child(3) { text-align:center; font-size:12px;}

.cart-popup-is-empty { margin-top: 30px; margin-bottom:10px;}
.cart-popup-is-empty a {display:inline; width:100px;}

.InfoLayer.infolayer-cart-popup a.artikelname { color:white; font-weight:300;}
.InfoLayer.infolayer-cart-popup a.loeschen span.icons-trash{ padding-bottom:10px;}
.InfoLayer.infolayer-cart-popup a.loeschen{ padding-top:3px; }
.InfoLayer.infolayer-cart-popup input{ padding:1px; display:table-cell;}
.InfoLayer.infolayer-cart-popup table.cart { width:100%;}
.InfoLayer.infolayer-cart-popup table.cart th { padding-bottom:10px;font-weight:bold;}
.InfoLayer.infolayer-cart-popup table.cart tr td img { max-height:30px; padding:0; }
.InfoLayer.infolayer-cart-popup table.cart td { padding-top:0px; padding-bottom:0px; vertical-align:top;}
.InfoLayer.infolayer-cart-popup table.cart td.anzahl{height:20px;}
.InfoLayer.infolayer-cart-popup table.cart td.anzahl input { width:3.5em;vertical-align:middle;display:table-cell;}
.InfoLayer.infolayer-cart-popup table.cart td.anzahl span { padding-left:3px;}
.InfoLayer.infolayer-cart-popup table.cart tr.cart-summary-first { border-top:1px solid; padding-top:5px;}
.InfoLayer.infolayer-cart-popup table.cart tr.cart-summary.total-price { font-size:120%; }
.InfoLayer.infolayer-cart-popup table.cart tr.versandundmwst td { font-size:8px; font-weight:bold; padding-top:0px; padding-bottom:0px; vertical-align:top;}
.InfoLayer.infolayer-cart-popup table.cart tr.versandundmwst { padding:0px;}
.InfoLayer.infolayer-cart-popup table.cart td.anzahl{ display:inline-flex;}
.InfoLayer.infolayer-cart-popup table.cart .cart-popup-forward a { color:white; font-weight:bold; font-size:130%;}
.InfoLayer.infolayer-cart-popup table.cart .cart-popup-forward .icons-cart-white{ margin: 0 3px 10px 0px; }


/* Widget: DetailLinksTable */
.DetailLinksTable { text-align:center; vertical-align:middle; margin:0px; padding:0px; text-decoration:none; display:inline-block; }
.DetailLinksTable > tbody > tr { background-color: #39454c; text-align: center; padding: 0px;}
.DetailLinksTable > tbody > tr > td { padding: 0px 2px 0px 2px;}
.DetailLinksTable > tbody > tr > td:hover { background-color:#2774c7; }

/* Widget: Breadcrumbs */
.Breadcrumbs { overflow: hidden; margin: 0 auto; padding: 10px 0 0 0; width: 1200px; height: 50px; font-size: 13px; font-weight: 300;}
.Breadcrumbs > a { color: white;  line-height: 50px; text-decoration: none; text-shadow: #a0a0a0 0 -1px; }
.Breadcrumbs > a:after { content: url("arrow-gray.png"); margin: 0 6px 0 10px; }
.Breadcrumbs > span:last-child { color: #e5e5e5;  line-height: 50px; text-shadow: #a0a0a0 0 -1px; }

/* Widget: MenuItem */

.MenuItem { position: relative; overflow: visible; float: left; color: white; }
.MenuItem > a { 
  display: inline-block; padding: 0 25px; height: 60px; 
  border-color: #181f23; border-style: solid; border-width: 0 1px 0 0; 
  color: white; font-size: 14px; font-weight: 300; line-height: 60px; 
  text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap;
}

.MenuItem:hover > a{
  background: -webkit-linear-gradient(180deg, #1c538e, #2774c7); 
  background: -moz-linear-gradient(180deg, #1c538e, #2774c7); 
  background: -o-linear-gradient(180deg, #1c538e, #2774c7); 
  background: linear-gradient(180deg, #1c538e, #2774c7);
}

.MenuItem:hover > div { display: block; }

.MenuItem > div { display: none; position: absolute; padding: 9px 0 0 0; background-color: #2774c7; min-width:100%;}
.MenuItem > div > a { 
  display: block; padding: 12px 30px; 
  border-color: #3d82cd; border-style: solid; border-width: 1px 0 0 0; 
  color: white;  font-size: 16px; font-weight: 300; text-decoration: none; white-space: nowrap; 
}
.MenuItem > div > a:first-child { border: none; }
.MenuItem > div > a:hover { background-color: #3d82cd; }
.MenuItem.menuitem-languages { float: right; margin-right:10px; }
.MenuItem.menuitem-languages > div {overflow-y: auto; max-height:600px;}
.MenuItem.menuitem-languages > a { border:none; }
.MenuItem.menuitem-languages > a:before { content:url("arrow-down-white.png"); margin:5px;}

.MenuItem.menuitem-account { margin-left:100px; }
.MenuItem.menuitem-account > a { border:none; }
.MenuItem.menuitem-account.is-logged > a { font-size: 11px; text-transform:none; color:white; }
.MenuItem.menuitem-account-logout > a { padding:0px 10px 0px 10px; vertical-align:sub; border-right:none; border-left:1px solid #181f23; }

/* Rangetable MenuItem Info */
.MenuItem.menuitem-rangetable { position: relative; width:220px; float:right; background-color: #2774c7; }
.MenuItem.menuitem-rangetable > span:first-child { padding: 5px 8px; font-weight:300; line-height: 20px; height: 20px;}
.MenuItem.menuitem-rangetable > div > span { display: block; width:220px; padding: 5px 8px;  font-size: 13px; white-space: nowrap; z-index:100; line-height:20px; border-bottom: 1px solid #3d82cd;}
.menuitem-rangetable > div > span:hover { background-color: #3d82cd;}

/* TabMenu */

.TabMenu { position:relative; margin-top:10px; z-index:1; background-color:white; }
.TabMenu > div:first-child { overflow: hidden; height: 55px; padding:0 0 0 10px;}
.TabMenu > div:first-child > a > span { 
  display: block; float: left; margin: 10px 10px 0 0; padding: 0 12px;
  color: white; background-color: #3a7fca; border: 1px solid #3a7fca;  font-size: 14px; line-height: 30px; text-decoration: none;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.TabMenu > div:first-child > a.active > span { background-color: white; color: #3a7fca; cursor:default; }
.TabMenu > div:first-child > a:not(.active) > span:hover {
  color:white;
  background: -webkit-linear-gradient(360deg, #66a8d7, #2774c7);
  background: -moz-linear-gradient(360deg, #66a8d7, #2774c7);
  background: -o-linear-gradient(360deg, #66a8d7, #2774c7);
  background: linear-gradient(360deg, #66a8d7, #2774c7);
}
.TabMenu > div:nth-child(2) { padding: 20px 10px 10px 10px; }
.TabMenu > div:nth-child(2) > div { overflow:hidden; }

/* Anchor-menu */
.TabMenuA { position:relative; z-index:1; }
.TabMenuA > div:first-child { overflow: hidden; min-height: 55px; padding:0 0 0 10px; background-color:white; }
.TabMenuA > div:first-child > a > span { 
  display: block; float: left; margin: 10px 10px 0 0; padding: 0 12px;
  color: white; background-color: #3a7fca; border: 1px solid #3a7fca;  font-size: 14px; line-height: 30px; text-decoration: none;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.TabMenuA > div:first-child > a.active > span { background-color: white; color: #3a7fca; cursor:default; }
.TabMenuA > div:first-child > a:not(.active) > span:hover {
  color:white;
  background: -webkit-linear-gradient(360deg, #66a8d7, #2774c7);
  background: -moz-linear-gradient(360deg, #66a8d7, #2774c7);
  background: -o-linear-gradient(360deg, #66a8d7, #2774c7);
  background: linear-gradient(360deg, #66a8d7, #2774c7);
}

/*.TabMenuA > div:nth-child(2) { padding: 10px 10px 10px 10px; }*/
.TabMenuA > div:nth-child(2) > div { overflow:hidden; padding:10px; background-color:white;}
.TabMenuA > div:nth-child(2) > div:not(:first-child) { margin-top:25px; padding-top:35px; }
.TabMenuA > div:nth-child(2) > div h2 { text-transform:none; }
.TabMenuA > div:nth-child(2) > div h3,
.TabMenuA > div:nth-child(2) > div h4 { padding-top:25px; text-transform:none; }

.TabMenu.tabmenu-detailseite > div:nth-child(2) { min-height:260px; }
.TabMenu.tabmenu-detailseite-min > div:nth-child(2) { min-height:325px; }
.TabMenu.tabmenu-kategorieseite > div:nth-child(2) { min-height: 525px; }
.TabMenu.tabmenu-kategorieseite .infologos { position:relative; float:right; margin-bottom: 10em; margin-left:5px; }
.TabMenu.tabmenu-kategorieseite .infogeometrie { float:left; margin-left:80px; }
.TabMenuA.tabmenu-kategorieseite .infologos { position:relative; float:right; margin-bottom: 10em; margin-left:5px; }
.TabMenuA.tabmenu-kategorieseite .infogeometrie { float:left; margin-left:80px; }
.TabMenuA.tabmenu-kategorietypseite { margin-top:10px; }

.TabMenu.tabmenu-detailseitebild { width: 420px; height: 300px; float:right; margin:0px;}
.TabMenu.tabmenu-detailseitebild > div:nth-child(2) > div {text-align:center;}
.TabMenu.tabmenu-detailseitebild > div:nth-child(2) > div > img { max-height:220px;}

/* Widget: TextBox*/

.TextBox { position:relative; height: 280px; width:370px;float:left; padding:10px; font-size:14px; background-color:white; }
.TextBox > div:nth-child(1) /*title*/ { font-size: 24px; line-height: 30px; text-transform:uppercase;padding-bottom:30px;}
.TextBox > div:nth-child(2) /*subtitle*/ { font-size: 20px; line-height:20px;}
.TextBox > div:nth-child(3) /*content*/ { padding-top:25px; line-height:20px; }
.TextBox > div:nth-child(3) > span:first-child /*content-title*/ { font-weight:bold; }
.TextBox > div:nth-child(4)/*footer*/ { position: absolute; bottom: 10px; line-height:20px;}

/* Widget: ImgBox*/
.ImgBox { background-color:white; height: 280px; width:400px; float:right; padding:10px; display: inline-block;}
.ImgBox > img { padding-top:30px;vertical-align: middle ;}

/* Widget: NavMenu */
.NavMenu { margin-left: auto; margin-right:auto; }
.NavMenu > thead > tr { overflow: hidden; padding: 0 20px; height: 40px; background-color: #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.NavMenu > thead > tr > th { text-align:center; font-size: 16px; font-weight: 300; line-height: 44px; text-transform: uppercase; padding-left:20px; padding-right:20px; color:white; }
.NavMenu > thead > tr > th > a { color:white; }
.NavMenu > thead > tr > th > a.disabled { cursor:default; }

.NavMenu > thead > tr > th span { padding-right:5px; }
.NavMenu > thead > tr > th:first-of-type { overflow: hidden; margin: 0 0 40px 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.NavMenu > thead > tr > th:last-of-type  { overflow: hidden; margin: 0 0 40px 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.NavMenu > thead > tr > th.active { background-color:#2774C7; }
.NavMenu > thead > tr > th.done { background-color:#39454C; }

/* Widget: NavSubTitle */
.NavSubTitle { width:1000px; margin-left: auto; margin-right:auto; font-size:18px; padding-top:30px; margin-bottom: 20px; height: 30px; border-color: #cccccc; border-style: solid; border-width: 0 0 1px 0; }
.NavSubTitle a { float:right; }

/*.account .NavSubTitle { width:100% }*/

/* Widget: TypList und TypItem*/
.ImgLinkList { overflow: hidden; margin: 0; }
.ImgLinkList > .imglinklist-infobox { overflow: hidden; float: left; margin:10px 0px 0px 0px; padding:10px; background-color:white; width:800px; font-size:14px; border-color: #3a7fca; border-style: solid; border-width: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ImgLinkList div.ImgLinkItem:nth-child(odd) { margin: 10px 0px 0px 0px;}
.ImgLinkList div.ImgLinkItem:nth-child(even) { margin: 10px 0px 0px 10px;}

.ImgLinkItem { 
  position:relative; overflow: hidden; float: left; background-color:white; width: 395px; height: 250px; border:1px solid #cccccc;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ImgLinkItem > div:first-child { visibility: hidden; padding-top: calc(50vh - 125px); margin-top: calc(-50vh + 125px); }

.ImgLinkItem > a { position: relative; display: block; line-height: 0; text-decoration: none; width: 100%; height: 100%; }
.ImgLinkItem > a > img { position: absolute; display: block; top: 30px; }
.ImgLinkItem > a > img.hover { display: none; margin: -1px; height: 250px; }
.ImgLinkItem > a:hover > img.hover { display: block; position: absolute; top:0px;}

.ImgLinkItem > a > div:nth-child(1) /* title */ { position: absolute; top: 20px; left: 20px; font-size: 16px; z-index:10; }
.ImgLinkItem > a > div:nth-child(2) /* footer */ { position:absolute; bottom:0px; width:100%; text-align:left; z-index:10; padding-left:20px; line-height:30px; font-size: 12px; font-weight: 300; color: #3a7fca; background-color:#d5d5d5;  }

/* Widget: Panel */

.PanelList {
  display:flex; display: -ms-flexbox; display: -webkit-flex;
  -webkit-flex-flow: row wrap; -ms-flex-wrap: row-wrap; flex-flow: row wrap; flex-direction:row;
  -webkit-justify-content:flex-start;  -ms-flex-pack:justify; justify-content:flex-start;
  -webkit-align-content:flex-start; -ms-flex-line-pack:start; align-content:flex-start;
 }

.PanelList .Panel { margin: 0 10px 10px 0; }
.Panel { position:relative; width:370px; background-color:white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
  display: flex; flex-direction: column; min-height:300px;}

.Panel > div:nth-child(1)/*header*/{ overflow: hidden; padding-left: 10px; height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
  color: #2774c7; font-size: 20px; font-weight: 300; line-height: 44px; text-transform: uppercase; }
.Panel.panel-blackhead > div:nth-child(1)/*header*/{ background-color: #39454c; border-bottom:6px solid #2774c7; color:white;}

.Panel > div:nth-child(2)/*content*/{ flex:auto; padding:10px; font-size:16px; position:relative;}

.GRID_NARROW_COLUMN .Panel.panel-onlineshop { margin-top:10px;}

.Panel.panel-onlineshop > div:nth-child(2) { background-image:url('bg-shop-panel-regal.png'); background-repeat: no-repeat; padding: 50px 10px 50px 200px; font-size:14px; }
.Panel.panel-onlineshop > div:nth-child(2) > a {  position:absolute; bottom:10px; right:10px; text-transform: uppercase; min-width:160px; }
.Panel.panel-application > div:nth-child(2) { background-image:url('bewerbung.jpg'); background-repeat: no-repeat; padding: 50px 10px 50px 200px; font-size:14px; }
.Panel.panel-application > div:nth-child(2) > a {  position:absolute; bottom:10px; right:10px; text-transform: uppercase; min-width:160px; }

.Panel.panel-sprachen > div:nth-child(2) { background-image:url('bg-sprachauswahl.png'); background-repeat: no-repeat; }
.Panel.panel-sprachen > div:nth-child(2) > ul { padding:30px; z-index:100; list-style-type:none; font-size:14px; columns: 3; -webkit-columns: 3; -moz-columns: 3; }
.Panel.panel-sprachen > div:nth-child(2) > ul > li { line-height:25px; } 
.Panel.panel-sprachen > div:nth-child(2) > ul > li > a { color:#39454C; }
.Panel.panel-sprachen > div:nth-child(2) > ul > li.active,
.Panel.panel-sprachen > div:nth-child(2) > ul > li > a:hover {  color:#2774c7; font-weight:bold; } 

.Panel.panel-payment > div:nth-child(2) > span { display:block; margin-top:20px; }

.Panel.panel-contact > div:nth-child(2) .contact-img { position:absolute; bottom:0; right:0;}
.Panel.panel-contact > div:nth-child(2) .person-title { font-size: 22px; font-weight: 500; line-height: 30px; margin-top:20px;}
.Panel.panel-contact > div:nth-child(2) .person-subitle { margin: 0 0 20px 0; font-size: 12px; font-weight: 300; line-height: 16px; }
.Panel.panel-contact > div:nth-child(2) .contact-methods { margin: 40px 0 0 0; }
.Panel.panel-contact > div:nth-child(2) .contact-method-label { display: inline-block; width: 80px; font-size: 16px; font-weight: 300; line-height: 23px; }
.Panel.panel-contact > div:nth-child(2) .contact-method-value { font-size: 16px; font-weight: 300; line-height: 23px; }
.Panel.panel-contact > div:nth-child(2) .contact-method-value.block { font-size: 14px; font-weight: 300; line-height: 18px; margin-top:5px;}


.Panel.panel-preview > div:nth-child(2) > div:nth-child(1) { padding:10px 10px 0px 10px; text-align:center; }
.Panel.panel-preview > div:nth-child(2) > div:nth-child(1) > img { height:60px; }
.Panel.panel-preview > div:nth-child(2) > div:nth-child(2) { line-height:40px; margin-left:0px; font-size:18px; }
.Panel.panel-preview > div:nth-child(2) > div:nth-child(3) { font-size:13px; float:left;line-height:16px; padding-top:0px; padding-left:0px;}

.Panel > div:nth-child(3)/*footer*/{ color:#39454C; border-top:1px solid #e5e5e5; height:50px; padding:10px; }
.Panel.panel-payment > div:nth-child(3) > div { display:inline; float:left;}
.Panel.panel-payment > div:nth-child(3) > div:nth-child(2) { width:75%; padding-left:20px;}

.Panel.panel-produkte .panel-kategorieinfo { position:absolute; bottom:55px;}
.Panel.panel-produkte .panel-kategorieinfo p { margin:0; padding:0; }
.Panel.panel-produkte .panel-kategorieinfo > span { color: #999999; position:relative; top:5px;}
.Panel.panel-produkte .panel-kategorieinfo a { padding:2px 5px 2px 5px; display:inline; vertical-align: sub;}
.Panel.panel-produkte .panel-3dansicht { width:100%; height:170px;}
.Panel.panel-produkte .panel-3dansicht .image { background-color:white; height:170px;}
.Panel.panel-produkte .panel-3dansicht .image div.container { position:absolute; top:50px; }
.Panel.panel-produkte .panel-3dansicht span { position:absolute; right:10px;top:0px;padding:2px 5px 2px 5px; color:white; background-color: #D5D5D5; }

.Panel.panel-produkte div.iselect { position:absolute; left:0px; bottom:0; width:100%; }
.Panel.panel-produkte div.iselect-ul { width:100%;}
.Panel.panel-produkte div.iselect > div { line-height:40px; font-size:18px;}
.Panel.panel-produkte div.iselect ul.iselect { line-height:30px; font-size:16px;}
.Panel.panel-produkte .iselected { color: #2774c7; }

/* Widget: Downloads */

.Downloads > a { display: block; margin: 10px 0 10px 0; padding: 0 0 0 30px; color: #39454C; font-size: 14px; text-decoration: none; line-height:35px;}
.Downloads > a > span { padding-left:15px; }
.Downloads > a > span:hover{ color: #2774c7; }

/* Widget: FooterMenu */

.FooterMenu { overflow: hidden; margin: 40px auto; width: 1200px; }
.FooterMenu > div:not(.footermenu-copyright) { float:left; border-color: #2774c7; border-style: solid; border-width: 0 0 0 1px; width:25%;}
.FooterMenu > div:not(.footermenu-copyright) > a { 
  display: inline-block; padding: 0 25px; width: 100%; height: 32px; color: white; 
  font-size: 13px; font-weight: 300; line-height: 32px; text-decoration: none; text-transform: uppercase; 
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.FooterMenu > div:not(.footermenu-copyright) > a:hover { background-color: #2774c7; }

.FooterMenu > div.footermenu-copyright { overflow: hidden; float: right; }
.FooterMenu > div.footermenu-copyright > span { display: block; float: left; margin: 0 10px 0 0; color: white; font-size: 14px; font-weight: 300; line-height: 40px; }
.FooterMenu > div.footermenu-copyright > a { display: block; float: left; height: 40px; width: 132px; }

/* Widget: AddToCart */

.AddToCart { position:relative; z-index:1; background-color:white; margin:0px 0 10px 0; min-height:280px; padding:10px;}
.AddToCart > div:nth-child(1) { color:#2774c7; font-size:18px; text-transform: uppercase; }
.AddToCart > div:nth-child(2) { margin-top: 10px; }
.AddToCart > div:nth-child(2) .Button { width:70%; margin: 0 auto; padding:0; }
.AddToCart > div:nth-child(2) table { width:100%; height:230px; }
.AddToCart.addtocart-min > div:nth-child(2) table { height:300px; }

.AddToCart > div:nth-child(2) table th { text-align:left; min-width:100px; }
.AddToCart > div:nth-child(2) table tr.anzahl { height:50px;}
.AddToCart > div:nth-child(2) table tr.anzahl input { width:70px; float:right; }
.AddToCart > div:nth-child(2) table tr.anzahl td:first-of-type { padding-left:20px; }
.AddToCart > div:nth-child(2) table tr.einzelpreis { border-bottom:1px solid #cccccc;}
.AddToCart > div:nth-child(2) table tr.einzelpreis td,
.AddToCart > div:nth-child(2) table tr.einzelpreis th { padding-bottom:5px;}
.AddToCart > div:nth-child(2) table tr.gesamtpreis { height:35px;}
.AddToCart > div:nth-child(2) table tr.gesamtpreis td,
.AddToCart > div:nth-child(2) table tr.gesamtpreis th { padding-top:10px; color:#39454C;}
.AddToCart > div:nth-child(2) table td#gesamtpreis { font-size:22px; font-weight:bold;}
.AddToCart > div:nth-child(2) table tr.versandundmwst td { font-size:10px; height:30px;}

/* Widget: PriceRange */

.PriceRange { position:relative; z-index:1; background-color:white; margin:0px 0 10px 0; min-height:280px; padding:10px;}
.PriceRange > div:nth-child(1) { color:#2774c7; font-size:18px; text-transform: uppercase; }
.PriceRange > div:nth-child(2) { margin-top:20px; }
.PriceRange > div:nth-child(2) table { width:100%; }
.PriceRange > div:nth-child(2) table > tbody { height:250px; }
.PriceRange > div:nth-child(2) table > tbody > tr:hover { font-size: 18px; color:#2774C7;}

.PriceRange > div:nth-child(2) table tr th,
.PriceRange > div:nth-child(2) table tr td { width:125px; }
.PriceRange > div:nth-child(2) table td { border-bottom:1px solid #cccccc; }
.PriceRange > div:nth-child(2) table tr td:first-of-type,
.PriceRange > div:nth-child(2) table tr th:first-of-type { padding-left:30px; text-align:left; }
.PriceRange > div:nth-child(2) table tr td:last-of-type,
.PriceRange > div:nth-child(2) table tr th:last-of-type { padding-right:30px; text-align:right; }
.PriceRange > div:nth-child(2) table tr th { color:#39454C;}

/* Widget: DeliveryTable */

.DeliveryTable { width:1000px; margin: 0 auto 20px auto; padding-bottom:30px; }
.DeliveryTable > tbody > tr > td { padding-top:10px; vertical-align:top; }
.DeliveryTable > tbody > tr > td:last-of-type { text-align:right; }
.DeliveryTable > tbody > tr > td > label { color:#39454C; }
.DeliveryTable > tbody > tr > td > input { margin: 10px 10px 20px 10px; }
.DeliveryTable > tbody > tr > td > input[type="radio"]:checked + label,
.DeliveryTable > tbody > tr > td > span.deliverTo,
.DeliveryTable > tbody > tr > td > span.pflicht { color:#2774C7; }

/* Widget: PaymentTable */

.PaymentTable { width:1000px; margin: 0 auto 20px auto; padding-bottom:30px; }
.PaymentTable > thead > tr > th { text-align:left;}
.PaymentTable > tbody > tr > td > select { padding-right:20px; }
.PaymentTable > tbody > tr > td { padding-top:10px;vertical-align:top; }
.PaymentTable > tbody > tr > td:last-of-type { text-align:right; }
.PaymentTable > tbody > tr > td > input { margin: 10px 10px 20px 0px; }
.PaymentTable > tbody > tr > td > label { color:#39454C; }
.PaymentTable input.x_exp_date, 
.PaymentTable input.cardexpiredate,
.PaymentTable input.cardcvc2 { width:50px; }
.PaymentTable > tbody > tr > td > label > span.pflicht { color:#2774C7; }
.PaymentTable > tbody > tr > td .AuthorizeNetSeal { float:right; }

/* Widget: AddressInputTable */
.AddressInputTable { width:1000px; margin: 0 auto 20px auto; padding-bottom:30px; }
.AddressInputTable span.icons-info { margin: 0px 0px 5px 0px; }

.AddressInputTable > tbody > tr > td { padding: 5px 0px 5px 0px; width:50%; vertical-align:top; }
.AddressInputTable > tbody > tr > td > select { padding-right:25px; margin-top:10px;}
.AddressInputTable > tbody > tr > td > input { margin-left:0px; margin-top:10px; width:90%; }
.AddressInputTable > tbody > tr > td > textarea { height:100px; margin-left:0px; margin-top:10px; width:95%; }
.AddressInputTable > tbody > tr > td > label { font-weight:bold; }
.AddressInputTable > tbody > tr > td > input.deliveryZip,
.AddressInputTable > tbody > tr > td > input.billingZip { width: 15%; }
.AddressInputTable > tbody > tr > td > input.billingCity,
.AddressInputTable > tbody > tr > td > input.deliveryCity { width: 72%; }
.AddressInputTable > tbody > tr > td > label[for="deliveryCity"],
.AddressInputTable > tbody > tr > td > label[for="billingCity"] { padding-left: 11%; }
.AddressInputTable > tbody > tr > td > input[type=checkbox]{ margin-left:0; margin-top:10px; margin-bottom:15px; width: 2%; }
.AddressInputTable > tbody > tr > td > input.error { border:1px solid #cccccc; }

/* Widget: CartTable */
.CartTable { width:1000px; margin: 0 auto 20px auto; padding-bottom:30px; }
.CartTable > thead:before,
.CartTable > tbody:before { line-height:20px; content:"-"; visibility:hidden; display:block; }
.CartTable > thead > tr { height:30px; }
.CartTable > thead > tr > th { font-size:18px; text-align:left; border-bottom:1px solid #cccccc; }
.CartTable > tbody > tr > td { padding-top:10px; vertical-align:top;}
.CartTable > tbody > tr:first-of-type > td { padding-bottom:10px; font-weight:bold; }
.CartTable > tbody > tr.data > td { color:#39454C;}
.CartTable > tbody > tr > td.mwst { padding-left:15px; }
.CartTable > tbody > tr:last-of-type > td { font-size:20px; font-weight:bold;}

/* Widget: AddressTable */
.AddressTable { width:1000px; margin: 0 auto 20px auto; padding-bottom:30px; }
.AddressTable > thead:before,
.AddressTable > tbody:before { line-height:20px; content:"-"; visibility:hidden; display:block; }
.AddressTable > thead > tr { height:30px; }
.AddressTable > thead > tr > th { font-size:18px; text-align:left; border-bottom:1px solid #cccccc; }
.AddressTable > thead > tr > th.gap { width:50px; border:none; }
.AddressTable > tbody > tr > td.label { font-weight:300; color:black; padding-right:10px; }
.AddressTable span.checkmark:before { content: url("checkmark.png"); margin: 0 5px 0 0px; border:1px solid #cccccc; padding:2px; }

/* Widget: CartInputTable */
.CartInputTable { width:1000px; margin: 0 auto 20px auto; padding-bottom:30px; background-color:white; border:1px solid #cccccc;}
.CartInputTable > tbody > tr > td:first-of-type { padding-left:20px; }
.CartInputTable > tbody > tr > td:last-of-type { padding-right:20px; }
.CartInputTable > tbody > tr > td.cart-item-image { text-align:center; }
.CartInputTable > tbody > tr > td > img { max-height:100px; padding-top:10px; }
.CartInputTable > tbody > tr > td > a.artikelname { color:black; font-size:16px; cursor:pointer; }
.CartInputTable > tbody > tr > td > input { width: 6em; margin-left: 20px;}
.CartInputTable > tbody > tr.item-data-numbers td,
.CartInputTable > tbody > tr.cart-summary:last-of-type td { padding-bottom:20px; }
.CartInputTable > tbody > tr.cart-summary-first td { padding-top:30px; }
.CartInputTable > tbody > tr.item td { padding:20px;}

.CartInputTable > tbody > tr.item { border-top:1px solid #cccccc; }
.CartInputTable > tbody > tr.item-data-numbers,
.CartInputTable > tbody > tr.cart-summary:last-of-type{ border-bottom:1px solid #cccccc; }
.CartInputTable > tbody > tr.item-data td,
.CartInputTable > tbody > tr.item-data-numbers td,
.CartInputTable > tbody > tr.cart-summary td { padding-right:30px; }
.CartInputTable > tbody > tr.cart-summary { background-color:#e5e5e5;}
.CartInputTable > tbody > tr.cart-summary.totalPrice > td { font-size: 20px; font-weight: bold; padding-top:20px;}

/* Widget: CartBox */
.CartBox { float:right; margin-top:20px; margin-right:15px; }
.CartBox > a > span { margin:0 3px 20px 0px; color:white; font-weight:bold; }

/* Widget: HistoryTable */
.HistoryTable { width:1000px; margin:0 auto 20px; background-color:white; border: 1px solid #cccccc; }
.HistoryTable > tbody > tr { border: 1px solid #cccccc; }
.HistoryTable > tbody > tr:nth-child(odd) { background-color:#E5E5E5;}
.HistoryTable > thead > tr > th { border:none; text-align:left; text-transform:uppercase; background-color:#39454c; color:white; padding:10px; padding-left:20px;}
.HistoryTable > tbody > tr > td { padding:10px; padding-left:20px; }
.HistoryTable > tbody > tr > td:first-of-type { width:25%; font-weight:bold;}

.application .AddressInputTable > tbody > tr > td > input.error {border: 1px solid #FF0000;}
.application .AddressInputTable > tbody > tr > td > input#stellenbezeichnung {width:95%;}

/* Widget: UploadTable */
.UploadTable { width:1000px; margin:0 auto 20px; background-color:white; border: 1px solid #cccccc; }
.UploadTable > tbody > tr > td .Button{ width:150px; }

.UploadTable > tbody > tr { border: 1px solid #cccccc; }
.UploadTable > thead > tr > th { border:none; text-align:left; text-transform:uppercase; background-color:#39454c; color:white; padding:10px; padding-left:20px;}
.UploadTable > tbody > tr > td { padding:10px; padding-left:20px; }

.UploadTable > tbody > tr > td:nth-child(2) { width:30%; font-weight:bold;}
.UploadTable > tbody > tr > td:nth-child(1) { width:5%; }
.UploadTable > tbody > tr > td:nth-child(3) {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: flex-end;
}
.UploadTable > tbody > tr > td:nth-child(3) a:last-of-type{margin-left:10px;}

/* Widget: ScrewerkPopup */

.FixedPopup { position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }

.ScrewerkPopup { width: 608px; height: 556px; margin: 110px auto; background: #EBEBEB;
  background: -moz-linear-gradient(top, rgba(243,247,250,1) 0%, rgba(237,239,243,1) 75%, rgba(197,213,228,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(243,247,250,1) 0%,rgba(237,239,243,1) 75%,rgba(197,213,228,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(243,247,250,1) 0%,rgba(237,239,243,1) 75%,rgba(197,213,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  text-align: left; font-size: 14px; font-weight: 300; overflow: hidden; position: relative; 
}

.ScrewerkPopup > .circ1 { position: absolute; bottom: -25%; left: 75%; width: 1000px; height: 1000px; background: #B6CEE6; border-radius: 50%; opacity: 0.5; filter: alpha(opacity=50); }
.ScrewerkPopup > .circ2 { position: absolute; bottom: -70%; left: 10%; width: 650px; height: 650px; background: #B6CEE6; border-radius: 50%; opacity: 0.5; filter: alpha(opacity=50); }
.ScrewerkPopup > .screws { position: absolute; bottom: -80px; left: 75px; width: 647px; height: 350px; background-image: url('popup-screws.png'); z-index: 10;}
.ScrewerkPopup > .header { height: 66px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #39454c; line-height: 66px; border-bottom: 6px solid #2774C7; z-index: 10; position: relative; }
.ScrewerkPopup > .header > a { margin-left: 15px; color: white; text-decoration: none; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.ScrewerkPopup > .header > a > img,
.ScrewerkPopup > .header > a span { vertical-align: middle; }
.ScrewerkPopup > .header > span { float:right; cursor:pointer; margin-top: 20px; margin-right: 10px; }
.ScrewerkPopup > p { padding: 30px; margin: 0px;  z-index: 10; position: relative; font-size: 20px; font-weight: 600; line-height:32px;}
.ScrewerkPopup .Button{ margin-left: 30px; width: 260px; text-transform:uppercase;   z-index: 11;}
.ScrewerkPopup .Button-row { 
  margin-top: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: flex-start;
}
/* ENDE */
/* Customized selectbox */

div.iselect,
div.iselect-ul{
  width:335px;
}

div.iselect > div{
  line-height: 40px;
  border-width: 0 0 0 0 ;
  border-style: solid;
  border-color: #e5e5e5;
  background: #e5e5e5;
}

div.iselect > div{
  flex:none; 
}

div.iselect > div{
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  align-items: center;
  
}

div.iselect ul li{  
  float:left;
  width:100%;
}

div.iselect div.iselect-li-produkte,
div.iselect div.iselect-li-sprachen{
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  align-items: center;
}

div.iselect .iselect-li-img div{
  float:left;
}

div.iselect .iselect-li-text,
div.iselect .iselect-li-img{
    padding:0px 55px 0px 15px;
}

div.iselect-ul div.iselect-li-produkte .iselect-li-img{
    padding:0px 85px 0px 15px;
}

div.iselect-ul div.iselect-li-sprachen .iselect-li-img{
    padding:0px 75px 0px 15px;
}

div.iselect .iselect-li-img div{
  margin-right: 10px;
}

div.iselected{
  width:100%;
}

div.iselected-right{
  background-color: #e5e5e5; 
  /*border-left:1px solid #cccccc;*/
  float: left;
  border:1px solid #cccccc;

}

div.iselect > div .iselected-right > span.img{
  margin-left: 10px;
  margin-right: 10px;
}

div.iselect .iselect-ul{
  border:none;
  position:absolute;
  z-index:100;
}

div.iselect ul{
  flex:auto;
  
  list-style-type:none;
  padding:0px;
  border:1px solid #cccccc;
  background-color:white;
  color:#2774c7;
  
  max-height:250px;
  overflow-y:auto;
  margin:0px;
}

div.iselect ul li:not(:last-child){
  border-bottom:1px solid #cccccc;
}

div.iselect > div,
div.iselect ul li{
  cursor:pointer;
}

div.iselect ul li.selected,
div.iselect ul li:hover{
  color: #999999;
  background:#e5e5e5 ;
}
div.iselected{
  border:1px solid #cccccc;
}
/* screwerkde website style */

/* CONTACT */
.contact form > input{ width:47%; float:left;}
.contact form > textarea{ height:100px; margin:0 0 10px 0; width:96.5%;}
.contact form > #company,
.contact form > #name,
.contact form > #street,
.contact form > #country,
.contact form > #zip { clear:left; margin:0 1% 10px 0; }
.contact form > #fax { margin:0; width:47%; }
.contact form > #zip { width:9.5%; }
.contact form > #city { width:35%; margin:0 1% 10px 0; }
.contact .address { clear:both; margin-top:70px; }

/* SITEMAP */
.sitemap .node.top { padding-top: 10px; }
.sitemap .node > span:first-child{ display:inline-block; }
.sitemap .children { padding-left: 20px; }

/* AGB / DATENSCHUTZ */
.agb ul, .datenschutz ul { margin:0; }
.agb ol, .datenschutz ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0; line-height:20px; }
.agb ol > li, .datenschutz ol > li { display: table; counter-increment: item; margin-bottom: 0.6em; }
.agb ol > li:before, .datenschutz ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em }
.agb li ol > li, .datenschutz li ol > li { margin: 0; padding: 0; }
.agb li ol > li:before, .datenschutz li ol > li:before { content: counters(item, ".") " "; }
.agb table { margin-top:30px; }

/* Lieferbedingungen */
.delivery table.fracht tbody { background-color:white; }
.delivery table.fracht tbody tr { border-bottom:1px solid #cccccc; }
.delivery table.fracht tbody tr td { padding:3px 10px 3px 10px; }

.delivery table.fracht thead tr th { color:#39454C; font-weight:bold; text-align:left; }
.delivery table.fracht thead tr th:last-child { width:150px; }
.delivery table.fracht thead tr th:first-child { width:200px; white-space:nowrap; padding-left:10px; padding-right:10px; }

.delivery table.fracht.fracht-ausland tbody { height:250px; }
.delivery table.fracht.fracht-ausland tbody tr td:first-child{ width:200px; }
.delivery table.fracht.fracht-ausland tbody tr td:last-child{ width:100px; }

/* ACCOUNT */
.account { position:relative; }
.account form {margin-top:30px; }
.account .status { margin-top:20px; margin-bottom:20px; font-style:italic; color:red;}
.account input { margin-top:5px; padding:3px; width:47%; }
.account.login input[type=checkbox]{ width:20px; }
.account.login .angemeldetbleiben { margin-top:5px; margin-bottom:20px; }
.account.login .angemeldetbleiben span{ font-size:12px; vertical-align: text-bottom;}
.account.index > div { width:1000px; margin:auto; margin-bottom:20px;}
.account.historie .empty { width:1000px; margin:0 auto 20px; }
.account.registrieren{ font-size:18px; margin-top:50px; }

div.captcha{ margin-top:20px; position:relative; }
div.captcha a.newcaptcha { position:absolute; top:15px; left:160px;}
input[type=captcha] { width:50px;margin-left:20px; }

.tabmenu-suppliers .title { font-size:25px; line-height:30px; text-transform:uppercase; margin:40px 0px 30px 0px;}
.tabmenu-suppliers .subtitle{ font-size:18px;margin-bottom:30px;}
.tabmenu-suppliers .beschreibung{ margin-bottom:50px; }

.tabmenu-suppliers .titel { margin: 10px 0 20px 0; font-size: 18px; font-weight: bold; line-height: 18px; }
.tabmenu-suppliers .adresse { margin: 0 0 20px 0; font-size: 16px; font-weight: 30; line-height: 20px; }
.tabmenu-suppliers .contact-methods { margin: 20px 0 0 0; }
.tabmenu-suppliers .contact-method .contact-method-label { display: inline-block; width: 80px; font-size: 14px; font-weight: 300; line-height: 20px; }
.tabmenu-suppliers .contact-method .contact-method-value { font-size: 14px; font-weight: 300; line-height: 20px; }

/* Elements References /
.reference-list { margin: 0 -10px; margin-top:20px; }
.reference-list .reference-item { position: relative;  float: left; margin: 10px 10px 0px 10px; width: auto; min-height: 250px; background-color:white; }
.reference-list .reference-item .col { width:42%; float:left;padding:30px; }
.reference-list .reference-item .zitat { font-size: 22px; line-height:26px; color:#007bc8; margin-bottom:30px;}
.reference-list .reference-item .name { position:absolute; bottom:50px; font-size: 16px; line-height:20px; color:#007bc8;}
.reference-list .reference-item .firma { position:absolute; bottom:30px; font-size: 14px; line-height:20px;}
.reference-list .reference-item .url { position:absolute; font-size: 16px; line-height:20px; bottom:30px;}
.reference-list .reference-item .beschreibung { font-size: 14px; line-height:20px;  margin-bottom: 40px;}
.reference-list .reference-item .logo { max-height:60px; margin-bottom: 20px;}
/**/

/* Elements Aktuelles * 
.panel-contact.aktuelles{ margin-top:70px;}
.aktuelles-list { margin: 0 -10px; margin-top:20px; }
.aktuelles-list .aktuelles-item { display:table;margin: 10px 10px 0px 10px; width: auto; background-color:white; padding:20px; }
.aktuelles-list .aktuelles-item-text { display:table-cell;vertical-align:middle;}
.aktuelles-list .aktuelles-item-img { display:table-cell;vertical-align:middle; text-align:right;padding-left:20px;}
.aktuelles-list .aktuelles-item .datum{ font-size:16px; color:#007bc8;}
.aktuelles-list .aktuelles-item .titel{ font-size:20px; color:#007bc8;margin-top:20px;}
.aktuelles-list .aktuelles-item .beschreibung{ font-size:16px; margin-top:30px;}
/**/

/* Elements Unternehmen* /
.text.unternehmen { margin-top:30px;}
.unternehmen .text-list { margin: 0 -10px; margin-top:20px; overflow:hidden;}
.unternehmen .text-list .text-item { margin: 20px 10px 0px 10px; width: 390px; float:left;}
.unternehmen .text-list .text-item p { margin:0;}
.unternehmen .text-list .text-item .text-item-head{ padding:10px 20px 10px 20px; color:white; background-color: #39454c; border-bottom:6px solid #2774c7;font-size:18px; line-height:25px; height:50px;}
.unternehmen .grid-narrow-column{z-index:8;}
.unternehmen .text-list .text-item .text-item-body{ padding:20px 20px 20px 10px; background-color: white; min-height:135px;}
.unternehmen .text-list .text-item .text-item-body ul{ margin:0; }
.unternehmen .imgbox-list { margin-top:160px; }
.unternehmen .imgbox-list .imgbox-item { position:relative; height:250px; margin-bottom:20px; cursor:pointer;}
.unternehmen .imgbox-list .imgbox-item .imgbox-item-caption { position:absolute; bottom:0px; width:100%; background-color: #2774c7; color:white; height:25px, font-size:14px; padding-left:10px;}
.unternehmen .imgbox-list .imgbox-item .imgbox-item-img { height:250px; }

.unternehmen .imgbox-item-layer { position:absolute; top:200px;left:100px; background-color:#2774c7; background: rgba(39, 116, 199, 0.9); padding:50px 30px 20px 30px;
  -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  border-color: #3d82cd;
  border-style: solid;
  border-width: 2px;
}
.unternehmen .imgbox-item-layer .layer-close { position:absolute; top:10px; right:10px; cursor:pointer;}
.unternehmen .imgbox-item-layer .imgbox-item-title { color:white; font-size:18px; font-weight:300;}
/**/


/* Elements: Suppliers * /
.produktlieferantenseite .grid:first-of-type { padding-right: 500px; margin-bottom: 20px;}

.suppliers-list { margin: 0 -10px; }
.suppliers-list .suppliers-item { position: relative;  float: left; margin: 10px 10px 85px 10px; width: 370px; height: 210px; background-color:white; }
.suppliers-list .suppliers-item .suppliers-item-main a { position: relative; display: block; line-height: 0; text-decoration: none; }
.suppliers-list .suppliers-item .suppliers-item-main a .image { display: block;}
.suppliers-list .suppliers-item .suppliers-item-main a .image-hover { display: none; }
.suppliers-list .suppliers-item .suppliers-item-main a > h2.bezeichnung{ text-transform:none; color:#2774c7; margin-top:10px; }
.suppliers-list .suppliers-item .suppliers-item-main a:hover .image-hover { display: block;}
.suppliers-list .suppliers-item .suppliers-item-main a:hover .text { border: none; }
.suppliers-list .suppliers-item .image,
.suppliers-list .suppliers-item .image-hover { position: absolute; display: block; margin: 0px; }
.suppliers-list .suppliers-item .image:not(.image.logo){ width: 370px;}

.suppliers-list .suppliers-item .image-hover { height: 210px;}
.suppliers-list .suppliers-item .text { position: absolute; margin: 20px; width: 310px; height: 191px; font-size: 18px; font-weight: 300; }
.suppliers-list .suppliers-item .suppliers-item-footer { position: absolute; height:70px; margin: 215px 0 0 0; width: 370px; line-height: 30px; font-size: 12px; background: rgba(235,235,235,0.7);}
.suppliers-list .suppliers-item .suppliers-item-footer .image.logo {float:left; position:absolute; bottom:15px;left:10px; max-width:110px; max-height:50px; }
.suppliers-list .suppliers-item .suppliers-item-footer a { position:absolute; right:5px; top:30px;}
.suppliers-list .suppliers-item .suppliers-item-footer a span { margin-top:-7px;}
/* */

/* Elements lieferantseite * /
.panel-contact.lieferantseite{ margin-top:125px;}
.lieferantseite > h1 { margin-bottom:15px;}
.lieferantseite span.produkt { font-weight:bold; font-size:20px;}
.lieferantseite .tabs-content { padding:0px; min-height:610px;}
.lieferantseite .tabs-content-item {border-bottom: 5px solid #2774c7;}
.lieferantseite .tabs-content-item .image img { width:100%; }
.lieferantseite .tabs-content-item .image .caption { padding-left:20px; font-size:14px;}
.lieferantseite .tabs-content-item .text.links { width:50%; padding:20px 0px 100px 20px; float:left; }
.lieferantseite .tabs-content-item .text.rechts { float:left; position:absolute; top:425px; right:20px; width:40%;}
.lieferantseite .tabs-content-item .text.rechts img.produkt2 { position:relative; }

.lieferantseite .tabs-content-item .text.rechts .beschreibung2 { position:absolute; left:0px;}
.lieferantseite .tabs-content-item .text.rechts .beschreibung2 li{ line-height:24px;}
.lieferantseite .tabs-content-item a.button { width:150px; position:absolute; bottom:10px;}
.lieferantseite .tabs-content-item .text .title { font-size:25px; line-height:30px; text-transform:uppercase; margin:40px 0px 30px 0px;}
.lieferantseite .tabs-content-item .text .subtitle{ font-size:18px;margin-bottom:30px;}
.lieferantseite .tabs-content-item .text .beschreibung{ margin-bottom:50px; }
.lieferantseite .tabs-content-item .lieferantkontakt{ float:left; position:absolute; bottom:120px; right:20px; }

.lieferantseite .tabs-content-item .lieferantkontakt .titel { margin: 10px 0 20px 0; font-size: 18px; font-weight: bold; line-height: 18px; }
.lieferantseite .tabs-content-item .lieferantkontakt .adresse { margin: 0 0 20px 0; font-size: 16px; font-weight: 30; line-height: 20px; }
.lieferantseite .tabs-content-item .lieferantkontakt .contact-methods { margin: 20px 0 0 0; }
.lieferantseite .tabs-content-item .lieferantkontakt .contact-method .contact-method-label { display: inline-block; width: 80px; font-size: 14px; font-weight: 300; line-height: 20px; }
.lieferantseite .tabs-content-item .lieferantkontakt .contact-method .contact-method-value { font-size: 14px; font-weight: 300; line-height: 20px; }
/**/

/* screwerkde onlineshop style */

/* Abwicklung */
.shop.cart > div.empty { margin: 30px; text-align:center; }
.shop.cart > div.empty > a { display:inline; }

.shop.checkout > form > table { float:right; margin: 20px 100px 20px 20px;}
.shop.checkout > form > table > tbody > tr > td { text-align:right; float:right; padding-top:10px; padding-bottom:10px; }
.shop.checkout > form > table > tbody > tr > td > a { width:270px; }

.shop.confirm div.text{ width:1000px; margin:auto; font-weight: 300; font-size:16px; color:#39454C; }
/* Admin Modus: Übersetzungen */

@media screen {
  select{padding-right:15px;}
}
.login input { margin-top:5px; padding:3px; width:47%; }

.translate .Buttons { width:100%; }
.translate h3 { margin-top:20px; }

.translate div.node { font-size:20px; display:flex; flex-direction: row; align-items:center; }
.translate a.showmissing { margin-left:100px;}
.translate div.children { padding-left:5px; }
.translate span.ui-icon-pencil { display:inline-block; }
.translate span.pre { white-space: pre-wrap; }
.translate span.sh-button { width: 1.0em; display: inline-block; text-align: center; cursor: pointer; }
.translate span.ui-button-icon-primary{ cursor: pointer; }

table.translate { width:100%; table-layout:fixed; margin-top:30px;}
table.translate > thead > tr > th { text-align:left; font-size:18px; font-weight:bold; line-height:45px;}
table.translate > thead > tr > th:first-child,
table.translate > thead > tr > th:first-child { width:3%; }
table.translate > thead > tr > th:not(:first-child),
table.translate > thead > tr > th:not(:first-child) { padding-right:20px; width:48%; }
table.translate > tbody > tr > td { vertical-align:top; }

/* WISSEN */

.wissen .Buttons > .Button{ width:100px; float:left; margin:10px;}
.wissen .error { border: 3px solid #FFB6C1; }

.WissenArtikelListe,
.WissenBildListe { float:left; width:49%; }

.WissenTable > thead > tr > th { font-weight:bold; font-size: 16px; padding:10px 30px 0px 10px; }
.WissenTable > thead > tr > th:last-child { text-align:right;}
.WissenTable > tbody { height:450px; }
.WissenTable > tbody > tr > td { padding:10px 30px 0px 10px; }

.WissenBildListe > div.scrollable { overflow:visible; max-height:500px; overflow-y: auto;overflow-x: hidden;}
.WissenBildListe > div.scrollable > div { position:relative; text-align:center; max-height:150px; min-width:68px; padding:10px; margin:10px; }
.WissenBildListe > div.scrollable > div > a > img { max-height:78px; border: 1px solid #cccccc; }

.WissenBild > table { width:100%; }
.WissenBild > table > tbody > tr > td { font-size:18px; padding:50px 10px 10px 10px;}
.WissenBild > table > tbody > tr.bild { min-height:200px;}
.WissenBild > table > tbody > tr > td > img { margin-bottom:30px; max-width:500px; max-height:500px; border: 1px solid #cccccc;}
.WissenBild .Buttons { margin-left:0;}
.WissenBild .Buttons > .Button{ width:100px; float:left; margin-right:20px;}


.WissenArtikel > .Buttons { width:800px; margin:20px 0 0 0; }
.WissenArtikel input { margin-top:20px; width:790px;}
.WissenArtikel > .titel,
.WissenArtikel .titel > span{ margin: 0 0 20px 0; font-size: 30px; line-height: 30px; text-transform:uppercase; float:left; }
.WissenArtikel .titel a.edit { float:left; }
.WissenArtikel .inhalt.edithtml { margin-top:30px; width:800px; min-height:200px; border: 1px solid #cccccc; }
/* Modifiers */
.hidden { display: none; }
.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center; }
.bold { font-weight:bold;}
.nobr { white-space:nowrap;}
.error { color:#FF0000; }
.selecterror { color:#FF0000; padding-left:20px; }
.clearboth {clear:both;}
.pale{ color:#999999;}
.pointer{ cursor:pointer;}
.smaller-font { font-size:80%; }
.bigger-font {font-size:130%; }
.valign-super  { vertical-align:super;}
.valign-sub { vertical-align:sub; }
.valign-bottom { vertical-align:bottom; }
.padding-top-bottom {padding-top:10px; padding-bottom:10px; }
.list-with-image ol, .list-with-image ul{ list-style-image: url("liststyletype.png"); padding-left:20px; }
.pflichtangabe { float:right; font-size:80%; margin-right:20px;}
.border-bottom { border-bottom:1px solid #cccccc; }
.shaded{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC) repeat; }
div.block{ display:inline-block;}
span.block{ vertical-align:top;}

.flex-row { 
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.space-around { 
  -webkit-align-items: space-around;
  align-items: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.space-between { 
  -webkit-align-items: space-between;
  align-items: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.pdf:before  { content: url("icon-pdf.png");  position: absolute; margin: -1px 10px 0 -20px; }
.step:before { content: url("icon-step.png"); position: absolute; margin: -1px 10px 0 -20px; }
.iges:before { content: url("icon-iges.png"); position: absolute; margin: -1px 10px 0 -20px; }

.subtitle { display:block; font-size:18px; margin-bottom: 20px; }

.text { position:relative; }

.circle-links{
  z-index=1;
  position:absolute;
  top:250px;
  left:200px;
  border-radius: 50%;
  width: 800px;
  height: 800px;
  background: #BED2E6;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

.circle-rechts{
  z-index=1;
  position:absolute;
  top:-200px;
  left:800px;
  border-radius: 50%;
  width: 1100px;
  height: 1100px;
  background: #BED2E6;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

.fadeIn {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-opacity: 0.0;
  -moz-opacity: 0.0;
  opacity: 0.0;
}

.fadeOut {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.doFadeIn{ -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; z-index : 10; }
.doFadeOut{ -webkit-opacity: 0.0; -moz-opacity: 0.0; opacity: 0.0; z-index : -10; }

.ui-tooltip{
  position:absolute;
  font-family: "Oxygen", "Helvetica Neue", "Helvetica", sans-serif; 
  font-size:12px;
  font-weight:bold;
  line-height:15px;
  background:#2774c7;
  color:#ffffff;
  border:none;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  padding:5px;
}
span.ui-button {
  width: 1.5em;
  height:1.5em;
}

/* scrollable table body */
table.scrollable thead:after { display:block; line-height:10px; content:"-"; visibility:hidden; }
table.scrollable tbody { overflow:visible; overflow-y: auto;overflow-x: hidden; }
table.scrollable tbody,
table.scrollable thead {
  display:block;
  scrollbar-face-color: #2774c7;
  scrollbar-arrow-color: #2774c7;
}
::-webkit-scrollbar-button { color:#2774c7;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
::-webkit-scrollbar { width: 10px; height: 0px;}
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #2774c7; border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; }

body > .Tooltip {
  position: absolute;

  max-width: 500px;
  margin-top: 10px;
  margin-left: 10px;

  font-weight: normal;
  font-family: "Oxygen", "Helvetica Neue", "Helvetica", sans-serif; 
  font-size:12px;

  background-color: #2774c7;
  line-height:15px;
  color:#ffffff;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  border: 1px solid #2774c7;
  border-radius: 5px;
  box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.5);

  padding: 5px;
  z-index: 1000;
}
/*
body > .Tooltip > :first-child {
  margin-top: 0px;
}
body > .Tooltip > :last-child {
  margin-bottom: 0px;
}*/