html, body
 { font-size:1em; margin:0em; padding:0em; width:100%; height:100%;
   font-family:Roboto, 'Segoe UI', 'San Francisco Display', 'San Francisco', Helvetica, Tahoma, Verdana, Calibri, sans-serif; }

table
 { border-collapse:collapse; }

.left
 { text-align:left; }

.center
 { text-align:center; }

.right
 { text-align:right; }

.bold
 { font-weight:bold; }

.pointer
 { cursor:pointer; }

.whitelink
 { border-radius:0.2em; background-color:rgba(255, 255, 255, 0);
   transition-property:background-color; transition-duration:250ms; }

.whitelink:hover, a:hover > .whitelink, a:active > .whitelink, a:focus > .whitelink
 { background-color:rgba(255, 255, 255, 0.2); }

body *
 { max-height:999999px; }

a img
 { border-width:0em; }

a:not(.bodylink), a:not(.bodylink):link, a:not(.bodylink):visited, a:not(.bodylink):hover, a:not(.bodylink):active,
a:not(.bodylink):focus
 { outline:none; color:inherit; text-decoration:none; }

a.bodylink:link, a.bodylink:visited
 { color:rgba(3, 155, 229, 1);
   border-bottom:0.0625em solid rgba(3, 155, 229, 0);
   outline:none; text-decoration:none;
   transition-property:border-bottom; transition-duration:250ms; }

a.bodylink:hover, a.bodylink:active, a.bodylink:focus
 { border-bottom:0.0625em solid rgba(3, 155, 229, 1); }

table.datatable
 { border-collapse:collapse; width:100%; margin-bottom:1em; }

table.datatable td, table.datatable th
 { padding-top:0.2em; padding-bottom:0.2em; padding-left:0.4em; padding-right:0.4em;
   border-left:0.0625em solid rgba(203, 203, 203, 1);
   border-right:0.0625em solid rgba(203, 203, 203, 1); }

table.datatable.largespace td
 { padding-top:0.3em; padding-bottom:0.3em; }

table.datatable th
 { padding-top:0.4em; padding-bottom:0.4em;
   color:rgba(255, 152, 0, 1);
   border-bottom:0.0625em solid rgba(255, 152, 0, 1); }

table.datatable tr:nth-child(odd):not(:first-child)
 { background-color:rgba(242, 242, 242, 1); }

table.datatable tr:first-child
 { border-top:0.0625em solid rgba(203, 203, 203, 1); }

table.datatable tr:last-child
 { border-bottom:0.0625em solid rgba(203, 203, 203, 1); }

iframe.maxwidth, iframe.gmaps
 { width:100%; margin-bottom:0em; }

iframe.gmaps { height:28.125em; display:block; }
iframe.gmaps + div
 { position:relative; padding:1em; height:26.125em; background-color:rgba(0, 0, 0, 0); margin-top:-28.125em;
   box-shadow:inset 0em 9em 8em -3em rgba(255, 255, 255, 0.9); }

.text { margin-left:0.5em; margin-right:0.5em; }

.text p { line-height:1.5em; }

.text h1 { font-size:1.6em; font-weight:300; text-align:center; }
.text:not(:first-child) h1 { margin-top:2em; }

.text h1::after
 { content:" "; border:none; border-width:0px; margin-left:auto; margin-right:auto; margin-top:0.5em;
   height:0.25em; width:30%; background-color:rgba(255, 193, 7, 1); display:block; max-width:8em; }

.scrollxtable
 { max-width:100%; overflow-x:auto; margin-bottom:1em; }

.scrollxtable table.datatable
 { margin-bottom:0em; }

.scrollxtable table.datatable > tbody > tr > td, .scrollxtable table.datatable > tbody > tr > th
 { white-space:nowrap; }

.promicon
 { display:block; width:1.5em; height:1.5em; margin:0em; padding:0em; margin-left:auto; margin-right:auto; }

.promicon.transp { opacity:0.5; }

table.datatable tr td.promcont { padding-top:0em; padding-bottom:0em; }
table.datatable tr.bonsweiher { font-weight:bold; }

.formtable
 { margin-left:auto; margin-right:auto; }

.formtable td
 { padding:0.5em; }

.formtable tr.small td { padding-bottom:0em; }

form:not(.nostyle)
 { width:100%; background-color:rgba(230, 230, 230, 1); padding-top:1em; padding-bottom:1em; }

