<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
#k3_current_config .availability {
    float: none !important;
    margin: auto;
}
/***
/* k3_alternative_pgs
***/
.k3_alternative_pgs {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

* html .k3_alternative_pgs {
  width: auto;
  height: auto;
  overflow: auto;
}

.k3_alternative_pgs h4 {
  font-size: 12px;
  font-weight: bold;
  padding: 2px 5px;
  margin-bottom: 2px;
}

.k3_pgs {
    position: relative;
    border-collapse: separate;
    border-spacing: 1px;
    width: auto;
    margin: 5px;
    
    display: inline-block;
    vertical-align: top;
}

.k3_pgs th {
  cursor: default;
}

.k3_pgs td {
  position: relative;
  text-align: left;
  cursor: default;
}

.kera td[jjmnr]:hover {
  cursor: pointer;
  background-color: #fff;
}

.ritzel td[val]:hover {
  cursor: pointer;
  background-color: #fff;
}
/*
.k3_pgs td[val]:hover {
  cursor: pointer;
  background-color: #fff;
}*/


.k3_pgs td img {
  float: left;
}
.k3_pgs .tooltips_bild {
    float: none;
    width: auto;
}

.k3_pgs img.zoom {
  position: absolute;
  left: 0;
  bottom: 0;
}

tr.kesa {
    font-size: 12px;
    font-weight: bold;
}

* html .k3_chain_wrapper {
  position: relative;
  width: 96%;
}

* html .k3_chain_wrapper th
{
  padding: 2px 0 0 5px;
  margin: 0;
}


*+html .k3_chain_wrapper {
  position: relative;
  width: 98%;
}

/***
/* k3_chain
***/
.k3_alternative_chains {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.k3_alternative_chains h4 {
  font-size: 12px;
  font-weight: bold;
  padding: 2px 5px;
  margin-bottom: 2px;
}


.k3_chain_table {
  font-size: 11px;
  position: relative;
  border-collapse: separate;
  border-spacing: 1px;
/*  width: auto;  */
  margin: 0px;
}

.k3_chain_table td {
  cursor: default;
}
.k3_chain_table td.cl {
  cursor: pointer;
}

.k3_chain_table th {
  cursor: default;
}

.no_kesa {
    color: red;
    text-decoration: blink;
}

#schloesser {
    position: relative;
}

.k3_artikel_liste table {
    border-spacing: 1px;
    margin: 5px;
    width: calc(100% - 10px);
}
/***
/* k3_config
***/
.k3_current_config {
  margin-bottom: 10px;
  padding-bottom: 5px;
  position: relative;
}

* html .k3_current_config table {
  width: 98%;
  position: relative;
}

.k3_current_config p.notice {
  float: left;
  font-weight: bold;
  color: #aa3333 !important;
  margin: 2px !important;
  font-size: 10px !important;
}

.k3_current_config .order {
  position: relative;
  float: right;
  margin: 2px 9px 0 0;
}


.k3_current_config .order img {
  vertical-align: bottom;
  margin-right: 3px;
}

.k3_current_config .reset {
  margin: 5px 0 5px 0;
}

.k3_current_config h4 {
  font-size: 12px;
  font-weight: bold;
  padding: 2px 5px;
  margin-bottom: 2px;
}


.k3_config {
  position: relative;
  border-collapse: separate;
  border-spacing: 1px;
  width: 500px;
  margin: 5px;
}

* html .k3_config {
  width: 450px;
}

.k3_config th{
  cursor: default;
}

.k3_config td{
  text-align: left;
  cursor: default;
}

.k3_config td.fw0{
  width: 12px;
}

.k3_config td.fw1{
  width: 70px;
}

.k3_config td.fw2{
  width: 50px;
}

.k3_config td.price{
  text-align: right;
  width: 50px;
}

.k3_config td.summe{
  text-align: right;
}

/****************/
.k3_config_buttons
{
    text-align: center;
}

.nomarpad
{
  margin: 0px;
  padding: 0px;
}

.laenge_buttons
{
  width: auto;
  height: 45px;
  font-size: 1.1em;
}


.k3_cur_config{
  width: 544px;
  position: relative;
  margin-bottom: 10px;
}

.k3_cur_config h4{
  font-size: 12px;
  font-weight: bold;
  padding: 2px 5px;
  margin-bottom: 2px;
}

.k3_cur_config .row{
  margin-left: 80px;
  height: 18px;
}

.k3_cur_config .col1, .k3_cur_config .col2, .k3_cur_config .col3, .k3_cur_config .col4, .k3_cur_config .col13{
  padding: 0px 4px;
  line-height: 16px;
}

.k3_cur_config .col1{
  width: 60px;
  margin-left: 2px;
  float: left;
}

.k3_cur_config .col13{
  width: 370px;
  margin-left: 2px;
  float: left;
  font-weight: bold;
  text-align: right;
}

.k3_cur_config .col2{
  width: 60px;
  margin-left: 2px;
  float: left;
}

.k3_cur_config .col3{
  width: 230px;
  margin-left: 2px;
  float: left;
}

.k3_cur_config .col4{
  width: 72px;
  margin-left: 2px;
  float: left;
  text-align: right;
}

.k3_cur_config .order{
  margin: 0px 0px 0px 82px;
  padding: 5px 5px 2px 2px;
  height: 25px;
  text-align: right;
}

.k3_cur_config .order img{
  margin-right: 5px;
  vertical-align: text-bottom;
}

.k3_kette{
  margin-bottom: 10px;
  width: auto;
}

/*** COLOR ***/
td.selected, tr.selected td {
  border: 1px solid #d80000 !important;
}
/*
.kera td span {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background: url(/gfx/link.png) transparent center center no-repeat;
  display: none;
}
.kera td.selected.fixed span {
  display: block;
}
.k3_pgs.kera td {
    padding-right: 20px;
}*/

select.kfilter {
    width: 100%;
}

/****************/
.k3_cur_config{
  background: #cccccc url(/gfx/k3/k3.gif) no-repeat 3px 21px;
}


.alt_ritzel{
  background: #cccccc url(/gfx/k3/ritzel.gif) no-repeat 3px 21px;
}

.alt_kette{
  background: #cccccc url(/gfx/k3/kette.gif) no-repeat 3px 21px;
}

.alt_kera{
  background: #cccccc url(/gfx/k3/kera.gif) no-repeat 3px 21px;
}

.k3_matrix{
  background-color: #cccccc;
  border: 1px solid #8b0e13;
}

.k3_matrix td{
  background-color: #eeeeee;
}

.k3_matrix th.std{
  background-color: #820000;
}

.k3_matrix td.std{
  background-color: #999999;
  color: #ffffff;
}

.k3_kette th{
  background-color: #666666;
}

.k3_kette td {
  background-color: #dddddd;
}

.k3_kette td.hov {
  background-color: #ffffff;
}

.k3_castle_options, .k3_chain_options {
    width: auto;
}

div.warning {
    text-decoration: none;
    padding: 8px 10px 8px 40px;
    background-color: #fff;
    color: #000;
    border-color: #D80000;
    background-image: url("/gfx/warnung.png");
}

.amount {
    width: 30px;
}
#k3amount {
    height: 20px;
}

