/*
-------------------------------------------------------------------------------
Seite:  oejc.at
Autor:  Monika Zimmermann, nocken & hammes consulting, Köln
Datum:  Juli 2011
-------------------------------------------------------------------------------
Änderungen:
08.2016 mailform
12.2018 cookie Hinweis
-------------------------------------------------------------------------------
*/

html, body {height: 100%;}

body, div, p, h1, h2, h3, h4, ul, li, table, form {
  margin: 0;
  padding: 0;
  border: none;
  font-family: Verdana, Arial, MS Sans Serif;
  font-size: 11px;
  color: #000000;
}

html {overflow: auto;}

body {
  background-image: url(images/oejcHgSeite.jpg);
  background-position: left top;
  background-repeat: repeat-y;  /* no-repeat; */
  background-color: #D0D2D3;     /* #83B93A; */
}

/*
-------------------------------------------------------------------------------
Seitenaufbau (Inhalt / Werbung)
-------------------------------------------------------------------------------
*/
div#seite {
  width:1200px;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  text-align:left;
 }

div#seiteInhalt{
  float:left;
  width:980px;
  min-height:600px;
  margin: 0;
  padding: 0;
  border: none;
  text-align:left;
  background-color:#FFFFFF;
}

div#seiteWerbung{
  float:right;
  width:205px;
  margin:0;
  padding:0px 0px 0px 15px;
  border:none;
  text-align:left;
}

/*
-------------------------------------------------------------------------------
Seitenaufbau Inhalt (width: 980px;)
-------------------------------------------------------------------------------
*/
div#kopf{
  width: 980px;
  height: 125px;
  background-image: url(images/oejcBanner.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-color:#FFFFFF;
  overflow: hidden;
}

div#logo {
    float:left;
    margin:0;
    padding:0;
}

div#sprachen {
  float:right;
  margin:10px;
  padding-left:10px;
  padding-right:10px;
  text-align:right;
  line-height:normal;
}

div#hauptmenu {
  position:absolute;
  top:68px;
  left:130px;
  width:840px;
  height:20px;
  font-family:Tahoma, Verdana, Arial, MS Sans Serif;
  font-size:11px;
  font-weight: bold;
  line-height:normal;
}

div#untermenu {
  position:absolute;
  top:88px;
  left:130px;
  width:840px;
  height:19px;
  font-family:Tahoma, Verdana, Arial, MS Sans Serif;
  font-size:12px;
  font-weight: bold;
  line-height:normal;
}

div#inhalt {
  width:960px;
  margin: 0px 10px 0px 10px;
  background-image: url(images/oejcHgInhalt.jpg);
  background-position: left top;
  background-repeat: repeat-y;
  background-color: #FFFFFF;
}

div#inhaltLinks {
  float: left;
  width: 680px;
  min-height: 400px;
  padding: 10px 0px 15px 0px;
  border-top: solid 1px #939598;  
}

div#inhaltNews {
    width: 680px;
    margin: 0;
    padding: 0;
}

div#inhaltBild {
    width: 680px;
    margin-left: 0px;
    margin-bottom: 10px;
}

div#inhaltMenu {
    float:left;
    width:158px;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 20px;
}

div#inhaltText {
    float:left;
    width:500px;
}

div#inhaltRechts {
  float: right;
  width: 240px;
  min-height: 400px;
  padding: 10px 10px 5px 10px;
}

div#inhaltVeranstaltungen {
  width: 220px;
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 10px 0px;
  background-color: #FFFFFF;
}
div#inhaltVeranstaltungen h1 {
  font-family: Verdana, Arial, MS Sans Serif;
  font-size: 11px;
  font-weight: bold;
  line-height: normal;
  color: #C9252C;
  margin-bottom: 5px;
}
 
div#inhaltLivestream {
  width: 240px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}
div#inhaltLivestream p {
  font-family: Verdana, Arial, MS Sans Serif;
  font-size: 10px;
  line-height: 15px;
}

