/****************************************************************************

Copyright (c) 2002-2014 Marco Von Ballmoos

This file is part of earthli WebCore.

earthli WebCore is free software;	you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation;	either version 2 of the License, or
(at your option) any later version.

earthli WebCore is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY;	without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with earthli WebCore;	if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

For more information about the earthli WebCore, visit:

http://www.earthli.com/software/webcore

****************************************************************************/
.align-left {
  float: left;
  margin: 0 15px 15px 0;
}
.align-right {
  float: right;
  margin: 0 0 15px 15px;
}
.align-center {
  margin: auto;
  display: table;
}
.clear-left {
  clear: left;
  display: block;
}
.clear-right {
  clear: right;
  display: block;
}
.clear-both {
  clear: both;
  display: block;
}
iframe {
  border: none;
}
body {
  font-size: 16px;
}
.icon.thirty-two + .caption {
  position: relative;
  top: -8px;
}
.icon.twenty + .caption {
  position: relative;
  top: -2px;
}
.icon.sixteen + .caption {
  position: relative;
  top: 0px;
}
pre,
.button,
.menu {
  font-size: 100%;
}
h1,
.banner .title {
  font-size: 200%;
}
h2 {
  font-size: 167%;
}
h3 {
  font-size: 140%;
}
h4 {
  font-size: 100%;
}
h5 {
  font-size: 100%;
}
.detail,
.notes,
.info-box-bottom,
.info-box-top,
.subdued,
.footnote-reference,
.basic-form .description,
.message-box .description,
.shell,
.copyright,
.versions,
.statistics,
.modification-time {
  font-size: 85%;
}
.style-controls select:not([size]) {
  height: 4ex;
}
.button .icon,
.style-controls button .icon,
.style-controls input[type=button] .icon,
.style-controls input[type=submit] .icon {
  position: relative;
  top: 0.25ex;
}
.subtle-titles h3 {
  font-size: 105%;
}
body {
  margin: 0;
  padding: 0;
  background-color: #FDF8E5;
  color: #554433;
  background-image: url('hochzeit/milkweed_paper.jpg');
  background-repeat: repeat;
}
body .page {
  max-width: 100%;
  min-width: 0%;
}
body .page .header {
  padding-top: 15px;
  background-color: #BBAA99;
  color: #554433;
}
body .page .header a:link,
body .page .header a:visited {
  color: #fff4c9;
}
body .page .header a:hover,
body .page .header a:active {
  color: #ffffff;
}
body .page .header .banner .logo {
  display: inline-block;
  margin-left: 15px;
  width: 242px;
  height: 74px;
  background-repeat: no-repeat;
}
body .page .header .banner .logo a {
  display: block;
  height: 100%;
}
body .page .header .banner .content {
  display: inline-block;
  float: right;
  text-align: right;
  margin-right: 15px;
}
body .page .header .banner .content .title {
  display: inline-block;
  min-height: 50px;
  color: #FDF8E5;
}
body .page .header .nav-box {
  clear: both;
  display: block;
  margin-top: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #cbc2b0;
  line-height: 160%;
}
body .page .header .nav-box .menu-items {
  padding-left: 15px;
  padding-right: 15px;
}
body .page .header:after {
  content: "";
  display: block;
  clear: both;
}
body .page .page-body {
  padding: 0 15px;
  margin-bottom: 15px;
  clear: both;
}
body .page .page-body .top-box {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #cbc2b0;
  margin-bottom: 15px;
}
body .page .page-body .main-box {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
body .page .page-body .main-box p:last-child,
body .page .page-body .main-box div:last-child {
  margin-bottom: 0;
}
body .page .footer {
  clear: both;
  margin-top: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #cbc2b0;
  background-color: #BBAA99;
  color: #554433;
}
body .page .footer a:link,
body .page .footer a:visited {
  color: #fff4c9;
}
body .page .footer a:hover,
body .page .footer a:active {
  color: #ffffff;
}
body .page .footer .footer-data {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}
body .page .footer .footer-data + .footer-data {
  margin-top: 5px;
}
.viewport,
.full-screen-edit {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%;
}
.viewport body,
.full-screen-edit body,
.viewport .style-controls,
.full-screen-edit .style-controls,
.viewport .page,
.full-screen-edit .page,
.viewport .main-box,
.full-screen-edit .main-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
}
.viewport .page,
.full-screen-edit .page {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}
.viewport .page .header,
.full-screen-edit .page .header {
  padding-top: 0;
}
.viewport .page .header .nav-box,
.full-screen-edit .page .header .nav-box {
  margin-top: 5px;
}
.viewport .page .page-body,
.full-screen-edit .page .page-body {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  margin-bottom: 5px;
}
.viewport .page .page-body .columns,
.full-screen-edit .page .page-body .columns {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
}
.viewport .page .page-body .columns .frame-content,
.full-screen-edit .page .page-body .columns .frame-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 5;
  -moz-flex: 5;
  -ms-flex: 5;
  flex: 5;
  margin-left: -15px;
}
.viewport .page .page-body .columns .frame-content iframe,
.full-screen-edit .page .page-body .columns .frame-content iframe {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.viewport .page .page-body .columns .left-sidebar,
.full-screen-edit .page .page-body .columns .left-sidebar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  margin-right: 15px;
}
.viewport .page .page-body .columns .left-sidebar .tree,
.full-screen-edit .page .page-body .columns .left-sidebar .tree {
  overflow: auto;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.viewport .page .page-body .form-content,
.full-screen-edit .page .page-body .form-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 0;
}
.viewport .page .page-body .form-content form,
.full-screen-edit .page .page-body .form-content form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.viewport .page .page-body .form-content form > div,
.full-screen-edit .page .page-body .form-content form > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.viewport .page .page-body .form-content form > div .form-with-preview,
.full-screen-edit .page .page-body .form-content form > div .form-with-preview {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.viewport .page .page-body .form-content form > div .form-with-preview .basic-form,
.full-screen-edit .page .page-body .form-content form > div .form-with-preview .basic-form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}
.viewport .page .page-body .form-content form > div .form-with-preview .basic-form > div:nth-child(2),
.full-screen-edit .page .page-body .form-content form > div .form-with-preview .basic-form > div:nth-child(2) {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}
.viewport .page .page-body .form-content form > div .form-with-preview .basic-form > div:nth-child(2) textarea,
.full-screen-edit .page .page-body .form-content form > div .form-with-preview .basic-form > div:nth-child(2) textarea {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.viewport .page .page-body .form-content form > div .form-with-preview .basic-form > .full-screen-optional,
.full-screen-edit .page .page-body .form-content form > div .form-with-preview .basic-form > .full-screen-optional {
  display: none;
}
.full-screen-edit .banner,
.full-screen-edit .top-box,
.full-screen-edit .footer {
  display: none;
}
.minimal h1 {
  font-size: 16px;
  margin-right: 5em;
}
.minimal .taken-on {
  margin: 0;
  font-size: 75%;
  position: absolute;
  top: 15px;
  right: 15px;
}
.minimal .minimal-commands {
  margin-bottom: 5px;
  margin-right: 5px;
  margin-top: -5px;
}
.minimal .minimal-commands .menu-trigger .button {
  min-width: auto;
  min-height: auto;
  line-height: 0;
  padding: 0.2em;
}
.minimal .minimal-commands-content {
  margin-left: 1.6em;
}
hr {
  color: transparent;
  border: 0;
  border-bottom: 1px solid #cbc2b0;
  height: 1px;
  clear: both;
  display: block;
}
.form-content,
.grid-content,
.button-content,
.tree-content {
  margin-top: 15px;
  margin-bottom: 15px;
}
.button-content > *:first-child button:first-child,
.button-content > *:first-child > *:first-child button:first-child,
.button-content > *:first-child a.button:first-child,
.button-content > *:first-child > *:first-child a.button:first-child,
.button-content > *:first-child input[type=button]:first-child,
.button-content > *:first-child > *:first-child input[type=button]:first-child,
.button-content > *:first-child input[type=submit]:first-child,
.button-content > *:first-child > *:first-child input[type=submit]:first-child {
  margin-left: -5px;
}
.menu-bar-top,
.menu-bar-bottom {
  margin: 15px 0;
}
.chart,
.preview {
  border-left: 3px solid #ac9175;
  padding-left: 15px;
  margin: 15px 0 15px -3px;
}
.chart {
  color: #554433;
  background-color: transparent;
}
.preview {
  color: #554433;
  background-color: transparent;
}
.hidden-layer {
  margin-left: 7px;
}
.chart + .chart {
  margin-top: 15px;
}
.chart-title,
.preview-title {
  color: #554433;
}
.chart-title code,
.preview-title code {
  color: #554433;
}
.info-box-top,
.info-box-bottom,
.subdued {
  color: #b1a795;
}
.info-box-top p,
.info-box-bottom p,
.subdued p,
.info-box-top div,
.info-box-bottom div,
.subdued div,
.info-box-top pre,
.info-box-bottom pre,
.subdued pre,
.info-box-top ul,
.info-box-bottom ul,
.subdued ul {
  margin-top: 5px;
  margin-bottom: 5px;
}
.info-box-top a:link,
.info-box-bottom a:link,
.subdued a:link,
.info-box-top a:visited,
.info-box-bottom a:visited,
.subdued a:visited {
  color: #98acd1;
}
.info-box-top a:hover,
.info-box-bottom a:hover,
.subdued a:hover,
.info-box-top a:active,
.info-box-bottom a:active,
.subdued a:active {
  color: #94b0eb;
}
.info-box-top {
  line-height: 160%;
  border-bottom: 1px solid #cbc2b0;
  margin-bottom: 15px;
  clear: both;
}
.info-box-bottom {
  line-height: 160%;
  border-top: 1px solid #cbc2b0;
  margin-top: 15px;
  clear: both;
}
p.info-box-bottom,
div.info-box-bottom {
  padding-top: 5px;
}
p.info-box-top,
div.info-box-top {
  padding-bottom: 5px;
}
.graph-foreground {
  display: inline-block;
  color: #FDF8E5;
  background-color: #554433;
  background-image: url('hochzeit/fossil_paper.jpg');
  background-repeat: repeat;
}
.graph-background {
  line-height: 0;
  background-color: transparent;
}
.graph-foreground.vertical {
  width: 10px;
}
.graph-foreground.horizontal {
  height: 10px;
}
.shell {
  font-family: monospace;
  background-color: #333;
  border: 1px solid #cbc2b0;
  color: white;
  padding: 0 5px;
  display: block;
}
.frame {
  border: 1px solid #cbc2b0;
}
.chart-body p:first-child {
  margin: 0;
}
.comment-block {
  margin-left: 35px;
}
.comment-title {
  background-repeat: no-repeat;
  margin-bottom: 5px;
  padding-left: 20px;
}
.description {
  margin-bottom: 15px;
}
.message-box {
  margin: 15px 0;
}
.message-box .description {
  margin: 15px 0;
}
.entries {
  width: 100%;
}
.entries .short-date,
.entries .folder {
  text-align: right;
  white-space: nowrap;
}
.entries .short-date {
  width: 100px;
}
.entries .folder {
  width: 170px;
}
.log-in-form {
  max-width: 30em;
}
.folder-description {
  overflow: auto;
  max-height: 15em;
}
.pager {
  margin-top: 15px;
}
.pager .counters {
  margin: 0 10px;
  display: inline-block;
  text-align: center;
}
.pager .disabled {
  background: #EEE;
  color: #AAAAAA;
}
.pager .selected {
  background-color: #666;
  color: white;
}
.object-navigator ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.object-navigator ul li {
  padding: 5px 0;
}
.object-navigator .page-up {
  margin-bottom: 5px;
}
.object-navigator .page-down {
  margin-top: 5px;
}
.links {
  margin: 15px 0;
  column-width: 250px;
  -webkit-column-width: 250px;
  -moz-column-width: 250px;
  column-rule: 1px solid #cbc2b0;
  -webkit-column-rule: 1px solid #cbc2b0;
  -moz-column-rule: 1px solid #cbc2b0;
  column-gap: 15px;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
}
.links .button {
  display: block;
}
.links p:first-child {
  margin-top: 0;
}
.links p:last-child {
  margin-bottom: 0;
}
.object-list li {
  padding-top: 1px;
  padding-bottom: 1px;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
  margin-top: 15px;
  margin-bottom: 5px;
  line-height: normal;
}
h1 {
  color: #554433;
}
h1 code {
  color: #554433;
}
h1 a:link,
h1 a:visited {
  color: #554433;
}
h1 a:link code,
h1 a:visited code {
  color: #554433;
}
h2 {
  color: #554433;
  border-bottom: 1px dotted #cbc2b0;
}
h2 code {
  color: #554433;
}
h2 a:link,
h2 a:visited {
  color: #554433;
}
h2 a:link code,
h2 a:visited code {
  color: #554433;
}
h3 {
  color: #554f33;
}
h3 code {
  color: #554f33;
}
h3 a:link,
h3 a:visited {
  color: #554f33;
}
h3 a:link code,
h3 a:visited code {
  color: #554f33;
}
h4 {
  color: #554f33;
}
h4 code {
  color: #554f33;
}
h4 a:link,
h4 a:visited {
  color: #554f33;
}
h4 a:link code,
h4 a:visited code {
  color: #554f33;
}
h5 {
  color: #554f33;
}
h5 code {
  color: #554f33;
}
h5 a:link,
h5 a:visited {
  color: #554f33;
}
h5 a:link code,
h5 a:visited code {
  color: #554f33;
}
p {
  margin: 15px 0;
}
a:link,
a:visited {
  text-decoration: none;
  color: #5579C4;
}
a:link code,
a:visited code {
  color: #5579C4;
}
a:active,
a:hover {
  text-decoration: underline;
  color: #94b0eb;
}
a:active code,
a:hover code {
  color: #94b0eb;
}
a img {
  border: 0;
}
dfn,
var,
cite {
  font-style: italic;
}
abbr {
  border-bottom: 1px dotted #AAA;
  text-decoration: none;
}
var,
kbd {
  font-family: monospace;
}
kbd {
  display: inline-block;
  font-family: monospace;
  background-color: #FAFAFA;
  border-radius: 4px;
  border: 1px solid silver;
  border-bottom: medium none #FFFFFF;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.196), 0 0 0 1px #FFFFFF inset;
  color: #444444;
  padding: 0 5px;
  white-space: nowrap;
  margin-bottom: 5px;
}
ul.minimal {
  padding: 0;
  list-style: none;
}
ul.minimal li {
  margin: 5px 0;
  padding: 0;
}
ul.minimal ul,
ul.minimal ol {
  list-style-type: disc;
}
blockquote p:first-child {
  margin: 0;
}
pre {
  font-family: monospace;
  line-height: normal;
  text-align: left;
}
code {
  border: 1px solid #cbc2b0;
  background-color: #fbf0c9;
  background-image: url('hochzeit/fossil_paper_light.jpg');
  background-repeat: repeat;
  padding: 2px;
}
pre > code,
.source {
  background-color: transparent;
  border: none;
  color: #554433;
  display: block;
  padding-left: 15px;
  border-left: 6px solid #cbc2b0;
  margin: 15px 0 15px -6px;
  max-width: 75ex;
  overflow: auto;
}
pre > code .reserved,
.source .reserved {
  font-weight: bold;
}
pre > code .comment,
.source .comment {
  color: #908371;
}
pre > code .symbol,
.source .symbol {
  color: #554433;
}
pre > code .keyword,
.source .keyword {
  color: #346e42;
}
pre > code .tag-name,
.source .tag-name {
  color: #247e3a;
}
pre > code .tag,
.source .tag {
  color: #346e42;
}
pre > code .attribute-name,
.source .attribute-name {
  color: #234c2d;
}
pre > code .attribute-value,
.source .attribute-value {
  color: #989e89;
}
.source {
  white-space: pre-wrap;
}
.chart > .chart-body > pre > code {
  padding-left: 0;
  border-width: 0;
  margin-left: 0;
}
.text-flow {
  line-height: 160%;
  text-align: left;
  hyphens: auto;
}
@media (min-width: 500px) {
  .text-flow.wide {
    max-width: 75ex;
  }
}
@media print {
  .text-flow.wide {
    max-width: none;
  }
}
.text-flow ul:not([class]) li::marker {
  content: "〉";
}
.text-flow ul:not([class]),
.text-flow ol:not([class]) {
  margin-left: 0;
}
.text-flow ul:not([class]) li,
.text-flow ol:not([class]) li {
  padding-left: 0.5em;
}
.text-flow ul:not([class]) li p:last-child,
.text-flow ol:not([class]) li p:last-child,
.text-flow ul:not([class]) li pre:last-child,
.text-flow ol:not([class]) li pre:last-child,
.text-flow ul:not([class]) li pre > code:last-child,
.text-flow ol:not([class]) li pre > code:last-child {
  margin-bottom: 0;
}
.text-flow ul:not([class]) li p:first-child,
.text-flow ol:not([class]) li p:first-child,
.text-flow ul:not([class]) li pre:first-child,
.text-flow ol:not([class]) li pre:first-child,
.text-flow ul:not([class]) li pre > code:first-child,
.text-flow ol:not([class]) li pre > code:first-child {
  margin-top: 0;
}
.text-flow ul:not([class]) {
  padding-left: 1.1em;
}
.text-flow ol:not([class]) {
  padding-left: 1.3em;
}
.text-flow dl {
  margin: 15px 0;
}
.text-flow dd {
  margin: 5px 0 15px 1.6em;
}
.auto-content-block {
  display: block;
}
.auto-content-inline {
  display: block;
  line-height: 0;
}
.auto-content-caption {
  padding-top: 5px;
  display: block;
  text-align: right;
}
.footnote-number {
  vertical-align: super;
  font-size: 75%;
  line-height: 1em;
}
.footnote-reference {
  display: block;
  margin-top: 5px;
  margin-left: 1.8em;
  margin-bottom: 5px;
}
.footnote-reference .footnote-number:first-child {
  float: left;
  vertical-align: baseline;
  font-size: 100%;
  line-height: 150%;
  margin-left: -2em;
  margin-top: 0.3em;
}
.abstract {
  border-width: 1px 0;
  border-color: #cbc2b0;
  border-style: solid;
  padding: 15px 0;
}
.complete-text-link {
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
}
.quote,
.quote-inline,
.quote-block {
  color: #908371;
}
.quote {
  display: block;
  margin: 15px 0;
}
.quote-block {
  padding-left: 15px;
  border-left: 6px solid #ac9175;
  margin-left: -6px;
}
.quote-block p:first-child {
  margin-top: 0;
}
.quote-block p:last-child {
  margin-bottom: 0;
}
.quote-inline {
  font-style: italic;
}
.quote-inline em {
  font-style: normal;
}
.pullquote {
  border: 1px solid #ac9175;
  padding: 15px;
  font-size: 150%;
  margin: 0;
  line-height: 130%;
}
.pullquote.right,
.pullquote.right-column {
  text-align: left;
  border-width: 0;
  border-left-width: 1px;
  padding: 0 0 0 15px;
  margin-left: 15px;
}
.pullquote.left,
.pullquote.left-column {
  text-align: right;
  border-width: 0;
  border-right-width: 1px;
  padding: 0 15px 0 0;
  margin-right: 15px;
}
.quoter {
  font-style: italic;
}
.invisible {
  font-style: italic;
}
.selected {
  font-weight: normal;
  color: #554433;
}
.highlight {
  font-weight: normal;
  color: #449157;
}
.unavailable {
  opacity: 0.2;
}
.field {
  font-weight: bold;
}
.detail {
  font-style: normal;
}
.excerpt {
  font-size: 150%;
}
.notes {
  font-style: italic;
  font-weight: normal;
}
.notes em {
  font-weight: bold;
}
.reference {
  font-style: italic;
}
.caution,
.warning,
.error {
  padding: 5px;
  border: 1px dotted #666;
  color: #765;
}
.caution p:first-child,
.warning p:first-child,
.error p:first-child {
  margin-top: 0;
}
.caution p:last-child,
.warning p:last-child,
.error p:last-child {
  margin-bottom: 0;
}
.caution a:link,
.warning a:link,
.error a:link,
.caution a:visited,
.warning a:visited,
.error a:visited {
  color: #66C;
}
.caution.icon,
.warning.icon,
.error.icon {
  background-position: 5px 10px;
}
.caution.icon.sixteen,
.warning.icon.sixteen,
.error.icon.sixteen {
  padding-left: 26px;
}
.error {
  background-color: #FFEAEA;
  border-color: #A00000;
}
.warning {
  background-color: #ffd08d;
  border-color: #A06000;
}
.caution {
  background-color: #FFFFCC;
  border-color: #A0A000;
}
span.error,
span.warning,
span.caution {
  margin-left: -2px;
  padding: 2px;
}
div.error,
div.warning,
div.caution {
  margin-left: -5px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
}
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.inline-icon {
  vertical-align: middle;
}
.image-without-text {
  line-height: 0;
}
.image-without-text > a {
  display: inline-block;
}
div.icon {
  display: block;
}
h2.icon {
  display: block;
  background-position: right;
}
.one-hundred {
  min-width: 100px;
  min-height: 100px;
}
div.one-hundred {
  padding-left: 115px;
}
.fifty {
  min-width: 50px;
  min-height: 50px;
}
div.fifty {
  padding-left: 55px;
}
.thirty {
  min-width: 30px;
  min-height: 30px;
}
div.thirty {
  padding-left: 35px;
}
.thirty-two {
  min-width: 32px;
  min-height: 32px;
}
div.thirty-two {
  padding-left: 37px;
}
.twenty {
  min-width: 20px;
  min-height: 20px;
}
div.twenty {
  padding-left: 25px;
}
.sixteen {
  min-width: 16px;
  min-height: 16px;
}
div.sixteen {
  padding-left: 21px;
}
.icon + .caption {
  padding-left: 5px;
}
.fifteen {
  padding-left: 20px;
  min-height: 15px;
}
.menu-dropdown {
  display: none;
  position: absolute;
  top: auto;
  left: auto;
}
.menu-trigger:hover {
  cursor: pointer;
}
.menu {
  position: relative;
  z-index: 100;
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 100%;
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
  border: 1px solid #cbc2b0;
  background-color: #fbf0c9;
  background-image: url('hochzeit/milkweed_paper.jpg');
  background-repeat: repeat;
}
.menu.chooser {
  max-height: 500px;
  overflow: auto;
}
.menu > li {
  padding: 0;
  min-height: 18px;
}
.menu > li:last-child .menu-item:hover {
  border-bottom-color: transparent;
}
.menu > li:first-child .menu-item:hover {
  border-top-color: transparent;
}
.menu .menu-group-title {
  padding: 0.4em;
  border-bottom: 1px dotted #cbc2b0;
  cursor: default;
  background-color: #faedba;
  background-image: url('hochzeit/fossil_paper_light.jpg');
  background-repeat: repeat;
}
.menu .menu-item-description {
  display: block;
  margin: 5px 0 0 0;
  max-width: 200px;
  white-space: normal;
  line-height: 130%;
  color: #554433;
}
.menu .calendar-menu-item {
  margin: 15px;
}
.menu .menu-item {
  padding: 0.4em;
  display: block;
  min-height: 2em;
  box-sizing: border-box;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.menu .menu-item.icon {
  padding-left: 26px;
  background-position: 5px 8px;
}
.menu .menu-item:hover {
  text-decoration: none;
  background-color: #fefcf3;
  background-image: url('hochzeit/milkweed_paper.jpg');
  background-repeat: repeat;
  border-color: #cbc2b0;
}
.menu .menu-item:link,
.menu .menu-item:visited {
  color: #554433;
}
.button + .menu-items.buttons,
.menu-items.buttons + .menu-items.buttons,
.menu-items.buttons + .button,
button + .menu-items.buttons,
.menu-items.buttons + button,
input[type=button] + .menu-items.buttons,
.menu-items.buttons + input[type=button],
input[type=submit] + .menu-items.buttons,
.menu-items.buttons + input[type=submit] {
  margin-left: 10px;
}
.menu-items {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 100%;
}
.menu-items > li {
  display: inline;
}
.menu-items.buttons > li + li {
  padding-left: 10px;
}
.menu-items.standard li:before {
  content: '| ';
  padding: 0 0 0 0.3em;
}
.menu-items.objects li:before,
.menu-items.location li:before {
  content: '> ';
  padding: 0 0 0 0.3em;
}
.menu-items li:first-child:before {
  content: '';
  padding: 0;
}
.minimal-commands {
  float: left;
  margin-right: 10px;
  margin-top: 15px;
}
.minimal-commands .selector {
  margin-right: 5px;
}
.minimal-commands-content {
  margin-left: 2.4em;
}
.minimal-commands-content.selector {
  margin-left: 53px;
}
.nav-item {
  font-weight: normal;
}
.newsfeed {
  display: inline-block;
  padding: 10px;
  margin: -10px;
  margin-right: 0;
}
.toc {
  line-height: 160%;
}
.toc > ul,
.toc > ol {
  display: block;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.cell-non-empty,
.cell-selected,
.cell-highlight {
  border: 1px solid #cbc2b0;
}
.cell-highlight {
  color: #554433;
  background-color: #faedba;
}
.cell-selected {
  color: #554433;
  background-color: #fbf0c9;
  background-image: url('hochzeit/fossil_paper_light.jpg');
  background-repeat: repeat;
}
.cell-empty {
  border: none;
}
.calendar {
  border: none;
}
.calendar .cell-empty,
.calendar .cell-non-empty,
.calendar .cell-selected,
.calendar .cell-highlight {
  width: 11%;
  height: 5em;
  box-sizing: border-box;
  padding: 5px;
  vertical-align: top;
  empty-cells: show;
}
.calendar .day-content a {
  display: block;
  margin: 5px;
}
.calendar .day-content a:first-child {
  margin-top: 0;
}
.calendar .day-content a:last-child {
  margin-bottom: 0;
}
.picture img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  max-height: 100vh;
  max-width: 100vw;
}
@media (orientation: landscape) {
  .picture img {
    max-height: 90vh;
  }
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
table caption {
  text-align: left;
  border-bottom: 1px solid #cbc2b0;
  margin-bottom: 5px;
}
table td,
table th {
  padding: 0;
  text-align: left;
}
table th {
  font-weight: normal;
  border-bottom: 1px solid #cbc2b0;
}
table th.numeric {
  text-align: right;
}
table td > p:first-child,
table td > div:first-child,
table td > pre:first-child,
table td > ul:first-child {
  margin-top: 0;
}
table td > p:last-child,
table td > div:last-child,
table td > pre:last-child,
table td > ul:last-child {
  margin-bottom: 0;
}
table td.numeric {
  text-align: right;
}
table.basic {
  margin: 15px 0;
}
table.basic > tbody > tr > td,
table.basic > tbody > tr > th {
  padding: 2px 15px 2px 2px;
  line-height: 130%;
}
table.basic > tbody > tr > td:first-child,
table.basic > tbody > tr > th:first-child {
  padding-left: 0;
}
table.basic > tbody > tr > td:last-child,
table.basic > tbody > tr > th:last-child {
  padding-right: 0;
}
table.basic > tbody > tr:first-child > td,
table.basic > tbody > tr:first-child > th {
  padding-top: 0;
}
table.basic > tbody > tr:last-child > td,
table.basic > tbody > tr:last-child > th {
  padding-bottom: 0;
}
table.mini td {
  width: auto;
  height: auto;
}
table.mini td a {
  display: block;
}
table.columns > tbody > tr > td,
table.columns > tbody > tr > th {
  padding: 2px 15px;
  border-right: 1px solid #cbc2b0;
}
table.columns > tbody > tr > td:last-child,
table.columns > tbody > tr > th:last-child {
  border-right: none;
}
table.numeric-data td {
  text-align: right;
}
table.left-labels > tbody > tr > td:not([colspan]):first-child,
table.left-labels > tbody > tr > th:first-child {
  text-align: right;
  white-space: nowrap;
  border-bottom: none;
  vertical-align: baseline;
}
table.left-labels.top > tbody > tr > td:first-child,
table.left-labels.top > tbody > tr > th:first-child {
  vertical-align: baseline;
}
table.left-labels.bottom > tbody > tr > td:first-child,
table.left-labels.bottom > tbody > tr > th:first-child {
  vertical-align: bottom;
}
table.top > tbody > tr > td,
table.top > tbody > tr > th {
  vertical-align: baseline;
}
table.bottom > tbody > tr > td,
table.bottom > tbody > tr > th {
  vertical-align: bottom;
}
table.panels td {
  white-space: nowrap;
}
.text-flow table.basic > tbody > tr > td,
.text-flow table.left-labels.top > tbody > tr > th:first-child {
  line-height: 160%;
}
.grid {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 15px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.grid > div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-basis: auto;
  flex-basis: auto;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  vertical-align: top;
  margin-right: 15px;
  margin-bottom: 15px;
}
@media print and (orientation: portrait) {
  .grid > div {
    width: 50%;
  }
}
@media print and (orientation: landscape) {
  .grid > div {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 450px) {
  .grid > div {
    width: 50%;
  }
}
@media screen and (min-width: 900px) {
  .grid > div {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 1350px) {
  .grid > div {
    width: 25%;
  }
}
@media screen and (min-width: 1800px) {
  .grid > div {
    width: 20%;
  }
}
@media screen and (min-width: 2250px) {
  .grid > div {
    width: 16.66666667%;
  }
}
@media screen and (min-width: 2700px) {
  .grid > div {
    width: 14.28571429%;
  }
}
@media screen and (min-width: 3150px) {
  .grid > div {
    width: 12.5%;
  }
}
@media screen and (min-width: 3600px) {
  .grid > div {
    width: 11.11111111%;
  }
}
@media screen and (min-width: 4050px) {
  .grid > div {
    width: 10%;
  }
}
@media screen and (min-width: 4500px) {
  .grid > div {
    width: 9.09090909%;
  }
}
@media print and (orientation: portrait) {
  .grid.tiny-tiles > div {
    width: 25%;
  }
}
@media print and (orientation: landscape) {
  .grid.tiny-tiles > div {
    width: 16.66666667%;
  }
}
@media screen and (min-width: 200px) {
  .grid.tiny-tiles > div {
    width: 50%;
  }
}
@media screen and (min-width: 400px) {
  .grid.tiny-tiles > div {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 600px) {
  .grid.tiny-tiles > div {
    width: 25%;
  }
}
@media screen and (min-width: 800px) {
  .grid.tiny-tiles > div {
    width: 20%;
  }
}
@media screen and (min-width: 1000px) {
  .grid.tiny-tiles > div {
    width: 16.66666667%;
  }
}
@media screen and (min-width: 1200px) {
  .grid.tiny-tiles > div {
    width: 14.28571429%;
  }
}
@media screen and (min-width: 1400px) {
  .grid.tiny-tiles > div {
    width: 12.5%;
  }
}
@media screen and (min-width: 1600px) {
  .grid.tiny-tiles > div {
    width: 11.11111111%;
  }
}
@media screen and (min-width: 1800px) {
  .grid.tiny-tiles > div {
    width: 10%;
  }
}
@media screen and (min-width: 2000px) {
  .grid.tiny-tiles > div {
    width: 9.09090909%;
  }
}
@media print and (orientation: portrait) {
  .grid.small-tiles > div {
    width: 33.33333333%;
  }
}
@media print and (orientation: landscape) {
  .grid.small-tiles > div {
    width: 25%;
  }
}
@media screen and (min-width: 300px) {
  .grid.small-tiles > div {
    width: 50%;
  }
}
@media screen and (min-width: 600px) {
  .grid.small-tiles > div {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 900px) {
  .grid.small-tiles > div {
    width: 25%;
  }
}
@media screen and (min-width: 1200px) {
  .grid.small-tiles > div {
    width: 20%;
  }
}
@media screen and (min-width: 1500px) {
  .grid.small-tiles > div {
    width: 16.66666667%;
  }
}
@media screen and (min-width: 1800px) {
  .grid.small-tiles > div {
    width: 14.28571429%;
  }
}
@media screen and (min-width: 2100px) {
  .grid.small-tiles > div {
    width: 12.5%;
  }
}
@media screen and (min-width: 2400px) {
  .grid.small-tiles > div {
    width: 11.11111111%;
  }
}
@media screen and (min-width: 2700px) {
  .grid.small-tiles > div {
    width: 10%;
  }
}
@media screen and (min-width: 3000px) {
  .grid.small-tiles > div {
    width: 9.09090909%;
  }
}
@media print and (orientation: portrait) {
  .grid.large-tiles > div {
    width: 100%;
  }
}
@media print and (orientation: landscape) {
  .grid.large-tiles > div {
    width: 50%;
  }
}
@media screen and (min-width: 600px) {
  .grid.large-tiles > div {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .grid.large-tiles > div {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 1800px) {
  .grid.large-tiles > div {
    width: 25%;
  }
}
@media screen and (min-width: 2400px) {
  .grid.large-tiles > div {
    width: 20%;
  }
}
@media screen and (min-width: 3000px) {
  .grid.large-tiles > div {
    width: 16.66666667%;
  }
}
@media screen and (min-width: 3600px) {
  .grid.large-tiles > div {
    width: 14.28571429%;
  }
}
@media screen and (min-width: 4200px) {
  .grid.large-tiles > div {
    width: 12.5%;
  }
}
@media screen and (min-width: 4800px) {
  .grid.large-tiles > div {
    width: 11.11111111%;
  }
}
@media screen and (min-width: 5400px) {
  .grid.large-tiles > div {
    width: 10%;
  }
}
@media screen and (min-width: 6000px) {
  .grid.large-tiles > div {
    width: 9.09090909%;
  }
}
.grid.content-sized-tiles > div {
  width: auto;
  margin-right: 5px;
  margin-bottom: 5px;
}
.grid.full-width > div {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.grid > div.full-width {
  width: 100%;
}
.page-break {
  page-break-before: always;
}
.tree {
  line-height: 160%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.tree .leaf {
  padding-left: 18px;
}
.tree .tree-node {
  margin: 5px 0;
  padding: 0;
}
.tree .tree-node:first-child {
  margin-top: 0;
}
.tree .tree-node:last-child {
  margin-bottom: 0;
}
.tree .tree-node img {
  padding-right: 5px;
}
.tree input[type=radio],
.tree input[type=checkbox] {
  margin: 0 5px 0 0;
}
.tree ul {
  margin: 0;
  padding: 0 0 0 21px;
  list-style: none;
}
.tree ul .leaf-only {
  padding-left: 18px;
}
.tree ul li {
  margin: 0;
  padding: 0;
}
.left-sidebar {
  padding-bottom: 15px;
  border-bottom: 1px solid #cbc2b0;
  margin-bottom: 15px;
}
.right-sidebar {
  margin-top: 15px;
  border-top: 1px solid #cbc2b0;
  padding-top: 15px;
}
.top-box .columns > div {
  margin-bottom: 15px;
}
.top-box .columns > div .tree,
.top-box .columns > div .panels {
  max-height: 300px;
  overflow-y: auto;
}
@media (min-width: 500px) {
  .columns {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .columns > div {
    -webkit-flex: 5;
    -moz-flex: 5;
    -ms-flex: 5;
    flex: 5;
    margin: 0 15px;
  }
  .columns > div:first-child {
    margin-left: 0;
  }
  .columns > div:last-child {
    margin-right: 0;
  }
  .columns > div.left-sidebar {
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border: none;
    padding-top: 0;
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #cbc2b0;
    margin-right: 15px;
  }
  .columns > div.right-sidebar {
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border: none;
    padding-top: 0;
    margin-left: 15px;
    border-left: 1px solid #cbc2b0;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: -15px;
  }
  .top-box .columns > div.left-sidebar {
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }
}
.overlay-container {
  position: relative;
  display: inline-block;
}
.top-left-overlay {
  position: absolute;
  left: 0;
  top: 0;
}
.top-left-overlay .button {
  opacity: 0.75;
}
.top-left-overlay .button:hover {
  opacity: 1;
}
.bottom-right-overlay {
  position: absolute;
  right: 0;
  bottom: 0;
}
.bottom-right-overlay .button {
  opacity: 0.75;
}
.bottom-right-overlay .button:hover {
  opacity: 1;
}
.top-left-overlay .button {
  border-top-left-radius: 0;
}
.bottom-right-overlay .button {
  border-bottom-right-radius: 0;
}
.style-controls input[type="radio"],
.style-controls input[type="checkbox"] {
  vertical-align: middle;
}
.style-controls button,
.style-controls input[type=submit],
.style-controls input[type=button],
.style-controls input[type=text],
.style-controls input[type=password],
.style-controls select,
.style-controls textarea,
.style-controls input[type=button],
.style-controls input[type=submit] {
  font-family: inherit;
  font-size: inherit;
}
.style-controls input[type=text],
.style-controls input[type=password],
.style-controls select,
.style-controls textarea {
  line-height: inherit;
  background-color: #fbf0c9;
  background-image: url('hochzeit/fossil_paper_light.jpg');
  background-repeat: repeat;
  border-color: #cbc2b0;
  border-radius: 4px;
  padding: 4px;
}
.basic-form {
  line-height: 160%;
  color: #554433;
  background-color: transparent;
}
.basic-form fieldset {
  border: none;
  margin: 15px 0;
  padding: 0;
}
.basic-form fieldset.toggle .content {
  margin-top: 15px;
}
.basic-form fieldset.toggle span.toggle {
  float: left;
  margin-right: 5px;
}
.basic-form fieldset.toggle span.toggle + .text {
  display: block;
  margin-left: 18px;
}
.basic-form fieldset fieldset:last-child {
  margin: 0;
}
.basic-form textarea,
.basic-form select,
.basic-form input[type=password],
.basic-form input[type=text] {
  width: 100%;
}
.basic-form input[type=checkbox],
.basic-form input[type=radio] {
  vertical-align: baseline;
  margin-left: 0;
}
.basic-form .input + .input,
.basic-form .input + .button,
.basic-form .input + .buttons,
.basic-form .input + input,
.basic-form .input + select,
.basic-form .input + button,
.basic-form input + .input,
.basic-form input + .button,
.basic-form input + .buttons,
.basic-form input + input,
.basic-form input + select,
.basic-form input + button,
.basic-form select + .input,
.basic-form select + .button,
.basic-form select + .buttons,
.basic-form select + select,
.basic-form select + input,
.basic-form select + button,
.basic-form button + input,
.basic-form button + select,
.basic-form button + .input,
.basic-form .button + .input,
.basic-form .button + input,
.basic-form .button + select,
.basic-form .buttons + .input,
.basic-form .buttons + input,
.basic-form .buttons + select,
.basic-form .input + input[type=button],
.basic-form input + input[type=button],
.basic-form select + input[type=button],
.basic-form input[type=button] + input,
.basic-form input[type=button] + select,
.basic-form input[type=button] + .input,
.basic-form .input + input[type=submit],
.basic-form input + input[type=submit],
.basic-form select + input[type=submit],
.basic-form input[type=submit] + input,
.basic-form input[type=submit] + select,
.basic-form input[type=submit] + .input {
  margin-left: 5px;
}
.basic-form .help p:first-child {
  margin-top: 0;
}
.basic-form .help p:last-child {
  margin-bottom: 0;
}
.basic-form .hint,
.basic-form > .form-row,
.basic-form fieldset .hint,
.basic-form fieldset > .form-row {
  display: block;
}
.basic-form .form-row {
  margin-top: 5px;
  margin-bottom: 5px;
}
.basic-form .form-row label:first-child + input[type=radio],
.basic-form .form-row label:first-child + input[type=checkbox] {
  margin-right: 5px;
  margin-top: 6px;
}
.basic-form .form-row label:first-child + input[type=radio] + label,
.basic-form .form-row label:first-child + input[type=checkbox] + label {
  margin-left: 5px;
}
.basic-form .form-row input[type=radio],
.basic-form .form-row input[type=checkbox] {
  margin-top: 6px;
}
.basic-form .form-row input[type=radio]:first-child,
.basic-form .form-row input[type=checkbox]:first-child {
  float: left;
  margin-right: 5px;
}
.basic-form .form-row.multiple input[type=radio] + label + input[type=radio],
.basic-form .form-row.multiple input[type=checkbox] + label + input[type=radio],
.basic-form .form-row.multiple input[type=radio] + label + input[type=checkbox],
.basic-form .form-row.multiple input[type=checkbox] + label + input[type=checkbox] {
  margin-left: 15px;
}
.basic-form .form-row.text-line input[type=radio]:first-child,
.basic-form .form-row.text-line input[type=checkbox]:first-child {
  margin-top: 14px;
}
.basic-form .form-row label .description {
  display: block;
  margin-left: 22px;
  margin-bottom: 0;
}
.basic-form .form-row .error,
.basic-form .form-row .warning,
.basic-form .form-row .caution {
  margin-right: 5px;
}
.basic-form .browse {
  white-space: nowrap;
}
.basic-form .browse input {
  width: 200px;
}
.basic-form .search {
  white-space: nowrap;
}
.basic-form .search input {
  width: 120px;
}
.basic-form input[type=text].tiny,
.basic-form input[type=password].tiny,
.basic-form input[type=file].tiny,
.basic-form textarea.tiny,
.basic-form select.tiny {
  width: 3em;
}
.basic-form input[type=text].tiny-small,
.basic-form input[type=password].tiny-small,
.basic-form input[type=file].tiny-small,
.basic-form textarea.tiny-small,
.basic-form select.tiny-small {
  width: 6em;
}
.basic-form input[type=text].small,
.basic-form input[type=password].small,
.basic-form input[type=file].small,
.basic-form textarea.small,
.basic-form select.small {
  width: 10em;
}
.basic-form input[type=text].small-medium,
.basic-form input[type=password].small-medium,
.basic-form input[type=file].small-medium,
.basic-form textarea.small-medium,
.basic-form select.small-medium {
  width: 15em;
}
.basic-form input[type=text].medium,
.basic-form input[type=password].medium,
.basic-form input[type=file].medium,
.basic-form textarea.medium,
.basic-form select.medium {
  width: 20em;
}
.basic-form input[type=text].short,
.basic-form input[type=password].short,
.basic-form input[type=file].short,
.basic-form textarea.short,
.basic-form select.short {
  height: 5em;
}
.basic-form input[type=text].short-medium,
.basic-form input[type=password].short-medium,
.basic-form input[type=file].short-medium,
.basic-form textarea.short-medium,
.basic-form select.short-medium {
  height: 10em;
}
.basic-form input[type=text].medium-height,
.basic-form input[type=password].medium-height,
.basic-form input[type=file].medium-height,
.basic-form textarea.medium-height,
.basic-form select.medium-height {
  height: 15em;
}
.basic-form input[type=text].medium-tall,
.basic-form input[type=password].medium-tall,
.basic-form input[type=file].medium-tall,
.basic-form textarea.medium-tall,
.basic-form select.medium-tall {
  height: 20em;
}
.basic-form input[type=text].tall,
.basic-form input[type=password].tall,
.basic-form input[type=file].tall,
.basic-form textarea.tall,
.basic-form select.tall {
  height: 30em;
}
.basic-form .help {
  width: 135px;
  height: auto;
  margin-right: 15px;
}
.button,
button,
input[type=button],
input[type=submit] {
  display: inline-block;
  min-width: 2em;
  min-height: 2em;
  cursor: pointer;
  white-space: nowrap;
  margin: 0;
}
.button,
.style-controls button,
.style-controls input[type=button],
.style-controls input[type=submit] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0.4em;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #cbc2b0;
  border-radius: 4px;
  line-height: normal;
  text-align: center;
  background-color: #fbf0c9;
  background-image: url('hochzeit/fossil_paper_light.jpg');
  background-repeat: repeat;
  color: #554433;
}
a.button:link,
a.button:visited {
  color: #554433;
  text-decoration: none;
}
.button:hover:not(.disabled):not(.selected),
.style-controls button:hover:not(.disabled):not(.selected),
.style-controls input[type=button]:hover:not(.disabled):not(.selected),
.style-controls input[type=submit]:hover:not(.disabled):not(.selected) {
  background-color: #fefcf3;
  background-image: url('hochzeit/milkweed_paper.jpg');
  background-repeat: repeat;
  border-color: #cbc2b0;
}
.button + .button,
button + button,
.button + button,
button + .button,
input[type=button] + input[type=button],
.button + input[type=button],
input[type=button] + .button,
input[type=submit] + input[type=submit],
.button + input[type=submit],
input[type=submit] + .button {
  margin-left: 10px;
}
.input {
  display: inline-block;
}
input,
textarea,
select {
  margin-left: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.button.disabled,
.style-controls button.disabled,
.style-controls input[type=button].disabled,
.style-controls input[type=submit].disabled {
  cursor: default;
  background-color: #ac9175;
  background-image: url('hochzeit/fossil_paper_light.jpg');
  background-repeat: repeat;
  border-color: #dcd5c2;
  color: #b1a795;
}
.button.selected,
.style-controls button.selected,
.style-controls input[type=button].selected,
.style-controls input[type=submit].selected {
  cursor: default;
  background-color: #fefcf3;
  background-image: url('hochzeit/fossil_paper.jpg');
  background-repeat: repeat;
  border-color: #cbc2b0;
  color: #FDF8E5;
}
.button .icon,
.style-controls button .icon,
.style-controls input[type=button] .icon,
.style-controls input[type=submit] .icon {
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.style-controls .basic-form .form-row > button:first-child,
.style-controls .basic-form .form-row > div > button:first-child,
.style-controls .basic-form .form-row > span > button:first-child,
.style-controls .basic-form .form-row > input[type=button]:first-child,
.style-controls .basic-form .form-row > div > input[type=button]:first-child,
.style-controls .basic-form .form-row > span > input[type=button]:first-child,
.style-controls .basic-form .form-row > input[type=submit]:first-child,
.style-controls .basic-form .form-row > div > input[type=submit]:first-child,
.style-controls .basic-form .form-row > span > input[type=submit]:first-child {
  margin-left: -5px;
}
.form-with-preview {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.form-with-preview .basic-form {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.form-with-preview .inline-preview-block {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  display: none;
}
.form-with-preview .inline-preview {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
  padding-left: 6px;
}
.form-with-preview .tall {
  height: 40em;
}
.form-with-preview .medium-tall {
  height: 30em;
}
.style-controls button,
.style-controls input[type=submit],
.style-controls input[type=button],
.style-controls input[type=button],
.style-controls input[type=submit] {
  color: #554433;
}
.style-controls input[type=text],
.style-controls input[type=password],
.style-controls select,
.style-controls textarea {
  background-color: #fbf0c9;
  background-image: url('hochzeit/fossil_paper_light.jpg');
  background-repeat: repeat;
  color: #554433;
  border: 1px solid #cbc2b0;
  border-radius: 4px;
  padding: 4px;
}
.style-controls label:first-child + input[type=text],
.style-controls label:first-child + input[type=password],
.style-controls label:first-child + select,
.style-controls label:first-child + textarea {
  margin-left: -5px;
}
.style-controls label:first-child + div > input[type=text]:first-child,
.style-controls label:first-child + span > input[type=text]:first-child,
.style-controls label:first-child + div > input[type=password]:first-child,
.style-controls label:first-child + span > input[type=password]:first-child,
.style-controls label:first-child + div > select:first-child,
.style-controls label:first-child + span > select:first-child,
.style-controls label:first-child + div > textarea:first-child,
.style-controls label:first-child + span > textarea:first-child {
  margin-left: -5px;
}
.style-controls input[disabled],
.style-controls select[disabled],
.style-controls textarea[disabled] {
  color: #b1a795;
  background-color: #ac9175;
  background-image: url('hochzeit/fossil_paper_light.jpg');
  background-repeat: repeat;
  border-color: #dcd5c2;
}
.basic-form fieldset {
  border-top: 1px solid #ac9175;
  padding-top: 5px;
}
.basic-form fieldset legend {
  margin-left: -4px;
}
@media (min-width: 500px) {
  .basic-form.ltr fieldset {
    margin-left: 135px;
  }
  .basic-form.ltr fieldset legend {
    float: left;
    width: 120px;
    margin-left: -135px;
    margin-top: 0.15em;
  }
  .basic-form.ltr fieldset textarea:not([class]),
  .basic-form.ltr fieldset select:not([class]),
  .basic-form.ltr fieldset input[type=password]:not([class]),
  .basic-form.ltr fieldset input[type=text]:not([class]) {
    margin-left: -5px;
  }
  .basic-form.ltr fieldset.toggle legend {
    margin-top: 0;
  }
  .basic-form.ltr fieldset fieldset {
    margin-left: 0;
  }
  .basic-form.ltr select + label,
  .basic-form.ltr input + label {
    margin-left: 5px;
  }
  .basic-form.ltr .hint {
    margin-left: 0;
  }
  .basic-form.ltr > p {
    /* Applies to form rows appearing directly in a form (not in a fieldset). */
    margin-left: 135px;
  }
  .basic-form.ltr > .form-row,
  .basic-form.ltr > .group,
  .basic-form.ltr > .hint {
    margin-left: 135px;
  }
  .basic-form.ltr .form-row .form-row {
    margin-left: 0;
  }
  .basic-form.ltr .form-row > .button:first-child,
  .basic-form.ltr .form-row > div > .button:first-child,
  .basic-form.ltr .form-row > span > .button:first-child {
    margin-left: -5px;
  }
  .basic-form.ltr .help {
    float: right;
  }
  .basic-form.ltr .text-line label {
    margin-top: 5px;
  }
  .basic-form.ltr label:first-child {
    float: left;
    width: 120px;
    margin-left: -135px;
  }
  .basic-form.ltr.left .required label:after {
    content: '*';
  }
  .basic-form.ltr.right fieldset legend {
    text-align: right;
  }
  .basic-form.ltr.right label:first-child {
    text-align: right;
  }
  .basic-form.ltr.right label .required label:before {
    content: '*';
  }
}
@media screen and (min-width: 500px) {
  .basic-form.rtl {
    text-align: right;
  }
  .basic-form.rtl input[type=checkbox],
  .basic-form.rtl input[type=radio] {
    float: right;
  }
  .basic-form.rtl > .form-row,
  .basic-form.rtl > .group,
  .basic-form.rtl > .hint {
    margin-right: 135px;
  }
  .basic-form.rtl > p,
  .basic-form.rtl > div,
  .basic-form.rtl fieldset > p,
  .basic-form.rtl fieldset > div {
    clear: right;
  }
  .basic-form.rtl .group,
  .basic-form.rtl .hint {
    float: right;
    clear: right;
  }
  .basic-form.rtl label:first-child {
    float: right;
    width: 135px;
  }
  .basic-form.rtl .one-input label {
    margin-left: 0px;
    margin-right: 18px;
  }
  .basic-form.rtl .help {
    float: left;
    width: 180px;
    height: auto;
    margin-left: 12px;
  }
  .basic-form.rtl fieldset {
    padding-left: 0px;
    margin-left: 0px;
    clear: right;
  }
  .basic-form.rtl fieldset fieldset {
    border-left-width: 0px;
  }
}
.basic-form fieldset {
  padding-right: 0;
  margin-right: 0;
}
.basic-form fieldset fieldset {
  border-right-width: 0;
}
.basic-form textarea:not([class]),
.basic-form select:not([class]),
.basic-form input[type=password]:not([class]),
.basic-form input[type=text]:not([class]) {
  margin-left: -5px;
}
.basic-form .form-row .button:first-child {
  margin-left: -5px;
}
.basic-form label:first-child {
  display: block;
  margin-bottom: 5px;
}
.basic-form select + label,
.basic-form input + label {
  margin-left: 5px;
}
.basic-form .help {
  float: right;
}
.basic-form .required label:after {
  content: '*';
}
@media print {
  .top-box,
  .banner,
  .footer-data .links,
  .footer-data .versions {
    display: none;
  }
}