*{
  border: 0px;
  margin: 0px;
  padding: 0px;
}
/*** Allgemeine CSS **/
body, html {
    height:100%;
    margin:0;
    padding:0;
}

body {
    font-size : 11px;
    font-family : arial, verdana, times new roman;
    color: #5f5e5e;
    background-color: #fff;
}

a{
  color: #8a0f02;
  font-size : 11px;
    font-family : Arial;
  text-decoration: none;
  /* font-style: italic; */
}

a:hover{ text-decoration: underline; }

img{ border: none; }
div.refresh{ clear:both; }
div.spacer10{ height: 10px; }
div.spacer25{ height: 25px; }
span.bold { font-weight: bold; }
span.italic { font-style: italic; }

/*** Main Container regelt abstand Links und Gesamtbreite **/
#main{
  width: 748px;
  position:relative;
  margin: 0 0 0 27px;
  /*background-color: lightgrey;*/
}

/*** Navigation  ***/
#pre_nav{
  /* Hoehe + Padding = Tatsl. Hoehe des containers */
  height: 17px;
  text-align: right;
  vertical-align: bottom;
  padding: 20px 0 5px 0;
}
#nav ul li{
    list-style-type : none;
  float: left;
  margin: 0 0 0 2px;
}
#nav ul li.first{
  margin: 0 0 0 0;
}
#nav ul li a{
  display: block;
  color: #fff;
  background-color: #8a0f02;
  width : 148px;
  height: 12px;
  padding: 12px 0 6px 0px;
  font-size: 14px;
}
#nav ul li a:hover{
  display: block;
  color: #8a0f02;
  background-color: #dfd7c1;
  text-decoration: none;
}
#nav ul li a span{
  padding: 0 0 0 5px;
}
#nav ul li a.active{
  background-color: #dfd7c1;
  color: #8a0f02;
}
/*** Teaser Spenden ***/
#spenden_teaser{
  margin: 2px 0 0 0;
  cursor: pointer;
}
#spenden_teaser #img_container{
  width: 373px;
  height: 250px;
  float: left;
  margin: 0px;
  padding: 0px;
}
#spenden_teaser #spenden_teaser_text{
  width: 372px;
  height: 250px;
  float: left;
  margin: 0 0 0 3px;
  background: url('/_media/_img/spenden_teaser_bg.jpg') no-repeat top left;
}
#spenden_teaser #spenden_teaser_text p{ margin: 90px 21px 0 7px; }


/*** Footer Bereich ***/
#footer_links a{
  padding: 0 10px 0 3px;
  font-style: italic;
  vertical-align: 20%;
}
#footer_balken{
  height: 10px;
  width: 748px;
  background-color: #8a0f02;
}
#footer_sponsoring{ text-align: right;
  width: 748px;}
#footer_sponsoring a img{
  margin: 2px 0 0 0;
  border: 1px solid #5f5e5e;
}


/*** News, Startseite **/
#left_news{
  float: left;
  width: 382px;
}
#left_news .left{
  float: left;
  width: 191px;
}
#left_news .left p.date{
  font-weight: bold;
  color: #000;
  margin: 10px 0 3px 0;
}
#left_news .left p.title{
  font-weight: bold;
  color: #000;
  font-size: 12px;
  margin: 0 0 9px 0;
}
#left_news .left p.teaser{
  width: 179px;
}
#left_news.left a, #right_news .right a{
  font-style: italic;
}
#right_news {
  float: left;
  width: 366px;
}
#right_news .right p.date{
  font-weight: bold;
  color: #000;
  margin: 0 0 3px 0;
}
#right_news .right p.title{
  font-weight: bold;
  color: #000;
  font-size: 12px;
  margin: 0 0 9px 0;
}
#right_news .right p.teaser{
  margin: 0 0 15px 0;
}

/*** SubNavigation ***/
#subnavi{
  width: 120px;
  float: left;
  min-height: 100px;
}
#subnavi ul li{
    list-style-type : none;
  margin: 0 0 2px 0;
}
#subnavi ul li a{
  display: block;
  color: #fff;
  background-color: #8a0f02;
  width : 105px;
  height: 10px;
  padding: 8px 0 6px 0px;
}
#subnavi ul li a:hover{
  display: block;
  color: #8a0f02;
  background-color: #dfd7c1;
  text-decoration: none;
}
#subnavi ul li a span{
  padding: 0 0 0 5px;
}
#subnavi ul li a.active{
  background-color: #dfd7c1;
  color: #8a0f02;
}
/*** News komplett ***/
#content_big{
  float: left;
  width: 628px;
}
#content_big img{
  float: right;
}
#content_big p.date{
  font-weight: bold;
  color: #000;
  margin: 0px 0 3px 0;
}
#content_big p.title, #content_special p.title{
  font-weight: bold;
  color: #000;
  font-size: 12px;
  margin: 0 0 9px 0;
}
#content_big p.teaser{
  width: 179px;
}
#content_big a{
  font-style: italic;
}

/** Gallery **/
#content_big div.gallery_picture {
  padding: 0.3em 0.6em 0.3em 0;
  float: left;
  width: 150px;
  height: 180px;
}