form.paddingform { text-align:center; }
form.paddingform > div { display:inline-block; text-align:left; }

label.label_mobile, label.std_label
 { display:block; margin-bottom:0.2em; }

#formerror, .formerror
 { padding:0.6em; background-color:rgba(255, 179, 179, 1); color:rgba(128, 0, 0, 1); overflow:hidden;
   transition-property:max-height, padding; transition-duration:500ms; }

#formsuccess, .formsuccess
 { padding:0.6em; background-color:rgba(179, 255, 179, 1); color:rgba(0, 102, 0, 1); overflow:hidden;
   transition-property:max-height, padding; transition-duration:500ms; }

.color_picker_full
 { position:fixed; top:0em; left:0em; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.9); z-index:50;
   transition-property:opacity; transition-duration:500ms; overflow-y:auto; }

#cp_table { width:100%; margin-left:auto; margin-right:auto; max-width:42em; }

#cp_table > tbody > tr:first-child > td:first-child
 { font-size:1.5em; font-weight:300; }

table.nopaddingtopbottom > tbody > tr > td { padding-top:0em; padding-bottom:0em; }

#rgb_select > tbody > tr > td.small { width:1%; }
.color_picker_brightness { width:100%; }
.color_picker_brightness { border-collapse:separate; border-spacing:0.125em 0.125em; }
.color_picker_brightness > tbody > tr > td
 { padding-top:0em; padding-bottom:0em; padding-left:0em; padding-right:0em; width:16.67%; height:2em;
   border:0.0625em solid rgba(170, 170, 170, 1); cursor:pointer;
   box-shadow:0em 0em 0em 0.0625em rgba(255, 193, 7, 0);
   transition-property:border, box-shadow; transition-duration:250ms; }

.color_picker_brightness > tbody > tr > td.selected
 { border:0.0625em solid rgba(255, 193, 7, 1);
   box-shadow:0em 0em 0em 0.0625em rgba(255, 193, 7, 1); }

.color_picker_brightness > tbody > tr > td:hover
 { border:0.0625em solid rgba(255, 193, 7, 1); }

#cp_palette { margin-top:0.5em; }
#cp_palette_td { padding-left:2em; }

#cp0_0_0 { background-color:rgba(0, 0, 0, 1); }
#cp0_51_102 { background-color:rgba(0, 51, 102, 1); }
#cp0_0_102 { background-color:rgba(0, 0, 102, 1); }
#cp0_102_102 { background-color:rgba(0, 102, 102, 1); }
#cp0_102_255 { background-color:rgba(0, 102, 255, 1); }
#cp0_204_255 { background-color:rgba(0, 204, 255, 1); }
#cp0_102_0 { background-color:rgba(0, 102, 0, 1); }
#cp0_204_0 { background-color:rgba(0, 204, 0, 1); }
#cp102_153_0 { background-color:rgba(102, 153, 0, 1); }
#cp102_0_102 { background-color:rgba(102, 0, 102, 1); }
#cp255_0_102 { background-color:rgba(255, 0, 102, 1); }
#cp255_0_255 { background-color:rgba(255, 0, 255, 1); }
#cp128_0_0 { background-color:rgba(128, 0, 0, 1); }
#cp255_0_0 { background-color:rgba(255, 0, 0, 1); }
#cp255_102_0 { background-color:rgba(255, 102, 0, 1); }
#cp255_153_0 { background-color:rgba(255, 153, 0, 1); }
#cp255_255_0 { background-color:rgba(255, 255, 0, 1); }
#cp255_255_255 { background-color:rgba(255, 255, 255, 1); }

.color_picker
 {
  display:inline-block;
  align-items:flex-start;
  width:6em;
  padding-bottom:0.4em;
  padding-top:0.4em;
  margin-bottom:0.2em;
  border:0.0625em solid rgba(0, 0, 0, 1);
  border-radius:0.125em;
  outline:none;
  cursor:pointer;
  box-shadow:0.05em 0.1em 0.2em rgba(0, 0, 0, 0.5);
  transition-property:border, box-shadow; transition-duration:250ms;
 }

.color_picker:focus, .color_picker:hover
 {
  border:0.0625em solid rgba(255, 152, 0, 1);
 }