.input_img {
    border: 0;
    margin-left: 10px;
    vertical-align: middle;
}

.teilung_alternative {
    padding: 5px;
}

.teilung_alternative a {
    margin-left: 5px;
    padding: 2px 5px;
    font-size: 12px;
}
/*Start K3-Editor Tabs Darstellung*/
#k3_einstieg {
  display:block;
  margin: 7px;
  width: 4%;
}
.head_menu{
    background-color: #fff !important;
    width: 99.9%;
}
.head_menu a{
    display:block;
}
.head_menu ol{
    text-align: left !important;
    height: 32px;
}
.head_menu li{
    padding: 0 !important;
    display:block;
    float:left;
    width: 50%;
	position:relative;
}
.tabs-content {
	 clear:both;
	 border: 1px #ccc solid;
     background-color: #cccccc;
	 padding:0;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
     border-top-right-radius: 0px;
     -webkit-border-bottom-left-radius: 4px;
     -webkit-border-bottom-right-radius: 4px;
     -webkit-border-top-right-radius: 0px;
     -moz-border-bottom-left-radius: 4px;
     -moz-border-bottom-right-radius: 4px;
     -moz-border-top-right-radius: 0px;
}
.none {
    border: 0px;
    background-color: #fff;
    clear: both;
    margin-top:0px;
    border-radius:0px;
}
.tabs-content p {
	margin:0;
}
/***
* TABS in Chrome Browser Ansicht
***/
.tab-container{
  margin: 0;
  padding: 0;
  height: 35px;
}

