body {
background-image: url(../graphics/body_bg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-color: #6d9dde;


font-family:Calibri,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:normal;
/*color: #CCC;*/
line-height:120%;
margin:0;
padding:0;
/*position: relative;*/
}
#wrapper{
/*width: 1140px;*/
height:auto;
margin: 0px auto;
padding-top: 0px;
padding-bottom: 10px;

}
#content {
width: 860px;
min-height: 100px;
display:block;
padding-top: 0pt;
padding-right: 20pt;
padding-left: 20pt;
padding-bottom: 30pt;
margin: 10px auto;
text-align: justify;
background-image: url(../graphics/background_transparent.png);
top: 100px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(border-radius.htc);
/*-moz-box-shadow: 10px 10px 5px #ccc;
-webkit-box-shadow: 10px 10px 5px #ccc;
box-shadow: 10px 10px 5px #ccc;*/
}

#banner-frame {
background-color:#CCC;
height:110px;
width: 100%;
margin: 0 auto;
padding: 20px 0;
/*visibility: hidden;
display: none;*/
}
#fullsize-banner {
background-color:#FFF;
width: 800px;
height:110px;
margin: 0 auto;
padding: 0;
/*background-image:url(../graphics/testbanner.jpg);*/
background-repeat:no-repeat;
}
#topimage {
width: 860px;
min-height:100px;
margin: 10px auto  40px auto;
padding: 10px 0;
}
#main_content{
width: 860px;
display:block;
padding-top: 0pt;
padding-right: 0pt;
padding-left:  0pt;
padding-bottom: 30pt;
margin: 0;
}
#footer{
clear:both;
}

div.thumb {
   width:280px;
   height:280px;
   overflow:hidden;
   margin-top:-100px;
   margin-left:-100px;
}

/**
*   Standard Tags
*/
strong {
font-weight: bold;
}
em {
font-style: italic;
}
p {
line-height: 1.5em;
}
p.zitat {

    border-radius: 10px 10px 10px 10px;
    width: 800px;
    background-color: #fff;
    padding: 20px;

}
fieldset, form {
margin:0;
margin-top:0.5em;
}
h1, h2, h3, h4, h5, h5, p, br, pre, li {
margin:0;
margin-top:0.5em;
margin-bottom:0.8em;
font-size:1em;
}
h1 {
font-size: 1.5em;
color:#5080c0; /*#6d9dde;color="#6f9fe1"*/
}
h2 {
font-size: 1.2em;
}
rem {
font-size: 60%;
margin-top:0em;
margin-bottom:0em;
}
desc {
font-size: 80%;
margin-top:0.5em;
margin-bottom:0em;
}

a {
font-weight: bold
}
a:visited, a:link, a:active {
text-decoration: none;
outline:none; /*kein Rahmen nach klick*/
}
a:hover {
text-decoration: none;
color: #C30;
}
a:visited {
color:#666;
}
a:link {
color:#039;
}
a:active {
color:#c00;
}
hr {
  color:#EBE9EA;
  width: 95%;
  height: 1px;

/*  noshade="noshade"*/
}

table td {
text-align:justify;
}

img {
border:none;
/*display:block; margin-left:auto; margin-right:auto; h-zentrieren*/
}

/**
*   Form
*/
input {
font-family:Calibri,Arial,Helvetica,sans-serif;
background-color:#EFEFEF;
color: #000000;
border:1px solid #000000;
font-size:100%;
}
.butGalerie{
width:800px;
margin:2px auto;
}
textarea {
font-family:Calibri,Arial,Helvetica,sans-serif;
background-color:#EFEFEF;
color: #000000;
border:1px solid #000000;
font-size:100%;
}

#gallery-image {
    position: relative;
    width: 100%;
    text-align: center;
}

#gallery-img {
    max-width: 100%;
    height: auto;
}

#gallery-prev,
#gallery-next {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    cursor: pointer;

    display: flex;
    align-items: center;

    color: transparent;
    font-size: 40px;

    /* verhindert, dass der Pfeil selbst den Klickbereich stört */
    user-select: none;
}

#gallery-prev {
    left: 0;
    justify-content: flex-start;
    padding-left: 20px;
}

#gallery-next {
    right: 0;
    justify-content: flex-end;
    padding-right: 20px;
}

/* Pfeil beim Darüberfahren sichtbar */
#gallery-prev:hover,
#gallery-next:hover {
    color: white;
    text-shadow: 0 0 5px black;
}