.color_picker:focus
 {
  box-shadow:0.05em 0.1em 0.2em rgba(0, 0, 0, 0.5);
 }

.color_picker:hover
 {
  box-shadow:0.05em 0.1em 0.6em rgba(0, 0, 0, 0.5);
 }

input
 { font-family:inherit; font-size:1em; margin-bottom:0.2em; }

input[type="number"] { text-align:right; width:4em; }

input[type="text"], input[type="password"], input[type="number"], select
 {
  font-family:Roboto, 'Segoe UI', 'San Francisco Display', 'San Francisco', Helvetica, Tahoma, Verdana, Calibri, sans-serif;
  font-size:1em;
  border-width:0px;
  padding-left:0.2em;
  padding-right:0.2em;
  padding-bottom:0.4em;
  padding-top:0.4em;
  color:rgba(50, 50, 50, 1);
  background-color:rgba(255, 255, 255, 0);
  border-bottom:0.0625em solid rgba(170, 170, 170, 1);
  outline:none;
  box-shadow:0em 0.0625em 0em rgba(255, 193, 7, 0);
  transition-property:color, border-bottom, box-shadow; transition-duration:250ms;
 }

input[type="text"][disabled], input[type="password"][disabled], input[type="number"][disabled], select[disabled]
 {
  color:rgba(150, 150, 150, 1);
  border-bottom:0.0625em dotted rgba(170, 170, 170, 1);
  cursor:default;
 }

input[type="text"]:not([disabled]):focus, input[type="text"]:not([disabled]):hover,
input[type="password"]:not([disabled]):focus, input[type="password"]:not([disabled]):hover,
input[type="number"]:not([disabled]):focus, input[type="number"]:not([disabled]):hover,
select:not([disabled]):focus, select:not([disabled]):hover
 {
  color:rgba(0, 0, 0, 1);
  border-bottom:0.0625em solid rgba(255, 193, 7, 1);
  outline:none;
  box-shadow:0em 0.0625em 0em rgba(255, 193, 7, 1);
 }

textarea
 {
  font-family:Consolas, monospace;
  width:35em;
  height:6em;
  margin-bottom:0.5em;
  font-size:1em;
  padding:0.2em;
  color:rgba(50, 50, 50, 1);
  background-color:rgba(255, 255, 255, 0);
  border:0.0625em solid rgba(170, 170, 170, 1);
  outline:none;
  box-shadow:0em 0em 0em 0.0625em rgba(255, 193, 7, 0);
  transition-property:color, border-bottom, box-shadow; transition-duration:250ms;
 }

textarea[disabled]
 {
  color:rgba(150, 150, 150, 1);
  border:0.0625em dotted rgba(170, 170, 170, 1);
  cursor:default;
 }

textarea:not([disabled]):focus, textarea:not([disabled]):hover
 {
  color:rgba(0, 0, 0, 1);
  border:0.0625em solid rgba(255, 193, 7, 1);
  outline:none;
  box-shadow:0em 0em 0em 0.0625em rgba(255, 193, 7, 1);
 }

input[type="button"], input[type="submit"]
 {
  font-family:Roboto, 'Segoe UI', 'San Francisco Display', 'San Francisco', Helvetica, Tahoma, Verdana, Calibri, sans-serif;
  font-size:1em;
  color:white;
  border-width:0px;
  border-radius:0.125em;
  padding-left:1.5em;
  padding-right:1.5em;
  padding-bottom:0.4em;
  padding-top:0.4em;
  background-color:rgba(255, 152, 0, 1);
  outline:none;
  cursor:pointer;
  box-shadow:0.05em 0.1em 0.2em rgba(0, 0, 0, 0.5);
  transition-property:background-color, box-shadow; transition-duration:250ms;
 }

input[type="button"][disabled], input[type="submit"][disabled]
 {
  cursor:default;
  background-color:rgba(120, 120, 120, 1);
 }

input[type="button"]:not([disabled]):focus, input[type="button"]:not([disabled]):hover,
input[type="submit"]:not([disabled]):focus, input[type="submit"]:not([disabled]):hover
 {
  background-color:rgba(179, 107, 0, 1);
 }

input[type="button"]:not([disabled]):focus, input[type="submit"]:not([disabled]):focus
 {
  box-shadow:0.05em 0.1em 0.2em rgba(0, 0, 0, 0.5);
 }