ul.k3tabs{
  margin: 0;
  list-style-type : none;
  line-height : 35px;
  max-height: 35px;
  overflow: hidden;
  display: inline-block;
  padding: 0px 20px 0px 8px
  
}

ul.k3tabs &gt; li &gt; a {
    text-decoration: none;
}

ul.k3tabs &gt; li {
  float : right;
  margin : 5px -10px 0;
  padding : 0 30px 0 25px;
  height: 170px;
  background: #999;
  box-shadow: 0 13px 14px 5px rgba(0,0,0,.5);
  border-top-right-radius: 25px 170px;
  border-top-left-radius: 20px 90px;
}

ul.k3tabs &gt; li:last-child {
  border-top-left-radius: 5px 5px;
}


ul.k3tabs &gt; li.active::before {
    border-color: transparent #ccc transparent transparent;
}
ul.k3tabs &gt; li::before {
    border-color: transparent #999 transparent transparent;
    left: -23px;
    transform: rotate(48deg);
}
ul.k3tabs &gt; li::before,
ul.k3tabs &gt; li::after {
    background: transparent none repeat scroll 0 0;
    border-radius: 100%;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 20px;
    position: absolute;
    top: 0;
    width: 20px;
}
ul.k3tabs &gt; li.active::after {
    border-color: transparent transparent transparent #ccc;
}
ul.k3tabs &gt; li::after {
    border-color: transparent transparent transparent #999;
    right: -17px;
    transform: rotate(-48deg);
}
ul.k3tabs &gt; li::before,
ul.k3tabs &gt; li::after {
    background: transparent none repeat scroll 0 0;
    border-radius: 100%;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 20px;
    position: absolute;
    top: 0;
    width: 20px;
}
ul.k3tabs &gt; li.active {
    background: #ccc none repeat scroll 0 0;
    z-index: 2;
}

ul.k3tabs &gt; li {
    background: #999 none repeat scroll 0 0;
    border-top-left-radius: 20px 90px;
    border-top-right-radius: 25px 170px;
    box-shadow: 0 13px 14px 5px rgba(0, 0, 0, 0.5);
    float: right;
    height: 170px;
    margin: 5px -10px 0;
    max-width: 200px;
    padding: 0 30px 0 25px;
    position: relative;
}

.conversionTab &gt; span {
    font-size: 13px;
    font-weight: bold;
    padding: 5px 15px;
    cursor: pointer;
}

/*PROFI&amp;einfach ANSICHT START*/
ul.k3tabs.right &gt; li:last-child {
  border-top-left-radius: 20px 90px;
}
ul.k3tabs.right &gt; li:first-child {
  border-top-right-radius: 1px 1px !important;
}
.Sanduhr_fon.grau{
   background-image: none; 
}