#content_big div.gallery_picture img {
  float: left;
}

#content_big div.gallery_picture_container {
  height: 140px;
}

#content_big div.gallery_picture .gallery_picture_title {
  margin-top: 2px;
  font-weight: bold; /* !Gibt es nicht bei font-weight: 1.3em; */
}

#content_big div.gallery_pagination {
  clear: both;
  margin-top: 3px;
  text-align: right;
}

#content_big table td{
  padding: 0 0 5px 0;
  vertical-align: top;
}

/** Gallery lightbox **/
#idxOverlayBoxIframe,
#idxOverlayBox {
  background-color: #000000;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#idxOverlayBoxDiv {
  background-color: #FFFFFF;
  z-index: 99;
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid grey;
  padding: 0.6em;
  display: none;
}

#idxOverlayBoxDiv .imageTitle {
  margin-top: 2px;
  font-weight: bold;
}

#idxOverlayBoxDiv .imageDescription {
  float: left;
}

#idxLightboxConfirmButton {
  float: right;
}


/*** Personen Seite ***/
#content_special{
  float: left;
  width: 628px;
}
#content_special .personen_teaser{
  width: 205px;
  float: left;
}

/*** Geschichte Seite ***/
#content_special .number{
  width: 128px;
  float: left;
  padding: 0 0 8px 0;
}
#content_special .history_text{
  width: 485px;
  float: left;
  padding: 0 0 8px 15px;
  display: none;
}


/*** Kontakt ***/
.normal {
  color:#5F5E5E;
}

.normal_field {
  border: 1px solid #5F5E5E;
}
.error_field {
  border:1px solid red;
}

.error {
  color:red;
  font-weight:bold;
}

#kontakt_content {
  margin:0px;
  display:block;
  z-index:50;
}

#ayas_kontakt_form {
  margin:0px;
  padding:0px;
  display:block;
}

#errorbox {
  margin-bottom:10px;
}

#div_kontakt_text, #div_kontakt_name, #div_kontakt_email, #p_hint {
  margin-bottom:15px;
  font-weight:bold;
}

#div_kontakt_feld4text {
  display:none;
}

textarea.in_formfield_text, input.in_formfield_text {
  font-size : 11px;
  font-family : arial, verdana, times new roman;
  background-color: #fff;
  padding-left:3px;
  vertical-align:bottom;
  line-height:12pt;
}

textarea.in_formfield_text:focus, input.in_formfield_text:focus {
  background-color:#F2F2F2;
  border: 1px solid #8a0f02;
}

#kontakt_textarea_text {
  width:350px;
  height:150px;
}

#kontakt_input_name, #kontakt_input_email {
  width:350px;
  height:18px;
}

#kontakt_submit_button {
  width:100px;
  height:20px;
  color:#000;
  font-weight:bold;
  background-color:#F2F2F2;
  border: 1px solid #000;
  padding-bottom:3px;

}

/*** Sitemap ***/
ul.sitemap_links {
  margin-left: 15px;
}

ul.sitemap_links li {
  margin: 8px 0;
}

ul.sitemap_links li li {
  margin: 4px 0;
}

ul.sitemap_links li li {
  margin: 3px 0;
}

/*** Send it on every site ***/
.send_it_frame_style{
   display: none;
   position:fixed;
   top: 0;
   left: 0;
   width: 100%;
   min-height:100%;
   height:auto !important;
   height:100%;
   background-color: black;
   z-index:1001;
   -moz-opacity: 0.6; /* For Firefox und Mozilla */
   opacity:.60; /* For Opera 9 */
   filter:alpha(opacity=60); /* For IE */
}

.send_it_box_content {
   display: none;
   position: absolute;
   top: 50px;
   left: 30%;
   width: 360px;
   height: 610px;
   padding: 16px;
   border: 10px solid #8A0F02;
   background-color: white;
   z-index:1002;
   overflow: auto;
}
/* bei sendit kommen auch diverse Klassen aus Kontakt zur Anwendung */
#sendit_content {
  margin:0px;
  display:block;
  z-index:50;
}

#sendit_box_headline {
  float:left;
  font-weight: bold;
  color: #000;
  font-size: 12px;
}
#sendit_close_link {
  display:block;
  float:right;
  margin-right:0px;
  text-align:right;
  font-weight:bold;
}

#ayas_sendit_form {
  margin:0px;
  padding:0px;
  display:block;
}

#sendit_errorbox {
  margin-bottom:10px;
}

#div_sendit_text, #div_sendit_name, #div_sendit_to_email, #div_sendit_from_email, #sendit_p_hint, #div_sendit_pic, #div_sendit_short {
  margin-bottom:15px;
  font-weight:bold;
}

#div_sendit_feld4text {
  display:none;
}

#sendit_textarea_text {
  width:350px;
  height:50px;
}

#sendit_input_short {
  width:350px;
  height:18px;
}

#sendit_input_name, #sendit_input_to_email, #sendit_input_from_email {
  width:350px;
  height:18px;
}

#sendit_submit_button {
  width:100px;
  height:20px;
  color:#000;
  font-weight:bold;
  background-color:#F2F2F2;
  border: 1px solid #000;
  padding-bottom:3px;
}