input[type="button"]:not([disabled]):hover, input[type="submit"]:not([disabled]):hover
 {
  box-shadow:0.05em 0.1em 0.6em rgba(0, 0, 0, 0.5);
 }

::-webkit-input-placeholder
 {
  color: rgba(0, 0, 0, 0.3);
 }

:-moz-placeholder
 {
  color: rgba(0, 0, 0, 0.3);  
 }

::-moz-placeholder
 {
  color: rgba(0, 0, 0, 0.3);  
 }

:-ms-input-placeholder
 {  
  color: rgba(0, 0, 0, 0.3);  
 }

#main { display:block; opacity:1; transition-property:opacity; transition-duration:250ms; }

#sitemap_table { width:100%; }
#sitemap_table table { width:100%; }
#sitemap_table table td.icon { padding:0em; width:2.3em; height:2.3em; }
#sitemap_table > tbody > tr > td { padding:0em; }
#sitemap_table tr.main_menu { background-color:rgba(230, 230, 230, 1); }
#sitemap_table tr.main_menu td td { font-weight:700; }
#sitemap_table tr.main_menu.last_main { height:0.5em; }
#sitemap_table tr.sub_menu td table td span
 { color:rgba(3, 155, 229, 1);
   border-bottom:0.0625em solid rgba(3, 155, 229, 0);
   transition-property:border-bottom; transition-duration:250ms; }
#sitemap_table tr.sub_menu td table:hover td span,
#sitemap_table tr.sub_menu td a:active table td span,
#sitemap_table tr.sub_menu td a:focus table td span
 { border-bottom:0.0625em solid rgba(3, 155, 229, 1); }
#sitemap_table tr.sub_menu:not(.last_sub)
 { border-bottom:0.0625em solid rgba(220, 220, 220, 1); }

#loading
 { width:100%; background-color:rgba(230, 230, 230, 1);
   transition-property:max-height, padding-top, padding-bottom; transition-duration:250ms;
   padding-top:0em; padding-bottom:0em; max-height:0em; display:none; overflow:hidden; }

#loading table { margin-left:auto; margin-right:auto; }
#loading table td:first-child { padding-right:0.7em; }
#loadinggif { width:2em; height:2em; }

#tt_years { text-align:center; font-style:italic; }

#fixedheader
 { position:fixed; top:0em; left:0em; overflow:hidden; width:100%; padding:0em; display:none; z-index:5;
   transition-property:height; transition-duration:250ms;
   background-color:rgba(255, 152, 0, 1); height:0em; box-shadow:0em 0.1em 0.5em rgba(0, 0, 0, 0.5); }

#ttfixed { margin:0em; }
#ttfixed > tbody > tr > td { padding:0em; }
#ttfixed > tbody > tr > td table { margin:0em; height:2.5em; }

#ttfixed > tbody > tr:first-child > td:first-child { text-align:left; }
#ttfixed > tbody > tr:first-child > td:last-child table { margin-left:auto; }

#ttfixed > tbody > tr:first-child > td:first-child table { text-align:left; }
#ttfixed > tbody > tr:first-child > td:last-child table { text-align:right; }

#ttfixed > tbody > tr > td[rowspan] { width:3.9em; padding:0em; }
#ttfixed > tbody > tr > td[rowspan] > img { display:block; padding:0.2em; margin:0em; }
#ttfixed { width:100%; color:white; }

#ttfixed td.icon { width:2.3em; height:2.3em; padding:0em; }

#ttfixed { height:2.5em; }

img.micon
 { width:1.5em; height:1.5em; padding:0.4em; display:block; }

#ttghead
 { font-size:1.2em; text-align:center; }

#header
 { background-size:100% auto; background-position:center center;
   background-color:rgba(255, 152, 0, 1); box-shadow:inset 0em -4em 8em -3em rgba(0, 0, 0, 0.5); }

#ttheadertable { height:2.5em; }
#ttheadertable > tbody > tr:last-child table { margin-left:auto; margin-right:auto; }
#ttheadertable > tbody > tr:last-child table td:last-child { font-size:1.2em; }

#ttheadertable { width:100%; color:white; margin-left:auto; margin-right:auto; }
#ttheadertable td.icon { width:2.3em; height:2.3em; padding:0em; }
#ttheadertable > tbody > tr:first-child > td:first-child table td:last-child { padding-right:0.8em; }
#ttheadertable > tbody > tr:first-child > td:last-child table td:first-child { padding-left:0.8em; }
#ttheadertable > tbody > tr:first-child > td:last-child table { margin-left:auto; }