.tab-container.type {
    position: absolute;
    right: 0;
}
.conversionTab.ansicht {
    width: 100px;
    text-align: center;
}
ul.k3tabs.right{
    padding:0 0 0 20px;
}
.k3_ansicht{
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
}
#einfach_ansicht {
    //min-height: 900px;
    min-height: 500px;
    background-image: url(/gfx/k3/kette_zahnrad_ritzel.png);
    background-repeat: no-repeat;
    background-size:60%;
    -moz-background-size:60%;
    background-position: 30% 7%/*65%*/;
    position: relative;
}
#einfach_ritzel {
    position: absolute;
    min-width: 160px;
    max-width: 300px;
    width: 17%;
    min-height: 100px;
    background-color: #fff;
    border-radius: 7px;
    top: 35px;
    left: 4%;
}
#einfach_kette {
    position: absolute;
    min-width: 160px;
    max-width: 380px;
    width: 17%;
    min-height: 100px;
    background-color: #fff;
    border-radius: 7px;
    top: 35px;
    left: 28%;
}
#einfach_kettenrad {
    position: absolute;
    min-width: 160px;
    max-width: 380px;
    width: 17%;
    min-height: 100px;
    background-color: #fff;
    border-radius: 7px;
    top: 35px;
    left: 52%;
}
#einfach_zubehoer {
	background-color: #fff;
    border-radius: 7px;
    position: absolute;
    min-width: 160px;
    max-width: 380px;
	max-height: 285px;
	min-height: 120px;
    width: 17%;
    top: 35px;
    left: 80%;
}
#einfach_schmeir {
    position: absolute;
    min-width: 160px;
    max-width: 380px;
    width: 17%;
    min-height: 100px;
    background-color: #fff;
    border-radius: 7px;
    top: 535px;
    left: 80%;
}
#stz {

}
#zb_separator{
    width:85%;
    margin-top: 3px;
    margin-bottom: 3px;
}

#zb_separator &gt; hr{
    border: 1px solid #f5f5f5;
}
#stz_bild{
    position: absolute;
    background-image: url(/gfx/k3/zubehoer_alle.png);
    background-repeat: no-repeat;
    background-size:79%;
    -moz-background-size:79%;
    /*background-position: center;*/
    width: 70%;
    height: 120%;
    top:280px;
    left: 50px;
}
#schmeir_bild{
    position: absolute;
    background-image: url(/gfx/k3/spay_system210.png);
    background-repeat: no-repeat;
    background-size:79%;
    -moz-background-size:79%;
    /*background-position: center;*/
    width: 70%;
    height: 155%;
    top:0px;
    left: -200px;
}
.einfach_titel {
    font-weight: bold;
    margin-left: 7%;
    position: absolute;
    top:12px;
}
.aendern_button {
    background-color: #D80000;
    width: 55px;
    height: 25px;
    color: #fff;
    font-weight: bold;
    border-radius: 0 7px 0 7px;
    padding: 10px 0 0 10px;
    cursor: pointer;
    cursor: hand;
    position: absolute;
    right: 0;
}
.einfach_inhalt {
    margin: 40px 20px 20px 20px;
    line-height: 17px;
}
.einfach_inhalt.zubehoer,
.einfach_inhalt.schmeir{
    max-height:220px;
    overflow:scroll;
    overflow-x: hidden;
	margin-right:0;
}
.einfach_inhalt.zubehoer.leer,
.einfach_inhalt.schmeir.leer{
    overflow: auto;
    width: 150px;
}
#aktuelle_klaenge {
    left: 40px;
    position: absolute;
    height: 84px;
    bottom: 0;
}
#aktuelle_klaenge .warning{
    margin:0 0 0 20px;    
}
#ketten_tabelle,
#kettenrad_tabelle,
#ritzel_tabelle,
#zubehoer_tabelle,
#schmeir_tabelle{
    position:absolute;
    top: 15%;
    left: 33%;
    width: 760px;
    min-height: 250px;
    z-index:50;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 7px 7px 0 0;
    box-shadow: 8px 8px 12px 0px #979797;
    /*animation-duration: 6s;
    animation-delay: -2s;*/
}
/*#schmeir_tabelle{
    width: 510px;
}*/
#ketten_tabelle {
    width: 900px;
    left: 25%;
}
#zubehoer_tabelle {
    min-height: 250px;
}
.tabelle_header {
    height: 40px;
    width: 100%;
    border-radius:7px 7px 0 0;
    position: relative;
    background-color: #D80000;
}
.tabelle_name{
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    top:25%;
    left:4%;
}
.tabelle_close{
    background-image: url(/gfx/k3/close-button.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    cursor: hand;
    position:absolute;
    top:5px;
    right: 7px;
}
.inhalt_name{
    margin-left: 5%;
    margin-top: 2%;
    margin-bottom: 1%;
    font-weight: bold;
    font-size: 15px;
    clear:both;
}

.inhalt_name.zubehoer,
.inhalt_name.schmeir {
    margin-left: 0%;
}

.tabelle_inhalt {
    margin: 10px 20px;
}
.inhalt_tabelle{
    margin-bottom:3%;
}
.inhalt_tabelle th, .tabelle_inhalt th{
    height: 35px;
    font-size: 12px;
    
}
/*Tabelle Kette*/
.kasten_wrapper {
    min-height: 125px;
    width: calc(100% - 25px);
    padding: 7px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;

}
.tabelle_inhalt &gt; table {
    border-collapse: separate;
    border-spacing: 0;
}
.filter_head {
    position: relative;
    height: 20px;
    padding-top: 7px;
}
.filter_head_name{
    position:absolute;
    left:0;
    font-weight: bold;
}
.filter_head_close{
    position:absolute;
    right: 0;
    cursor: pointer;
    cursor: hand;
    font-weight: bold;
}
.tdcenter td {
    text-align: center;
}
.filter_head_close &gt; img {
    margin-left: 7px;
}
.kette_wrapper{
    margin-top: 2%;
    font-weight: bold;
    font-size: 15px;
}
#kette_hersteller{
    float:left;
    width: 30%;
    height: 150px;
    margin-right: 2%;
    margin-bottom: 2%;
}

