@charset "UTF-8";
ul li {
  margin-bottom: 7px; }

table.rahmen {
  width: 100%;
  height: 100%;
  text-wrap: nowrap; }

div.ce-gallery.ce-border img {
  border: 4px solid #fff;
  padding: 0px 0px; }

form h2,
form .form-group,
form .actions {
  padding: 4px 0.5em;
  margin: 5px auto !important;
  background-color: #f8f8ff;
  opacity: 0.6;
  filter: Alpha(Opacity=60); }
form .form-group label {
  display: inline-block;
  float: left;
  /* width: 13em; */
  width: 33%;
  vertical-align: baseline; }
form .form-group > div {
  display: inline-block;
  width: 66%; }
  form .form-group > div input, form .form-group > div textarea {
    width: 70%; }
  form .form-group > div textarea {
    height: 80px; }
form .actions .form-navigation:before {
  content: '';
  display: inline-block;
  width: calc(33% - 3px); }
form .actions .form-navigation .btn-toolbar {
  display: inline-block;
  width: 66%; }
  form .actions .form-navigation .btn-toolbar button {
    padding: 3px;
    width: calc(70% + 3px); }

@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/asap/Asap-Regular.eot");
  src: url("../Fonts/asap/Asap-Regular.eot#iefix") format("embedded-opentype"), url("../Fonts/asap/Asap-Regular.ttf") format("truetype"), url("../Fonts/asap/Asap-Regular.woff") format("woff"), url("../Fonts/asap/Asap-Regular.svg") format("svg"), url("../Fonts/asap/Asap-Regular.otf") format("otf"); }
* {
  margin: 0;
  padding: 0; }

/**** IE png fix ****/
                      /*
img, div { behavior: url(/fileadmin/template/iepngfix/iepngfix.htc) }*/
body {
  color: #000000;
  font-family: Asap, Arial, Helvetica, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  min-height: 101%;
  min-width: 345px;
  text-align: left;
  background-color: #cccccc; }

a {
  /* jetzt in RTE-Klassen.css
	color: #ac0000;
	text-decoration: none;*/ }

a:hover {
  color: gray;
  text-decoration: none; }

img {
  /*
      max-width: 100%;
      height: auto;
  */
  width: inherit;
  /* Make images fill their parent's space. Solves IE8. */
  max-width: 100%;
  /* Add !important if needed. */
  height: auto;
  /* Add !important if needed. */ }

.ie55 {
  /*** extra div zum zentrieren f├╝r IE5.5 ***/
  text-align: center; }

label em, legend em {
  color: #8b4513 !important; }

.divider {
  margin: 10px 0 0 0; }

#seite {
  position: relative;
  max-width: 990px;
  margin: 10px auto;
  text-align: left;
  background: #e1e1e1;
  border: 2px solid #fff; }

#seitebg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #e1e1e1 no-repeat scroll center center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  opacity: 0.07;
  filter: Alpha(Opacity=7);
  z-index: 5; }

#slo {
  position: relative;
  z-index: 10; }

#sru {
  position: relative;
  padding: 20px 5.0% 20px 5.0%;
  max-width: 891px;
  box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.2); }

#kopf {
  max-height: 120px;
  overflow: hidden; }

#kopf iframe {
  position: absolute;
  bottom: -17px;
  left: -3px;
  z-index: 5; }

#kopflogo {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 50;
  color: #ffffff;
  /* font-family: "Giddyup"; */
  /* text-align: center; */
  font-size: 2.0em;
  font-weight: normal; }

#kopflogo div.t {
  background-color: #505050;
  padding: 0px 15px;
  opacity: 0.6;
  filter: Alpha(Opacity=60);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 0 0 5px 3px #505050;
  /* glow */
  z-index: 50; }

#kopflogo div.o {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px 15px; }

.kopftext {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 50;
  /* font-family: Parisienne-Regular; */
  text-align: right;
  font-size: 1.2em;
  font-weight: normal; }

.kopftext div.t {
  background-color: #FFFFFF;
  padding: 0px 15px;
  opacity: 0.75;
  filter: Alpha(Opacity=75);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 0 0 5px 3px white; }

.kopftext div.o {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px 15px; }

.kopftext div.autor {
  /* font-family: "Asap"; */
  font-size: 0.6em;
  text-align: right; }

#bjv-logo {
  width: 80px;
  height: 100px;
  position: absolute;
  top: 10px;
  right: 40px;
  z-index: 49;
  background: transparent url(../Images/logo-bjv_76x95.png) no-repeat top right; }

#topmenu {
  position: relative;
  padding: 0 0 5px 0; }

#topmenu ul {
  margin: 0 48px 0 25.0%;
  padding: 0;
  font-size: 1.3em; }

#topmenu li {
  display: inline;
  margin: 0 2.5% 0 0; }

#topmenu a {
  color: #000000; }

#topmenu a:hover {
  /*	text-shadow: 2px 2px 8px #333333;	*/
  text-shadow: 2px 2px 8px #ffffff;
  color: gray; }

#topmenu li.cur {
  font-weight: bold;
  /*	text-shadow: 2px 2px 8px #333333;	*/
  text-shadow: 2px 2px 8px #ffffff;
  color: gray; }

#topmenu #fb {
  position: absolute;
  top: 0px;
  right: 4px;
  overflow: hidden;
  padding: 0;
  width: 40px;
  height: 40px;
  background: url(../Images/fb_rotate.png) no-repeat; }

