/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}
img{border:0}
header,footer,nav,section,aside,article,figure,figcaption{display:block}
body{font-size:100.01%;}
select,input,textarea{font-size:99%;}
#container,.inside{position:relative;}
#main,#left,#right{position:relative;}
#main{width:100%;}
#left{margin-left:-100%;}
#right{margin-right:-100%;}
#footer{clear:both;}
#main .inside{min-height:1px;}
.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none;}
.ce_gallery>ul li{float:left;}
.ce_gallery>ul li.col_first{clear:left;}
.float_left{float:left;}
.float_right{float:right;}
.block{overflow:hidden;}
.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both;}
.invisible{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.custom{display:block;}
#container:after,.custom:after{content:"";display:table;clear:both;}

body{/*background-image:url(/img/bg.jpg);background-repeat:no-repeat;background-position: top left; background-size:cover;*/ background-color:#133855;font-size:1rem;font-family:arial;color:#fff;line-height:1.2rem;}
.topbar, .div_suchen {background-color: #daebf5; padding:0.5rem 1rem;color:#133855;font-size:0.8rem;}
.div_links {background-color: #e6e6e6; padding:0.5rem 1rem;color:#133855;font-size:0.8rem;}
.div_links a {margin-right:1rem;}
.topbar a i {padding-left:0.3rem;}
a {color:#133855;font-family:arial;text-decoration:none;border:none;outline:none;}
.fal, .far {font-family:arial;}
.float_left {float:left;}
.float_right {float:right;}
#main {padding:1rem;box-sizing:border-box;}
#maingrey {padding:1rem;box-sizing:border-box;background-color: #f1f4f9;color:#133855;}
.cleardiv {content:'';display:block;clear:both;}

/* MAIN */
h2 {font-size:1.12em; line-height:1em;}

/*NAVI*/
#hnav {background-color:#133855;border-bottom:2px solid #fff;border-top:2px solid #fff;}
#snav {background-color: #fff ;border-bottom:2px solid #fff;}
#hnav ul, #snav ul {margin:0;padding:0;}
#hnav ul li, #snav ul li {display:inline-block;border-right:2px solid #fff;}
#hnav ul li a {color:#fff;display:block;padding:1rem;font-weight:600;font-size:0.72rem; text-decoration: none;}
#snav ul li a {color:#133855;display:block;padding:0.7rem;font-size:0.8rem;}
#snav ul li:first-child a {padding-left:1rem;}
#hnav ul li a:hover, #hnav ul li a.current, #snav ul li a:hover, #snav ul li a.current {color:#133855;background-color:#dcdcdc;}
#hnav ul li a i {padding-left:0.5rem;font-size: 1.2rem;}

/*#snav ul li a:hover, #snav ul li a.current {color:#133855;background-color:#b7d7ee;}*/

/*Suche Filter*/
.div_suchen input.searchword {font-size:1rem;padding:0.3rem;width:450px;height:auto;}
.div_suchen input, .div_suchen select {font-size:1rem;padding:0.3rem;width:auto;height:auto;}

.div_weiterefilter {padding-top:1rem;}
.hl_weiterefilter {color:#133855;font-size:0.9rem;font-weight:600;margin:0.5rem 0 0.5rem 0;}
.div_suchen {border-bottom:2px solid #fff;background-color: #daebf5; padding:1rem;}

/* Ergebniss Tabellen */
.result table {border-collapse: collapse;}
.result th, .result tr th {background:linear-gradient(to bottom, #fdfdfd, #c9c9c9); color:#133855; font-size:0.76rem;padding:0.5rem 1rem 0.5rem 0.5rem;}
.result td {font-size:0.86rem;color:#133855;padding:0.3rem 0.5rem;overflow:hidden;}

.result tr.empty { background:#d22d2d !important; }
.result tr.parts { background:#bd981e !important; }
.result .empty td, .result .parts td {color:#fff !important;}
.result .notselected td {text-decoration: line-through;}
.result .empty td.empty_cell_white {background-color:#bcb0b0; !important;}
.result .paymentrow td {background:linear-gradient(to top, #fdfdfd, #c9c9c9); color:#133855; font-weight:600; font-size:0.86rem;padding:0.5rem 1rem 0.5rem 0.5rem;}

.result tr {background-color:#f1f4f9;}
.result tbody tr:nth-child(odd) {background-color:#daebf5;}
.result.pos tbody tr:nth-child(odd) {background-color:#ffffff;}
.result.pos tbody tr:nth-child(4n+1) {background-color:#daebf5;}
.result td.options {font-size:1.2rem; white-space: nowrap;}
.result td.options a {display:inline-block;margin-right:0.85rem;}
.result td .status {font-size:1.4rem;}
.result td .status.active {color:#00bc32;}
.result td .status.disabled {color:#ba001a;}
.result td.center {text-align: center;}
.result td.tdline {padding:0;border-spacing:0;border-collapse: collapse;}

.result td a.innerlink{text-decoration:underline;font-weight:bold;}
.result a.green {color:#00bc32;}
.result a.red {color:#ba001a;}

.result.tablesorter thead tr .header {
  background-image: url(/img/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

.result.tablesorter thead tr .headerSortUp {
  background-image: url(/img/asc.gif);
}
.result.tablesorter thead tr .headerSortDown {
  background-image: url(/img/desc.gif);
}

.ui-dialog-content .result td, .ui-dialog-content .result th {font-size:0.75rem;}


/* TABS*/

#tabs table {border-collapse: collapse;}
#tabs th {background:linear-gradient(to bottom, #fdfdfd, #c9c9c9); color:#133855; font-size:0.76rem;padding:0.5rem 1rem 0.5rem 0.5rem;}
#tabs td {font-size:0.9rem;color:#133855;padding:0.3rem 0.5rem;}
#tabs tr {background-color:#f1f4f9;}
#tabs tbody tr:nth-child(odd) {background-color:#daebf5;}
#tabs td.options {font-size:1.2rem; white-space: nowrap;}
#tabs td.options a {display:inline-block;margin-right:0.85rem;}
#tabs td .status {font-size:1.4rem;}
#tabs td .status.active {color:#00bc32;}
#tabs td .status.disabled {color:#ba001a;}
#tabs td.center {text-align: center;}

/* Tabs vertikal*/
  .ui-tabs-vertical { width: auto; }
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: auto;}

#maingrey .ui-widget.ui-widget-content {border:none;}
#maingrey .ui-widget-content {background-color: transparent;}
#maingrey .ui-tabs-vertical .ui-tabs-panel {background-color:#fff;}
#maingrey .ui-tabs-vertical a {font-size:0.84rem;color:#133855;}
#maingrey .ui-widget-header {background-color:transparent;}
#maingrey .ui-tabs .ui-tabs-nav {padding:0;}
#maingrey .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border:0;}
#maingrey .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:0;}

#maingrey .ui-tabs .ui-tabs-panel { padding: 1em; }

#maingrey .ui-widget-content h2,h3 {color:#133855;font-size:1.12rem;}
#maingrey .ui-widget-content h2 {font-weight:600;font-size:1.1rem;}
#maingrey .ui-widget-content h3 {font-weight:600;font-size:1rem;}
#maingrey .ui-widget-content p {font-size:1rem;}

#maingrey .block-float-lft {width:30%;margin:0 50px 0 0;max-width:600px;display:inline-block;box-sizing: border-box;}

a.accordion-header {text-decoration: none; font-weight: 600; background-color:#133855; color:#fff;}
a.accordion-header:hover { color: #fff; }

.accordion-button:focus { box-shadow: none !important;}

.accordion-button .status {position: absolute; bottom:0.5rem; margin-left:0.2rem;}
.fs-2 { font-size:1rem; }
.fc-green { color: #00bc32;}
.fc-red { color: #ba001a;}


.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { opacity: 0.85 !important;}



.error, .formerror {color:#bb0119;font-size:1rem;line-height:1.2rem;padding:1rem;border:1px solid #bb0119;margin-bottom:0.5rem;display:inline-block;}

label.error {color:#bb0119; font-weight:600;}

/* FORMS */
textarea { width:300px; height:100px;box-sizing: border-box;}
input[type='text'] {width:300px;box-sizing: border-box;}
select {width:300px;box-sizing: border-box;}

input[type='text'].form-control {width:100%;}

textarea.form-control {height:200px !important;}

input[type='text'].number {width:75px;box-sizing: border-box;}

input.middle {width:150px;box-sizing: border-box;}

input.inputlogin {width:250px;padding:5px;}

/* Lieferanschriften*/
input.marginRight {margin-right:10px;}
input.marginTop {margin-top:10px;}
input.inputanschriften_large, select.inputanschriften_large {width:300px;}
input.inputanschriften_medium, select.inputanschriften_medium {width:200px;}
input.inputanschriften_small, select.inputanschriften_small {width:100px;}

table tr.vtop td {vertical-align: top;}


.status_1, .status_2, .status_3, .status_4 { text-align:center;font-size:8px; background-color:#a10000; color:#a10000; width:20px; height: 20px; border-radius: 50%; display: inline-block; margin:0 auto; }

.status_2 {background-color:#0000ff; color:#0000ff;}
.status_3 {background-color:#cece17; color:#cece17;}
.status_4 {background-color:#28c80d; color:#28c80d;}


.dimesionsimages img { max-width: 100% }