#ttheadertable > tbody > tr:last-child table td:last-child.ltext
 { font-size:1.5em; text-shadow:0em 0em 0.4em rgba(0, 0, 0, 1); }

#ttgwappen_a, #ttgwappen_b
 { width:3em; height:3.5976em; padding-top:0.6em; padding-bottom:0.6em; padding-right:0.6em; display:block; }

#ttheadertable > tbody > tr > td, #ttheadertable_b > tbody > tr > td
 { padding:0em; }

#ttheadertable_b { width:100%; margin-left:auto; margin-right:auto; color:white; }
#ttheadertable_b > tbody > tr:first-child table { margin-left:auto; }
#ttheadertable_b > tbody > tr:first-child table td:first-child { padding-left:0.8em; }
#ttheadertable_b #ttgmain table { margin-left:auto; margin-right:auto; }
#ttheadertable_b #ttgmain table tr td:last-child
 { font-size:2.5em; font-weight:300; padding-left:0.5em;
   text-shadow:0em 0em 0.4em rgba(0, 0, 0, 1); }

#ttheadertable_b > tbody > tr:last-child td { padding:0em; }
#ttheadertable_b > tbody > tr:last-child table
 { width:100%; margin-bottom:0em; margin-left:auto; margin-right:auto; margin-top:0em; }

#ttheadertable_b > tbody > tr:last-child { background-color:rgba(0, 0, 0, 0.5); }
#ttheadertable_b > tbody > tr:last-child table td { padding:0em; width:25%; }
#ttheadertable_b > tbody > tr:last-child table td div
 { text-align:center; padding-top:1em; padding-bottom:1em; width:100%; margin:0em;
   cursor:pointer; transition-property:border-bottom, color, background-color; transition-duration:250ms;
   border-bottom:0.125em solid rgba(255, 152, 0, 0);
   color:rgba(255, 255, 255, 1); }

#ttheadertable_b > tbody > tr:last-child table td div:hover,
#ttheadertable_b > tbody > tr:last-child table td a:active div,
#ttheadertable_b > tbody > tr:last-child table td a:focus div
 { border-bottom:0.125em solid rgba(255, 152, 0, 1);
   color:rgba(255, 255, 255, 1); }

#ttheadertable_b > tbody > tr:last-child table:hover td div:not(:hover)
 { color:rgba(255, 255, 255, 0.5); }

#ttgcont { text-align:center; font-style:italic; }

#ttgwappenlarge { display:block; width:100%; }

.card { padding:1em; margin-top:1em; }

.cardmobile
 { padding:1.25em; margin-top:1.5em;
   background-color:rgba(230, 230, 230, 1); background-image:url('icons/event_white.svg');
   background-position:right top; background-repeat:no-repeat; background-size:5em auto; }

.card:not(.lcard)
 { margin-right:1em; margin-left:0.5em;
   background-color:rgba(230, 230, 230, 1); background-image:url('icons/event_white.svg');
   background-position:right top; background-repeat:no-repeat; background-size:5em auto; }

.card.lcard
 { background-color:rgba(255, 255, 255, 0); margin-right:0.5em; margin-left:1em; }

.card h2, .cardmobile h2 { font-size:1.2em; font-weight:300; margin-top:0em; }
.text h2 { font-size:1.5em; font-weight:300; }

.card h2::after, .cardmobile h2::after, .text h2::after
 { content:" "; border:none; border-width:0px; margin-top:0.5em;
   height:0.125em; width:2em; background-color:rgba(255, 193, 7, 1); display:block; }
.text h2::after { margin-top:0.3em; }

#cards_mobile h1
 { margin-top:2em; }

#layout_table { width:100%; border-collapse:collapse; margin-left:auto; margin-right:auto; }
#layout_table > tbody > tr > td { padding:0em; }
#tdmain { vertical-align:top; }

.force_space { height:2em; }
.force_space_small { height:1em; }
#space { height:0em; }

#footer
 { background-color:rgba(48, 48, 48, 1); color:rgba(224, 226, 228, 1); padding-top:2em; padding-bottom:2em;
   background-image:url('ttggray.svg');
   background-size:auto 15.4em; background-position:-1em center; background-repeat:no-repeat; }

