@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);
@import url(navi.css);
@import url(textstile.css);
@import url(tabellen.css);
@import url(rahmen.css);
@import url(print.css);
@import url(form.css);
@import url(styles.css);


.hidden {
    position:absolute;
    left:-1000px;
  top:-1000px;
  width:0;
  height:0;
  overflow:hidden;
  display:inline;
}

.clear-both {
clear: both;
}

.navispacer {
  color:#f80;
  font-size:0.1em;
  line-height:0em;
}

/***** layout *****/

body { 
  /**font-family:Verdana, Arial, Helvetica, sans-serif;**/ 
  font-family: 'Open Sans', sans-serif;
  font-size:62.5%; 
  background-color: #ffeb9b; 
  background-repeat: no-repeat; 
  background-attachment: scroll; 
  background-position: left top; 
  margin:0; 
  padding:0;
  text-align:center; 
}

blockquote {
    padding-left: 1em;
    padding-right: 0.1em;
    border-left-width: 0.3em;
    border-color: lightgray;
    border-style: solid;
    border-right-width: 0;
    border-bottom-width: 0;
    border-top-width: 0;
    font-style: italic;
}

#alles {
  background-color:#fff;
  margin:0pt auto;
  width:100em;
  text-align:left;
  z-index:100;
}

#head { 
  z-index:10; 
  margin-bottom:0; 
}

/************************************************************/
/* damit logo ueber suchleiste positioniert ist: 
z-index fuer FF, negative margin fuer IEv6 (ignoriert z-index),
position:relative fuer FF und IEv6 */
/*************************************************************/

#logo {
  float:left;
  margin-left:0;
  margin-top:0;
  margin-bottom:-1em;
  margin-right:-8.5em;
  z-index:25;
  position:relative;
  border-left:1px solid #000;
  width:19.2em;
  height:19em; 
  background-image:url(../../../../img/logo-kreis.svg);
  background-repeat:no-repeat;
}

#logo img {
  height:19em;
  width:19em;
  border-width:0px;
}

#bild1, #bild2, #bild3, #bild4 {
  float: right;
  height:13.6em;
}

/*** für ein Bild ***/

#bild1-1 {
  float: right;
  height:13.6em;
}

#bild1, #bild1-1 {
  border-right:0.1em solid #000000;
}

/***********umrechnungsfaktor fuer img: 1.41 **************/

#bild1 img, #bild2 img, #bild3 img, #bild4 img {
  width:21.1em;
  height:13.6em;  
}

/*** für ein Bild ***/

#bild1-1 img {
  width:84.4em;
  height:13.6em;  
}

#suchleiste {
  width:65.5em;
    background-color:#fff;
    border-bottom:0.3em double #ccc;
    position:relative;
    margin:-0.1em 21.4em 0 0;
    z-index:5;
    float:right
}

#textbereich { 
    color: #0f0f0f; 
    width:72em; 
    float:left; 
    margin-top:3.5em; 
}

#navibox {
    width:21.1em;
    float:right;
    padding-top:0;
}

#navi{ 
    width:21.1em; 
    float:right; 
    background:#f80; 
    border-left:2px solid #ccc; 
    border-bottom-width: 0.1em;
    padding-top: 1em
}

#navi-ende { 
  float:right; 
  margin-right:0;
  /*background-image:url(/fileadmin/template/img/bogenelement-f80-kl.jpg);*/
}

#navi-ende img {
  width:21.3em;
  height:21em;  
}

.bogenelement {
  width:21.3em;
  height:21em;  
}

#kontakt { position:absolute; width:21.5em; margin-top: -8.5em; }

#content { 
  float:left; 
  padding-left:3.5em; 
  padding-bottom:4.5em; 
  min-height:30em; 
  background-color:#fff; 
  background-repeat: repeat; 
  margin-top:-4.5em; 
  border-right:1px solid #000; 
  border-left:1px solid #000; 
  z-index:10; 
  width: 96.3em;
}

#startmitte { 
  text-align: left; 
  width: 54%; 
  margin-left: 23%; 
  margin-right: 23%; 
}

#startlinks {
float: left;
width: 49%;
padding-right: 1%;
}

#startrechts {
float: right;
width: 49%;
padding-left: 1%;
}

#start-oben, #start-mitte, #start-unten {
display: table;
width: 100%;
}

#startlinks_gross {  
  width:64%;
  float:left;
}

#startrechts_gross {  
  width:64%;
  float:right;
}

#startmitte_klein { 
  width:32% ; 
  margin-right: 2%; 
  margin-left: 2%;
  float: left;
  word-wrap: break-word;
}

#startlinks_klein {  
  width:32%;
  float: left;
  word-wrap: break-word;
}

#startrechts_klein {  
    width:32%;
    float: right;
    word-wrap: break-word;  
}

#startunten {
width: 100%;
float: left;
}

#colum-teil {
  width:72em; 
  /*display:-webkit-flex;
  display:flex;*/
}

#printlink { 
  color: #aaa;
  width: 95%; 
  height: 1.5em; 
  float: right; 
  display: -webkit-flex; /* Safari */
  -webkit-justify-content: center; /* Safari 6.1+ */
  display: flex;
  justify-content: center;
}

#footer {
  background-color: #fff;
  float: left;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  width: 99.8em;
  padding-top: 0.7em;
}

.karte {
  margin-left:15em;  
}

.indent, .frame-indent { 
  margin: 0 0 0 16%; 
}
.indent1 { 
  margin-left: 4%; 
}
.indent2 { 
  margin-left: 8%; 
}
.indent3 { 
  margin-left: 12%; 
}
.csc-header {  
    clear:left;
}

.fileexplorer_allWrap {
  width: 60em  
}

.csc-frame-rulerAfter {
    border-bottom:1px solid #ccc;
    margin-bottom:0.5em;
}

.csc-frame-rulerBefore {
    border-bottom:1px solid #ccc;
    margin-top:0.5em;
}

.csc-textpic-caption {
    padding-bottom: 10px;
}

/*.csc-textpic-text {
    margin-top: -1.2em;}


.csc-textpic-imagewrap { 
  margin-top: 0.5em; 
  margin-left: 0.5em; 
}*/
/* fotogalerie */
/*************************/

.tx-photogals-pi1 {
  border:1px solid #ddd;
}

.tx-photogals-pi1-big a:link, .tx-photogals-pi1-big a:visited, .tx-photogals-pi1-bi a:active, .tx-photogals-pi1-big a:focus  {
  border:none;
}

.tx-photogals-pi1-small-active a {
        border:2px solid #f80;
}

/*************************/
/* csc-uploads */
/*************************/

table.csc-uploads  {
  line-height:2em;  
}

table.csc-uploads tr td {
  padding-bottom:1em;  
}

.tx-sriframe-pi1 { 
  text-align: center; 
  margin: 0 auto; 
}