div#inhaltApaOTS {
  width: 220px;
  padding: 5px 10px 0px 10px;
  margin: 0px 0px 10px 0px;
  background-color: #FFFFFF;
}
div#inhaltApaOTS a:active  { outline: 0; }
div#inhaltApaOTS a:focus   { outline: 0; }

div#inhaltPodcasts {
  width: 240px;
  padding: 10px 0px 10px 0px;
  margin: 10px 0px 10px 0px;
  border-top: solid 2px #B2B2B2;
  border-bottom: solid 2px #B2B2B2;
}

div#inhaltDerOeJC {
  width: 220px;
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 10px 0px;
  background-color: #FFFFFF;
}
div#inhaltDerOeJC h1 {
  font-family: Verdana, Arial, MS Sans Serif;
  font-size: 11px;
  font-weight: bold;
  line-height: normal;
  color: #C9252C;
  margin-bottom: 5px;
}
div#inhaltDerOeJC p {
  font-family: Verdana, Arial, MS Sans Serif;
  font-size: 9px;
  line-height: normal;
  margin-bottom: 5px;
}

div#inhaltSocialNetworks {
  width: 240px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 2px #B2B2B2;
}

div#inhaltAnmeldung {
  width: 220px;
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 10px 0px;
  background-color: #FFFFFF;
}
div#inhaltAnmeldung h1 {
  font-family: Verdana, Arial, MS Sans Serif;
  font-size: 11px;
  font-weight: bold;
  line-height: normal;
  color: #C9252C;
  padding-bottom: 5px;
  border-bottom: solid 1px #B2B2B2;
  margin-bottom: 5px;
}
div#inhaltAnmeldung p {
  font-family: Verdana, Arial, MS Sans Serif;
  font-size: 10px;
  line-height: 1.5em;
  margin: 0;
}

div#fussmenu {
  width:680px;
  margin:0px 10px 0px 10px;
  border-top: solid 1px #939598;  
  padding-top: 3px;
  padding-bottom: 5px;
  font-family:Tahoma, Verdana, Arial, MS Sans Serif;
  font-size:8.5px;
  font-weight:bold;
  line-height:normal;
}

/*
-------------------------------------------------------------------------------
Menü (Ebene 3)
-------------------------------------------------------------------------------
*/
#inhaltMenu p {
  margin: 0;
  padding: 8px 0 8px 0;
  font-family:Tahoma, Verdana, Arial, MS Sans Serif;
  font-size:10px;
  font-weight:bold;
  line-height:normal;
  color: #666666;
  border-top: dashed 1px #7F7F7F;  
}

#inhaltMenu a,
#inhaltMenu a:link {
  text-decoration: none;
  color: #666666;
}

#inhaltMenu a:hover {
  color:#C9252C;
}

#inhaltMenu a.current,
#inhaltMenu a.current:link {
  font-size:13px;
  color:#C9252C;
}

#inhaltMenu a.current:hover {
  color:#C9252C;
}

/* für Asp.NET Menüs */
#inhaltMenu .menuItem {
  margin: 0;
  padding: 8px 0 8px 0;
  font-family:Tahoma, Verdana, Arial, MS Sans Serif;
  font-size:10px;
  font-weight:bold;
  line-height:normal;
  color: #666666;
  border-top: dashed 1px #7F7F7F;  
}
#inhaltMenu .menuItemSelect {
  margin: 0;
  padding: 8px 0 8px 0;
  font-family:Tahoma, Verdana, Arial, MS Sans Serif;
  font-size:10px;
  font-weight:bold;
  line-height:normal;
  color: #C9252C;
  border-top: dashed 1px #7F7F7F;  
}

/*
-------------------------------------------------------------------------------
Fussmenu
-------------------------------------------------------------------------------
*/
#fussmenu a,
#fussmenu a:link {
  text-decoration: none;
  color:#000000;
}

#fussmenu a:hover {
  color:#C9252C;
}

#fussmenu a.current,
#fussmenu a.current:link {
  color:#C9252C;
}