#footer hr
 { border:none; border-width:0px; height:0.0625em; background-color:rgba(107, 115, 123, 1);
   margin-top:0.7em; margin-bottom:0.7em; }

#footer a.bodylink:link, #footer a.bodylink:visited
 { color:rgba(129, 212, 253, 1);
   border-bottom:0.0625em solid rgba(129, 212, 253, 0); }

#footer a.bodylink:hover, #footer a.bodylink:active, #footer a.bodylink:focus
 { border-bottom:0.0625em solid rgba(129, 212, 253, 1); }

#info .minspace { height:0.3em; }

#menu .micon { width:1.5em; padding:0.4em; display:block; }

#menu_bg
 { position:fixed; top:0em; left:0em; width:100%; height:100%; z-index:10; opacity:0; display:none;
   background-color:rgba(48, 48, 48, 0.75); transition-property:opacity; transition-duration:500ms; }

#menu
 { width:auto; position:fixed; top:0em; left:-23em; width:auto; height:100%; z-index:11; display:none;
   transition-property:left; transition-duration:500ms; }

#menu_container
 { background-color:rgba(255, 255, 255, 1); display:inline-block; height:100%; max-height:100%;
   overflow:auto; min-width:20em; }

#menu_close { display:inline-block; height:100%; max-height:100%; }

#menu_container table { margin-top:0.3em; width:100%; border-collapse:collapse; }
#menu_container table td:first-child
 { padding:0em; width:2.3125em; max-width:2.3125em; padding-left:0.2em;
   height:2.3125em; max-height:2.3125em; }

#menu_container table td:last-child { padding-right:2em; }
#menu_container table { color:rgba(0, 0, 0, 1); transition-property:color; transition-duration:250ms; }
#menu_container table:hover, #menu_container a:active > table, #menu_container a:focus > table
 { color:rgba(255, 152, 0, 1); }

.mobile_sub
 { font-size:0em; opacity:0; display:none;
   transition-property:font-size, opacity; transition-duration:250ms, 250ms; transition-delay:0ms, 250ms; }

.mobile_sub.opened
 { font-size:1em; opacity:1; }

#desktop_submenu
 { display:none; width:100%; position:absolute; left:0em; top:0em; z-index:3; max-height:0em;
   transition-property:max-height; transition-duration:500ms; overflow:hidden;
   background-color:rgba(255, 255, 255, 1); border-bottom:0.0625em solid rgba(220, 220, 220, 1); }

#desktop_submenu table
 { width:100%; margin-left:auto; margin-right:auto; }

#desktop_submenu table td
 { padding:0em; vertical-align:top; width:25%; opacity:1; transition-property:opacity; transition-duration:250ms; }

#desktop_submenu div
 { padding-top:0.7em; padding-bottom:0.7em; text-align:center;
   color:rgba(0, 0, 0, 1); transition-property:color; transition-duration:250ms; }

#desktop_submenu div:hover, #desktop_submenu a:active > div, #desktop_submenu a:focus > div
 { color:rgba(255, 152, 0, 1); }

#desktop_submenu td.subm, #desktop_submenu td:hover
 { background-color:rgba(255, 255, 255, 1); }

#desktop_submenu td:not(.subm):not(:hover)
 { opacity:0.2; }

#desktop_submenu table td a:not(:last-child)::after
 { content:" "; display:block; margin-top:0.1em; margin-bottom:0.1em; margin-left:auto; margin-right:auto;
   width:90%; height:0.0625em; background-color:rgba(220, 220, 220, 1); }

@media screen and (max-width: 20em)
 { input[type="text"], input[type="password"] { width:14em; } select { width:14.4em; } }

@media screen and (min-width: 20.0001em)
 { input[type="text"], input[type="password"] { width:17em; } select { width:17.4em; } }

@media screen and (max-width: 21em)
 { textarea { width:14em; } }

@media screen and (min-width: 21.0001em) and (max-width: 27em)
 { textarea { width:17em; } }

@media screen and (min-width: 27.0001em) and (max-width: 33em)
 { textarea { width:22em; } }

@media screen and (min-width: 33.0001em) and (max-width: 39em)
 { textarea { width:27em; } }

@media screen and (max-width: 24.375em)
 {
  #cp_palette_td { display:none; }
 }

