#content_frame {
  /*overflow: hidden;*/
}/*
 * standard.css
 */

* {
  margin: 0px;
  padding: 0px;
}

html, body {
/*  height: 100%;*/
  width: 100%;
}

.position_rel {position: relative;}
.position_abs {position: absolute;}

.border        {border: #ddd 1px solid;}
.border_l      {border-left: #ddd 1px solid;}
.border_t      {border-top: #ddd 1px solid;}
.border_r      {border-right: #ddd 1px solid;}
.border_b      {border-bottom: #ddd 1px solid;}
.noborder      {border: none;}
.border_hidden {border: 1px solid transparent;}

.rounded      {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.rounded_tl   {border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px;}
.rounded_tr   {border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px;}
.rounded_bl   {border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomleft: 5px;}
.rounded_br   {border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomright: 5px;}

.grey_medium  {background-color: #cccccc !important;}
.grey_light   {background-color: #f5f5f5;}
.grey_dark    {background-color: #888888;}
.bg_red       {background-color: #faa;}
.bg_green     {background-color: #afa;}
.bg_blue      {background-color: #aaf;}
.bg_tooltip   {background-color: lemonchiffon;}
.bg_highlight {background-color: lemonchiffon;}  /* $().effect('highlight') verwendet fest '#ffff99'  */
.bg_suggestion_0 {background-color: #ffe;}
.bg_suggestion_1 {background-color: #eef;}
.bg_suggestion_2 {background-color: #eff;}
.bg_suggestion_3 {background-color: #fee;}
.bg_suggestion_4 {background-color: #efe;}
.bg_suggestion_5 {background-color: #fef;}
.bg_suggestion_6 {background-color: transparent}

.ui-autocomplete.SearchArticles {width: 500px;}

.fg_red       {color: #faa;}
.fg_green     {color: #afa;}
.fg_blue      {color: #aaf;}


.margin       {margin: 10px}
.margin_t     {margin-top: 10px}
.margin_r     {margin-right: 10px}
.margin_l     {margin-left: 10px}
.margin_b     {margin-bottom: 10px}

.padding       {padding: 10px;}
.padding_t     {padding-top: 10px}
.padding_r     {padding-right: 10px}
.padding_l     {padding-left: 10px}
.padding_b     {padding-bottom: 10px}

.blue          {color: blue}

.color_text_grey {color: #666;}
.color_text_grey_medium {color: #ccc;}
.color_text    {color: #000000;}
.color_title_active {color: #EB8F00 !important;}
.color_title_inactive {color: #1C94C4;}

.small         {font-size: 0.8em;}
.font_normal   {font-size: 1em;}
.big           {font-size: 1.2em;}
.bold          {font-weight: bold;}


.float_l       {float: left;}
.float_r       {float: right;}
.clear         {float: none; clear: both;}

.left          {text-align: left;}
.right         {text-align: right;}
.center        {text-align: center;}

.top           {vertical-align: top;}
.middle        {vertical-align: middle;}
.bottom        {vertical-align: bottom;}

.link          {color: blue !important;}
.link:visited, .link:focus, .link:hover, .link:active {text-decoration: underline !important;}
.cursor_link, .link   {cursor: pointer;}
.cursor_move   {cursor: move;}

.hidden        {display: none; }

.default_text  {font-style: italic; color: #666}

/*.tooltip       {background-color: lemonchiffon; border: 1px dotted #888;}*/
.underline     {text-decoration: underline !important;}

.ellipsis      {text-overflow: ellipsis; -o-text-overflow: ellipsis;}

.warning       {display: block; border: 1px solid red; padding: 10px; margin: 0px 0px 10px 0px; font-size: 1.2em; color: red;}

.td_nowrap     {white-space: nowrap;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

a {
  color: #333;
}

/*.countBadge {
  float: left;
  margin-top: -30px;
  margin-left: 95px;
  background:#ed1d24;
  color: #fff;
  padding: 0px 4px;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  outline: 2px solid white;
}
.countBadgeZZ span {
  border: 2px solid white;
  padding: 0px 5px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}*/

.badge_basket {
  z-index: 10;
}
.badge_basket {
   position:relative;
}

.badge_basket[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-12px;
   right:-4px;
   font-size:.9em;
   background:green;
   color:white;
   padding: 0px 5px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
   opacity: .6125;
}

#banner {
/*  background: url(../Images/Default/logo-background2.jpg) repeat-x;*/
  background-color: white;
  height: 120px;
  font-size: 16pt;
  color: #006666;
  vertical-align: middle;
}

#content_frame {
  overflow: hidden;
}

.shadow {
  box-shadow: 1px 1px 8px 4px #ccc; -moz-box-shadow: 1px 1px 8px 4px #ccc; -webkit-box-shadow: 1px 1px 8px 4px #ccc;
}

.shadow_small {
  box-shadow: 0px 0px 8px 0px #ccc; -moz-box-shadow: 0px 0px 8px 0px #ccc; -webkit-box-shadow: 0px 0px 8px 0px #ccc;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
  box-shadow: 1px 1px 8px 4px #ccc; -moz-box-shadow: 1px 1px 8px 4px #ccc; -webkit-box-shadow: 1px 1px 8px 4px #ccc;
  border-color: #aaa;
/*	opacity: 0.7;*/
/*  background-image: url("../Images/Default/shadow.png");
  background-attachment: fixed;
  background-clip: border-box;
  background-origin: content-box;
  background-repeat: no-repeat;
  background-size: auto;*/
}
/*#tooltip h3, #tooltip div {opacity: 1;}*/
#tooltip h3 {vertical-align: top; font-size: 1.2em; font-style: italic; border-bottom: 1px solid #ddd; margin-bottom: 10px;}

#header {
  font-size: 1.2em;
}

#header a {
  text-decoration: none;
}

#header a span {
/*  background-color: #fff;*/
  padding: 10px 10px 4px 10px;
  margin-top: 10px;
}

#header a:hover span {
/*  background-color: #eee;*/
}

.toolbar
{
  /*border: 1px solid #1C94C4;*/
/*  border-top: none;*/
  /*height: 37px;*/
  margin-bottom: 20px;
  padding-top: 5px;
}

.toolbutton
{
/*  margin: 0px 10px 0px 10px;
  height: 32px;
  width: 32px;*/
  float: left;
  cursor: pointer;
}

.toolbar div
{
  opacity: 0.8;
}

/* innere horiz. Scrollbar, falls ein Inhalt zu breit wird (z.B. wenn kein Umbruch möglich ist)*/
.content_data {
  overflow-x: auto;
  display: block;
}

.pager
{
  width: 20px;
  text-align: center;
  float: left;
  cursor: pointer;
  margin: 3px 3px;
  padding: 5px 1px;
}
.pager.disabled {
/*  background-color: #cccccc;*/
}

.pager:hover
{
/*  background-color: #eee;*/
}

span.maintab {
/*  margin-left: 5px;*/
}

img.normal {
  max-width: 100%;
  max-height: 100%;
}

img.thumbnail {
  max-width: 80px;
  max-height: 80px;
}

img.logo {
  max-width: 200px;
  max-height: 100px;
}

table {
  empty-cells: show;
  border-collapse: collapse;
}

table.table_Data {
  width: 100%;
}

td
{
  vertical-align: top;
}

th, td
{
  padding: 3px;
  text-align: left;
}

input[type=text], input[type=password], input[type=file], textarea {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
}

input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, textarea:focus {
  background-color: #FBD850;
}

input:focus, textarea:focus, input:hover, textarea:hover {
  outline-width: 1px;
  outline-style: solid;
  outline-color: #1C94C4;
  outline-offset: 1px;
/*  background-color: orange;*/

}

input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus, input:disabled:hover {
  outline: none;
}

input:disabled:hover {
  background-color: #ebebe4;
}


input[type=text].error, input[type=password].error {background-color: orangered;}

/*input[type=radio] {margin-bottom: 0px !important;}*/

/*
input[type=button]:hover {background-color:#FFE8EE;}
input[type=button]:active {background-color:#FFE8EE;}
input[type=button]:focus {background-color:#FFE8EE;}

input[type=submit]:hover {background-color:#FFE8EE;}
input[type=submit]:active {background-color:#FFE8EE;}
input[type=submit]:focus {background-color:#FFE8EE;}
*/

/*input[type=button], button {
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -moz-outline-radius-bottomleft:4px;
  -moz-outline-radius-bottomright:4px;
  -moz-outline-radius-topleft:4px;
  -moz-outline-radius-topright:4px;
  background-color: #ddd;
  border:1px solid #FFFFFF;
  color: #000;
  cursor:pointer;
  height:24px;
  width: 100px;
  outline-color: #999;
  outline-style:outset;
  outline-width:1px;
}

input[type=button]:focus, input[type=button]:hover, input[type=button]:active {
  outline-color: #000;
}

input[type=button][disabled] {
  outline-color: #aaa;
  background-color: #eee;
  color: #888;
}

button:focus, button:hover, button:active {
  outline-color: #000;
}*/


div.popup {
  background-color: #ddd; /*#f3f3f3;*/
  border: #aaa 2px solid;
}

div.popup h3 a {
  font-size: 1.2em;
  font-weight: bold;
}

/* muss am Ende stehen! */

.disabled       {border-color: #cccccc; color: #888888; cursor: default;}
.disabled:hover {background-color: #ffffff;}

.toolbar div.disabled       {border: none; opacity: 0.3;}
.toolbar div.disabled:hover {background-color: transparent;}

.changed {font-weight: bold;}
input[type=checkbox].changed {outline-width: 2px; outline-style: solid; outline-color: #1C94C4;}

.group_collapsed{height: 240px;}
.accordion_title_right {position: absolute; right: 10px;}

.sidebar_hidden {
  right: 47px;
}

.sidebar_visible {
  right: 256px;
}

.sidebar_inactive {
  right: 10px;
}

.ui-autocomplete {
  overflow-y: auto;
  overflow-x: hidden;
  background: whitesmoke;  /* muss kompletten Background überschreiben */
}

a img {
  border: none;
}

.TModule_NavigationHead.ModulContent {
  position: absolute;
  top: 10px;
  right: 0px;
  /*width: 140px;*/
}

#NavigationHead {
  list-style-type: none;
  display: inline;
}

#NavigationHead li {
  float: left;
}

#NavigationHead li a {
  border-right: 2px solid #eee;
  color: #aaa;
}

#NavigationHead li:last-child a {
  border-right: none;
}

#NavigationHead li a:hover {
  text-decoration: underline;
}

.Carousel_Item {
  width: 150px;
  height: 150px;
  float: left;
  cursor: pointer;
  overflow: hidden;
  margin-bottom: 2px;
  margin-right: 10px;
}

div.Carousel_Item_Name {
  text-align: center;
  height: 38px;
  overflow: hidden;
  line-height: 1.2em;
}

div.Carousel_Item_Image {
  text-align: center;
  margin: 0px 5px 5px 5px;
}

img.Carousel_Item_Image {
  max-height: 80px;
  max-width: 130px;
}
.caroufredsel_wrapper * div.Carousel_Item_Name {
  font-weight: bold;
}
.caroufredsel_wrapper * .Carousel_Item {
  width: 176px;
  height: 176px;
  margin: 3px 1px;
}
.caroufredsel_wrapper * img.Carousel_Item_Image {
  max-height: 130px;
  max-width: 150px;
}
.CarouselGroups_Index_H.ui-accordion .ui-accordion-content {
  overflow: visible;
}



.VariantsOutperformer_Item{
  margin: 5px 2px 5px 2px;
  width: 180px;
}

ul.thumblist      {display:block;}
ul.thumblist li   {float:left;margin-left:5px;list-style:none;}
ul.thumblist li a {display:block;}

/*#templateroller {
  position:absolute;
  top: 8px;
  left: 150px;
  width: 150px;
}

#themeroller {
  position:absolute;
  top: 30px;
  left: 150px;
  width: 150px;
}*/

.TModule_TemplateRoller.ModulContent {
  position:absolute;
  top: 10px;
  left: 510px;
  width: 150px;
}

.TModule_ThemeRoller.ModulContent {
  position:absolute;
  top: 10px;
  left: 350px;
  width: 150px;
}

.Calendar {
  overflow: hidden;
}

div.node_content {
  width: 100%;
  border: none;
}

div.node_content a {
  display: block;
}

div.node_content_link {
  margin: 2px 0px 2px 15px;
}
/*
#BasketDeliveryAddresses {
}

#ButtonBasketDeliveryAddresses {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  padding: 0 0 0 0;
  border-left: 1px solid #ccc;
}
*/
#footer {z-index: 10001;}

.kacheln_wrap {
  overflow-x: auto;
}

.kachel_hover {
  width: 150px;
  height: 195px;
  overflow: hidden;
}

.kachel_hover a {
  text-align: center;
}

.kachel_hover a img {
  margin: 3px;
  max-width: 144px;
  max-height: 144px;
}

.kachel_hover div.top,
.kachel_hover div.bottom {
  /*display: none;*/
  height: 51px;
  width: 100%;
  background-color: #444;
  opacity: .75;
  overflow: hidden;
}

.kachel_hover div.top {
  /*height: 55px;*/
}

.kachel_hover div.middle {
  height: 149px;
}

.kachel_hover div.bottom {
  bottom: 0px;
}

.kachel_hover div p {
  margin: 2px 5px;
  color: white;
}

.kachel_hover a {
  display: block;
  height: 100%;
}

.kachel_hover * td {
  padding: 0px;
}

.kachel_hover table {
}

.kachel_wrap {
}

/*
.kachel_hover {
  position: relative;
  width: 150px;
  height: 150px;
  overflow: hidden;
}

.kachel_hover a {
  text-align: center;
}

.kachel_hover a img {
  margin: 3px;
  max-width: 144px;
  max-height: 144px;
}

.kachel_hover span.top,
.kachel_hover span.bottom {
  position: absolute;
  width: 100%;
  background-color: #333;
  opacity: .75;
  overflow: hidden;
}

.kachel_hover span.top {
}

.kachel_hover span.bottom {
  bottom: 0;
}

.kachel_hover span p {
  margin: 5px;
  color: white;
}

.kachel_hover a {
  display: block;
  height: 100%;
}

.kachel_hover * td {
  padding: 0px;
}
*/

span .ArticlePriceNetCustomer {
  color: white;
}

tr.folgeart {
  opacity: .7;
}

/*CarouFredSel*/
a.carousel_prev, a.carousel_next {
    background: url(./Images/Default/caroufredsel_sprite.png) no-repeat transparent;
    width: 45px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50px;
}
a.carousel_prev {            left: -20px;
                    background-position: 0 0; }
a.carousel_prev:hover {      background-position: 0 -50px; }
a.carousel_prev.disabled {   background-position: 0 -100px !important; background-color: transparent; }
a.carousel_next {            right: -12px;
                    background-position: -50px 0; }
a.carousel_next:hover {      background-position: -50px -50px; }
a.carousel_next.disabled {   background-position: -50px -100px !important; background-color: transparent; }
a.carousel_prev.disabled, a.carousel_next.disabled {
    cursor: default;
}

a.carousel_prev span, a.carousel_next span {
    display: none;
}

.carousel_pagination {
    text-align: center;
}
.carousel_pagination a {
    background: url(./Images/Default/caroufredsel_sprite.png) 0 -300px no-repeat transparent;
    width: 15px;
    height: 15px;
    margin: 5px 5px 0 0;
    display: inline-block;
}
.carousel_pagination a.selected {
    background-position: -25px -300px;
    cursor: default;
    padding: 0px;
}
.carousel_pagination a span {
    display: none;
}

.NavigationTop_Wrap {
  margin-left: 15px;
}

.SidebarDisableToggler {
  position: absolute;
	top: -26px;
	right: 0px;
}

.SidebarDisableButton {
  width: 25px;
  height: 25px;
  margin-bottom: 0px;
}

.SidebarDisableText {
  height: 25px;
  margin-right: 2px;
  vertical-align: bottom;
}

.ExpressForm.Content {
  overflow-x: auto;
}

#content_popup {
  background-color: white;
  height: 100%;
}

#footer {
  position: fixed;
  bottom: -5px;
  left: 10px;
  right: 10px;
  padding: 0px 0px 5px 0px;
}

.scroll_top {
  position: fixed;
  bottom: 20px;
  right: 11px;
  width: 27px;
  height: 16px;
  cursor: pointer;
  background-image: url(/Images/Default/navigate_close.png);
}

.SearchArticles .ui-accordion-content {
	overflow: hidden;
}

.BasketOCI.Content input[type=text] {
  width: 400px;
}

.BasketOCI.Content input[type=submit] {
  width: 200px;
}

p.email_required {
  color: #ff0000;
  font-size: 1.1em;
  margin-left: 20%;
  margin-right: 20%;
}

@media only screen and (max-width: 1258px){
  .scroll_top {bottom: 0px; z-index: 10002;}
}

.DataProtectionDeclaration h3, .DataProtectionDeclaration p {
  margin-top: 10px;
}