/* setzt Contentbereich bei großen Bildschirmen nach rechts *//*Attribute Price Updater*/
@font-face {
  font-family: 'fjallaoneregular';
  src: url('css/fonts/fjallaone.eot');
  src: url('css/fonts/fjallaone.eot?#iefix') format('embedded-opentype'),
  url('css/fonts/fjallaone.woff') format('woff'),
  url('css/fonts/fjallaone.ttf') format('truetype'),
  url('css/fonts/fjallaone.svg#fjalla_oneregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'arimoregular';
  src: url('css/fonts/arimo.eot');
  src: url('css/fonts/arimo.eot?#iefix') format('embedded-opentype'),
  url('css/fonts/arimo.woff') format('woff'),
  url('css/fonts/arimo.ttf') format('truetype'),
  url('css/fonts/arimo.svg#arimoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'arimoregular';
  src: url('css/fonts/arimo_bold.eot');
  src: url('css/fonts/arimo_bold.eot?#iefix') format('embedded-opentype'),
  url('css/fonts/arimo_bold.woff') format('woff'),
  url('css/fonts/arimo_bold.ttf') format('truetype'),
  url('css/fonts/arimo_bold.svg#arimobold') format('svg');
  font-weight: bold;
  font-style: normal;
}
/* START IE7 fix for font-weight:bold */
@font-face {
  font-family: 'arimobold';
  src: url('css/fonts/arimo_bold.eot');
  src: url('css/fonts/arimo_bold.eot?#iefix') format('embedded-opentype'),
  url('css/fonts/arimo_bold.woff') format('woff'),
  url('css/fonts/arimo_bold.ttf') format('truetype'),
  url('css/fonts/arimo_bold.svg#arimobold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@media screen and  (min-width: 768px) {
.desk9 {
    left: 25.641%;
    position: relative;
    right: auto;
}
.desk3 {
    left: auto;
    position: relative;
    right: 74.359%;
    margin-left:0 !important;
}
}
/* Superfishmenü mit Anpassung für kleine Bildschirme */
@media screen and (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
      display: block;
      margin-top:0px;
    }
}
.nav .dropdown.men button{
position:absolute;
top:0;
right:0;
padding: 7px 10px;
}
@media (max-width: 979px) {
  .nav li.men a {
    border: 1px solid #D3D3D3;
  }
  .nav ul.dropdown-menu > li.men:first-child a {
    margin-bottom: 2px;
  }
  .nav ul.dropdown-menu > li.men a {
    border: 1px solid #A1A1A1;
  }
  .nav ul.dropdown-menu {
    margin: 0 0 0 5px;
  }
  ul.nav li.dropdown a .caret {
    border:none;
  }
}
/* Warenkorblink im Header */
.dropdown-menu.cart-header {
  padding:10px;
  background-color:#515151;
  color:#FFFFFF; 
}
.dropdown-menu.cart-header a{
  color:#3399FF; 
}
.dropdown-menu.cart-header a:hover, .dropdown-menu.cart-header a:hover{
  color:#33CCFF; 
}
.nav li.open .dropdown-menu.cart-header:before, .nav li.open .dropdown-menu.cart-header:after {
  display:none;
}
/* Formatiert Linklisten auch in Level 2 und 3 */
.nav-list > li > ul {
    padding-left:0;
    padding-right:0;
}
.nav-list ul > li > a {
    padding-left:30px;
}
.nav-list ul > li ul > li > a {
    padding-left:45px;
}
.nav-list ul > li ul > li ul > li > a {
    padding-left:60px;
}
/* Boxformatierungen */
.boxheader, .categoryheader, .boxcartheader{
    display: block;
    font-size: 18px;
    line-height: 24px; 
}
.boxcontent{
margin-top: 10px;
padding-top: 10px;
border-top: 2px solid #E5E5E5;
}
/* Formatierung Tabs und Accordion in Produktdetailansicht */
.nav-tabs-container, .accordion-group {}
.accordion-heading{
  border: 1px solid #999999;
  padding: 4px 3px 0 3px;
  margin-bottom: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #cccccc;
  background-image: -moz-linear-gradient(top, #eeeeee, #999999);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#999999));
  background-image: -webkit-linear-gradient(top, #eeeeee, #999999);
  background-image: -o-linear-gradient(top, #eeeeee, #999999);
  background-image: linear-gradient(to bottom, #eeeeee, #999999);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ff999999', GradientType=0);
}
.nav-tabs {margin:0; border:none;}

.nav-tabs > li {margin:0; margin-right:1px; display:block; position:relative;}
.nav-tabs > li:before {height:0px; background-color:none; position:absolute; top:-4px; width:100%; content:'';}

.nav-tabs > li:hover:before,
.nav-tabs > li.active:before {background-color:#F18F4E;}

.nav-tabs > li > a {display: inline-block; font-weight:400; padding: 10px 20px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background-color:#ED8900; color:#fff!important; margin:0; border-color:transparent!important;}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {background-color:#ED8900;}

.nav-tabs > li > a:active,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {color: #fff;}
/*.nav-tabs > li:not(.active) > a:hover,
.nav-tabs > li:not(.active) > a:focus {
  padding: 7px 11px;
}*/
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {background-color: #3370bc; color:#fff;}

.nav-tabs-container .tab-content {background-color:#f3f3f3; border-color: #e8e8e8; border-style: solid; border-width: 0px; padding: 19px;}

/* Carousel - Bilderslider für Bilder mit weißem Hintergrund*/
.carousel-caption.relative{
background: none;
position: relative;
}
.carousel-caption.relative h4, .carousel-caption.relative p {
color: #333333;
}
.carousel-indicators  li.white {
  background-color: #999;
  background-color: rgba(70,70,70,.25);
}
.carousel-indicators .white.active  {
  background-color: #444;
}
/* zentriert das Bild */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
margin: 0 auto;
}  
.carousel.carousel-fade .item {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	opacity:0;
}
.carousel.carousel-fade .active.item {
	opacity:1;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}
.carousel.carousel-fade .carousel-control {
	z-index: 3;
}
/* Hauptnav margin 0 */
.navbar .nav {
    margin: 0;
}
/* Feste Höhe für Artikelbox in Kategorie- und Produktlisten */
.switcher p.price, .switcher p.prod{
font-weight: normal;
overflow:hidden;
}
.switcher .div3_1 p {
font-size: 14px;
/*line-height: 14px;*/
}
.switcher p.desc, .switcher p.desc_cat {
color:#777;
font-size: 14px;
overflow:hidden;
}
.switcher .style_3 {
font-size:15px;
/*line-height:16px;*/
height:36px;
}
.switcher .style_6 {
/*font-size:15px;
line-height:12px;
height:36px;*/
}
.switcher .style_3_2 {
/*line-height:13px;
height:26px;*/
}
/* Kategorie- und Produktlisten mit Tablets - keine festen Höhen mehr */
@media (max-width: 767px) {
    .switcher .style_3, .switcher .style_3_2, .switcher .style_6 {
        height:auto;
    }
}
/* Hilfsstyles */
/* Contentabstand unten */
.content {
margin-bottom: 20px;
}
/* Farbe active Link im Header */
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
  background:none;
}
/* Schriftgröße Filter und Sortierung */
#sorting select, #filter select{ font-size: 85%;}
/* setzt den Headerabstand bei Popups zurück */
.popupproductinfo, .popupprintorder {
padding-top: 0;
}
/* entfernt Unterstrich bei hover */
a:hover, a:focus {
    text-decoration: none;
}
/* caret Pfeil nach oben */
.caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 4px solid #000000;
}
/* gleicht die Icon-Farbe an die Schriftfarbe an */
.nav .icon-shopping-cart {
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.nav a:hover .icon-shopping-cart, .nav li.active a .icon-shopping-cart, .nav li.open a .icon-shopping-cart {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
/* Länderflaggen enger setzen */
ul.language.nav li a {
padding-left: 5px;
padding-right: 5px;
}
/* damit die Languagebox unter das Topmenü rutscht - darunten IE7 Hack*/
.right-clear {
clear: right;
}
*+html .nav.pull-right.right-clear{
clear:none;
}
/* Größe mehr Bilder Produktdetailansicht */
/*.more_pics img {
max-width:80px;
max-height:80px;
margin-right:3px;
}
.more_pics img:first {
margin-right:0;
}*/
/* Textarea Kommentare bei Checkout */
.checkoutcomment textarea {
width:90%;
margin-bottom:0;
}
/* damit beim Bewertung schreiben die Radiobuttons und die Schrift zentriert angezeigt werden können*/
p.rating label{
padding-left:0;
}
/* AGB */
div.agbframe {
    background:#fff;
    border: 1px solid #666666;
    height: 200px;
    overflow: auto;
    padding: 10px;
}
/* Hack für Safari und Opera margin-bottom */
legend { margin-bottom: 0 }
legend + *:before { content: "."; display: block; height: 0; visibility: hidden; margin-bottom: 20px; }
/* Responsive Image in Fieldsets nur im Firefox */
@-moz-document url-prefix() { 
  fieldset{
    display:table-column;
  }
}                             
/* Hintergrundfarbe Wells Content und Footer */
/*.content .well.well-small, */.footer .well.well-small {
    background-color: #FFFFFF;
}
/* Blockzentrierung */
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Abstand oben */
.top-buffer{                                                                                              
margin-top: 20px;
}                                                                                           
/* Abstand unten */
.bottom-buffer{                                                                                              
margin-bottom: 20px;
}                                                                                           
/* Abstand links */
.left-buffer{                                                                                              
margin-left: 10px;
}   
/* Abstand rechts */
.right-buffer{                                                                                              
margin-right: 10px;
}                                                                                           
/* verkleinert die Linienhöhe */
.small-line{                                                                                              
line-height: 85%;
}                                                                                           
/* Well-Box Abstand unten bei Fromularen und Listen */
.well-small form,.well-small ul{
margin-bottom:0;
}
/* Linie unten */
.bottom-line {
border-bottom: 1px solid #E5E5E5;
margin-bottom: 5px;
}
/* ServiceTabs in Modalbox */
ul#ServiceTabs {
margin-bottom:0;
}
/* Abstand Seitennavigation verkleinert */
.pagination {margin-top:0;}
/* setzt den Abstand der Dropdowns in Topnav auf null, damit das Aufklappen bei Mouseover funktioniert */
.nav .dropdown-menu {
margin-top:0;
}
/* Hack für IE7 damit Formulare die richtige Zeilenhöhe bekommen */
.row-fluid [class*="span"] {
    *min-height: 20px;
}
/* COPYRIGHT */
.copyright {
margin:0 auto;
text-align:center;
color:#666;
font-size:11px;
padding:0;
}
.copyright a {
  text-decoration:none;
}
/* MODIFIED STYLE */
.cop_magenta {
  color:#B0347E;
}
.cop_grey {
  color:#6D6D6D;
}
/* ParseTime */
.parseTime {
margin:0 auto;
text-align:center;
color:#666;
font-size:11px;
padding:0 0 10px 0;
}
/* Gototop Button */
#GotoTop {
padding: 5px 3px;
position: fixed;
bottom: 5px;
right: 5px;
display: none;
z-index:99999;
}

#paypalcartbutton {padding-top:6px;}

a.color_more {
  color:#f00 !important;
}
a.color_more:hover {
  color:#900 !important;
  text-decoration:underline !important;
}
.color_edit_info {
  color:#009933;
}

/* 22. START pagination */
.pagination_bar {
  padding: 0px 0px 0px 0px;
  margin: 15px 0 15px 0;
}
.pagination_text {
  float:left;
  display:inline-block;
  font-size:12px;
  line-height:22px;
  vertical-align:middle;
  color:#444;
}
.pagination_list {
  display:inline-block;
  float:right;
  font-size:12px;
  line-height:22px;
}
.pagination_list ul {
  list-style-type:none;
  margin: 0;
}
.pagination_list ul li {
  float:left;
  font-size: 11px;
  line-height: 21px;
  text-align: center;
  padding: 0;
}
.pagination_list ul li.plain {
  padding: 0 4px;
}
.pagination_list ul li a {
  display: inline-block;
  min-width:13px;
  padding: 0 4px;
  margin: 0 0 0 3px;
  color: #666;
  text-decoration:none;
  background-color: #D7D7D7;
}
.pagination_list ul li a:hover {
  color: #fff;
  background-color: #6D2551;
}
.pagination_list ul li.current {
  display: inline-block;
  min-width:13px;
  padding: 0 4px;
  margin: 0 0 0 3px;
  color: #fff;
  font-weight:bold;
  background-color: #6D2551;
}
/* END pagination */


/* 23. START filter manufacturer */
.filter_bar {
  /*background-color: #f2f2f2;
  border: 1px solid #e6e6e6;
  margin-bottom: 15px;
  padding: 0px 5px;*/
}
#sort,#filter,#set{
  margin-bottom: 0 !important;
}
.sort_bar {
  margin: 0px 0 0 0;
}
.sort_bar_row {
  margin: 0px -5px 0px -5px;
}
.sort_bar_item {
  float:left;
  width:25%;
  padding:5px 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sort_bar_item.right {
  float:right;
}
.sort_bar_item.right a {
  float:right;
  width:32px;
  height:32px;
  display:block;
}
a.view_list {
  background: transparent url(img/bg_list-box-select.gif) no-repeat 0px 0px;
}
a.view_list:hover, a.view_list.active {
  background: transparent url(img/bg_list-box-select.gif) no-repeat 0px -32px;
  text-decoration:none;
}
a.view_box {
  background: transparent url(img/bg_list-box-select.gif) no-repeat -32px 0px;
}
a.view_box:hover, a.view_box.active {
  background: transparent url(img/bg_list-box-select.gif) no-repeat -32px -32px;
  text-decoration:none;
}

.tags_bar {
  margin: 5px 0 0 0;
}
.tags_bar_headline {
  font-size:10px;
  line-height:12px;
  font-weight:bold;
  padding: 0px 0px 0px 2px;
}
a.tags_bar_reset {
  float:right;
  font-size:10px;
  line-height:12px;
}

.tags_bar_row {
  margin: 0px -5px 0px -5px;
}
.tags_bar_item {
  float:left;
  width:25%;
  padding:5px 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* END filter manufacturer */

/* START autocomplete */
#header #search {
  position:relative;
}
.suggestionsBox {
  position:absolute;
  right:0;
  margin:0px;
  width:400px;
  background-color:#f1f1f1;
  border:1px solid #ccc;
  color:#333;
  z-index:99999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px 3px 10px;
}
.suggestionList {
  margin:0px;
  padding:0px;
  max-height:600px;
  overflow:auto;
  padding-right:5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.suggestionList li {
  border-bottom:1px solid #ddd;
  background-color:#f1f1f1;
  list-style:none;
}
.suggestionList li a.autocomplete {
  display:inline-block;
  padding:5px 0px;
  text-decoration: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:100%;
}
.suggestionList li a.autocomplete .autocomplete_image {
  float:left;
  display:block;
  width:40px;
  height:40px;
  overflow:hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin-right:10px;
}
.suggestionList li a.autocomplete .autocomplete_image img {
  float:left;
  width:100%;
  height:auto;
}
.autocompletecloser {
  cursor:pointer;
}
#autocomplete_pagination {
  position:relative;
}
#autocomplete_pagination li {
  float:left;
  border: 0;
}
#autocomplete_pagination li:hover {
  background-color:#f1f1f1;
}
#autocomplete_prev {
  cursor:pointer;
  padding:5px;
  width:5%;
  text-align:left;
  font-size:15px;
}
#autocomplete_next {
  cursor: pointer;
  padding: 5px;
  width: 5%;
  float: right !important;
  text-align: right;
  font-size:15px;
}
#autocomplete_count {
  padding: 5px;
  width: 75%;
  text-align: center;
  position: absolute;
  margin-left: 7%;
  font-size:11px;
  font-weight:bold;
}
.autocomplete_error {
  padding:6px 0px 11px;
  display:inline-block;
  text-align:center;
  width:100%;
}
.hl_image {
  float:left;
  width: 60px;
  height:60px;
  overflow:hidden;
  padding: 2px;
  border: 1px solid #ddd;
  position:relative;
  display:block;
  margin: 0px 20px 0px 0px;
}
.hl_image img {
  max-width: 60px;
  max-height:60px;
  position:absolute;
  margin: auto;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
}
.hl_text {
  float:left;
  display:block;
  width:290px;
  font-size:12px;
}
.hl_text_entry {
  display:block;
  padding: 0px 0px 8px 0px;
}
.hl_price {
  display:block;
  float:right;
  width:80px;
  text-align:right;
  font-weight:bold;
}
.hl_price .no_price {
  font-size:9px;
  line-height:11px;
  font-weight:normal;
  display:block;
  padding:0px 0 0 0;
  color:#333;
}
.hl_price .special_price {
  display:block;
  font-size:13px;
  line-height:19px;
  color:red;
}
.hl_price .small_price {
  font-size:9px;
  font-weight:normal;
  line-height:11px;
}
.hl_price .standard_price {
  display:block;
  font-size:13px;
  line-height:19px;
  color:#333;
}
a.autocomplete, a.autocomplete:link, a.autocomplete:visited, a.autocomplete:active, a.autocomplete:hover {
  background:transparent !important;
  text-decoration:none !important;
  outline:none !important;
  cursor:pointer !important;
}
a.autocomplete:link {
  color:#893769 !important;
  outline:none !important;
}
a.autocomplete:visited {
  color:#893769 !important;
  outline:none !important;
}
a.autocomplete:hover, a.autocomplete:active {
  color:#893769 !important;
  outline:none !important;
}
a.autocomplete:hover {
  color:#555 !important;
  text-decoration:underline !important;
  outline:none !important;
}
/* END autocomplete */
/* 33. START print content (popup print_product_info, popup print_order.html) */
body.popupprint {
	min-width:100%;
	background:#fff none;
}
.printwrap {
	width:700px;
	margin: 0px auto;
}
.printlogo {
	padding:10px 0px;
	text-align:center;
	border-bottom: 1px solid #ccc;
	margin-bottom:10px;
}

/* print order */
.printColumsLeft {
	float:left;
	width:48%;
}
.printColumsRight {
	float:right;
	width:48%;
}
/* print info */
.printColumsInfoLeft {
	float:left;
	width:500px;
	padding: 0px;
}
.printColumsInfoLeft ul{
	margin: 8px 0px 8px 15px;
}
.printColumsInfoLeft ol{
	margin: 8px 0px 8px 15px;
}
.printColumsInfoRight {
	float:right;
	width:164px;
	text-align:center;
}
.printColumsInfoRight img {
	max-width:160px;
	height:auto;
	margin: 10px auto 0px auto;
	border: 1px solid #ddd;
	padding:1px;
}
ul.printinfolist {
	margin-left:15px;
}
.moimages {
	float:left;
	width:126px;
	height:126px;
	border: 1px solid #ddd;
	padding:2px;
	margin: 0px 10px 10px 0px;
	position:relative;
}
.moimages:nth-child(5n+1) {
	margin-right:0px;
}
.moimages img {
	position:absolute;
	margin: auto;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background-color: #FFFFFF;
	max-height:126px;
	max-width:126px;
}
/* admin print-order */
.printwrap_admin {
	padding-top:40px;
	width:700px;
	margin: 0px auto;
}
p.underline {
	margin:105px 0px 3px 15px;
	font-size:10px;
	text-decoration:underline;
}
.printlogo_admin {
	padding:0px 0px;
	text-align:right;
	margin:0px 0 20px 0;
}
.printlogo_admin img {
	max-width:336px;
}
.print_small {
	font-size:12px;
	line-height:18px;
}
.print_big {
	font-size:26px;
	font-weight:bold;
	text-transform:uppercase;
	padding:30px 0 0 0;
}
.printwrap_admin table.order_table {
	margin-top:10px;
}
/* END print content (popup print_product_info, popup print_order.html) */
               

/* =============================================================================
 * Messages
 * ========================================================================== */
/*     --CUSTOMERS NOTICE
------------------------------------------------- */
/* global */
.customers_notice {background-color: #004985; font-size: 0.9rem; border-width: 0px; border-style:solid; border-color: #3370BC; color: #fff; padding: 15px 25px 4px 100px; position:relative; margin-bottom:1rem}
.customers_notice .title {font-weight: 400; font-size: 1.8rem; line-height: 1.4em;}
/*.customers_notice:before {background-color: #E1941A; border-radius: 100%; color: #fff; font-size: 28px; left: 20px; line-height: 28px; margin-right: 15px; padding: 1rem; position: absolute; top: 25px; content:'\e866';} */

/* default */
.customers_notice.default {background-color:#ed7827; color:#fff; border: 1px solid;}
/*.customers_notice.default:before {background-color:#fff; top:5px; left:0; content:'\e9bd';} */

.customers_notice.default a {color:#fff; font-weight: 400; font-size: 1.2rem;}
/* green */
.customers_notice.green {background-color:#e9ffca; color:#296a23; border: 1px solid;}
.customers_notice.green:before {background-color:#296a23; content:'\ea02';}

/* green star*/
.customers_notice.green_star {background-color:#e9ffca; color:#296a23; border: 1px solid;}
.customers_notice.green_star:before {background-color:#296a23; content:'\e9ba';}

/* blues */
.customers_notice.blues {background-color:#F5F6FC; color:#4671a3; border: 1px solid;}
.customers_notice.blues:before {background-color:#4671a3; content:'\2e';}

/* red */
.customers_notice.red {background-color:#F5DAD3; color:#c02230; border: 1px solid;}
.customers_notice.red:before {background-color:#c02230; content:'\ea02';}

/* span countdownred */
#countdown {font-size: 1rem;}