@media screen and (min-width: 24.3751em)
 {
  #cp_palette_td { display:table-cell; }
  #rgb_select { width:100%; }
 }

@media screen and (max-width: 27em)
 {
  .htext { display:none; }
  .hsubtable { width:2.3em; }
 }

@media screen and (min-width: 27.0001em)
 {
  .hsubtable { width:7.5em; }
  #ttheadertable > tbody > tr:last-child table td:last-child.ltext
   { font-size:2.5em; font-weight:300; padding-left:0.5em; }
 }

@media screen and (max-width: 27.5em)
 {
  .smh { display:none; }
 }

@media screen and (max-width: 39.375em)
 {
  .lttd { display:none; }
 }

@media screen and (min-width: 39.3751em)
 {
  .lttdb { display:none; }
 }

@media screen and (max-width: 42em)
 {
  #ttheadertable_b { display:none; }
  .label_desktop { display:none; }
 }

@media screen and (min-width: 42.0001em)
 {
  #ttheadertable { display:none; }
  .label_mobile, .label_mobile_b { display:none !important; }
  #tdmain { padding:0em; max-width:43em; }
  #layout_table { width:100%; max-width:43em; }
  #contmwidth { width:100%; max-width:42em; margin-left:auto; margin-right:auto; }
  #main { margin-left:0.5em; margin-right:0.5em; }
 }

@media screen and (min-width: 43.0001em)
 {
  #tdmain { max-width:44em; }
  #layout_table { max-width:44em; }
  #contmwidth { max-width:43em; }
  #main { margin-left:1em; margin-right:1em; }
 }

@media screen and (min-width: 44.0001em)
 {
  #tdmain { max-width:45em; }
  #layout_table { max-width:45em; }
  #contmwidth { max-width:44em; }
  #main { margin-left:1.5em; margin-right:1.5em; }
 }

@media screen and (min-width: 45.0001em)
 {
  #tdmain { max-width:46em; }
  #layout_table { max-width:46em; }
  #contmwidth { max-width:45em; }
  #ttheadertable { max-width:42em; }
  #ttheadertable_b > tbody > tr:last-child table { max-width:42em; }
  #desktop_submenu table { max-width:42em; }
 }
   
@media screen and (min-width: 48.0001em)
 {
  #tdmain { min-width:46em; }
  #contmwidth { max-width:45em; min-width:45em; }
  #header { margin-bottom:1em; }
 }

@media screen and (max-width: 79em)
 {
  #tdleftfill, #tdrightfill { display:none; }
  #cards_mobile { display:block; }
 }

@media screen and (min-width: 79.0001em)
 {
  #layout_table { max-width:88em; }
  #tdleftfill, #tdrightfill { display:table-cell; width:50%; vertical-align:top; min-width:16em; }
  #cards_mobile { display:none; }
 }

@media screen and (min-width: 83.0001em)
 {
  .card { padding:1.25em; margin-top:1.5em; }
  .card:not(.lcard) { margin-right:1.5em; margin-left:1em; }
  .card.lcard { margin-right:1em; margin-left:1.5em; }
 }

@media screen and (max-width:25em)
 {
  #menu_container { min-width:14em; }
 }

@media screen and (max-width: 12.5em)
 {
  #header { background-image:url('tt_bg200.jpg'); }
 }

@media screen and (min-width: 12.5001em) and (max-width: 31.25em)
 {
  #header { background-image:url('tt_bg500.jpg'); }
 }

@media screen and (min-width: 31.2501em) and (max-width: 62.5em)
 {
  #header { background-image:url('tt_bg1000.jpg'); }
 }

@media screen and (min-width: 62.5001em) and (max-width: 87.5em)
 {
  #header { background-image:url('tt_bg1400.jpg'); }
 }

@media screen and (min-width: 87.5001em) and (max-width: 125em)
 {
  #header { background-image:url('tt_bg2000.jpg'); }
 }

@media screen and (min-width: 125.0001em)
 {
  #header { background-image:url('tt_bg2500.jpg'); }
 }

@media print
 {
  #footer, #menu, #menu_bg, #desktop_submenu, #fixedheader, #header, #tdleftfill, #tdrightfill, #fspace_footer,
  #space, .label_mobile, .label_mobile_b, .lttdb
   { display:none !important; }
 }