/*
 * layout.css
 * additional to Bootstrap v2.3.2 (inside Joomla 3.4)
 *
 * Copyright 2015, Joachim Wiedorn
 * Licenced under Creative Commons 3.0 (CC-BY) Licence
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* -------------------------------------------------------------------------- */
/* Site Body Styles */
body {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.site {
  border-top: 3px solid #5077bb;
  padding: 20px;
  background-color: #f4f6f7;
}
body.site.fluid {
  background-color: #ffffff;
}
.thumbnail {
  margin-bottom: 9px;
}
.accordion-group {
  background: #fff;
}
/* Site Title (if no logo) */
.site-title {
  font-size: 40px;
  line-height: 48px;
  font-weight: bold;
}
.brand {
  color: #355489;
  -webkit-transition: color 0.5s linear;
  -moz-transition: color 0.5s linear;
  -o-transition: color 0.5s linear;
  transition: color 0.5s linear;
}
.brand:hover {
  color: #5077bb;
  text-decoration: none;
}
/* Header */
.header {
  margin-bottom: 10px;
}
.header .finder {
  margin-top: 14px;
}
.header .finder .btn {
  margin-top: 0px;
}
/* Topmenu - horizontal menu */
.topmenu {
  padding: 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.075);
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  margin-bottom: 10px;
}
.topmenu .nav-pills {
  margin-bottom: 0;
}
/* Hero Banner Unit */
.hero-unit {
  background-color: #08C;
}
.hero-unit > * {
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Container */
.container {
  max-width: 960px;
}
.body .container {
  background-color: #ffffff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
}
.banner .container {
  background-color: #f5f5f5;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 2px 20px;
  margin-top: 6px;
  margin-bottom: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 12px 0;
}
h1 {
  font-size: 1.9em;
  line-height: 1.6em;
}
h2 {
  font-size: 1.7em;
  line-height: 1.4em;
}
h3 {
  font-size: 1.4em;
  line-height: 1.2em;
}
h4 {
  font-size: 1.2em;
  line-height: 1.1em;
}
h5 {
  font-size: 1.1em;
  line-height: 1.0em;
}
h6 {
  font-size: 1.0em;
  line-height: 1.0em;
}
/* Module */
.module-header {
  padding-bottom: 17px;
  margin: 20px 0 18px 0;
  border-bottom: 1px solid #eeeeee;
}
/* Single Item */
.item-title {
  margin-bottom: 9px;
}
.item-content {
  margin: 18px 0;
}
.item-subtitle {
  margin-bottom: 9px;
}
.pull-right.item-image {
  margin: 0 0 18px 20px;
}
.pull-left.item-image {
  margin: 0 20px 18px 0;
}
.header .nav > li:last-child > .dropdown-menu,
.item-actions .dropdown-menu,
.item-comment .dropdown-menu {
  left: initial;
  right: 0;
}
.article-index {
  margin: 0 0 10px 10px;
}
/* List */
.list-item-title {
  margin-bottom: 9px;
}
.list-item-content {
  margin: 18px 0;
}
.list-item-subtitle {
  margin-bottom: 9px;
}
/* More Items */
.items-more,
.content-links {
  padding: 15px 0;
}
/* Breadcrumbs */
.breadcrumb {
  margin: 10px 0px;
  padding: 4px 10px;
}
/* Caption fixes */
.img_caption .left {
  float: left;
  margin-right: 1em;
}
.img_caption .right {
  float: right;
  margin-left: 1em;
}
.img_caption .left p {
  clear: left;
  text-align: center;
}
.img_caption .right p {
  clear: right;
  text-align: center;
}
.img_caption {
  text-align: center!important;
}
.img_caption.none {
  margin-left: auto;
  margin-right: auto;
}
/* New captions */
figure {
  display: table;
}
figure.pull-center,
img.pull-center {
  margin-left: auto;
  margin-right: auto;
}
figcaption {
  display: table-caption;
  caption-side: bottom;
}
/* Aside Subnavs */
#aside .nav .nav-child {
  border-left: 2px solid #dddddd;
  padding-left: 5px;
}
/* Topmenu - horizontal menu */
.topmenu .nav-child {
  position: absolute;
  top: 95%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.topmenu .nav-child.pull-right {
  right: 0;
  left: auto;
}
.topmenu .nav-child .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.topmenu .nav-child a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap;
}
.topmenu .nav li {
  position: relative;
}
.topmenu .nav > li:hover > .nav-child,
.topmenu .nav > li > a:focus + .nav-child,
.topmenu .nav li li:hover > .nav-child,
.topmenu .nav li li > a:focus + .nav-child {
  display: block;
}
.topmenu .nav > li > .nav-child:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.topmenu .nav > li > .nav-child:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.topmenu .nav li li .nav-child {
  top: -8px;
  left: 100%;
}
.topmenu .nav li li .nav-child:before {
  position: absolute;
  top: 9px;
  left: -7px;
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-bottom: 7px solid transparent;
  content: '';
}
.topmenu .nav li li .nav-child:after {
  position: absolute;
  top: 10px;
  left: -6px;
  display: inline-block;
  border-top: 6px solid transparent;
  border-right: 6px solid #ffffff;
  border-bottom: 6px solid transparent;
  content: '';
}
.topmenu .nav-child li > a:hover,
.topmenu .nav-child li > a:focus,
.topmenu .nav-child:hover > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #5077bb;
  background-color: #4b72b6;
  background-image: -moz-linear-gradient(top, #5077bb, #446aae);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5077bb), to(#446aae));
  background-image: -webkit-linear-gradient(top, #5077bb, #446aae);
  background-image: -o-linear-gradient(top, #5077bb, #446aae);
  background-image: linear-gradient(to bottom, #5077bb, #446aae);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5077bb', endColorstr='#ff446aae', GradientType=0);
}
/* JOO: submenu in editor (Reiter) */
.nav-tabs > li > a {
  border-radius: 8px 8px 0px 0px;
}
/* Media formatting */
@media (max-width: 480px) {
  .item-info > span {
    display: block;
  }
  .blog-item .pull-right.item-image {
    margin: 0 0 18px 0;
  }
  .blog-item .pull-left.item-image {
    margin: 0 0 18px 0;
    float: none;
  }
}
@media (max-width: 768px) {
  body {
    padding-top: 0;
  }
  .header {
    background: transparent;
  }
  .header .brand {
    float: none;
    display: block;
    text-align: center;
  }
  .header .nav.pull-right,
  .header-search {
    float: none;
    display: block;
  }
  .header-search form {
    margin: 0;
  }
  .header-search .search-query {
    width: 90%;
  }
  .header .nav-pills > li > a {
    border: 1px solid #dddddd;
    border-bottom: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right: 0;
  }
  .header .nav-pills > li:first-child > a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }
  .header .nav-pills > li:last-child > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #dddddd;
  }
  .modal.fade {
    top: -100%;
  }
  .nav-tabs {
    border-bottom: 0;
  }
  .nav-tabs > li {
    float: none;
  }
  .nav-tabs > li > a {
    border: 1px solid #dddddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right: 0;
  }
  .nav-tabs > li:first-child > a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs > li:last-child > a,
  .nav-tabs > .active:last-child > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #dddddd;
  }
  .nav-tabs > li > a:hover {
    border-color: #dddddd;
    z-index: 2;
  }
  .nav-tabs.nav-dark > li > a {
    border: 1px solid #333333;
  }
  .nav-tabs > li:last-child > a,
  .nav-tabs > .active:last-child > a {
    border-bottom: 1px solid #333333;
  }
  .nav-tabs.nav-dark > li > a:hover {
    border-color: #333333;
  }
  .nav-pills > li {
    float: none;
  }
  .nav-pills > li > a {
    margin-right: 0;
  }
  .nav-pills > li > a {
    margin-bottom: 3px;
  }
  .nav-pills > li:last-child > a {
    margin-bottom: 1px;
  }
  .form-search > .pull-left,
  .form-search > .pull-right {
    float: none;
    display: block;
    margin-bottom: 9px;
  }
}
@media (max-width: 980px) {
  .navbar-fixed-top {
    margin-bottom: 0!important;
  }
  .item-comment .item-image {
    display: none;
  }
  .sidemenu {
    padding: 10px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #login-form .input-small {
    width: 62px;
  }
}
/* Page break */
dl.tabs {
  float: left;
  margin-bottom: -1px;
}
dl.tabs dt.tabs {
  float: left;
  margin-left: 3px;
  padding: 4px 10px;
  background-color: #F0F0F0;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
dl.tabs dt:hover {
  background-color: #F9F9F9;
}
dl.tabs dt.open {
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
}
dl.tabs dt.tabs h3 {
  margin: 0;
  font-size: 1.1em;
  font-weight: normal;
}
dl.tabs dt.tabs h3 a {
  color: #5077bb;
}
dl.tabs dt.tabs h3 a:hover {
  color: #0044bb;
  text-decoration: none;
}
dl.tabs dt.open h3 a {
  color: #000000;
  text-decoration: none;
}
div.current dd.tabs {
  margin: 0;
  padding: 10px;
  clear: both;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
/* Help site refresh button */
#helpsite-refresh {
  vertical-align: top;
}
/* Print pop-up */
#pop-print {
  float: right;
  margin: 10px;
}
/* Code white space */
code {
  white-space: pre-wrap;
}
/* Search filter */
#filter-search {
  vertical-align: top;
}
/* Fix for editor buttons having a stupid height */
.editor {
  overflow: hidden;
  position: relative;
}
/* Com_search highlighting */
.search span.highlight {
  background-color: #FFFFCC;
  font-weight: bold;
  padding: 1px 4px;
}
/* JOO: action buttons */
ul.actions {
  float: right;
  margin: 12px 4px 0px 4px;
  padding: 0px;
}
ul.actions li {
  background-image: none;
  margin: 0px;
  padding: 0px;
  list-style: outside none none;
  display: inline-block;
}
ul.actions a {
  text-decoration: none;
}
.page-header {
  margin: 2px 0px;
  padding-bottom: 2px;
}
/* JOO: added for menus */
.topmenu .nav > li {
  float: left;
  line-height: 8pt;
  display: inline-block;
  padding: 4px 8px;
}
/* JOO: bottom boxes */
#box_placeholder h1,
#box_placeholder h2,
#box_placeholder h3 {
  text-align: center;
  font-size: 14px;
  line-height: 15px;
  margin: 2px 0px 2px 0px;
}
#box1 {
  padding: 6px 10px;
  float: left;
}
#box2 {
  padding: 6px 10px;
  float: left;
}
#box3 {
  padding: 6px 10px;
  float: left;
}
/* ++++++++++++++++++++ headings +++++++++++++ */
#nav h2,
#nav h3,
#nav h4,
.box h2,
.box h3,
.box h4 {
  font-family: 'Titillium Maps', Arial, Helvetica, sans-serif;
}
#main h1,
#main h2,
#main h3,
#main h4 {
  font-family: 'Titillium Maps', Arial, Helvetica, sans-serif;
  font-style: normal;
}
#main h1 {
  color: #333333;
  text-align: center;
  margin: 2px 0px 2px 0px;
}
#main h2 {
  color: #085a85;
  margin: 16px 0 8px 0;
}
#main h3 {
  color: #085a85;
  margin: 12px 0 6px 0;
}
#main h4 {
  color: #085a85;
  margin: 8px 0 4px 0;
}
#main h5,
#main h6 {
  color: #085a85;
  margin: 6px 0 3px 0;
}
#main h2 a {
  color: #333333;
  text-decoration: none;
}
h1#logo {
  font-family: 'Titillium Maps', Arial, Helvetica, sans-serif;
  text-shadow: #333333 0.1em 0.1em 0.2em;
}
h3.js_heading {
  border-bottom: solid 1px #ffffff !important;
  background-color: #085a85;
  font-family: 'Titillium Maps', Arial, Helvetica, sans-serif;
}
ul.newsflash-horiz li h4 {
  border-bottom: solid 1px #ffffff;
  font-family: 'Titillium Maps', Arial, Helvetica, sans-serif;
}
.items-row h2 {
  color: #085a85;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
}
.items-leading h2 {
  color: #085a85;
}
/* ##########################  right column   ########################### */
#right .moduletable {
  margin: 0px 0px 10px 00px;
  padding: 0px 0 20px 0;
  color: #000;
  border: solid 0px #eee;
  border-top: 0;
}
#right h3 {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 5px 0 0 0;
  border-top: 0;
  border-bottom: solid 1px #ddd;
  background-color: #ffffff;
}
#right h3 span.backh {
  padding: 0px 0px 0px 0;
  display: block;
}
#right h3 span.backh2 {
  display: block;
}
#right h3 span.backh3 {
  padding: 0px 0px 5px 0px;
  display: block;
  color: #664335;
}
#right h3.js_heading span.backh {
  padding: 0px 0 0 10px;
}
#right h4 {
  font-size: 1em;
  color: #000;
  padding: 10px 5px 0 0;
  border: solid 0;
  margin: 0;
}
#right ul {
  list-style-type: none;
  margin: 10px 0;
  padding: 5px 0 0 0px;
  position: relative;
  border: solid 0 #ccc;
  color: #000;
}
#right ul.categories-module ul {
  margin: 15px 0 15px 10px;
}
#right ul.category-module {
  margin-top: 0;
  padding-top: 0;
}
/* ########################  custom field (contact)  ######################### */
.custom h1 {
  font-size: 1.15em;
  /* Schriftgroesse -- JOO */

  font-weight: bold;
  /* Schriftgewicht -- JOO */

  line-height: 1.2em;
  /* Zeilen-Durchschuss -- JOO */

  margin: 12px 0;
  /* Absatz-Raender -- JOO */

}
.custom h2 {
  font-size: 1.10em;
  /* Schriftgroesse -- JOO */

  font-weight: bold;
  /* Schriftgewicht -- JOO */

  line-height: 1.15em;
  /* Zeilen-Durchschuss -- JOO */

  margin: 8px 0;
  /* Absatz-Raender -- JOO */

}
.custom h3 {
  font-size: 1.05em;
  /* Schriftgroesse -- JOO */

  font-weight: bold;
  /* Schriftgewicht -- JOO */

  line-height: 1.15em;
  /* Zeilen-Durchschuss -- JOO */

  margin: 6px 0;
  /* Absatz-Raender -- JOO */

}
.custom h4 {
  font-size: 1.0em;
  /* Schriftgroesse -- JOO */

  font-weight: bold;
  /* Schriftgewicht -- JOO */

  line-height: 1.1em;
  /* Zeilen-Durchschuss -- JOO */

  margin: 5px 0;
  /* Absatz-Raender -- JOO */

}
.custom h5 {
  font-size: 0.95em;
  /* Schriftgroesse -- JOO */

  font-weight: normal;
  /* Schriftgewicht -- JOO */

  line-height: 1.1em;
  /* Zeilen-Durchschuss -- JOO */

  margin: 5px 0;
  /* Absatz-Raender -- JOO */

}
.custom p {
  font-size: 0.9em;
  /* Schriftgroesse -- JOO */

  line-height: 1.0em;
  /* Zeilen-Durchschuss -- JOO */

  padding: 0.3em 0;
  /* Absatz-Abstaende -- JOO */

  margin: 0;
  /* Absatz-Raender -- JOO */

}
/* JOO: changes of bootstrap:template.css */
/* ###################### general ###################### */
#all {
  margin: 0 auto;
  max-width: 980px;
  /* Gesamtbreite der Site, MUSS gleich breit sein wie Header-Bild, JOO */

  padding: 0px;
  text-align: left;
}
#all {
  color: #333;
  border: solid 0px #ddd  !important ;
}
p {
  padding: 0.3em 0 0 0;
}
/* ++++++++++++++ menu first level  ++++++++++++++ */
#nav .moduletable-example ul.menu {
  background: #fff;
  border: 0;
  margin: 0;
  padding: 0;
}
.module_content ul.menu {
  border: 0;
  margin-left: -5px;
  padding: 10px 0 0 0;
}
ul.menu {
  border: 0;
  background: #ffffff;
  /* #c1e1ff  Hintergrundfarbe der Menuepunkte + Rand, JOO */

  border: solid 0px #eee;
  list-style-type: none !important;
  margin: 0;
  padding: 0;
  /* zweite Zahl: Abstand linkes Feld zu mittlerem Feld, JOO */

  /* vierte Zahl: Abstand linker Rand zu linkem Feld, JOO */

}
ul.menu li {
  font-size: 1.1em;
  font-weight: bold;
  color: #97c3df;
  /* #97c3df ist originale Farbe, JOO */

  background: #bbd4ee;
  /* #91bfdd ist originale Farbe, JOO */

  border-bottom: solid 0.3em #ffffff;
  /* Trennlinie zwischen Menuepunkten, JOO */

  border-radius: 6px;
}
ul.menu li a:link,
ul.menu li a:visited {
  color: #444;
}
ul.menu li.active a:link,
ul.menu li.active a:visited {
  color: #333;
}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus,
ul.menu li.active a:hover,
ul.menu li.active a:active,
ul.menu li.active a:focus {
  background: #ffffff url(../images/nav_level_1.gif) repeat-x;
  color: #085a85;
}
/* ++++++++++++++ menu second level  ++++++++++++++ */
ul.menu li ul {
  border: solid 0px #eee;
}
ul.menu li ul li {
  border: solid 0px #000;
  background: #fff;
  border-radius: 0px;
}
ul.menu li.active ul li a:link,
ul.menu li.active ul li a:visited {
  color: #444;
  border: 0;
  border-bottom: solid 1px #fff;
  background: #e8e8e8;
}
ul.menu li.active ul li.active a:link,
ul.menu li.active ul li.active a:visited {
  border: 0;
  color: #333;
  border-bottom: solid 1px #fff;
}
ul.menu li.active ul li a:hover,
ul.menu li.active ul li a:active,
ul.menu li.active ul li a:focus {
  background: #666 !important;
  color: #fff !important;
}
/* ++++++++++++++ menu third level  ++++++++++++++ */
ul.menu li ul li ul {
  border: 0 !important;
  background: #f5f5f5 !important;
  padding-bottom: 0;
}
ul.menu li.active ul li.active ul li a:link,
ul.menu li.active ul li.active ul li a:visited {
  background: #f5f5f5 ;
  border-bottom: solid 1px #fff;
  color: #444;
}
ul.menu li.active ul li.active ul li.active a:link,
ul.menu li.active ul li.active ul li.active a:visited {
  color: #333;
}
/* ++++++++++++++  first level  ++++++++++++++ */
ul.menu li a:link,
ul.menu li a:visited {
  /* alle nicht-gewaehlten Menuepunkte JOO */

  display: block;
  padding: 6px 15px;
  text-decoration: none;
  /* border:solid 1px blue; -- example, JOO */

}
/* --- spezielle Farben fuer drei Menuepunkte --- */
ul.menu li.item-108 {
  /* Farbe fuer Menuepunkt ..., JOO */

  background: #99d33f;
  /* default: #99d33f moosgruen */

}
ul.menu li.item-109 {
  /* Farbe fuer Menuepunkt BS, JOO */

  background: #5898d8;
  /* default: #5898d8 mittelblau */

}
ul.menu li.item-110 {
  /* Farbe fuer Menuepunkt BFS, JOO */

  background: #f49e49;
  /* default: #f49e49 hellorange */

}
ul.menu li.item-111 {
  /* Farbe fuer Menuepunkt FAK, JOO */

  background: #99d33f;
  /* default: #99d33f moosgruen */

}
ul.menu li.active a:link,
ul.menu li.active a:visited {
  /* aktuell gewaehlter Menuepunkt, JOO */

  font-weight: bold;
  background: #faffa0;
  /* gelber Hintergrund, JOO*/

  border: solid 1px red;
  /* roter Rand, JOO*/

  border-radius: 6px;
}
/* ++++++++++++++  second level  ++++++++++++++ */
ul.menu li ul {
  margin: 0 ;
  padding: 0 ;
}
ul.menu li ul li {
  margin: 0 0;
  padding: 0 0;
}
ul.menu li.active ul li a:link,
ul.menu li.active ul li a:visited {
  padding: 5px 10px 5px 20px ;
  font-weight: normal;
}
ul.menu li.active ul li a.active:link,
ul.menu li.active ul li a.active:visited {
  padding: 7px 10px 7px 20px ;
}
ul li.active ul li.active a:link,
ul li.active ul li.active a:visited {
  font-weight: bold ;
}
/* ++++++++++++++  third level  ++++++++++++++ */
ul.menu li ul li ul {
  padding: 5px 0;
}
ul.menu li.active ul li.active ul li a:link,
ul.menu li.active ul li.active ul li a:visited {
  padding: 5px 4px 5px 30px;
  font-weight: normal;
}
ul.menu li.active ul li.active ul li.active a:link,
ul.menu li.active ul li.active ul li.active a:visited {
  font-weight: bold;
}
/* JOO: submenu in editor (Reiter) */
#main li.active a {
  background: none repeat scroll 0% 0% #99a6bb;
  color: #ffffff;
}
/* Title edit field size */
@media (min-width: 980px) {
  input#jform_title {
    width: 490px;
  }
}
@media (min-width: 768px) and (max-width: 979.9px) {
  input#jform_title {
    width: 440px;
  }
}
@media (min-width: 480px) and (max-width: 767.9px) {
  input#jform_title {
    width: 390px;
  }
}
@media (max-width: 479.9px) {
  
}
@media print {
  table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .table {
    width: 100%;
    margin-bottom: 18px;
  }
  .table th,
  .table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
  }
  .table th {
    font-weight: bold;
  }
  .table thead th {
    vertical-align: bottom;
  }
  .table caption + thead tr:first-child th,
  .table caption + thead tr:first-child td,
  .table colgroup + thead tr:first-child th,
  .table colgroup + thead tr:first-child td,
  .table thead:first-child tr:first-child th,
  .table thead:first-child tr:first-child td {
    border-top: 0;
  }
  .table tbody + tbody {
    border-top: 2px solid #dddddd;
  }
  .table .table {
    background-color: #ffffff;
  }
  .table-condensed th,
  .table-condensed td {
    padding: 4px 5px;
  }
  .table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .table-bordered th,
  .table-bordered td {
    border-left: 1px solid #dddddd;
  }
}