html,
form,
body,
ul,
li {
    margin: 0px;
    padding: 0px;
}

body,
form,
html{height:95%}

body {font-family:Verdana; font-size: 8pt;}

.titel {font-size: 14pt; font-weight:bold; font-style:italic;}
.hervorgehoben {font-weight:bold;}

.artikelimage {max-width:400px;}
.rltbPager {display: none;}

.clocktext {right: 10px; top:90px; position: absolute; border-style:none; font-size:7pt; border-width:0px; color: #FFFFFF; background-color:Transparent; font-weight: bold; z-index: auto; text-align: right; width: 240px; }
.clock { right: 5px; top:89px; position: absolute; background-color:Transparent; font-size:7pt; border-style:none; border-width:0px; color: #FFFFFF; font-weight: bold; font-family:Verdana; z-index: auto; text-align: right; width: 60px;}
.kundennranzeige {right: 10px; top:75px; position: absolute; border-style:none; font-size:7pt; border-width:0px; color: #FFFFFF; background-color:Transparent; font-weight: bold; z-index: auto; text-align: right; width: 190px; }
/*.clocktext {border-style:none; font-size:8pt; border-width:0px; color: #FFFFFF; background-color:Transparent; font-weight: bold; position: fixed; z-index: auto; right: 45px; top: 90px; text-align: right; width: 200px; }
.clock {background-color:Transparent; font-size:8pt; border-style:none; border-width:0px; color: #FFFFFF; font-weight: bold; font-family:Verdana; position: fixed; z-index: auto; right: 5px; top: 89px; text-align: right; width: 40px;}*/

.table_header {color:#FFFFFF; background-color:#4376A5; font-weight:bold;}
.table_header a:link {color:#FFFFFF;}
.table_header a:visited {color:#FFFFFF;}

.table_optionen {background-color:Silver; border-style:solid; border-width:1px; border-color:#000000;}

.color_main {color:#4376A5;}
.color_main_background {background-color:#4376A5;}
.color_second_background {background-color:#DCDCDC;}

.button_default {background-color:#E0E0E0;}
.button_delete {background-color:#FF8080;}
.button_hervorgehoben {background-color:#ed3d3d; font-weight:bold; font-size:12pt;}
.button_menue_normal {background-color:LightGray; font-weight:bold; font-size:8pt; text-decoration:underline; width:120px; border:1px solid silver}.text_gross {font-family:Verdana; font-size: 12pt;}
.text_standard {font-family:Verdana; font-size: 10pt;}
.text_klein {font-family:Verdana; font-size: 8pt;}
.text_ueberschrift {font-family:Verdana; font-size: 14pt; font-weight:bold;}

.menu_style {font-size: small; font-weight:bold; background-color:#4376A5; color:#FFFFFF; text-decoration:none;}
.menu_style a:link {color:#FFFFFF;}
.menu_style a:visited {color:#FFFFFF;}

.mainmenu_style {font-family:Verdana; font-size: 10pt; line-height:20px; font-weight:bold; background-color:#4376A5; color:#FFFFFF; text-decoration:none;}
.mainmenu_style a:link {color:#FFFFFF;}
.mainmenu_style a:visited {color:#FFFFFF;}

.schnellsuche_text {font-size:small;}

.treeview_parentnode_style {font-weight:bold;}
.treeview_parentnode_style a:link {color:#808080;}
.treeview_parentnode_style a:visited {color:#808080;}

.treeview_selectednode_style {font-style:inherit;}
.treeview_selectednode_style a:link {color:#808080;}
.treeview_selectednode_style a:visited {color:#808080;}

.treeview_style {font-size:x-small;}
.treeview_style a:link {color:#FFFFFF;}
.treeview_style a:visited {color:#FFFFFF;}

.imagebutton{ margin-right:0px; margin-bottom:0px;}
.imagebutton:hover{margin-right:3px; margin-bottom:3px;}

.warengruppe {font-size:x-small;}
.warengruppe a:link {color:#FFFFFF;}
.warengruppe a:visited {color:#FFFFFF;}

.hersteller {background-color:Silver; border-color:Black; border-style:solid; border-width:1px; font-size:8pt; height:22px; width:110px;}
.hersteller:hover{background-color:Khaki;}

.warenkorb_artikel_tabelle{font-size:8pt;}
.warenkorb_onlinebonus {font-size:8pt; color:Blue;}
.warenkorb_eintrag_loeschen {font-size:8pt; color:Blue;}
.warenkorb_kreditkauf{background-color:#CCCCCC;}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modalPopup
{
	background-color: #ffffdd;
	border-width: 1px;
	border-style: solid;
	border-color: Gray;
	padding: 1px;
}

.Stueckliste
{
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: Gray;
	padding: 1px;
	font-family:Verdana;
	font-size: 10pt;
}
.Stueckliste_TableRow {text-align:left;}
.Stueckliste_LinkCell {width:100px;}
.Stueckliste legend {
    background-color:none;
    color:black;
}

hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

/*legend {font-size:10pt; font-weight:bold; background-color:#4376A5; color:silver;}*/
legend {font-size:10pt; font-weight:bold; background-color:#4376A5; color:white;}

/*.tickertext
{
    background-color: #ffff00;
}*/

.detailsuche-left{
    border-right: 0;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 6px 12px;
    height: 28px;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: left;
    background-color: #eee;
    border: 0px solid #ccc;
    width: 140px;
    white-space: nowrap;
    vertical-align: middle;
    /*display: table-cell;*/
    box-sizing: border-box;
    border-collapse: separate;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image:url('../images/Shop/caret_down.png');
    background-position:116px;
    background-repeat:no-repeat;
    text-indent: 0.01px;/*In Firefox*/
    text-overflow: '';/*In Firefox*/
}

.detailsuche-left::-ms-expand {
    display: none;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;*/
}

.detailsuche-left::-ms-value {
    background: none; /* remove blue background on ie10/ie11 when selected*/
    color:#000;
}

.detailsuche-input{
    border-radius: 0;
    vertical-align: middle;
    /*display: table-cell;*/
    z-index: 2;
    width: 400px;
    margin-bottom: 0;
    height: 28px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 0px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-family: inherit;
    border-collapse: separate;
    box-sizing: border-box;
    margin: 0;
}

.detailsuche-input:-moz-placeholder{
    font-style: italic;
    color: #ff0000;
}

.detailsuche-input::-moz-placeholder{
    font-style: italic;
    color: #ff0000;
}

.detailsuche-input:-ms-input-placeholder{
    font-style: italic;
    color: #ff0000;
}

.detailsuche-input::-webkit-input-placeholder{
    font-style: italic;
    color: #ff0000;
}

.detailsuche-right{
    border-left: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 28px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 0px solid #ccc;
    /*width: 22px;*/
    white-space: nowrap;
    vertical-align: middle;
    /*display: table-cell;*/
    box-sizing: border-box;
    border-collapse: separate;
}

.detailsuche-box{
    display: inline-flex;
    z-index: auto;
    position: absolute;
    top: 73px;
    border-collapse: separate;
    border: 1px solid #ccc;
    width: auto;
    border-radius: 5px;
}

.detailsuche-wrapper{
    display:block;
    width:586px;
    margin-left:auto;
    margin-right:auto;
}

.image-collage-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
    margin: auto;
}

.image-collage-container img {
	max-width: 300px;
	max-height: 300px;
	width: auto;
	height: auto;
	object-fit: cover;
}

.uploadOk {
    display: block;
    border-radius: 15px;
    border: 1px solid #73AD21;
    padding: 7px 7px 7px 7px;
    margin-top: 20px;
    color: #73AD21;
}

.uploadError {
    display: block;
    border-radius: 15px;
    border: 1px solid #FF0000;
    padding: 7px 7px 7px 7px;
    margin-top: 20px;
    color: #FF0000;
}