/* CUP Startseite, Version 1.5 */
/*Klassen: .Name, id´s: #Name   */


body {
    /* background-color: #EFEFE9; */
    background-color: white;
    font-family: Verdana, Arial, Helvetica, "Sans Serif";
    font-size: 0.8em;
    color: #000000;
    margin: 0px;
    text-align: center;
}


#kopfbereich {
    position: relative;
    width: 957px;
    height: 141px;
    margin: auto;
    text-align: left;
}

#hauptbereich {
    position: relative;
    max-width: 957px;
    margin: auto;
    text-align: left;
}

#hauptnavigation {
    float: left;
    width: 170px;
    height: 100%;
    text-align: left;
    padding-bottom: 30px;
    margin-right: 20px;
    margin-top: 6px;
}

#inhaltsbereich {
    text-align: left;
    padding-bottom: 20px;
    max-width: 787px;
    font-size: 0.9em;
}


.hauptnavigation {
    width: 170px;
    display: block;
    border-top: 1px solid #AFAFAF;
}

.navigationspunkt {
    border-bottom: 1px solid #AFAFAF;
    padding-bottom: 1px;
}

.navigation_aktiv {
    color: #000000;
    background-color: #d0d8d8;
}


/************************************************/


#fusszeile {
    clear: both;
    max-width: 957px;
    height: 18px;
    margin: auto;
    border-top: 1px solid #A09F9F
}


/*Elemente für den Druck ausblenden*/
.no_web {
    display: none;
}

/* Hauptnavigation */


.hauptnavigation a:link,
.hauptnavigation a:visited {
    display: block;
    width: 170px;
    text-decoration: none;
    color: #000000;
    margin-top: 1px;
}

.hauptnavigation a:hover {
    color: #000000;
    background-color: #e2e4e4;
}