#fussmenu a.current:hover {
  color:#C9252C;
}

div#fussmenu div {
  margin:0;
  padding:0;
  font-family:Tahoma, Verdana, Arial, MS Sans Serif;
  font-size:8.5px;
  font-weight:bold;
  line-height:normal;
}

/*
-------------------------------------------------------------------------------
News (Aktuelles)
-------------------------------------------------------------------------------
*/
.news-list-container {
  font-family: Verdana, Arial, MS Sans Serif;
  font-size: 11px;
  width: 680px;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url(images/oejcHgNewsContainer.jpg);
  background-position: center top;
  background-repeat: repeat-y;
  background-color: #FFFFFF;
}

.news-list-container .clearer {
  clear:both;
  height:2px;
  background-image: url(images/oejcHgNewsClearer.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-color:#FFFFFF;
}

.news-list-container h2 {
  font-family: Tahoma, Verdana, Arial, MS Sans Serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}

.news-list-container h2 a          { text-decoration: none; color: #000000; }
.news-list-container h2 a:link     { text-decoration: none; color: #000000; }
.news-list-container h2 a:visited  { text-decoration: none; color: #000000; }
.news-list-container h2 a:hover    { text-decoration: none; color: #C9252C; }
.news-list-container h2 a:active   { text-decoration: none; color: #C9252C; }

.news-list-container p {
    font-family: Verdana, Arial, MS Sans Serif;
    font-size: 11px;
    line-height: 15px;
}

.news-list-container p.news-list-category {
    font-family: Tahoma, Verdana, Arial, MS Sans Serif;
    font-size: 12px;
    color:#C9252C;
    line-height: 15px;
 }

.news-list-container IMG {
    float: left;
    margin: 0 10px 0 0;
    border: none;
}

.news-list-left {
    float:left;
    width: 325px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0;
    margin-right: 15px;
}
.news-list-right {
    float:right;
    width: 325px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 15px;
    margin-right: 0;
}

/* Single View */
.news-single-item {
    width: 680px;
    margin: 0;
    padding: 0;
    border: none;
    background-color: #FFFFFF;
}
.news-single-item h1 {
    margin-bottom: 10px;
}
.news-single-item h2 {
    font-family:Tahoma, Verdana, Arial, MS Sans Serif;
    font-size: 12px;
    font-weight: bold;  
    margin-bottom: 15px;
}
.news-single-category {
    clear: both;
    font-family: Tahoma, Verdana, Arial, MS Sans Serif;
    font-size: 12px;
    color:#C9252C;
    line-height: 15px;
    margin-bottom: 15px;
}
.news-single-img {
    float: right;
    margin:0;
    padding:0;
}
.news-single-img p {
    margin:0 0 10px 10px;
}
.news-single-prev {
    float: left;
    margin-bottom: 15px;
}
.news-single-next {
     float: right;
     margin-bottom: 15px;
}
.news-single-backlink {
    padding: 0;
    margin-top: 15px;
}

/*
-------------------------------------------------------------------------------
Veranstaltungen / Seminare / Pressekonferenzen
-------------------------------------------------------------------------------
*/
.event-container {
    margin-top: 7px;
    border-top: dashed 1px #7F7F7F;  
}
.event-container HR.clearer {
    clear:both;
    height:auto;
}
.event-container h2 {
  font-family:Tahoma, Verdana, Arial, MS Sans Serif;
  font-size: 13px;
  font-weight: bold;
  line-height: normal;
}

.event-container h2 a          { text-decoration: none; color: #000000; }
.event-container h2 a:link     { text-decoration: none; color: #000000; }
.event-container h2 a:visited  { text-decoration: none; color: #000000; }
.event-container h2 a:hover    { text-decoration: underline; color: #000000; }
.event-container h2 a:active   { text-decoration: underline; color: #000000; }

.event-list-item {
   padding-top: 5px;
   padding-bottom: 5px;
   border-bottom: dashed 1px #7F7F7F;  
}

p.event-list-category {
    font-size: 10px;
    color:#C9252C;
    padding-bottom: 5px;
}

/* Single View */
.event-single-item {
    margin: 0;
    margin-top: 5px;
    padding: 0;
    border: none;
    background-color: #FFFFFF;
}
.event-single-item hr.clearer {
    clear:both;
    border: 0px; /* Für Firefox und Opera */
    border-top: dashed 1px #7F7F7F;
    border-bottom: transparent;

}
.event-single-item h1 {
    line-height: normal;
    margin-bottom: 10px;
}
.event-single-item h2 {
    font-family:Tahoma, Verdana, Arial, MS Sans Serif;
    font-size: 12px;
    font-weight: bold;  
    margin-bottom: 10px;
}
.event-single-category {
    font-size: 11px;
    margin-bottom: 5px;
}
.event-single-img {
    float: right;
    margin:0;
    padding:0;
}
.event-single-img p {
    margin:0 0 10px 10px;
}
.event-single-prev {
    float: left;
    margin-bottom: 15px;
}
.event-single-next {
     float: right;
     margin-bottom: 15px;
}
.event-single-backlink {
    padding: 0;
    margin-top: 15px;
}

/* Latest (Veranstaltungskalender)*/
.event-latest-container {
}
.event-latest-container ul {
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.event-latest-container ul li {
    font-family: Verdana, Arial, MS Sans Serif;
    font-size: 10px;
    line-height: normal;
    background-image: url(images/listVeranstaltung.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 10px;
    padding-bottom: 0px;
    margin: 0;
    margin-bottom: 3px;
 }
.event-latest-container a          { text-decoration: none; color: #000000; font-weight: normal; }
.event-latest-container a:link     { text-decoration: none; color: #000000; }
.event-latest-container a:visited  { text-decoration: none; color: #000000; }
.event-latest-container a:hover    { text-decoration: none; color: #C9252C; }
.event-latest-container a:active   { text-decoration: none; color: #C9252C; }

/*
-------------------------------------------------------------------------------
ApA OTS
-------------------------------------------------------------------------------
*/
.ots-latest-container {
    background-image: url(images/logoOts.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 50px;
}
.ots-latest-date {
  font-family: Arial, MS Sans Serif;
  font-size: 10px;
}

.ots-latest-item p {
  font-family: Arial, MS Sans Serif;
  font-size: 12px;
}
.ots-latest-item a          { text-decoration: none; color: #000000; font-weight: normal; }
.ots-latest-item a:link     { text-decoration: none; color: #000000; }
.ots-latest-item a:visited  { text-decoration: none; color: #000000; }
.ots-latest-item a:hover    { text-decoration: none; color: #C9252C; }
.ots-latest-item a:active   { text-decoration: none; color: #C9252C; }

/*
-------------------------------------------------------------------------------
ApA OTS - RSS Feeds
(/srv/www/htdocs/www.oejc.at/typo3conf/ext/tw_rssfeeds/pi1/static/setup.txt)
-------------------------------------------------------------------------------
*/
#twrss_table {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, MS Sans Serif;
    font-size: 11px;
    color: #000000;
    line-height: normal;
}    
.twrss_bodytext {
    font-family: Verdana, Arial, MS Sans Serif;
    font-size: 11px;
    color: #000000;
    line-height: normal;
    margin: 0;
 }
#twrss_table .twrss_item_link a{
    border-left: none;
    color:#000000;
    font-size: 11px;
    font-family: Verdana, Arial, MS Sans Serif;
    font-style: normal;
    font-weight: normal;
    padding:0;
    text-decoration: none;    
}
#twrss_table .twrss_item_link a:hover{
    border-left: none;
    color:#C9252C;
    font-size: 11px;
    font-family: Verdana, Arial, MS Sans Serif;
    font-style: normal;
    font-weight: normal;
    padding:0;
    text-decoration: none;    
}
#twrss_table .twrss_item_link p{
    border-left: none;
    color:#000000;
    font-size: 11px;
    font-family: Verdana, Arial, MS Sans Serif;
    font-style: normal;
    font-weight: normal;
    padding:0;
    text-decoration: none;    
}
#twrss_table .twrss_item_link p.twrss_item_date{
    font-size: 9px;
    padding-top: 3px;
}

#twrss_table hr {
  border: 0px; /* Für Firefox und Opera */
  border-top: solid 1px #B2B2B2;
  border-bottom: transparent;
}

/*
-------------------------------------------------------------------------------
Inhalte
-------------------------------------------------------------------------------
*/

/* Überschrift */
h1 {
  font-family:Tahoma, Verdana, Arial, MS Sans Serif;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

h2 {
  font-family:Tahoma, Verdana, Arial, MS Sans Serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;  
  margin-bottom: 10px;
}

h3 {
  font-family:Verdana, Arial, MS Sans Serif;
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;  
  margin-bottom: 5px;
}

h4 {
  font-family:Verdana, Arial, MS Sans Serif;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}

/* Normaler Absatz */
p {
}

/* Tabellen */
td {
  font-family: Verdana, Arial, MS Sans Serif;
  font-size: 11px;
  color: #000000;
  line-height: 15px;
}

/* Listen */
ul {
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 15px;
}
ul li {
  margin-bottom: 3px;
}
ul ul {
  list-style-position: outside;
  list-style-type: square;
  margin-left: 15px;
}
ul ul li {
}

/* Ausrichtung */
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, td.align-left {
  text-align: left;
}
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, td.align-center {
  text-align: center;
}
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, td.align-right {
  text-align: right;
}
p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, td.align-justify {
  text-align: justify;
}

/* Standardlink */
a            { text-decoration: none; color: #C9252C; font-weight:bold; }
a:link       { text-decoration: none; color: #C9252C; }
a:visited    { text-decoration: none; color: #C9252C; }
a:hover      { text-decoration: underline; color: #C9252C; }
a:active     { text-decoration: none; color: #C9252C; }
a img        { margin: 0; padding: 0; border: none; }
 
/* Eingabeseite */
input, textarea {
    font-family: Verdana, Tahoma, Arial, MS Sans Serif;
    font-size: 11px;
    color: #000000;
    background-color: #EBEBEB;
}
select {
    font-family: Verdana, Tahoma, Arial, MS Sans Serif;
    font-size: 11px;
    color: #000000;
    background-color: #EBEBEB;
}

.button {
    font-family: Verdana, Tahoma, Arial, MS Sans Serif;
    font-size: 11px;
    color: #000000; 
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
}

.saveButton {
    font-family: Verdana, Tahoma, Arial, MS Sans Serif;
    font-size: 11px;
    color: #C9252C; 
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
}

/*
-------------------------------------------------------------------------------
Mailform
-------------------------------------------------------------------------------
*/
.csc-mailform {
    border: solid 1px #7F7F7F;
    padding: 8px;
}
    /* Label */
    .csc-mailform .csc-mailform-label {
        display: flex;
        font-size: 1em;
        padding-top: 5px;
        padding-bottom: 5px;
        clear: both;
        text-decoration: underline;
    }

    /* label/input-Kombination */
    .csc-mailform .csc-mailform-field {
        font-size: 1em;
        padding-top: 5px;
        padding-bottom: 5px;
    }
        /* clearfix */
        .csc-mailform .csc-mailform-field:after {
            content: "";
            display: table;
            clear: both;
        }


        /* Label */
        .csc-mailform .csc-mailform-field label {
            float: left;
            width: 120px;
            display: block;
        }

        /* Radio Button */
        .csc-mailform .csc-mailform-field span.csc-mailform-radio {
            float: left;
            display: inline-block;
            width: 350px;
        }
            .csc-mailform .csc-mailform-field span.csc-mailform-radio label {
                float: left;
                padding-top: 1px;
                margin-bottom: .5em;
                width: auto;
            }

        .csc-mailform .csc-mailform-field input[type='radio'] {
            width: auto;
            float: left;
            margin-left: 0;
            margin-right: .75em;
            margin-bottom: .5em;
            background: transparent;
            border: none;
            clear: both;
        }

        /* Checkbox */
        .csc-mailform .csc-mailform-field input[type='checkbox'] {
            width: auto;
            margin-left: 0;
            margin-right: .75em;
            margin-bottom: .5em;
            background: transparent;
            border: none;
        }

        /* Textfelder */
        .csc-mailform .csc-mailform-field input, 
        .csc-mailform .csc-mailform-field textarea {
            width: 350px;
            /*
            border: 1px solid #999;
            border-radius: 3px;
            -moz-border-radius: 3px;
            background-color: #fff;
            -moz-box-shadow: 2px 2px 2px #ccc;
            -webkit-box-shadow: 2px 2px 2px #ccc;
            box-shadow: 2px 2px 2px #ccc;
            padding: 1px;
            */
        }

            /* Sende Button */
            .csc-mailform .csc-mailform-field input[type='submit'] {
                width: auto;
                float: right;
                padding: 3px 20px;
                margin-top: 20px;
            }

    /* Individuele Formatierungen */
    .csc-mailform .field-eigenbewerbung {
        border-top: solid 1px #7F7F7F;
        border-bottom: solid 1px #7F7F7F;
        padding-top: 7px;
    }
        .csc-mailform .field-eigenbewerbung label {
        }
    .csc-mailform .field-erwebseite,
    .csc-mailform .field-ptbeschreibungwerk,
    .csc-mailform .field-ptbeschreibungleistungen,
    .csc-mailform .field-pterhaltenepreise {
        padding-bottom: 15px;
        margin-bottom: 5px;
        border-bottom: solid 1px #7F7F7F;
    }
    .csc-mailform .field-ptvita {
        padding-top: 10px;
    }

    /* Felder untereinander */
    .csc-mailform .field-veroeffentlichung label,
    .csc-mailform .field-veroeffentlichungform label,
    .csc-mailform .field-veroeffentlichungausgabe label,
    .csc-mailform .field-ptbeschreibungleistungen label {
        float: none;
        width: 470px;
        padding-bottom: 5px;
    }
    .csc-mailform .field-veroeffentlichung input,
    .csc-mailform .field-veroeffentlichungform input,
    .csc-mailform .field-veroeffentlichungausgabe input,
    .csc-mailform .field-ptbeschreibungleistungen textarea {
        float: none;
        width: 470px;
    }

    /* Datenschutz */
    .csc-mailform .field-datenschutz {
        margin-top: 7px;
        border-top: solid 1px #7F7F7F;
        padding-top: 7px;
        display: -webkit-flex;
        display: flex;
        flex-direction: row-reverse;
    }
        .csc-mailform .field-datenschutz label {
            width: auto;
        }
        .csc-mailform .field-datenschutz input[type="checkbox"] {
        }

/*
-------------------------------------------------------------------------------
cookie Hinweis
-------------------------------------------------------------------------------
*/
#cookiehinweis {
    background-color: #adadad;
    color: #ffffff;
    font-size : 14px;    
    padding: 10px 20px 10px 20px;
    position: fixed;
    z-index:99;
    width: 1160px;
    bottom: 0px;
}
    #cookiehinweis div {
    }
    #cookiehinweis span.left {
        float: left;
        width: 70%;
    }
    #cookiehinweis span.right {
        float: right;
        text-align: right;
        width: 30%;
    }
    #cookiehinweis span.right a {
        background-color: #C9252C;
        color: #FFFFFF;
        padding: 2px 10px 2px 10px;
        text-decoration: none;
    }
    #cookiehinweis span.right a:hover {
        text-decoration: underline;
    }
    
    #cookiehinweisClose {
        margin-left: 20px;
        background: #C9252C;
        padding: 2px 8px 2px 8px;
        text-decoration: none;
        border-top:1px solid white;
        border-left:1px solid white;
    }
    #cookiehinweisClose:hover {
        cursor: pointer;
    }