/* General settings*/
body {
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  margin:0 auto;
  padding:0;
}

.bodelilabg {
  background-color: #932c87;
  color: white;
}

h1,h2,h3,h4,h5,h6 {
  color: #932c87;
  font-weight: bold;
}

a {
  color: #932c87;
}

.bold {
  font-weight: bold;
}

.clear{
    clear:both;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

fieldset {
  border:0 none;  
}

/* Document structure */
div#document {
  margin: auto;
  margin-bottom: 10px;
  width: 907px;
  border: 1px #E4E4E7 solid;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
  padding:0px;
}

div#header {
  vertical-align: bottom;
  z-index:10;
}

div#copyright {
  height: 15px;
  margin-top: 30px;
  margin-left: 15px;
  border:1px white;
  padding:0px;
  font-size: 0.8em;
}

div.copyright {
    font-size: 0.8em;
}

div#mobilemenu {
  display: none;
}

div#mobilesearchfield {
  display: none;
}

div#topmenu {
  height: 30px;
  border:1px white;
  margin:0px;
}

div#contentall {
  position: relative;
}

div#logo {
  position: absolute;
  right:25px;
  top: 180px;
  width: 142px;
  height: 137px;
  float: left;
  border: 0px black solid;
  border-radius: 7px;
  background-color: white;
  -webkit-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.75);
  background-image: url("../img/logo_gr.png");
  background-size: 93px 121px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

div#image {
  height: 275px;
  background-repeat: no-repeat;
  background-size: 907px 275px;
  z-index: -2;
}

div#contentheader {
  border:1px solid white;
}

div#logostart {
  width: 255px;
  height: 246px;
  margin-top: -39px;
  margin-left: 27px;
  margin-bottom: -41px;
  float: left;
  border: 0px black solid;
  border-radius: 7px;
  background-color: white;
  -webkit-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.75);
  background-image: url("../img/logo_gr.png");
  background-size: 186px 217px;
  background-position: center;
  background-repeat: no-repeat;
}

/* Searchbox on start page */

div#searchaddress {
  float: left;
}

div#search {
  height: 53px;
  width: 255px;
  margin-top: 31px;
  margin-left: 41px;
}

div#search .tx-indexedsearch-searchbox fieldset {
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-block-start: 0em;
  padding-inline-start: 0em;
  padding-inline-end: 0em;
  padding-block-end: 0em;
}

div#search #searchbutton, div#search input.tx-indexedsearch-searchbox-button {
  height: 24px;
  width: 39px;
  background-color: #6E6E6E;
  border: 1px solid #6E6E6E;
  color: white;
  cursor: pointer;
  margin-left: 0px;
  margin-top: 5px;
  text-align: center;
}

div#search #searchinput, div#search input.tx-indexedsearch-searchbox-sword {
  margin-top: 5px;
  font-family: 'Abel';
  border: 1px solid #6E6E6E;
  height: 19px;
  width: 180px;
}

/* */

div#address {
  margin-top: 14px;
  margin-left: 41px;
  height: 78px;
  width: 302px;
}

div#news {
  padding-top: 0px;
  width: 240px;
  margin-top: -89px;
  margin-bottom: -41px;
  margin-left: 7px;
  min-height: 296px;
  float:left;
  border: 0px black solid;
  border-radius: 7px;
  background-color: white;
  -webkit-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.75);
}

div#newsheader {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
  text-align: center;
  height: 38px;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}

div#newsinfo {
  height: 39px;
  padding-left: 10px;
  padding-top: 4px;
  font-weight: bold;
}

div#newscontent {
  padding-left: 10px;
}

div#newscontent p {
  margin-top:13px;
  margin-bottom:13px;
  cursor: pointer;
}

div#newscontent p.full {
  color: red;
}
div#newscontent p.more {
  margin-top: -13px;
  margin-bottom: 1px;
  margin-right: 5px;
  cursor: pointer;
  text-align: right;
}

div#newscontent p.moremobile {
  display: none
}

div#newscontent p.noevent {
  margin-top: 13px;
  margin-bottom: 13px;
  cursor: default;
  text-align: center;
  font-size:18px;
}

div#headerbottom {
  background-color: #E4E4E7;
  border:1px solid #E4E4E7;
  height: 41px;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
  clear: left;
}

div#contentbox {
  background-color: #E4E4E7;
  border:1px solid #E4E4E7;
}

div#startcontent {
  padding-top: 11px;
  padding-bottom: 0px;
}

div#startcontentcol1 {
  margin-left: 28px;
  width: 255px;
  padding: 0px;
  float: left;
}

div#startcontentcol2 {
  margin-left: 42px;
  width: 255px;
  padding: 0px;
  float: left;
}

div#startcontentcol3 {
  margin-left: 42px;
  width: 255px;
  float: left;
}

div#startcontentcol1 figure, div#startcontentcol2 figure, div#startcontentcol3 figure {
    margin-block-end: unset;
    margin-block-start: unset;
    margin-inline-end: unset;
    margin-inline-start: unset;
}

div#startcontentcol1 img,div#startcontentcol2 img,div#startcontentcol3 img {
//  max-width:255px;
//  max-height:193px;
  margin-bottom: 20px;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

div#startcontentcol1 h1,div#startcontentcol2 h1,div#startcontentcol3 h1 {
  font-size: 1.17em;
}

div#content {
  padding-top: 54px;
  padding-bottom: 0px;
}

div#contentcol1 {
  margin-left: 28px;
  width: 155px;
  padding: 0px;
  float: left;
}

div#contentcol2 {
  margin-left: 42px;
  margin-right: 10px;
  padding: 0px;
  float: left;
  width: 670px;
}

div#footer {
  padding-left: 30px;
  padding-bottom: 100px;
}

/* Events */
span.eventname {
  width: 33%;
}

/* Anfahrt */
#karte {
  height: 670px;
}
