/* ### Überschriften, Fließtexte ###################################################################### */

h1, h2, h3, h4, h5 {
   font-weight: 100;
}

h1 {
   margin-bottom: 2em;
   line-height: 1.1em;
}

.bold {
   font-weight: bold;
}

.red {
   color: #c51718;
}

h3 {
   margin-top: 1.5em;
}

   h3:first-child {
      margin-top: 1.0em;
   }

hr {
   color: #fff;
   background: transparent;
   margin: 0 0 0.5em 0;
   padding: 0 0 0.5em 0;
   border: 0;
   border-bottom: 1px #eee solid;
}

/* ### Bildpositionierung ############################################################################ */

img.float_left {
   float: left;
   margin-right: 1em;
   margin-bottom: 0.15em;
   border: 0;
}

img.float_right {
   float: right;
   margin-left: 1em;
   margin-bottom: 0.15em;
   border: 0;
}

img.center {
   text-align: center;
   padding: 4px;
}

img.framed {
   padding: 3px;
   border: 1px #ddd solid;
   background: #f4f4f4;
}

a.link {
   border-bottom: 1px dotted #cccccb;
}

   a.link:hover {
      color: #706f6f;
      border-bottom: 1px dotted #706f6f;
   }

   a.link:focus {
   }

a.file {
   padding: 0 0 0 14px;
   background: transparent url(../img/icons/file.gif) no-repeat left;
}

   a.file:hover {
      padding: 0 0 0 14px;
      background: transparent url(../img/icons/file.gif) no-repeat left;
      font-weight: bold;
   }

   a.file:focus {
      padding: 0 0 0 14px;
      background: transparent url(../img/icons/file.gif) no-repeat left;
      font-weight: bold;
   }

a.music {
   padding: 0 0 0 14px;
   background: transparent url(../img/icons/music.gif) no-repeat left;
}

   a.music:hover {
      padding: 0 0 0 14px;
      background: transparent url(../img/icons/music.gif) no-repeat left;
      font-weight: bold;
   }

   a.music:focus {
      padding: 0 0 0 14px;
      background: transparent url(../img/icons/music.gif) no-repeat left;
      font-weight: bold;
   }

a.video {
   padding: 0 0 0 16px;
   background: transparent url(../img/icons/video.gif) no-repeat left;
}

   a.video:hover {
      padding: 0 0 0 16px;
      background: transparent url(../img/icons/video.gif) no-repeat left;
      font-weight: bold;
   }

   a.video:focus {
      padding: 0 0 0 16px;
      background: transparent url(../img/icons/video.gif) no-repeat left;
      font-weight: bold;
   }

a.link1 {
   padding: 0 0 0 14px;
   background: transparent url(../img/icons/link.gif) no-repeat left;
}

   a.link1:hover {
      padding: 0 0 0 14px;
      background: transparent url(../img/icons/link.gif) no-repeat left;
      font-weight: bold;
   }

   a.link1:focus {
      padding: 0 0 0 14px;
      background: transparent url(../img/icons/link.gif) no-repeat left;
      font-weight: bold;
   }

a.button {
   background: #e2e2e2;
   padding: 1em 2em;
   -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
   -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
   box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
}

   a.button:hover {
      background: #e2e2e2;
      color: #fff;
      padding: 1em 2em;
      -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
      -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
      box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
   }

   a.button:focus {
      background: #e2e2e2;
      padding: 1em 2em;
      -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
      -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
      box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
   }

a.button-flat {
   border: #c51718 solid 2px;
   padding: 0.8em 1.8em;
}

   a.button-flat:hover {
      border: #c51718 solid 2px;
      background: #c51718;
      color: #fff;
      padding: 0.8em 1.8em;
   }

   a.button-flat:focus {
      border: #c51718 solid 2px;
      background: #c51718;
      color: #fff;
      padding: 0.8em 1.8em;
   }

a.pic {
   padding: 0 0 0 14px;
   background: transparent url(../img/icons/pic.png) no-repeat left;
}

   a.pic:hover {
      padding: 0 0 0 14px;
      background: transparent url(../img/icons/pic.png) no-repeat left;
      font-weight: bold;
   }

   a.pic:focus {
      padding: 0 0 0 14px;
      background: transparent url(../img/icons/pic.png) no-repeat left;
      font-weight: bold;
   }

/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/
table {
   border-collapse: collapse;
   margin-bottom: 0.5em;
}

tr {
}

td {
   padding-left: 2px;
   padding-right: 2px;
   padding-bottom: 1px;
   padding-top: 1px;
   vertical-align: top;
}

   th.shop, td.shop {
      padding-left: 8px;
      padding-right: 8px;
      padding-bottom: 2px;
      padding-top: 2px;
      vertical-align: top;
   }

th {
   font-weight: 100;
}

table.intern {
   border-collapse: collapse;
   margin-bottom: 0.5em;
   background-color: #e2e2e2;
}

tr.intern {
   border: #fff solid 2px;
}

td.intern {
   padding-left: 4px;
   padding-right: 2px;
   padding-bottom: 1px;
   padding-top: 1px;
   vertical-align: top;
   border: #fff solid 2px;
}

th {
   font-weight: 100;
}

/* Spaltenbreite in der Chorliste */
.lst_col0 {
   width: 1%;
}

.lst_col1 {
   width: 23%;
}

.lst_col2 {
   width: 25%;
}

.lst_col3 {
   width: 25%;
}

.lst_col4 {
   width: 23%;
}

.lst_col5 {
   width: 1%;
}

.lst_col6 {
   width: 1%;
}

/*form {
    overflow: hidden;
}*/

div.paybuttons {
   height: 15em;
}

div.paybutton {
   display: flex;
   align-items: center;
   justify-content: center;
}

input[type=image]:hover {
   background-color: initial;
}

/* ###  Bildanzeige Thumbs ################################################################## */
#thumb {
   position: absolute;
   padding: .5em;
   background: #e3e3e3;
   border: 1px solid #BFBFBF;
}

/* ###  Textformatierungen ################################################################## */
.textalignright {
   text-align: right;
}

.textalignleft {
   text-align: left;
}

.textaligncenter {
   text-align: center;
}


.tableheader {
   text-align: center;
   background: #004080;
   color: #ffffff;
}

   .tableheader.intern {
      text-align: center;
      border-left: solid 2px #fff;
      border-right: solid 2px #fff;
      background: #c51718;
      color: #ffffff;
      /*min-height: 35px;
        padding-top: 6px;*/
      text-transform: uppercase;
   }

/* Grundlagen */
.wichtig {
   background-color: #fee;
   border: 1px #fcc solid;
   padding: 0.5em;
   margin-bottom: 0.5em;
}

.hinweis {
   background-color: #eef;
   border: 1px #ccf solid;
   padding: 0.5em;
   margin-bottom: 0.5em;
}

.highlight {
   color: #c10;
}

@media screen and (max-width:56em) {
   img.float_right {
      float: none;
   }
}

/* ###  Pressebereich ################################################################## */

a.mediengalerie {
   display: block;
   border: #c51718 solid 2px;
   padding: 4em 5em;
   width: 250px;
   float: left;
   text-align: center;
   margin-right: 50px;
   margin-bottom: 50px;
}

   a.mediengalerie:hover {
      background: #c51718;
      color: #fff;
   }

   a.mediengalerie:focus {
      background: #c51718;
      color: #fff;
   }