#kette_art, #kette_farbe, #kette_schloss {
    float:left;
    width: 20%;
    height: 150px;
    margin-right: 2%;
    margin-bottom: 2%;
}
#hersteller_inhalt, #art_inhalt, #farbe_inhalt, #schloss_inhalt{
    background-color: #fafafa;
    height: 120px;
}
.filter_kasten {
    margin-right: 3px;
    width: 180px;
}
#kette_close{
    margin-left:11px;
}

#kette_filter_header &gt; td {
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    text-align: left;
    vertical-align: bottom;
}
#kette_hr {
    height: 15px;
}

#kette_hr &gt; td {
    border-bottom: 1px solid #ccc;
}
#kette_DID, #kette_JMT, #kette_JT, #kette_RK {
    height: 45px;
    width: 75px;
    background-repeat: no-repeat;
    background-position: center center;
    position:relative;
}
#kette_DID {
    background-image: url(/gfx/k3/logo_did.png);
}
#kette_JMT {
    background-image: url(/gfx/k3/logo_jmt.png);
}
#kette_JT {
    background-image: url(/gfx/k3/logo_jt.png);
}
#kette_RK {
    background-image: url(/gfx/k3/logo_rk.png);
}
#kette_JMT &gt; span, #kette_DID &gt; span,
#kette_JT &gt; span, #kette_RK &gt; span{
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    top: 83%;
    left: 40%;
}
.kette_selfilter {
    width: calc(100% - 8px);
}
.kette_item {
    display: inline-block;
    border: 1px solid transparent;
    padding: 4px;
    cursor: pointer; /* oder Ã¼ber    class="cl"   regeln? */
    /*width: calc(100% - 10px);*/
}
.kette_item.grau, .kette_item.grau .offen_kasten, .kette_item.grau .farben_kasten {
    cursor: not-allowed;
    opacity:0.5;
}
.kette_item &gt; img {
    margin-left: 8px;
}
/*.kette_item.default {
    background-color: #ccc;
}*/
.kette_item .offen {
    display: block;
    margin: auto;
    border: 0;
}
.kette_item .offen:hover {
    border: 0;
}
.schloss .kette_item {
    width: calc(100% - 10px);
}

