/* @override http://web84003.web84.serverdienst.net/fileadmin/css/filter.css */

.jq_filter { position: relative; width: 720px; height: 240px; margin: -20px -30px -30px; }
.jq_filter .selects_bg { position: absolute; bottom: 0; left: 0; width: 690px; background: #fff; height: 40px; z-index:1; padding: 10px 10px 5px 20px; }
.jq_filter .selects { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; z-index:2; padding: 10px 10px 5px 20px; }
*+ html .jq_filter .selects, *+ html .jq_filter .selects_bg { padding-bottom: 10px; }

.jq_filter .select { float: left; width: 197px; margin: 0 7px 7px 0; cursor: pointer; cursor: hand;  }
.jq_filter .select div { float: left; width: auto; color: #ccc; background: url(gfx/dropup_bar.png) no-repeat 0 0; padding: 4px 10px; height: 14px;  }
.jq_filter .select div.label { font-weight: bold; padding-right: 0; }
.jq_filter .select div.value_label { background-position: 100% 0; padding-right: 25px; }
.jq_filter .select_active div.label { background-position: 0 -30px; color: #fff; }
.jq_filter .select_active div.value_label { background-position: 100% -30px; color: #fff; }
.jq_filter .select_open div.label { background-position: 0 -60px; color: #333; }
.jq_filter .select_open div.value_label { background-position: 100% -60px; color: #333; }
.jq_filter .select_initialised div, .jq_filter .input_initialised div.label { color: #fff; }
.jq_filter .value_label span { float: left; width: auto; }
.jq_filter .value_label span.value_label_fromDate { margin-left: -0.4em; }
.jq_filter .value_label span.value_label_toDate  { margin-left: 0; }
.jq_filter .sublabel { font-weight: bold; margin: 0 0.5em; }

.jq_filter .options_bg { position: absolute; top: 10px; left: 20px; width: 680px; height: 100px; z-index:1;   }
*+ html .jq_filter .options_bg { top: 8px; }
.jq_filter .options_bg_top { position: absolute; top: 0; left: 0; width: 680px; height: 5px; z-index:2; background: url(gfx/option_area.png) no-repeat 0 0;  }
.jq_filter .options_bg_body { position: absolute; top: 5px; left: 0; width: 680px; height: 90px; z-index:1; background: url(gfx/option_area.png) no-repeat bottom left;  }

.jq_filter .options { position: absolute; top: 20px; left: 30px; width: 660px; height: 80px; z-index:2; overflow: hidden;  }
*+ html .jq_filter .options { top: 18px; }
.jq_filter .option, #jq-option-test { position: relative; display: block; float: left; color: #fff; clear: both; width: 150px; cursor: pointer; cursor: hand; margin-top: -1px; font-size: 12px; }
.jq_filter .option span, #jq-option-test span { padding: 1px 4px 1px 3px; border: 1px solid transparent; float: left;   }
.jq_filter .option_selected span { border: 1px solid #aaa;    }
.jq_filter .option_hover span { border: 1px solid #aaa; }

.jq_filter .inner_options { position: relative; float: left; width: 17000px; }

.jq_filter .options .col { float: left; width: 150px; }
.jq_filter .options .col_border { float: left; width: 0; margin: 0 7px; height: 200px; border-right: 1px solid #666;  }

.jq_filter .option_label { float: left; width: 35px; font-weight: bold; color: #fff; padding: 2px 4px 1px 3px; clear: both; margin-bottom: 6px; }
.jq_filter .option_col { float: left; width: 595px; padding-top: 1px; }
.jq_filter .option_row { float: left; clear: both; width: 100%; padding-bottom: 6px; }

.jq_filter .option_row .option { clear: none; width: auto; margin-right: 3px;  }

.jq_filter .submit { float: left; width: auto; cursor: pointer; cursor: hand;  }
.jq_filter .submit div { float: left; width: auto; color: #333; background: url(gfx/submit.png) no-repeat 0 0; padding: 4px 0 4px 10px; height: 14px; font-weight: bold;  }
.jq_filter .submit div.submit_stub { background-position: 100% 0; width: 10px; padding: 4px 0;}
.jq_filter .submit_hover div { background-position: 0 -30px; }
.jq_filter .submit_hover div.submit_stub { background-position: 100% -30px; }

.jq_filter .submit_options { margin-top: 5px; }
.jq_filter .submit_options div { color: #fff; }
.jq_filter .submit_options div { background-position: 0 -60px; }
.jq_filter .submit_options div.submit_stub { background-position: 100% -60px; }
.jq_filter .submit_options_hover div { background-position: 0 -90px; }
.jq_filter .submit_options_hover div.submit_stub { background-position: 100% -90px; }

.jq_filter input { background: none; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; float: left; margin-left: -2px; color: #666; }
.jq_filter .input_container { float: left; margin: 0 10px 7px 0; }
.jq_filter .input_outer_container, .jq_filter .input_container div.label { float: left; width: auto; color: #ccc; background: url(gfx/dropup_bar.png) no-repeat 0 0; padding: 4px 8px 4px 10px; height: 14px;}
.jq_filter .input_container div.label { font-weight: bold;  }
.jq_filter .input_initialised div.label { color: #fff; }
.jq_filter .input_outer_container { background-position: 100% 0; padding: 3px 3px; height: 16px;  }
.jq_filter .input_inner_container { float: left; background: url(gfx/input.png) no-repeat 0 -30px; padding: 1px 0 8px 5px; }
.jq_filter .input_stub { float: left; background: url(gfx/input.png) no-repeat 100% -30px; width: 5px; padding: 4px 0 5px 0;}
.jq_filter .input_active div.label { background-position: 0 -30px; }
.jq_filter .input_active .input_outer_container { background-position: 100% -30px; }

.jq_filter .options_label { float: left; width: 164px; font-weight: bold; padding-left: 3px; color: #fff; }

.jq_filter .option_nav { float: left; width: 100%; margin-bottom: 6px; }
.jq_filter .option_nav span.option_nav_letter { float: left; position: relative; padding: 0 2px; color: #fff; cursor:pointer; cursor: hand; }
.jq_filter .option_nav span.option_nav_letter:hover { text-decoration: underline; }

.jq_filter .col_nav { float: right; width: 40px; }
.jq_filter .col_nav span { display: block; float: left; width: 17px; height: 17px; background: url(gfx/scroll_arrows.png) no-repeat 0 0; overflow: hidden; text-indent: -20em; cursor: pointer; cursor: hand; }
.jq_filter .col_nav span#jq-option-col-fw { background-position: -22px 0; margin-left: 3px;}