#topmenu #fb:hover {
  background: #FFFFFF url(../Images/fb.png) no-repeat;
  opacity: 0.75;
  filter: Alpha(Opacity=75);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: 0 0 15px 5px white; }

#topmenu #fb a {
  display: block;
  width: 40px;
  height: 40px; }

#leftmenu {
  float: left;
  /* position: relative; */
  left: -2px;
  width: 22.5%;
  /* 200px */
  padding: 30px 0 0 0;
  /* font-size: 1.2em; */ }

#leftmenu ul {
  margin: 0 0 25px 0;
  padding: 0;
  list-style: none;
  /* font-size: 0.80em; */ }

#leftmenu ul a {
  color: #000000; }

#leftmenu li {
  margin: 3px 0; }

#leftmenu li.no {
  font-weight: normal;
  text-shadow: none; }

#leftmenu li.cur a {
  /* font-weight: bold;
  text-shadow: 2px 2px 8px #333333; */
  color: #8b4513; }

#leftmenu a {
  /*	color: #000000;	*/ }

#leftmenu a:hover {
  /* text-shadow: 2px 2px 8px #ffffff; */
  color: #8b4513; }

#leftmenu ul ul {
  padding: 0 0 5px 10px; }

#leftmenu #bag {
  padding: 50px 0 0 0;
  width: 80%; }

#inhaltlinks_responsive {
  display: none; }

#inhaltlinks {
  /*margin-top: 20px;
  border-top: 1px solid #999;
  padding-top: 20px;*/
  font-size: 0.7em; }

#inhaltlinks h2 {
  font-weight: normal; }

#inhalt {
  margin: 0 0 0 22.5%;
  padding: 10px 0 0 3.0%;
  /* font-size: 1.15em; */ }

#inhalt h1 {
  margin: 20px 0 30px 0;
  /* font-family: Giddyup; */
  text-align: center;
  font-size: 2.0em; }

#inhalt h2 {
  margin: 0px 0 20px 0; }

#inhalt p.bodytext {
  text-align: justify; }

#inhalt div.csc-textpic-border div.csc-textpic-imagewrap img,
img.image-embed-item {
  display: block;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1; }

#fuss {
  clear: both;
  padding: 0 0 0 0; }

#ornament {
  position: absolute;
  top: 0px;
  right: -80px;
  width: 101px;
  height: 100%;
  background: transparent url(../Images/o2.png) repeat-y top left; }

figcaption {
  font-size: 0.85em;
  /* text-align: right; */ }

.fb-share-button {
  width: 150px;
  height: 60px;
  overflow: hidden;
  padding: 0 0 0 22px;
  background: url(../Images/fb_g_18x18.jpg) no-repeat; }

.fb-share-button:hover {
  background: url(../Images/fb_b_18x18.jpg) no-repeat; }

#inhalt ul.csc-menu {
  list-style-position: inside; }

ins {
  text-decoration: none; }

div#inhalt div.csc-sitemap ul {
  list-style-type: none; }

div#inhalt div.csc-sitemap ul li {
  line-height: 20px; }

div#inhalt div.csc-sitemap ul li ul {
  margin-left: 10px; }

/**************** formmail **********************/
div.csc-mailform ol {
  list-style-type: none; }

div.csc-mailform input, div.csc-mailform textarea {
  width: 40%; }

div#inhalt div.csc-mailform ol li {
  padding: 4px 0;
  margin: 5px auto;
  background-color: #f8f8ff;
  opacity: 0.6;
  filter: Alpha(Opacity=60); }

div.csc-mailform em {
  display: inline-block;
  margin: 0 0 0 5px; }

div.csc-mailform li label {
  margin: 0 1em; }

div#inhalt div.csc-mailform ol li.csc-form-element-submit {
  /* padding: 0 0 0 15em; */ }

div#inhalt div.csc-mailform ol li.csc-form-element-submit input {
  padding: 3px;
  margin: 0 0 0 18em; }

div#inhalt div.csc-mailform h2, div#inhalt div.csc-mailform h3 {
  margin: 0 0.5em; }

/************************************************/
@media screen and (max-width: 990px) {
  #ornament {
    display: none; }

  #topmenu ul {
    margin: 0 48px 0 0; }

  #leftmenu {
    float: none;
    position: inherit;
    left: inherit;
    width: 100%;
    padding: 0; }

  #leftmenu ul {
    display: inline; }

  #leftmenu ul span {
    display: inline; }

  #leftmenu li {
    display: inline;
    margin: 0 2.0% 0 0; }

  #leftmenu #bag {
    display: none; }

  #inhaltlinks {
    display: none; }

  #inhaltlinks_responsive {
    display: block; }

  #inhalt {
    margin-left: 0;
    padding-left: 0; } }
@media screen and (max-width: 550px) {
  body {
    /* font-size: 12px; */ }

  .kopftext {
    display: none; }

  ol.flex-control-nav {
    display: none; }

  #inhalt div.csc-textpic-intext-right-nowrap .csc-textpic-text,
  #inhalt div.csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin: 0; }

  div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    width: 50%;
    margin: 0; }

  div#inhalt div.csc-mailform ol li.csc-form-element-submit input {
    margin: 0 0 0 13.5em; } }
@media screen and (max-width: 400px) {
  body {
    font-size: 10px; }

  div#inhalt div.csc-mailform ol li.csc-form-element-submit input {
    margin: 0 0 0 11.4em; } }

/*# sourceMappingURL=bjv-eg-arn.css.map */