.p_k3 .selected{
    border: 1px solid #8b0e13;
}
#ketten_tabelle .inhalt_name{
    margin-left: 0;
}
/*Tabelle Ritzel*/
#ritzel_typ, #ritzel_zzahl, #ritzel_details{
    width:31%;
    min-height: 160px;
    float: left;
    margin-right: 2%;
    margin-bottom: 4%;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#k3_ketten_table td {
    cursor: pointer;
}
.ritzel_zzahl td {
    text-align: center;
}
.k3.ritzel th,
.ritzel_zzahl th{
    height: 25px;
}
.tabelle_button {
    text-align: center;
    clear:both;
    margin-bottom: 3%;
    position: relative;
    height: 25px;
}
.button_auswahl {
    border: 1px solid #BFBFBF;
    text-align: center;
    padding-top: 1%;
    width: 160px;
    height: 25px;
    font-weight: bold;
    font-size: 14px;
    background-color: #F5F5F5;
    border-radius: 7px;
    cursor: pointer;
    cursor: hand;
    margin: auto;
}
.button_auswahl:hover,
.zubehoer_kasten:hover,
.schmeir_kasten:hover {
    background-color: #ccc;
    box-shadow: 4px 9px 6px 0px #F5F5F5;
}
/*Tabelle Kettenrad*/
.tabelle_inhalt .k3_pgs.kera{
    border:none;
    margin:0;
}
#kera_filter{
    background-color: #f5f5f5;
    margin-right: 1%;
    margin-bottom: 1%;
    height: 65px;
}
#kera_filter .filter_head{
    margin-bottom: 0px;
}
#kera_filter .filter_head_name{
    left: 2%;
}
#kera_filter .filter_head_close{
    right: 2%;
}
#filter_inhalt select.kfilter{
    width: 160px;
}
#kettenrad_typ,#kettenrad_farbe,#kettenrad_zzahl,#kettenrad_details{
    min-height: 85px;
    float: left;
    margin-bottom: 4%;
    margin-right: 3px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    
}
#kettenrad_typ th {
    width: 250px;
}
#kettenrad_zzahl th {
    width: 110px;
}
#kettenrad_zzahl td {
    text-align: center;
}
#kettenrad_details th {
    width: 222px;
}
#kettenrad_details td {
    text-align: center;
}

.zubehoer_kasten,
.schmeir_kasten {
    background-color: #E5E5E5;
    float: left;
    width: 30%;
    height: 200px;
    margin-right: 3%;
    margin-bottom: 3%;
    cursor: pointer;
    cursor: hand;
    position: relative;
}
.schmeir_kasten {
    width: 45%;
    margin-right: 5%;
}