.hauptnavigation h1 {
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding-left: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.hauptnavigation h2 {
    clear: both;
    font-size: 1.1em;
    font-weight: normal;
    padding: 2px 0px 5px 15px;
    margin: 0px;
    margin-top: 0px;
}

.hauptnavigation h3 {
    clear: both;
    font-size: 1em;
    font-weight: normal;
    padding: 2px 0px 5px 30px;
    margin: 0px;
    margin-top: 0px;
}

/* Zusaetzliche Navigationsebenen ... */

.hauptnavigation h4 {
    clear: both;
    font-size: 0.9em;
    font-weight: normal;
    padding: 2px 0px 5px 45px;
    margin: 0px;
    margin-top: 0px;
}

.hauptnavigation h5 {
    clear: both;
    font-size: 0.9em;
    font-weight: normal;
    padding: 2px 0px 5px 45px;
    margin: 0px;
    margin-top: 0px;
}

.hauptnavigation h6 {
    clear: both;
    font-size: 0.9em;
    font-weight: normal;
    padding: 2px 0px 5px 45px;
    margin: 0px;
    margin-top: 0px;
}



/* Funktionsbereich */

.funktionsbereich a:link,
.funktionsbereich a:visited {
    text-decoration: none;
    color: #006633;
}

.funktionsbereich a:hover {
    text-decoration: underline;
}

/* Funktionen */

.funktionen {
    padding: 0px;
    font-size: .8em;
    font-weight: bold;
    text-decoration: none;
    color: #6B6C6F;
}


/* Content */

.inhaltsbereich p {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.inhaltsbereich .url_suche a:link {
    font-size: .8em;
    margin-bottom: 55px;
}

.inhaltsbereich .url_suche a:visited {
    font-size: .8em;
    margin-bottom: 55px;
}

.inhaltsbereich table {
    /* width: 735px;*/
    margin-top: 8px;
    margin-bottom: 12px;
    font-size: 1em;
    border-collapse: collapse;
}

.inhaltsbereich div table {
    width: auto;
}

/*
.inhaltsbereich div.eingerueckt table {
      width: 715px;
      }*/

.inhaltsbereich caption {
    margin-top: 8px;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.inhaltsbereich th {
    vertical-align: top;
    padding: 3px;
    border: 2px solid #EFEFE9;
    text-align: left;
    background-color: #DCDCD3;
}

.inhaltsbereich td {
    vertical-align: top;
    padding: 3px;
    border: 2px solid #EFEFE9;
    background-color: #DCDCD3;
}

.inhaltsbereich td.linie {
    background-color: #AFAFAF;
    margin-bottom: 2px;
    margin-top: 2px;
    height: 1px;
    padding: 0px;
}

.inhaltsbereich .tabellerahmenlos td {
    border: none;
    background-color: transparent;
    padding: 3px;
}

.inhaltsbereich .tabellerahmenlos th {
    border: none;
    background-color: transparent;
    font-weight: bold;
    color: #000000;
    padding: 3px;
}

.inhaltsbereich .tabellerahmenlos table {
    width: auto;
}

.inhaltsbereich .tabelleMittig td {
    border: none;
    background-color: transparent;
    padding: 3px;
    vertical-align: middle;
}

.inhaltsbereich a:link {
    /* text-decoration:underline; */
    text-decoration: none;
    color: #006633;
}

.inhaltsbereich a:visited {
    /* text-decoration:underline; */
    text-decoration: none;
    color: #668866;
}

.inhaltsbereich a:hover {
    text-decoration: underline;
    color: #006633;
}

.inhaltsbereich h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.4em;
    font-weight: bold;
    color: #000000;
    /*    clear: both;*/
}

.inhaltsbereich h2 {
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: 1.2em;
    font-weight: bold;
    color: #666666;
    /*      clear: both;*/
}

.inhaltsbereich h3 {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 1.1em;
    font-weight: bold;
    color: #666666;
}

.inhaltsbereich h4 {
    margin-top: 8px;
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 1em;
    color: #666666;
}

.inhaltsbereich h5 {
    margin-top: 8px;
    margin-bottom: 0px;
    font-size: 1em;
    font-weight: normal;
    color: #7A7979;
}

.inhaltsbereich h6 {
    margin-top: 6px;
    margin-bottom: 0px;
    font-size: .8em;
    font-style: italic;
    font-weight: normal;
    color: #7A7979;
}

.inhaltsbereich ul {
    list-style-type: none;
    padding: 0px;
    margin-left: 20px;
    margin-top: 8px;
    margin-bottom: 15px;
}

.inhaltsbereich ul li {
    /*background-image:url(include/symbols/square.gif);*/
    background-repeat: no-repeat;
    padding-left: 14px;
}

.inhaltsbereich .download {
    background-image: url(include/symbols/download.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.inhaltsbereich .pdf {
    background-image: url(include/symbols/pdf.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.inhaltsbereich .doc {
    background-image: url(include/symbols/word.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.inhaltsbereich .ppt {
    background-image: url(include/symbols/powerpoint.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.inhaltsbereich .xls {
    background-image: url(include/symbols/excel.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.inhaltsbereich .zip {
    background-image: url(include/symbols/zip.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.inhaltsbereich .audio {
    background-image: url(include/symbols/audio.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.inhaltsbereich .video {
    background-image: url(include/symbols/video.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.inhaltsbereich .mail {
    background-image: url(include/symbols/mail.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.inhaltsbereich ul ul li {
    background-image: url(include/symbols/square_small.gif);
    padding-left: 14px;
    margin-bottom: 0px;
}

.inhaltsbereich ol {
    padding-left: 20px;
    margin-left: 20px;
    .margin-left: 23px;
    margin-top: 8px;
    margin-bottom: 15px;
}

.inhaltsbereich li {
    font-size: 1em;
    margin-bottom: 3px;
}




.inhaltsbereich button {
    height: 18px;
    text-align: center;
    vertical-align: text-bottom;
    .vertical-align: baseline;
    border: 1px solid #808285;
    background-color: #FFFFFF;
    font-size: .9em;
    margin-top: 10px;
}

.inhaltsbereich select {
    margin-bottom: -1px;
}

.inhaltsbereich div.eingerueckt {
    margin: 0px;
    margin-left: 20px;
}

.inhaltsbereich div.eingerueckt ul {
    margin-left: 0px;
    margin-bottom: 5px;
}

.inhaltsbereich .printlink {
    clear: both;
    float: left;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 5px;
}

.inhaltsbereich .toplink {
    text-align: right;
    float: right;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 5px;
}

.inhaltsbereich .mitarbeiter {
    margin-bottom: 15px;
}

.inhaltsbereich .leiste {
    border-top: 1px solid #AFAFAF;
    margin-bottom: 0px;
    margin-top: 5px;
    clear: both;
}

.inhaltsbereich div.titelleiste {
    border-top: 1px solid #AFAFAF;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 30px;
    font-size: 1em;
    padding: 3px;
    padding-left: 0px;
    padding-top: 2px;
    clear: both;
}

.inhaltsbereich div.titelleiste_ohne_linie {
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 30px;
    font-size: 1em;
    padding: 3px;
    padding-left: 0px;
    padding-top: 2px;
}

.inhaltsbereich div.startseitenleiste {
    border-top: 1px solid #AFAFAF;
    color: #000000;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 1em;
    padding: 3px;
    padding-left: 0px;
    padding-top: 2px;
    clear: both;
}

.inhaltsbereich div.startseitenabstand {
    margin-bottom: 30px;
    clear: both;
}

.inhaltsbereich div.uebersichtsabstand {
    margin-bottom: 10px;
    clear: both;
}

.inhaltsbereich .grau {
    color: #7A7979;
}

.inhaltsbereich div.grauhinterlegt {
    background-color: #DCDCD3;
    padding: 3px;
}

.inhaltsbereich .dunkelrot {
    color: #990000;
    font-weight: bold;
}

.inhaltsbereich div.verantwortlich {
    clear: both;
    font-size: .8em;
    color: #AFAFAF;
    margin-top: 30px;
}

.inhaltsbereich .icon {
    margin-top: 5px;
    margin-bottom: 20px;
}


/* Bilder */

#bild {
    clear: both;
    width: 130px;
    font-size: .7em;
    color: #606060;
    # background-color: #DCDCD3;
    background-color: white;
}

#bild_klein {
    clear: both;
    width: 130px;
    font-size: .7em;
    color: #606060;
    background-color: #DCDCD3;
    float: left;
    margin: 5px 10px 5px 0px;
    display: inline;
}

#bild_klein p {
    padding: 3px;
    margin: 0px;
}

#bild_gross {
    clear: both;
    width: 535px;
    font-size: .7em;
    color: #606060;
    background-color: #DCDCD3;
    margin-bottom: 10px;
    display: none;
}

#bild_gross p {
    padding: 3px;
    margin: 0px;
}

* #bild {
    .height: 0;
}

#bild a {
    color: #606060;
}

.inhaltsbereich .left {
    float: left;
    margin: 5px 10px 5px 0px;
}

.inhaltsbereich .right {
    float: right;
    margin: 5px 0px 5px 10px;
}

#bild p {
    padding: 2px;
    margin: 0px;
}

.inhaltsbereich .lupe {
    padding: 2px;
    padding-bottom: 0px;
    margin: 0px;
    float: right;
}

/* Bildergalerie */

a.img_hover img:last-child {
    display: none;
}

a.img_hover:hover img:last-child {
    display: inline;
}

a.img_hover:hover img:first-child {
    display: none;
}

.inhaltsbereich td.galeriebild {
    border: 1px solid #EFEFE9;
    border-collapse: collapse;
    width: 25%;
    background-color: #DCDCD3;
    text-align: center;
    vertical-align: top;
    padding: 1px;
    padding-top: 2px;
}

.inhaltsbereich td.galeriebild p {
    font-size: .8em;
    color: #606060;
    padding: 2px;
    margin: 0px;
    margin-top: 5px;
    text-align: left;
}

.bild_detailansicht {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 5px;
}

.bild_detailansicht table tr td {
    text-align: left;
    background-color: #DCDCD3;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.bild_topleiste {
    width: 530px;
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #A09F9F
}

.bild_detailansicht td.bildunterschrift {
    color: #606060;
    padding: 5px;
}

.bild_navigation {
    width: 530px;
    text-align: center;
    margin-top: 15px;
    border-top: 1px solid #A09F9F;
}



/* Footer */

.fusszeile {
    text-align: center;
    font-size: .8em;
}

.fusszeile a:link,
.fusszeile a:visited {
    padding-right: 3px;
    text-decoration: none;
    font-size: .8em;
    color: #006633;
}

.fusszeile a:hover {
    padding-right: 3px;
    text-decoration: underline;
    font-size: .8em;
    color: #006633;
}

/* Poster Gallery */
.gallery-container {
    text-align: center;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

div.poster {
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #ffffff00;
}

div.poster:hover {
  background-color: #efefef;
  border: 1px solid #aaaaaaff;
}

div.poster-wide {
  width: 353px;
}

div.poster-narrow {
  width: 220px;
}

div.poster-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-box;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  margin: 0;
  padding: 0;
  list-style: none;
}

div.poster img {
  width: 100%;
  height: auto;
}

div.poster-desc {
  padding: 5px;
  text-align: center;
}