.zubehoer_kasten.unactive,
.schmeir_kasten.unactive{
    cursor: no-drop;
    opacity:0.4;
}
.zubehoer_kasten.unactive:hover,
.schmeir_kasten.unactive:hover{
    box-shadow:none;
    background-color: #E5E5E5;
}
#schm_image{
    background-image: url(/gfx/k3/kettenspray.png);
    background-repeat: no-repeat;
    background-size:65%;
    -moz-background-size:65%;
    background-position: 55% 20%;
}
#schm_system_image{
    background-image: url(/gfx/k3/kettensystem.png);
    background-repeat: no-repeat, no-repeat;
    background-size:80%;
    -moz-background-size:80%;
    background-position: 40% 20%, 65% 50%;
}
#zb_ard{
    background-image: url(/gfx/k3/antriebsruckdaempfer.png);
    background-repeat: no-repeat;
    background-size:70%;
    -moz-background-size:70%;
    background-position: 55% 20%;
}
#zb_kd{
    background-image: url(/gfx/k3/kettenradmuttern.png), url(/gfx/k3/kettenradmuttern.png);
    background-repeat: no-repeat, no-repeat;
    background-size:25%;
    -moz-background-size:25%;
    background-position: 40% 20%, 65% 50%;
}
#zb_zs{
    background-image: url(/gfx/k3/kettenschloss.png), url(/gfx/k3/dichtungsringe.png);
    background-repeat: no-repeat, no-repeat;
    background-size:70%, 25%;
    -moz-background-size:70%, 25%;
    background-position: 55% 20%, 35% 50%;
}
#zb_sb{
    background-image: url(/gfx/k3/sicherungsbleche.png);
    background-repeat: no-repeat;
    background-size:70%;
    -moz-background-size:70%;
    background-position: 55% 20%;
}
#zb_bds{
    background-image: url(/gfx/k3/bolts.png);
    background-repeat: no-repeat;
    background-size:70%;
    -moz-background-size:70%;
    background-position: 55% 20%;
}
#zb_kr{
    background-image: url(/gfx/k3/kettenrolle.png);
    background-repeat: no-repeat;
    background-size:70%;
    -moz-background-size:70%;
    background-position: 45% 20%;
}
#zb_other{
    background-image: url(/gfx/k3/more_supplies.png);
    background-repeat: no-repeat;
    background-size:65%;
    -moz-background-size:65%;
    background-position: 45% 20%;
}
.kasten_name{
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    left: 8%;
    bottom: 8%;
    text-align: center;
    width: 80%;
}
#zh_back {
    cursor: pointer;
    width: 83px;
    position: absolute;
    top: 33%;
    font-weight: bold;
    font-size: 12px;
}
#zh_back:hover {
    text-decoration: underline;
}
/*PROFI&amp;einfach ANSICHT END*/
/* Clear Fix took for HTML 5 Boilerlate*/
.clearfix:before, .clearfix:after { display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; border-top-left-radius: 5px;}

/*End K3-Editor Tabs Darstellung*/

/*
select[name="k3_option_offen"], select[name="k3_option_geschlossen"] {
    width: 100px;
}
*/
/*Farbe der Kette*/

.table_farbe{
    margin: 0;
    width: auto;
}
.table_farbe .farben {
    padding: 5px;
    float: left;
    border: 1px solid transparent;
}
.farben img {
    margin-right: 5px;
    float: none !important;
}
.farben_kasten {
    width: 26px; 
    height: 26px;
    margin-right: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
.farben_kasten_gray {
    width: 26px; 
    height: 26px;
    margin-right: 5px;
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    cursor: default;
}
.farben_kasten.grau {
    cursor: default;
}
.farben_kasten:hover, .farben_kasten.selected, .farben.selected {
    border: 1px solid #d80000;   
}
.stdschloss .farben_kasten {
    width: 95px;
    height: 15px;
    padding: 5px;
    text-align: center;   
}
.stdschloss {
    text-align: center;   
}

.offen {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid transparent;
    height: 40px;
    width: 100px
}
tr.offen {
    display: table-row;
}
.offen img {
    margin-right: 5px;
    vertical-align: middle;
}

.offen_kasten {
    text-align: center;
    cursor: pointer;
}
.offen_kasten_gray { 
    text-align: center;
    display: none;
}
.offen_kasten:hover, .offen.selected {
    border: 1px solid #d80000;   
}
#k3_chain_table .OFFEN .GESCHLOSSEN,
#k3_chain_table .GESCHLOSSEN .OFFEN,
.stdschloss {
    display: none; 
}
.OFFEN.selected .stdschloss {
    display: block;
}

.doppelt_in_basket {
    position: fixed;
    right: 300px;
}
.doppeltA_fon {
    height: 1000%; /* ja tausend % */
}
.display_none {
    display: none;
}


.k3_pgs.ritzel, .k3_pgs.kera  {
    border: 5px solid #CCCCCC;
}
.k3_pgs.ritzel {
    margin-left: 30px;
}
</pre></body></html>