/* ubuntu-regular - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-italic - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-500 - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-500italic - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'),
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_templates/shared/google-fonts/ubuntu-v11-latin-ext_latin-500italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_templates/shared/google-fonts/roboto-v18-latin-ext_latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* Allgemeines */

html {
  min-height: 100%;
}
body {
  min-height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  color: black;
  line-height: 1.5em;
  background-color: #E0E0E0;
  background: rgb(224,224,224);
  background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(250,250,250,1) 70px, rgba(250,250,250,1) 100px, rgba(224,224,224,1) 900px, rgba(224,224,224,1) 100% );
  background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(250,250,250,1) 70px,rgba(250,250,250,1) 100px,rgba(224,224,224,1) 900px, rgba(224,224,224,1) 100% );
  background: linear-gradient(to bottom, rgba(235,235,235,1) 0%, rgba(250,250,250,1) 70px,rgba(250,250,250,1) 100px,rgba(224,224,224,1) 900px, rgba(224,224,224,1) 100% );
}

form, h1, h2, h3, h4, h5, h6, img {
  padding: 0;
  margin: 0;
}

a:link, a:visited, a:hover, a:focus, a:active {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  color: #CC0000;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #666666;
}

strong, b {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

small {
  line-height: 1.3em;
}

a img {
  border: 0;
}

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

img[src="/_templates/shared/images/externalimage.png"] {
  display: none;
}
div.externalimage-placeholder {
  position: relative;
  display: inline-block;
  background: #EEE;
  height: auto;
  max-width: 100%;
}
div.externalimage-placeholder > button {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e3e3e3;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    padding: 10px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
    font-family: inherit;
    border-style: outset;
}
div.externalimage-placeholder-text {
  position: absolute;
  left: 5px;
  bottom: 5px;
  padding: 5px;
  border-radius: 3px;
  font-size: 12px;
  width: calc( 100% - 20px );
  background: rgba(255,255,255,0.9);
  text-align: center;
  line-height: 120%;
}

/* Ueberschriften */
/* Standard bildet das Aussehen von Fremdinhalten, Regi-on-Layout ist Ausnahme */
.headline1 {
  position: relative;
  margin: 0 0 5px 0;
  padding: 0 0 2px 0;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #333333;
  text-decoration: none;
  text-shadow: none;
}
.headline1 a:link, .headline1 a:visited, .headline1 a:hover, .headline1 a:focus, .headline1 a:active {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  text-decoration: none;
}
.headline1 a:hover, .headline1 a:focus, .headline1 a:active {
  color: #666666;
}

div.inhalt2-modul .headline1 {
  position: relative;
  margin: 0 0 5px 0;
  padding: 0 0 2px 0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  text-decoration: none;
  text-shadow: none;
}
div.inhalt1-modul .headline1 a:link, div.inhalt1-modul .headline1 a:visited, div.inhalt1-modul .headline1 a:hover, div.inhalt1-modul .headline1 a:focus, div.inhalt1-modul .headline1 a:active {
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 500;
}

/*div.inhalt1-modul2 .headline1 {
  border-bottom: 0;
}
div.inhalt1-modul2 .headline1 a:link, div.inhalt1-modul2 .headline1 a:visited, div.inhalt1-modul2 .headline1 a:hover, div.inhalt1-modul2 .headline1 a:focus, div.inhalt1-modul2 .headline1 a:active {
  font-size: 18px;
}*/

.newsh1 {
  position: relative;
  margin: 0 0 5px 0;
  padding: 0 0 2px 0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #CC0000;
  line-height: 1.25em;
  text-decoration: none;
}

.nameh1 {
  position: relative;
  margin: 0 0 5px 0;
  padding: 0 0 2px 0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #333;
  text-decoration: none;
}

.headline2 {
  position: relative;
  margin: 2px 0 4px 0;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.headline2 a:link, .headline2 a:visited, .headline2 a:hover, .headline2 a:focus, .headline2 a:active {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.headline2 a:hover, .headline2 a:focus, .headline2 a:active {
  color: #666666;
}

div.inhalt2-modul .headline2, .moreh2 {
  position: relative;
  margin: 20px 0 7px 0;
  border-bottom: 1px solid #999999;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.moreh2 {
  border-bottom: 0;
}
div.inhalt2-modul .headline2 a:link, div.inhalt2-modul .headline2 a:visited, div.inhalt2-modul .headline2 a:hover, div.inhalt2-modul .headline2 a:focus, div.inhalt2-modul .headline2 a:active {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
}
div.inhalt2-modul .headline2 a:hover, div.inhalt2-modul .headline2 a:focus, div.inhalt2-modul .headline2 a:active {
  color: #666666;
}

div.slider-contentitem .headline2, div.slider-contentitem .headline2 a:link, div.slider-contentitem .headline2 a:visited, div.slider-contentitem .headline2 a:hover, div.slider-contentitem .headline2 a:focus, div.slider-contentitem .headline2 a:active {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #CC0000;
}
div.slider-contentitem .headline2 a:hover, div.slider-contentitem .headline2 a:focus, div.slider-contentitem .headline2 a:active {
  color: #666666;
}

div.ovitem .headline2 {
  position: relative;
  margin-bottom: 5px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #CC0000;
  overflow: hidden;
}
div.ovitem .headline2 a:link, div.ovitem .headline2 a:visited, div.ovitem .headline2 a:hover, div.ovitem .headline2 a:focus, div.ovitem .headline2 a:active {
  font-family: 'Ubuntu', sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #CC0000;
  text-decoration: none;
}

div.ovitem2 .headline2 {
  position: relative;
  height: 18px;
  margin-bottom: 5px;
  padding-right: 80px;
  padding-bottom: 3px;
  border-bottom: 1px solid #999;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  overflow: hidden;
}
div.ovitem2 .headline2 a:link, div.ovitem2 .headline2 a:visited, div.ovitem2 .headline2 a:hover, div.ovitem2 .headline2 a:focus, div.ovitem2 .headline2 a:active {
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  text-decoration: none;
}
div.ovitem2 .headline2 a:hover, div.ovitem2 .headline2 a:focus, div.ovitem2 .headline2 a:active {
  color: #666666;
}
div.inhalt1-content .headline2 {
  border: 0;
  font-size: 16px;
  color: #333333;
}
div.inhalt1-content .headline2 a:link, div.inhalt1-content .headline2 a:visited, div.inhalt1-content .headline2 a:hover, div.inhalt1-content .headline2 a:focus, div.inhalt1-content .headline2 a:active {
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
div.inhalt1-content .headline2 a:hover, div.inhalt1-content .headline2 a:focus, div.inhalt1-content .headline2 a:active {
  color: #666666;
}
div.schmal .headline2 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.topnewsh2, .topnewsh2 a:link, .topnewsh2 a:visited, .topnewsh2 a:hover, .topnewsh2 a:focus, .topnewsh2 a:active,
div.news-2er .headline2, div.news-2er .headline2 a:link, div.news-2er .headline2 a:visited, div.news-2er .headline2 a:hover, div.news-2er .headline2 a:focus, div.news-2er .headline2 a:active {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.25em;
}
.topnewsh2 {
  margin: 2px 0 4px 0;
}

.headline-aufklapp, .headline-aufklapp-aktiv, .headline-nixklapp {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #333333;
  background-position: right 6px;
  background-repeat: no-repeat;
  background-image: url(/_templates/shared/images/hg-aufklapp.gif);
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  cursor: pointer;
  display: block;
}
.headline-aufklapp-aktiv {
  background-image: url(/_templates/shared/images/hg-aufklapp-aktiv.gif);
}
.headline-nixklapp {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #333333;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  cursor: default;
  display: block;
}

div.inhalt2 .headline2 {
  font-size: 14px;
}

.headline3 {
  position: relative;
  margin-bottom: 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
div.schmal .headline, div.aktionen-detail-infos1 .headline3, div.aktionen-detail-infos2 .headline3, div.aktionen-detail-infos3 .headline3 {
  position: relative;
  margin-bottom: 6px;
  padding-bottom: 2px;
  border-bottom: 1px solid #999999;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}

/*div.inhalt1-modul .headline3 {
  position: relative;
  width: auto;
  margin-bottom: 6px;
  padding-bottom: 2px;
  border-bottom: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #333333;
}*/
div.inhalt1-content .headline3 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 500;
  border: 0;
}
div.inhalt2 .headline3 {
  font-size: 13px;
}
h3.news {
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #333333;
  border: 0;
  margin:  0 0 7px 0;
  padding: 0;
}
h3.news a:link, h3.news a:visited, h3.news a:hover, h3.news a:focus, h3.news a:active  {
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #333333;
  border: 0;
  margin: 0;
  padding: 0;
}
h3.news a:hover, h3.news a:focus, h3.news a:active  {
  color: #666666;
}
div.mein-region-profiles-menu .headline3 a:link, div.mein-region-profiles-menu .headline3 a:visited, div.mein-region-profiles-menu .headline3 a:hover, div.mein-region-profiles-menu .headline3 a:focus, div.mein-region-profiles-menu .headline3 a:active {
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
div.mein-region-profiles-menu .headline3 a:hover, div.mein-region-profiles-menu .headline3 a:focus, div.mein-region-profiles-menu .headline3 a:active {
  color: #666;
}

h3.mein-region-headline3 {
  position: relative;
  margin-bottom: 6px;
  padding-bottom: 2px;
  border-bottom: 1px solid #999999;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
div.login-center h3 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.headline4 {
  position: relative;
  margin-bottom: 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}

div.inhalt1-content .headline4 {
  font-size: 14px;
  font-weight: 500;
}

div.footerinhalt .headline4 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 0 0;
}

div.inline-veranstaltungen .headline4 {
  font-size: 12px;
  font-weight: 500;
}


.headline5 {
  position: relative;
  margin-bottom: 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}


.bereichsueberschrift {
  position: relative;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px;
  border-left: 5px solid #333333;
  background-color: #EDEDED;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #333333;
}

.bereichsueberschrift.startseiteumbruch {
  display: none;
}
.blacklinks a:link, .blacklinks a:visited, .blacklinks a:hover, .blacklinks a:focus, .blacklinks a:active {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  text-decoration: none;
}
.blacklinks a:hover, .blacklinks a:focus, .blacklinks a:active {
  color: #666666;
}
.blacklinks a:after { content: url(/_templates/shared/images/bi-link-bereich.gif); margin-left: 7px; text-decoration: none; }
.blacklinks a:hover:after { content: url(/_templates/shared/images/bi-link-bereich.gif); margin-left: 7px; text-decoration: none; }


.headline6 {
  position: relative;
  margin-bottom: 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}

a img {
  border: none;
}

/* Template */
div.umrandung {
  position: relative;
  width: 100%;
  max-width: 1350px;
  min-height: 270px;
  padding: 170px 0 0 0;
  margin: 0 auto 20px;
  background-color: white;
  box-shadow: 0 0 0.8em #AAAAAA;
}
div.untermenue {
  padding-top: 186px;
}

div.header, div.header2 {
  position: absolute;
  top: 0;
  height: 20px;
  padding-top: 4px;
  background-color: #333333;
  font-family: 'Ubuntu', sans-serif;
  font-size: 0.91em;
  color: #DDD;
  line-height: 1em;
}
div.header {
  left: 0;
  width: calc( 100% - 30px );
  padding-left: 30px;
}
div.header2 {
  right: 30px;
  width: auto;
  padding-left: 20px;
  text-align: right;
}
div.header a:link, div.header a:visited, div.header a:hover, div.header a:focus, div.header a:active,
div.header2 a:link, div.header2 a:visited, div.header2 a:hover, div.header2 a:focus, div.header2 a:active {
  font-family: 'Ubuntu', sans-serif;
  font-size: 0.91em;
  color: #DDD;
}
div.header a:hover, div.header a:focus, div.header a:active,
div.header2 a:hover, div.header2 a:focus, div.header2 a:active {
  text-decoration: underline;
}
div.header2, div.header2 a:link, div.header2 a:visited, div.header2 a:hover, div.header2 a:focus, div.header2 a:active {
  color: #FFF;
}

div.login {
  position: absolute;
  top: 20px;
  right: 29px;
  width: 223px;
  padding: 15px 17px 13px 15px;
  background-color: white;
  box-shadow: 0 0 0.8em #AAAAAA;
  font-family: 'Ubuntu', sans-serif;
  font-size: 0.91em;
  font-weight: 400;
  z-index: 99;
  display: none;
}

#login-profil #avatar {
  width: 40px;
  height: 40px;
  margin: 0 10px 8px 0;
  border: 1px solid #999;
  vertical-align: middle;
  float: left;
}
#login-profil img {
  vertical-align: middle;
}

div.login input {
  width: 100%;
  margin: 0 0 4px 0;
  box-sizing: border-box;
}
div.login button[type="submit"], div.visitorloginform button[type="submit"] {
  position: relative;
  width: 100%;
  padding: 6px 15px;
  color: black;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  background: rgb(225, 225, 225);
  border: 0;
  border-bottom: 2px solid rgb(190, 190, 190);
  border-radius: 2px;
  vertical-align: top;
  cursor: pointer;
  outline: none;
  display: block;
}
div.login button[type="submit"]:focus, div.visitorloginform button[type="submit"]:focus, div.login button[type="submit"]:hover, div.visitorloginform button[type="submit"]:hover {
  background: rgb(205, 205, 205);
}

div.login button[type="submit"]:active, div.visitorloginform button[type="submit"]:active {
  transform: translate(0, 1px);
  outline: none;
  box-shadow: none;
}

#login_fb {
  position: relative;
  width: 100%;
  padding: 6px 15px 6px 30px;
  border: 0;
  border-bottom: 2px solid rgb(190, 190, 190);
  border-radius: 2px;
  background-color: #3b5998;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  vertical-align: top;
  cursor: pointer;
  outline: none;
  display: block;
}
#login_fb:focus, #login_fb:hover {
  background-color: #334e84;
}

#login_fb:active {
  transform: translate(0, 1px);
  outline: none;
  box-shadow: none;
}

#login_fb_icon {
  position: absolute;
  top: 3px;
  left: 5px;
  width: 24px;
  height: 24px;
}
#login_fb .icon {
  background-image: url("/_templates/shared/images/FB-f-Logo__blue_29.png");
  background-position: 5px 2px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

.loaderwrapper {
  position: absolute;
  top: 3px;
  left: 5px;
  width: 24px;
  height: 24px;
}
.loader, .loaderlight, .loaderdark {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border: 3px solid rgba(255, 255, 255, 0.5);
  border-top-color: rgba(249, 45, 12, 0.85);
  animation: spin 1.5s infinite linear;
  vertical-align: middle;
  display: inline-block;
}
.loaderlight {
  border: 3px solid rgba(255, 255, 255, 0.7);
}
.loaderdark {
  border: 3px solid rgba(0, 0, 0, 0.8);
}
@keyframes spin {
  100% {
    transform: rotate(360deg); 
  }
}

div.login hr {
  border: 0;
  height: 1px;
  margin: 4px 0 4px 0;
  background-color: #CCC;
}
div.login ul {
  margin: 0 0 0 16px;
}
div.login li {
  margin: 0;
  padding: 2px 0 2px 0;
}
div.login ul { list-style: url(/_templates/shared/images/li-loggedin.png); }
/* Ueberarbeitet Ende */

#popup_error, #popup_error2, #popup_error3 {
  display: none;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #FFEEEE;
  padding: 5px;
  margin: 0 0 5px 0;
}

div.kopf {
  position: absolute;
  top: 24px;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: rgb(246,246,246);
}
div.linebottom {
  border-bottom: 1px solid #929292;
}
div.logo {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 196px;
  height: 50px;
  overflow: hidden;
}

div.search {
  position: absolute;
  top: 17px;
  right: 30px;
  height: 30px;
}
div.search form {
  margin: 0;
  padding: 0;
}
div.search input[type=text] {
  width: 180px;
  height: 16px;
  margin: 0;
  padding: 4px 6px;
  border: 0;
  font-size: 0.82em;
  background-color: white;
  float: left;
}

div.search input[type=submit] {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 0;
  background-color: white;
  font-size: 10px;
  float: left;
  display: block;
}

div.mainmenu, div.mein-nav {
  position: absolute;
  top: 113px;
  left: 0;
  width: calc( 100% - 40px );
  height: 19px;
  padding: 0 20px; /* weniger Padding weil Hyperlinks 10px bereits haben*/
  font-family: 'Ubuntu', sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: #000000;
}

#mobilemenu {
  position: fixed;
  top: 100px;
  left: 0;
  height: calc( 100% - 100px );
  width: 100%;
  background-color: white;
  overflow: auto;
  display: none;
}

/* Mobile-Side-Menu */
#mobilemenu a.toggle:link, #mobilemenu a.toggle:visited, #mobilemenu a.toggle:focus, #mobilemenu a.toggle:hover, #mobilemenu a.toggle:active {
  position: absolute;
  width: 40px;
  height: 38px;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: url(/_templates/shared/images/hg-mobilemenu-toggle.png) 0 center no-repeat !important;
}
#mobilemenu a.toggle.active {
  background: url(/_templates/shared/images/hg-mobilemenu-toggle.png) -41px center no-repeat !important;
}
#mobilemenu ul, #mobilemenu ul li {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
#mobilemenu ul li ul {
  padding-left: 30px;
  background: #FFFFFF;
  display: none;
}
#mobilemenu ul li ul li {
  width: 100%;
  min-width: 200px;
  margin: 0;
  padding: 0;
  border-left: 0;
  background: none;
}
#mobilemenu ul li a:link, #mobilemenu ul li a:visited, #mobilemenu ul li a:focus, #mobilemenu ul li a:hover, #mobilemenu ul li a:active, #mobilemenu ul li a.menu-list-marked, #mobilemenu ul li strong {
  padding: 12px 20px 10px 20px;
  border-bottom: 1px solid #EEE;
  background: #FFFFFF;
  font-family: 'Ubuntu', sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: #000000;
  line-height: 120%;
  display: block;
}
#mobilemenu ul li a:focus, #mobilemenu ul li a:hover, #mobilemenu ul li a:active, #mobilemenu ul li a.menu-list-marked, #mobilemenu ul li strong {
  background: #CC0000;
  color: #FFFFFF;
}
#mobilemenu ul li ul li a:focus, #mobilemenu ul li ul li a:hover, #mobilemenu ul li ul li a:active, #mobilemenu ul li ul li a.menu-list-marked, #mobilemenu ul li ul li strong {
  background: #FFFFFF;
  color: #666666;
}
#mobilemenu ul li ul li ul li a:link, #mobilemenu ul li ul li ul li a:visited, #mobilemenu ul li ul li ul li a:focus, #mobilemenu ul li ul li ul li a:hover, #mobilemenu ul li ul li ul li a:active, #mobilemenu ul li ul li ul li a.menu-list-marked, #mobilemenu ul li ul li ul li strong {
  font-size: 1em;
}

input[type=button] {
  margin: 3px;
  border: 1px solid #CCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 1px 1px #EEE;
  -webkit-box-shadow: inset 1px 1px #EEE;
  box-shadow: inset 1px 1px #EEE;
  margin-left: 0;
  cursor: pointer;
}
input[type=button]:focus, input[type=button]:hover {
  border: 1px solid #DAA;
}


/* die grosse Spalte mit dem Hauptinhalt / inhalt1 = Startseite, inhalt1-modul = Uebersichten, inhalt1-modul2 = Detailseiten, inhalt1-content = Folgeseite, inhalt1-full = Startseite volle Breite*/
div.inhalt1, div.inhalt1-modul, div.inhalt1-modul2, div.inhalt1-full {
  position: relative;
  width: calc( 69.5% - 60px );
  min-height: 20px;
  margin: 0;
  padding: 0 30px;
  padding-bottom: 5px;
  font-size: 0.95em;
  float: left;
}
div.inhalt1-full {
  width: calc( 100% - 60px );
  float: none;
}

/* Newsdetail, Profildetail */
div.inhalt1-modul, div.inhalt1-modul2  {
  width: calc( 100% - 120px - 294px - 1px );
  min-height:  300px;
}
div.schmal {
  width: 33%;
  float: left;
}
div.schmal + div.schmal {
  margin-left: 30px;
}
div.inhalt1 img, div.inhalt1-modul img, div.inhalt1-modul img, div.inhalt1-full img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

/* die schmale Spalte mit der Infospalte / inhalt2 = Startseite, inhalt2-modul + inhalt2-modul-2 = Uebersichten, inhalt2-modul2 = Detailseiten, inhalt2-content = Folgeseite */
div.inhalt2, div.inhalt2-modul, div.inhalt2-modul2, div.inhalt2-content {
  position: relative;
  width: calc( 30% - 60px );
  padding: 0 30px;
  padding-bottom: 5px;
  min-height: 20px;
  font-size: 0.95em;
  float: left;
}
div.inhalt2-modul, div.inhalt2-modul2, div.inhalt2-content {
  width: 294px;
}
/*div.inhalt2-content {
  margin-right: 10px;
}*/
div.inhalt2-content a {
  font-family: 'Roboto', sans-serif;
}
div.inhalt2 img, div.inhalt2-modul img, div.inhalt2-modul2 img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

div.inhalt2-modul-menue {
  position: relative;
  min-height: 185px;
  margin-bottom: 15px;
}


div.inhalt-trenner {
  position: relative;
  background-repeat: repeat-y;
}
div.inhalt-umrandung {
  background-position: 19px top;
  background-repeat: repeat-y;
}
div.sansserif {
  line-height: 1.3em;
}
div.sansserif a {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
}
div.sansserif .headline1, div.sansserif .headline2, div.sansserif .headline3, div.sansserif .headline4, div.sansserif .headline5, div.sansserif .headline6 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
}
div.smaller {
  font-size: 12px;
}
/*
div.trennung-links-aussen {
  margin-left: 14px;
}
div.trennung-links-innen {
  padding-left: 14px;
}
div.trennung-rechts-aussen {
  margin-right: 14px;
}
div.trennung-rechts-innen {
  padding-right: 14px;
}
div.trennung-links-aussen2 {
  margin-left: 18px;
}
div.trennung-links-innen2 {
  padding-left: 18px;
}
div.trennung-rechts-aussen2 {
  margin-right: 18px;
}
div.trennung-rechts-innen2 {
  padding-right: 18px;
}
*/
div.lineleft {
  border-left: 1px solid #929292;
}
div.lineright {
  border-right: 1px solid #929292;
}

#tab1 a:link, #tab1 a:visited, #tab1 a:hover, #tab1 a:focus, #tab1 a:active,
#tab2 a:link, #tab2 a:visited, #tab2 a:hover, #tab2 a:focus, #tab2 a:active,
#tab3 a:link, #tab3 a:visited, #tab3 a:hover, #tab3 a:focus, #tab3 a:active,
#tab4 a:link, #tab4 a:visited, #tab4 a:hover, #tab4 a:focus, #tab4 a:active,
#tab5 a:link, #tab5 a:visited, #tab5 a:hover, #tab5 a:focus, #tab5 a:active {
  font-family: 'Roboto', sans-serif;
}

div.footer {
  position: relative;
  width: calc( 100% - 60px );
  padding: 10px 30px;
  background-color: #F0F0F0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 0.91em;
  font-weight: 400;
  color: #000000;
}
div.footerinhalt {
  position: relative;
  width: 23%;
  margin-right: 2%;
  float: left;
}
div.footerinhalt a:link, div.footerinhalt a:visited, div.footerinhalt a:hover, div.footerinhalt a:focus, div.footerinhalt a:active {
  font-family: 'Ubuntu', sans-serif;
  font-size: 0.91em;
  font-weight: 400;
  color: black;
}
div.footerinhalt a:hover, div.footerinhalt a:focus, div.footerinhalt a:active {
  color: #666666;
}


/* Startseite - News */
div.topnewsimage, div.veranstaltungenimage {
  /*display: table;*/
  position: relative;
  width: 180px;
  height: 180px;
  margin-right: 20px;
  margin-bottom: 10px;
  box-shadow: 0 0 0.1em #AAAAAA;
  /*background-color: #f0f0f0;*/
  text-align: center;
  overflow: hidden;
  float: left;
}
div.veranstaltungenimage {
  width: 100px;
  height: 100px;
  margin-top: 5px;
  margin-right: 10px;
}
/*div.topnewsimage a, div.veranstaltungenimage a {
  display: table-cell;
  vertical-align: middle;
}*/
div.topnewsimage img, div.veranstaltungenimage img {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  box-shadow: 0 0 4px #CCC;
}
div.topnewstext {
  margin-bottom: 20px;
}
div.news {
  position: relative;
  width: 100%;
  margin: 10px 0 15px 0;
  color: black;
}
div.veranstaltungen {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
}
div.news-2er {
  position: relative;
  width: calc( 50% - 15px );
  margin: 10px 0 20px 0;
  padding-top: 10px;
  border-top: 1px solid #DFDFDF;
  float: left;
}
div.veranstaltungen-2er {
  position: relative;
  width: calc( 50% - 10px );
  margin: 7px 10px 7px 0;
  padding-top: 10px;
  border-top: 1px solid #DFDFDF;
  float: left;
}
div.veranstaltungen-uhrzeit {
  position: relative;
  width: 70px;
  float: left;
}
div.veranstaltungen-text {
  position: relative;
  width: 290px;
  float: left;
}
div.news-2er + div.news-2er, div.veranstaltungen-2er + div.veranstaltungen-2er {
  margin-left: 30px;
}
div.news small, div.news-2er small, div.veranstaltungen-2er small, div.ovitem small {
  font-weight: 500;
  color: #333333;
}
span.teaser {
}
span.teaser a, div.veranstaltungen-2er a {
  font-family: 'Roboto', sans-serif;
}
span.teaser2 {
  font-weight: 700;
}
span.teaser2 a {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
div.veranstaltungen-2er h4 {
  font-family: 'ubuntu', sans-serif;
  font-weight: 500;
  padding-bottom: 2px;
  border-bottom: 1px solid #CCC;
  font-size: 13px;
}

div.news-image, div.news-image-2er, div.image160px {
  position: relative;
  width: 160px;
  height: 160px;
  box-shadow: 0 0 0.1em #AAAAAA;
  margin: 3px 10px 0 1px;
/*  background-color: #f0f0f0;*/
  overflow: hidden;
  float: left;
  text-align: center;
}

div.news-image img, div.news-image-2er img, div.image160px img {
  margin: 0 0 0 0;
  border: 0;
  vertical-align: top;
}

div.news-text, div.news-text-2er {
  position: relative;
  width: 540px;
  margin: 0;
  float: left;
}
div.news-text-2er {
  width: 250px;
}
div.inhalt1-modul .news .news-text {
  width: 676px;
}

a.news-source:link, a.news-source:visited, a.news-source:hover, a.news-source:focus, a.news-source:active {
  display: block;
  font-size: 13px;
  float: right;
}

div.ovitem, div.ovitem2 {
  position: relative;
  width: 100%;
  margin: 0;
  margin-bottom: 20px;
  float: left;
}
div.ovitem2 img {
  vertical-align: middle;
  margin: 0 3px 0 0;
}
.ovitem + .ovitem {
  padding-top: 20px;
  border-top: 1px solid #DFDFDF;
}
.ovitem2 + .ovitem2 {
  margin-top: 20px;
}
div.ovitem2-left, div.ovitem2-right {
  position: relative;
  width: 69%;
  margin: 0;
  padding: 0;
  float: left;
}
div.ovitem2-right {
  width: 30%;
}

div.ovitem2-kurztext, div.ovitem2-kurztext-breit {
  position: relative;
  width: calc( 100% - 135px - 15px );
  margin: 0;
  padding: 1px 15px 1px 0;
  float: left;
}
div.ovitem2-address, div.ovitem2-strong {
  position: relative;
  margin: 0 0 4px 0;
  color: #666666;
  line-height: 1.4em;
}
div.ovitem2-strong {
  margin: 0 0 7px 0;
  font-weight: 500;
  color: black;
}
div.ovitem2-image {
  position: relative;
  width: 120px;
  padding: 1px 0 0 0;
  margin: 0 10px 0 0;
  float: left;
}
div.ovitem2-image img {
  max-width: 120px;
  margin: 3px 0 0 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

div.ovitem2-icons {
  position: absolute;
  top: 1px;
  right: 0;
  width: 80px;
  height: 16px;
  color: #666;
  font-size: 12px;
  text-align: right;
}

img.icons {
  vertical-align: middle !important;
  margin: 0 3px 0 0 !important;
}



span.update-mark {
  padding: 0 4px 1px 4px;
  margin: 0 0 0 6px;
  background-color: #DFDFDF;
  color: #666;
  font-size: 10px;
  font-weight: normal;
}

div.inlineinfo {
  margin-top: -1px;
  padding: 5px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #FAFAFA;
}

a.inlineinfo-tab:link, a.inlineinfo-tab:visited, a.inlineinfo-tab:hover, a.inlineinfo-tab:focus, a.inlineinfo-tab:active,
a.inlineinfo-tab-marked:link, a.inlineinfo-tab-marked:visited, a.inlineinfo-tab-marked:hover, a.inlineinfo-tab-marked:focus, a.inlineinfo-tab-marked:active {
  display: block;
  outline: 0;
  position: relative;
  padding: 3px 6px 3px 6px;
  background-color: #DFDFDF;
  border: 1px solid #CCCCCC;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin: 0 0 0 10px;
  color: #000000;
  float: left;
}
a.inlineinfo-tab:hover, a.inlineinfo-tab:focus, a.inlineinfo-tab:active {
  color: #FA2E0D;
}
a.inlineinfo-tab-marked:link, a.inlineinfo-tab-marked:visited, a.inlineinfo-tab-marked:hover, a.inlineinfo-tab-marked:focus, a.inlineinfo-tab-marked:active {
  border-bottom-color: #FAFAFA;
  color: #FA2E0D;
  background-color: #FAFAFA;
}


div.inline-aktion {
  position: relative;
  margin-top: 7px;
  margin-left: 27px;
  float: left;
}
div.inline-aktion:first-child {
  margin-left: 0;
}
div.inline-aktion small {
  font-size: 11px;
  font-weight: 500;
  color: #333333;
}
div.inline-aktion-bild {
  position: relative;
  width: 160px;
  height: 100px;
  border: 1px solid #CCC;
  text-align: center;
  overflow: hidden;
  background-color: #FFF;
}
div.inline-aktion-bild img {
  max-width: 160px;
}

/* News Autorprofil */
img.detaillogo {
  margin: 2px 0 4px 0;
}

/* Veranstaltungen */
div.inline-veranstaltungen  {
  padding-bottom: 6px;
  border-bottom: 1px solid #999999;
}
div.inline-veranstaltungen-col1, div.inline-veranstaltungen-col2 {
  position: relative;
  width: 50%;
  float: left;
}
div.inline-veranstaltungen-link {
  position: relative;
  text-align: right;
  margin-bottom: 25px;
}
span.veranstaltungen-geschlossen {
  font-weight: 500;
  color: #666;
}
img.veranstaltungen-bild {
  margin: 3px 12px 8px 0;
}

/* Aktionen */
span.aktionen-teaser {
  font-weight: 500;
}

div.aktionen-uebersicht-eintrag {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #CCC;
}
div.aktionen-uebersicht-eintrag .headline2, div.aktionen-uebersicht-eintrag .headline2 a {
  font-size: 18px;
  line-height: 160%;
}

div.aktionen-uebersicht-bild {
  position: relative;
  border: 1px solid #CCC;
  margin-bottom: 3px;
  width: 240px;
  height: 160px;
  text-align: center;
  overflow: hidden;
  background-color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
}
div.aktionen-uebersicht-bild img {
  max-height: 160px !important;
  width: auto !important;
  margin: 0 !important;
}
div.aktionen-uebersicht-bild-beendet {
  position: absolute;
  display: table-cell;
  vertical-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 0 0 0;
  background-color: #FFF;
  opacity: 0.8;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  font-family: 'Ubuntu';
  text-shadow: 0 0 2px #FFF;
  color: #333;
}

div.aktionen-uebersicht-text {
  position: relative;
  width: calc( 100% - 244px - 20px );
  padding-left: 20px;
  overflow: hidden;
  float: left;
}

div.aktionen-uebersicht-sparen {
  position: relative;
  margin-bottom: 10px;
  padding: 3px 6px;
  background: #FFF;
  border: 1px solid #C00;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  color: #C00;
}
div.aktionen-uebersicht-sparen1, div.aktionen-uebersicht-sparen2 {
  position: relative;
  width: 60%;
  float: left;
}
div.aktionen-uebersicht-sparen2 {
  width: 40%;
  text-align: right;
}
div.aktionen-uebersicht-sparen1 small {
  color: #999;
}

div.aktionen-uebersicht-gueltigkeit {
  position: relative;
  margin: 15px 0;
  color: #999;
}

div.aktionen-detail-infos1, div.aktionen-detail-infos2, div.aktionen-detail-infos3 {
  position: relative;
  width: 160px;
  margin-right: 25px;
  float: left;
}
div.aktionen-detail-infos2 {
  width: 200px;
  color: #EE4F20;
}
div.aktionen-detail-infos3 {
  width: 240px;
  margin-right: 0;
}
div.aktionen-detail-infos1 ul, div.aktionen-detail-infos2 ul, div.aktionen-detail-infos3 ul {
  margin: 0;
}
a.aktionen-detail-button:link, a.aktionen-detail-button:visited, a.aktionen-detail-button:focus, a.aktionen-detail-button:hover, a.aktionen-detail-button:active {
  display: block;
  position: relative;
  padding: 3px 6px 3px 6px;
  margin-top: 30px;
  background-color: #DFDFDF;
  border: 1px solid #EBEBEB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: black;
  float: left;
}

span.aktionen-ersparnis-stroke {
  text-decoration: line-through;
}

#aktionbuttons {
  position: relative;
  height: 18px;
  padding: 5px;
  margin: 10px 0 10px 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #DFDFDF;
  text-align: center;
}

body.gutschein-gueltig, body.gutschein-ungueltig {
  position: relative;
  font-size: 8em;
  font-weight: 500;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF;
  background-color: #090;
  text-align: center;
}
body.gutschein-ungueltig {
  background-color: #900;
}
a.gutschein-entwerten:link, a.gutschein-entwerten:visited, a.gutschein-entwerten:focus, a.gutschein-entwerten:hover, a.gutschein-entwerten:active {
  display: block;
  position: relative;
  padding: 1%;
  margin: 0 auto 0;
  margin-top: 6%;
  width: 50%;
  font-size: 0.5em;
  font-weight: 500;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF;
  background-color: #900;
  border: 8px solid #600;
  text-align: center;
}
div.gutschein-entwerten-warnung {
  margin-top: 3%;
  font-size: 0.2em;
}
div.gutschein-entwerten-fuss {
  text-align: center;
}

#oeffnungszeiten, #fotografie, #preise, #verlinkungen, #spenden, #news, #veranstaltungen, #aktionen {
  padding: 8px 0 10px 0;
  width: 270px;
  overflow: hidden;
}
#preise pre {
  font-size: 12px;
}

div.businesshours-days {
  position: relative;
  width: 60px;
  margin-bottom: 5px;
  font-weight: 500;
  text-align: right;
  float: left;
}
div.businesshours-times {
  position: relative;
  width: 140px;
  padding-left: 10px;
  margin-bottom: 5px;
  float: left;
}

label.filter-links, div.filter-links {
  display: block;
  position: relative;
  width: 100px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  font-weight: 400;
  float: left;
}
div.filter-links input {
  margin: 0 0 0 60px;
}
select.filter-links {
  position: relative;
  width: 170px;
  margin-bottom: 6px;
  border: 1px solid #CCCCCC;
  background-color: white;
  font-size: 13px;
  float: left;
}
fieldset.filter-links {
  margin: 0 0 25px 0;
  padding: 0;
  border: 0;
}
fieldset.filter-links legend {
  display: none;
}
input.filter-date {
  position: relative;
  position: relative;
  width: 162px;
  height: 18px;
  padding-left: 5px;
  border: 1px solid #CCCCCC;
  background-color: white;
  margin-bottom: 6px;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 1px 1px #EEE;
  -webkit-box-shadow: inset 1px 1px #EEE;
  box-shadow: inset 1px 1px #EEE;
  background-color: white;
  margin-bottom: 6px;
  font-size: 11px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url(/_templates/shared/images/hg-datepicker.gif);
  background-position: right 1px;
}
a.filter-reset:link, a.filter-reset:visited, a.filter-reset:hover, a.filter-reset:focus, a.filter-reset:active {
  font-size: 13px;
}

div.modul-tabmenu {
  position: relative;
  border: 1px solid #CCCCCC;
  padding: 1px 3px 1px 5px;
  margin-bottom: 10px;
  font-size: 13px;
}

a.tabbutton:link, a.tabbutton:visited, a.tabbutton:hover, a.tabbutton:focus, a.tabbutton:active,
a.tabbutton-marked:link, a.tabbutton-marked:visited, a.tabbutton-marked:hover, a.tabbutton-marked:focus, a.tabbutton-marked:active {
}
a.tabbutton-marked:link, a.tabbutton-marked:visited, a.tabbutton-marked:hover, a.tabbutton-marked:focus, a.tabbutton-marked:active {
  color: #666666;
}


a.modul-weitereinfos:link, a.modul-weitereinfos:visited, a.modul-weitereinfos:hover, a.modul-weitereinfos:focus, a.modul-weitereinfos:active {
  display: block;
  text-align: right;
}

div.modul-uebersicht-logo {
  position: relative;
  width: 130px;
  float: left;
  overflow: hidden;
}

div.modul-uebersicht-text, div.modul-uebersicht-textbreit {
  position: relative;
  width: 180px;
  float: left;
  overflow: hidden;
}
div.modul-uebersicht-textbreit {
  position: relative;
  width: 300px;
  float: left;
  overflow: hidden;
}

div.modul-uebersicht-eintrag-1, div.modul-uebersicht-eintrag-2 {
  position: relative;
  width: 310px;
  margin-bottom: 30px;
  float: left;
  overflow: hidden;
  font-size: 12px;
}
div.modul-uebersicht-eintrag-1 {
  margin-right: 30px;
}


/* Karte */
div.karte-270px {
  position: relative;
  width: calc( 100% - 2px );
  height: 168px;
  border: 1px solid #CCCCCC;
}
div.karte-270px-q {
  position: relative;
  width: calc( 100% - 2px );
  height: 238px;
  border: 1px solid #CCCCCC;
}
div.karte-270px-buttons {
  position: relative;
  width: 100%;
  margin: 2px 0 5px 0;
  height: 14px;
  font-size: 0.83em;
  text-align: right;
}
div.headline-icon {
  margin: 0 7px 1px 0;
  display: inline-block;
  float: left;
  vertical-align: middle;
}
#osm {
  position: absolute;
  left: 5px;
  bottom: 2px;
  z-index: 9999999;
  font-size: 10px;
  font-family: arial, sans-serif;
  font-weight: normal;
}
#osm a:link, #osm a:visited, #osm a:hover, #osm a:focus, #osm a:active {
  font-size: 10px;
  text-decoration: none;
  color: #000000;
}
#osm a:hover, #osm a:focus, #osm a:active {
  color: #666666;
}
input.routestrasse, input.routeplzort {
  position: relative;
  width: 100%;
  margin: 0 0 4px 0;
  box-sizing: border-box;
}

input.routeplzort {
  margin: 0;
  margin-bottom: 5px;
}

input.routesubmit {
  width: 100%;
  padding: 6px 15px;
  color: black;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  background: rgb(225, 225, 225);
  border: 0;
  border-bottom: 2px solid rgb(190, 190, 190);
  border-radius: 2px;
  vertical-align: top;
  cursor: pointer;
  outline: none;
  display: block;
}
input.routesubmit:focus, input.routesubmit:hover {
  background: rgb(205, 205, 205);
}

input.routesubmit:active {
  transform: translate(0, 1px);
  outline: none;
  box-shadow: none;
}

button.region, button.region, button.region:focus, button.region:hover {
  position: relative;
  padding: 6px 15px;
  color: black;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  background: rgb(225, 225, 225);
  border: 0;
  border-bottom: 2px solid rgb(190, 190, 190);
  border-radius: 2px;
  vertical-align: top;
  cursor: pointer;
  outline: none;
  display: inline-block;
}
button.region:focus, button.region:hover {
  background: rgb(205, 205, 205);
}

button.region.blue, button.region.blue:focus, button.region.blue:hover  {
  border-bottom: 2px solid rgb(18, 77, 119);
  background: rgb(0, 110, 187);
  color: rgb(255, 255, 255);
}
button.region.blue:focus, button.region.blue:hover  {
  background: rgb(0, 95, 167);
}

button.region.green, button.region.green:focus, button.region.green:hover  {
  border-bottom: 2px solid rgb(0, 124, 0);
  background: rgb(11, 160, 32);
  color: rgb(255, 255, 255);
}
button.region.green:focus, button.region.green:hover  {
  background: rgb(0, 140, 0);
}

button.region.red, button.region.red:focus, button.region.red:hover  {
  border-bottom: 2px solid rgb(150, 25, 6);
  background: rgb(213, 36, 9);
  color: rgb(255, 255, 255);
}
button.region.red:focus, button.region.red:hover  {
  background: rgb(180, 30, 8);
}

button.region:active, button.region.blue:active, button.region.green:active, button.region.red:active {
  transform: translate(0, 1px);
  outline: none;
  box-shadow: none;
}
button.region.large {
  width: 100%;
  display: block;
}

#profiluebernehmen_icon {
  position: absolute;
  top: 3px;
  left: 5px;
  width: 24px;
  height: 24px;
}
#profiluebernehmen .icon {
  background-image: url("/_templates/shared/images/bi-meinregion-start-uebernehmen-klein.png");
  background-position: 5px 2px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}

/* Listen */

ul {
  margin: 0;
  margin-top: 10px;
  margin-left: 15px;
  margin-bottom: 5px;
  padding: 0;
  overflow: auto;
}

ol {
  margin: 0;
  margin-top: 10px;
  margin-left: 15px;
  margin-bottom: 5px;
  padding: 0;
  overflow: auto;
}

li {
  margin: 0;
  margin-left: 18px;
  margin-bottom: 5px;
  padding: 0;
}

/* By Cybox Zeile */

div.by-cybox {
  position: relative;
  width: 988px;
  margin: 0 auto 0;
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 0.92em;
  color: #FFFFFF;
  text-align: right;
}

span.by-cybox {
  color: rgb(153,153,153);
}

a.by-cybox:link, a.by-cybox:visited, a.by-cybox:hover, a.by-cybox:focus, a.by-cybox:active {
  color: rgb(153,153,153);
  font-weight: normal;
}
a.by-cybox:hover, a.by-cybox:focus, a.by-cybox:active {
  color: rgb(102,102,102);
}

a.cybox-links:link, a.cybox-links:visited, a.cybox-links:hover, a.cybox-links:focus, a.cybox-links:active {
  color: #FFFFFF;
  font-weight: normal;
  cursor: default;
}

/* Menue */
div.mainmenu ul {
  margin: 2px 0 0 0;
  padding: 0;
  list-style: none;
}
div.mainmenu ul li {
  width: auto;
  height: 17px;
  margin: 0;
  padding: 0;
  border-left: 1px solid black;
  float: left;
}
div.mainmenu ul li:first-child {
  border:0;
  padding-left: 0;
}
div.mainmenu ul li a:link, div.mainmenu ul li a:visited, div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active, div.mainmenu ul li strong {
  padding: 0 10px 0 10px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  line-height: 1.0;
  display: block;
  color: #000000;
}
div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active, div.mainmenu ul li strong {
  color: #CC0000;
}

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

/* Untermenue */
div.mainmenu ul ul {
  position: absolute;
  top: 25px;
  left: 15px;
  width: calc( 100% - 60px );
  height: 20px;
  margin: 6px 0 0 5px;
  font-size: 12px;
  list-style: none;
  overflow: hidden;
}

div.mainmenu li li {
  width: auto;
  height: 15px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  float: left;
}
div.mainmenu li li + li {
  border-left: 1px solid black;
}
div.mainmenu li li a:link, div.mainmenu li li a:visited, div.mainmenu li li a:hover, div.mainmenu li li a:focus, div.mainmenu li li a:active, div.mainmenu li li strong {
  padding: 0 10px 0 10px;
  font-size: 13px;
  color: black;
  text-decoration: none;
  line-height: 1.0;
  display: block;
}
div.mainmenu li li a:hover, div.mainmenu li li a:focus, div.mainmenu li li a:active, div.mainmenu li li strong {
  color: #CC0000;
}

div.mainmenu dfn, div.mainmenu strong dfn {
  position:absolute;
  left:-1000px;
  top:-1000px;
  width:0;
  height:0;
  overflow:hidden;
  display:inline;
}

div.mainmenu a.menu-list-marked:link, div.mainmenu a.menu-list-marked:visited, div.mainmenu a.menu-list-marked:hover, div.mainmenu a.menu-list-marked:focus, div.mainmenu a.menu-list-marked:active {
  position: relative;
  padding: 0 10px 0 10px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  line-height: 1.0;
  display: block;
  color: #CC0000;
}

div.mainmenu li li a.menu-list-marked:link, div.mainmenu li li a.menu-list-marked:visited, div.mainmenu li li a.menu-list-marked:hover, div.mainmenu li li a.menu-list-marked:focus, div.mainmenu li li a.menu-list-marked:active {
  position: relative;
  padding: 0 10px 0 10px;
  font-size: 13px;
  color: #CC0000;
  text-decoration: none;
  line-height: 1.0;
  display: block;
}


/* Unter-Untermenue */
div.inhalt2-modul ul {
  padding: 0;
  margin: 0 0 30px 0;
  list-style: none;
}

div.inhalt2-modul ul ul {
  margin: 5px 0 5px 0;
  padding: 2px 0 3px 0;
}

div.inhalt2-modul li {
  margin: 0 0 4px 0;
  width: 100%;
}
div.inhalt2-modul li a:link, div.inhalt2-modul li a:visited, div.inhalt2-modul li a:hover, div.inhalt2-modul li a:focus, div.inhalt2-modul li a:active, div.inhalt2-modul li strong {
  height: 100%;
  padding: 0;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  color: black;
  display: block;
}
div.inhalt2-modul li li a:link, div.inhalt2-modul li li a:visited, div.inhalt2-modul li li a:hover, div.inhalt2-modul li li a:focus, div.inhalt2-modul li li a:active, div.inhalt2-modul li li strong {
  margin-left: 15px;
  font-weight: normal;
}
div.inhalt2-modul li li li a:link, div.inhalt2-modul li li li a:visited, div.inhalt2-modul li li li a:hover, div.inhalt2-modul li li li a:focus, div.inhalt2-modul li li li a:active, div.inhalt2-modul li li li strong {
  margin-left: 30px;
  font-size: 0.92em;
}
div.inhalt2-modul li li li li a:link, div.inhalt2-modul li li li li a:visited, div.inhalt2-modul li li li li a:hover, div.inhalt2-modul li li li li a:focus, div.inhalt2-modul li li li li a:active, div.inhalt2-modul li li li li strong {
  margin-left: 45px;
}

div.inhalt2-modul dfn, div.inhalt2-modul strong dfn {
  position:absolute;
  left:-1000px;
  top:-1000px;
  width:0;
  height:0;
  overflow:hidden;
  display:inline;
}
div.inhalt2-modul li a:hover, div.inhalt2-modul li a:focus, div.inhalt2-modul li a:active {
  color: #CC0000;
}
div.inhalt2-modul li strong {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  color: #CC0000;
}
div.inhalt2-modul a.menu-list-marked:link, div.inhalt2-modul a.menu-list-marked:visited, div.inhalt2-modul a.menu-list-marked:hover, div.inhalt2-modul a.menu-list-marked:focus, div.inhalt2-modul a.menu-list-marked:active {
  color: #CC0000;
}

/* Modul: News, etc - Inhalt links, Infos rechts */
.headline5 .h1 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
}
.headline5 .text {
  font-size: 14px;
  color: #333333;
}

div.inhalt1-modul-bereichsueberschrift {
  position: relative;
  width: 100%;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #999999;
  float: left;
}
div.inhalt1-modul-bereichsueberschrift .h1 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
}
div.inhalt1-modul-bereichsueberschrift .headline1 {
  margin-bottom: 0;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  display: inline-block;
}
div.inhalt1-modul-bereichsueberschrift .headline2 {
  font-family: 'Ubuntu', sans-serif;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  display: inline-block;
}
div.inhalt1-modul-bereichsueberschrift .text {
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
}

div.datum {
  position: relative;
  height: 18px;
  margin-bottom: 6px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  text-align: right;
}
span.datum {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
}
div.inhalt1-modul2 h1 span.datum {
  font-family: 'Ubuntu', sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #333;
  display: inline-block;
  float: right;
}
div.inhalt1-modul span.content a {
  font-family: 'Roboto', sans-serif;
}
div.inhalt1-modul span.content img, div.inhalt1-modul span.content div.externalimage-placeholder {
  max-width: calc( 100% - 14px );
  height: auto;
  margin: 4px 7px 4px 7px;
}
span.content img {
  max-width: 100%;
  height: auto;
}
div.modul-businesshours-hours {
  width: 249px;
  padding-top: 5px;
  padding-bottom: 7px;
  font-weight: normal;
  display: block;
}
div.modul-bild, div.modul-bild-vollbreite {
  position: relative;
  margin: 0 0 12px 0;
  padding: 0;
}
div.modul-bild {
  max-width: 600px;
  margin: 0 0 4px 7px;
  overflow: hidden;
  float: right;
}
div.modul-bild img, div.modul-bild-vollbreite img {
  max-width: 100%;
  height: auto;
}

/* Modul-Navigation */
div.modul-navigation-top1, div.modul-navigation-top2 {
  position: relative;
  width: calc( 100% - 120px - 294px - 13px );
  min-height: 20px;
  margin: 0 30px 30px 30px;
  overflow: hidden;
  float: left;
}
div.modul-navigation-top2 {
  width: 294px;
}

div.modul-navigation {
  margin: 50px 0 10px 0;
}

a.modul-pagebutton:link, a.modul-pagebutton:visited, a.modul-pagebutton:focus, a.modul-pagebutton:hover, a.modul-pagebutton:active, div.modul-pagebutton-inactive {
  position: relative;
  padding: 2px 6px 2px 6px;
  border: 1px solid #666666;
  background-color: #999999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  float: left;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}
a.modul-pagebutton:focus, a.modul-pagebutton:hover, a.modul-pagebutton:active, div.modul-pagebutton-inactive {
  background-color: #CC0000;
}
div.modul-pagebutton-inactive {
  border-color: #DFDFDF;
  background-color: #DFDFDF;
}
div.modul-pages {
  position: relative;
  width: 200px;
  padding: 4px 2px 2px 2px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  text-align: center;
  float: left;
  overflow: hidden;
}
div.modul-pages a:link, div.modul-pages a:visited, div.modul-pages a:focus, div.modul-pages a:hover, div.modul-pages a:active {
  font-weight: 400;
  color: #666666;
  text-decoration: none;
}
div.modul-pages a:focus, div.modul-pages a:hover, div.modul-pages a:active {
  color: #CC0000;
}
div.modul-position {
  position: relative;
  width: calc( 100% - 60px );
  padding: 2px;
  float: left;
  text-align: center;
  overflow: hidden;
}
div.modul-numall {
  position: relative;
  padding: 3px 0 3px 0;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  float: right;
}
div.modul-numall a:link, div.modul-numall a:visited, div.modul-numall a:focus, div.modul-numall a:hover, div.modul-numall a:active {
  font-weight: 500;
  text-decoration: none; 
  color: #666666;
}
div.modul-numall a:focus, div.modul-numall a:hover, div.modul-numall a:active {
  color: white;
}

a.modul-backlink {
  display: block;
  float: right;
  padding: 4px 0 0 0;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
}

/* In der Nähe */
div.nearby {
  position: relative;
}
a.nearby-tab:link, a.nearby-tab:visited, a.nearby-tab:hover, a.nearby-tab:focus, a.nearby-tab:active,
a.nearby-tab-marked:link, a.nearby-tab-marked:visited, a.nearby-tab-marked:hover, a.nearby-tab-marked:focus, a.nearby-tab-marked:active {
  display: block;
  position: relative;
  padding: 1px 5px 1px 5px;
  background-color: #DFDFDF;
  border: 1px solid #EBEBEB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 11px;
  font-weight: 400;
  margin-right: 10px;
  color: #000000;
  float: left;
}
a.nearby-tab:hover, a.nearby-tab:focus, a.nearby-tab:active,
a.nearby-tab-marked:link, a.nearby-tab-marked:visited, a.nearby-tab-marked:hover, a.nearby-tab-marked:focus, a.nearby-tab-marked:active {
  border-color: #CCCCCC;
  color: #FA2E0D;
}
div.in-der-naehe-umrandung {
  position: relative;
  width: calc( 48% );
  margin: 0 0 20px 0;
  float: left;
}
div.in-der-naehe-umrandung + div.in-der-naehe-umrandung {
  margin-left: 3.5%;
}
div.in-der-naehe-text a {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
}
div.in-der-naehe-bild {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 0 15px 0 0;
  background-color: #FFF;
  overflow: hidden;
  float: left;
}
div.in-der-naehe-bild-innen {
  display: table-cell;
  width: 90px;
  height: 90px;
  text-align: center;
  vertical-align: middle;
}

div.in-der-naehe-text {
  position: relative;
  width: calc( 100% - 10px - 105px );
  padding: 0 10px 0 0;
  float: left;
}

/* ----------- */

/* Mein-Region */
div.mein-region .headline3 {
  position: relative;
  margin-bottom: 6px;
  padding-bottom: 2px;
  border-bottom: 1px solid #999999;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
div.mein-region-profilbild, div.mein-region-profilbild-klein {
  position: relative;
  width: 120px;
  margin: 5px 15px 10px 0;
  background-color: #EEE;
  border: 1px solid #CCC;
  float: left;
  text-align: center;
  overflow: hidden;
}
div.mein-region-profilbild-klein {
  width: 40px;
  height: 40px;
}

div.mein-region-profildaten {
  position: relative;
  width: 270px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3em;
}
div.mein-region-profildaten-links, div.mein-region-profildaten-rechts {
  position: relative;
  width: 80px;
  padding: 3px 0 3px 0;
  font-weight: 500;
  color: #999;
  float: left;
}
div.mein-region-profildaten-rechts {
  width: 150px;
  color: #555;
  font-weight: normal;
}
span.mein-region-profildaten-ka {
  color: #CCC;
}

span.mein-region-grau {
  color: #999999;
}

div.mein-region-eintrag {
  border-bottom: 1px solid #CCC;
  padding: 10px 0 10px 0;
}

div.mein-region-profiles-menu {
  position: relative;
  width: 235px;
  height: 85px;
  padding: 15px 20px 10px 60px;
  margin: 0 20px 12px 0;
  border: 1px solid #CCC;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #000;
  line-height: 1.3em;
  float: left;
}
div.mein-region-profiles-menu img {
  position: absolute;
  top: 15px;
  left: 15px;
}
div.mein-region-profiles-menu a:link, div.mein-region-profiles-menu a:visited {
  color: black;
}
div.mein-region-profiles-menu a:hover, div.mein-region-profiles-menu a:focus, div.mein-region-profiles-menu a:active {
  color: #666;
}

div.mein-region-eintrag-uebersichtslogo, div.mein-region-eintrag-text, div.mein-region-eintrag-text2, div.mein-region-eintrag-text3, div.mein-region-eintrag-aktionen {
  position: relative;
  margin-right: 10px;
  float: left;
  overflow: hidden;
}
div.mein-region-eintrag-uebersichtslogo {
  width: 120px;
  padding-top: 2px;
  text-align: center;
}
div.mein-region-eintrag-text {
  width: 230px;
}
div.mein-region-eintrag-text2 {
  width: 110px;
}
div.mein-region-eintrag-text3 {
  width: 408px;
}
div.mein-region-eintrag-aktionen {
  margin: 0;
  width: 130px;
  text-align: right;
}
div.mein-region-eintrag-aktionen2 {
  width: 230px;
}
div.mein-region-eintrag-aktionen a:link, div.mein-region-eintrag-aktionen a:visited, div.mein-region-eintrag-aktionen a:focus, div.mein-region-eintrag-aktionen a:hover, div.mein-region-eintrag-aktionen a:active {
  display: inline-block;
  padding: 2px 5px 2px 5px;
  margin: 0 0 0 10px;
  border: 1px solid #CCC;
  background-color: #EEE;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 1px 1px #EEE;
  -webkit-box-shadow: inset 1px 1px #EEE;
  box-shadow: inset 1px 1px #EEE;
  color: #000;
  font-size: 11px;
}
div.mein-region-eintrag-aktionen a:focus, div.mein-region-eintrag-aktionen a:hover, div.mein-region-eintrag-aktionen a:active {
  border: 1px solid #DAA;
}

a.meinregion-tab:link, a.meinregion-tab:visited, a.meinregion-tab:focus, a.meinregion-tab:hover, a.meinregion-tab:active,
a.meinregion-tab-marked:link, a.meinregion-tab-marked:visited, a.meinregion-tab-marked:focus, a.meinregion-tab-marked:hover, a.meinregion-tab-marked:active {
  display: block;
  position: relative;
  height: 15px;
  padding: 3px 8px 3px 8px;
  background-color: #DFDFDF;
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 11px;
  margin: 0 5px 5px 0;
  color: #000000;
  float: left;
}
a.meinregion-tab-marked:link, a.meinregion-tab-marked:visited, a.meinregion-tab-marked:focus, a.meinregion-tab-marked:hover, a.meinregion-tab-marked:active {
  border-color: #CCCCCC;
  color: #C00;
}
a.meinregion-tab-error:link, a.meinregion-tab-error:visited, a.meinregion-tab-error:focus, a.meinregion-tab-error:hover, a.meinregion-tab-error:active {
  -moz-box-shadow: inset 0 0 1px 1px #E66;
  -webkit-box-shadow: inset 0 0 1px 1px #E66;
  box-shadow: inset 0 0 1px 1px #E66;
}
a.meinregion-tab-warning:link, a.meinregion-tab-warning:visited, a.meinregion-tab-warning:focus, a.meinregion-tab-warning:hover, a.meinregion-tab-warning:active {
  -moz-box-shadow: inset 0 0 1px 1px #EC9A1B;
  -webkit-box-shadow: inset 0 0 1px 1px #EC9A1B;
  box-shadow: inset 0 0 1px 1px #EC9A1B;
}

div.meinregion-uebersichtsfilter {
  position: relative;
  padding: 5px 10px 5px 10px;
  margin: 5px 0 15px 0;
background-color: #DFDFDF;
-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
}
div.meinregion-uebersichtsfilter input, div.meinregion-uebersichtsfilter select, select {
  max-width: 200px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #CCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 1px 1px #EEE;
  -webkit-box-shadow: inset 1px 1px #EEE;
  box-shadow: inset 1px 1px #EEE;
  background-color: white;
  font-size: 12px;
}

hr.region-trenner, hr.region-trenner2 {
  background-color: #CCC;
  height: 1px;
  border: 0;
  margin: 10px 0 5px 0;
  padding: 0;
}
hr.region-trenner2 {
  margin: 5px 0 5px 0;
}

a.mein-region-linkbutton:link, a.mein-region-linkbutton:visited, a.mein-region-linkbutton:focus, a.mein-region-linkbutton:hover, a.mein-region-linkbutton:active {
  display: block;
  padding: 2px 5px 2px 5px;
  margin: 0 10px 5px 0;
  border: 1px solid #CCC;
  background-color: #EEE;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 1px 1px #EEE;
  -webkit-box-shadow: inset 1px 1px #EEE;
  box-shadow: inset 1px 1px #EEE;
  font-size: 12px;
  color: #000;
  float: left;
}
a.mein-region-linkbutton:focus, a.mein-region-linkbutton:hover, a.mein-region-linkbutton:active {
  border: 1px solid #DAA;
}

/* Button normal */
a.mein-region-linkbutton2:link, a.mein-region-linkbutton2:visited, a.mein-region-linkbutton2:focus, a.mein-region-linkbutton2:hover, a.mein-region-linkbutton2:active {
  position: relative;
  padding: 6px 15px;
  background: rgb(225, 225, 225);
  border: 0;
  border-bottom: 2px solid rgb(190, 190, 190);
  border-radius: 2px;
  font-size: 0.93em;
  font-weight: 400;
  color: black;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  outline: none;
  display: inline-block;
}
a.mein-region-linkbutton2:focus, a.mein-region-linkbutton2:hover, a.mein-region-linkbutton2:active {
  background-color: #DDD;
}
a.mein-region-linkbutton2 + a.mein-region-linkbutton2 {
  margin-left: 10px;
}

a.mein-region-linkbutton3:link, a.mein-region-linkbutton3:visited, a.mein-region-linkbutton3:focus, a.mein-region-linkbutton3:hover, a.mein-region-linkbutton3:active {
  position: relative;
  width: auto;
  margin: 2px 5px;
  padding: 0 7px 2px 7px;
  border: 1px solid #CCC;
  border-radius: 2px;
  background-color: #EFEFEF;
  font-size: 0.91em;
  color: #333;
  text-align: center;
  display: inline-block;
}
a.mein-region-linkbutton3:focus, a.mein-region-linkbutton3:hover, a.mein-region-linkbutton3:active {
  background-color: #DDD;
}

a.mein-region-linkbutton2.blue, a.mein-region-linkbutton2.blue:focus, a.mein-region-linkbutton2.blue:hover {
  border-bottom: 2px solid rgb(18, 77, 119);
  background: rgb(0, 110, 187);
  color: rgb(255, 255, 255);
}
a.mein-region-linkbutton2.blue:focus, a.mein-region-linkbutton2.blue:hover {
  background: rgb(0, 95, 167);
}

a.mein-region-linkbutton2.green, a.mein-region-linkbutton2.green:focus, a.mein-region-linkbutton2.green:hover {
  border-bottom: 2px solid rgb(0, 124, 0);
  background: rgb(11, 160, 32);
  color: rgb(255, 255, 255);
}
a.mein-region-linkbutton.green2:focus, a.mein-region-linkbutton2.green:hover {
  background: rgb(0, 140, 0);
}

a.mein-region-linkbutton2.red, a.mein-region-linkbutton2.red:focus, a.mein-region-linkbutton2.red:hover {
  border-bottom: 2px solid rgb(150, 25, 6);
  background: rgb(213, 36, 9);
  color: rgb(255, 255, 255);
}
a.mein-region-linkbutton2.red:focus, a.mein-region-linkbutton2.red:hover {
  background: rgb(180, 30, 8);
}

a.mein-region-linkbutton2:active, a.mein-region-linkbutton2.blue:active, a.mein-region-linkbutton2.green:active, a.mein-region-linkbutton2.red:active {
  transform: translate(0, 1px);
  outline: none;
  box-shadow: none;
}

div.kanalinfo {
  position: relative;
  width: 83%;
  margin: 1em 0 0 17%;
  text-align: left;
}
table.kanalinfo {
  width: 95%;
  margin: 0;
  padding: 1.5em 0 0 2.5%;
  border-spacing: 0;
}
table.kanalinfo th, table.kanalinfo td {
  padding: 3px;
}
table.kanalinfo th {
  padding-bottom: 7px;
}
table.kanalinfo td {
  border-bottom: 1px dotted #ccc;
}

table.kanalinfo .c1 {
  text-align: left;
}
table.kanalinfo .c2 {
  width: 80px;
  background-color: #efefef;
  text-align: center;
}

div.kanalinfo-buttons {
  position: relative;
  margin: 0.8em 5% 0 2.5%;
  text-align: right;
}
/* Objecttag */
/* v5 heisst vereine-5 */
h2.objecttag-v5 {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}

/* Kommentare */
div.comment {
  position: relative;
  margin: 5px 0 0 0;
  font-family: 'Ubuntu';
  font-weight: 400;
}
div.commentinfo {
  position: relative;
  background-color: #F4F4F4;
  border-radius: 4px;
  padding: 5px 80px 5px 5px;
  font-weight: 500;
  font-size: 11px;
  margin-bottom: 4px;
}
div.commentinfo a:link, div.commentinfo a:visited, div.commentinfo a:focus, div.commentinfo a:hover, div.commentinfo a:active {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
}
div.commentactions {
  position: absolute;
  top: 4px;
  right: 5px;
}
div.commenttext {
  position: relative;
  padding: 5px;
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 4px;
}
div.commentcomment {
  position: relative;
  margin-top: 8px;
  padding-left: 20px;
  color: #666;
}
div.commentcomment strong {
  color: #CC0000;
}
div.comment-toggle {
  position: relative;
  height: 25px;
  margin-top: -15px;
  margin-bottom: 8px;
  cursor: pointer;
  background-image: url(/_templates/shared/images/hg-comment-toggle.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
div.comment .headline4 {
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 3px;
}

#comments {
  position: relative;
}

div.commentPage {
  position: relative;
  padding: 0 20px 0 20px;
  text-align: center;
  float: left;
}

a.commentButton:link, a.commentButton:visited, a.commentButton:focus, a.commentButton:hover, a.commentButton:active,
a.commentButton-inactive:link, a.commentButton-inactive:visited, a.commentButton-inactive:focus, a.commentButton-inactive:hover, a.commentButton-inactive:active  {
  position: relative; 
  padding: 0 4px 0 4px; 
  font-size: 13px; 
  font-weight: 500; 
  text-decoration: none;
  float: left; 
  overflow: hidden; 
  cursor: pointer; 
  border: 1px solid #666666;
  background-color: #999999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #FFFFFF;
}
a.commentButton-inactive:link, a.commentButton-inactive:visited, a.commentButton-inactive:focus, a.commentButton-inactive:hover, a.commentButton-inactive:active  {
  cursor: default;
  border: 1px solid #DFDFDF;
  background-color: #DFDFDF;
}
a.commentButton:focus, a.commentButton:hover, a.commentButton:active {
  background-color: #CC0000;
}


/* Cyres-CSS */
div.image {
  min-width: 100px;
  margin: 10px 14px 7px 0;
}

div.image-left {
  min-width: 100px;
  margin: 4px 14px 7px 0;
  float: left;
}

div.image-right {
  min-width: 100px;
  margin: 4px 0 7px 9px;
  float: right;
}

div.image-center {
  width: 100%;
  text-align: center;
  margin: 10px 0 7px 0;
}

div.image, div.image-left, div.image-right, div.image-center {
  font-size: 11px;
  line-height: 120%;
}
div.image img, div.image-left img, div.image-right img, div.image-center img,
div.image div.externalimage-placeholder, div.image-left div.externalimage-placeholder, div.image-right div.externalimage-placeholder, div.image-center div.externalimage-placeholder {
  max-width: 100%;
  height: auto;
  margin: 0 0 3px 0 !important;
}


/* Stylebefehle */
div.style1 {
  position: relative;
  padding-left: 50px;
}
div.style1 img {
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0;
}

iframe {
  max-width: 100%;
}

div.flexboxh {
  margin-bottom: 15px;
  display: flex;
}
div.clear {
  clear: both;
}


/* Visitorloginseite */
div.fifty {
  width: calc( 40% - 31px );
  padding: 0 30px 0 10%;
  border-right: 1px solid #ccc;
  float: left;
}
div.fifty + div.fifty {
  padding: 0 10% 0 30px;
  border: 0;
}
div.lonelyfifty {
  width: 40%;
  margin: 0 auto 0;
}
div.visitorlogin {
  min-height: 300px;
}
.visitorlogin .headline3 {
  font-size: 1.07em;
  margin-bottom: 20px;
}
.visitorlogin label {
  width: 130px;
  margin-bottom: 10px;
  display: inline-block;
}
.visitorlogin input[type="email"], .visitorlogin input[type="password"]  {
  width: calc( 100% - 160px );
  margin-bottom: 10px;
}

/* Slider */
#slider-register {
  position: relative;
  width: calc( 100% - 60px );
  margin: 30px 30px 0 30px;
  border-left: 5px solid #333;
}
#slider-register a:link, #slider-register a:visited, #slider-register a:hover, #slider-register a:focus, #slider-register a:active {
  position: relative;
  width: 160px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-right: 1px solid white;
  background-color: #333;
  font-size: 14px;
  color: #F0F0F0;
  text-align: center;
  float: left;
  display: block;
}
#slider-register a:hover, #slider-register a:focus, #slider-register a:active, #slider-register a.active {
  border-right: 1px solid white;
  background-color: #EBEBEB;
  color: black;
}

#slider-tabs {
  position: relative;
  width: calc( 100% - 60px );
  min-height: 297px;
  margin: 0 30px 35px 30px;
}
.slider-tab {
  position: relative;
  min-height: 297px;
  display: none;
}
.slider-background {
  position: relative;
  min-height: 250px;
  border: 1px solid #C1C1C1;
  padding: 20px 10px;
  background-color: #F3F3F3;
  display: flex;
}
.slider-overviewlink {
  position: relative;
  height: 20px;
  margin-top: 5px;
  padding-right: 10px;
  text-align: right;
}
.slider-contentitem {
  position: relative;
  width: 43.8%;
  margin: 5px 1.6% 5px 1.6%;
  padding: 5px 1.5% 5px 1.5%;
  background-color: white;
  box-shadow: 0 0 0.3em #AAAAAA;
  overflow: hidden;
}
.slider-contentitem .headline2 {
  position: relative;
  height: 22px;
  margin-bottom: 8px;
  overflow: hidden;
}
#slider-nav-left, #slider-nav-right {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  border: 1px solid #C1C1C1;
  height: 270px;
  background-color: #D1D1D1;
  background-image: url( /_templates/shared/images/slider-left.png );
  background-position: left center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
}
#slider-nav-right {
left: auto;
right: 0;
background-image: url( /_templates/shared/images/slider-right.png );
}
/*
  ColorBox Core Style:
  The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
  User Style:
  Change the following styles to modify the appearance of ColorBox.  They are
  ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/_templates/shared/images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(/_templates/shared/images/colorbox/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url(/_templates/shared/images/colorbox/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(/_templates/shared/images/colorbox/controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(/_templates/shared/images/colorbox/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(/_templates/shared/images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/_templates/shared/images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/_templates/shared/images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/_templates/shared/images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(/_templates/shared/images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/_templates/shared/images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/_templates/shared/images/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/_templates/shared/images/colorbox/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/_templates/shared/images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(/_templates/shared/images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/_templates/shared/images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/_templates/shared/images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/_templates/shared/images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/_templates/shared/images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/_templates/shared/images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/_templates/shared/images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/_templates/shared/images/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
  _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}


/* Colorpicker */
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../images/colorpicker/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../images/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../images/colorpicker/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../images/colorpicker/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../images/colorpicker/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../images/colorpicker/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../images/colorpicker/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../images/colorpicker/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../images/colorpicker/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../images/colorpicker/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../images/colorpicker/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/colorpicker/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

@media all and (max-width:1350px )   {
  div.umrandung {
    margin-bottom: 0;
    box-shadow: 0 0 0 0;
  }
  div.footer {
    padding-bottom: 20px;
  }
}

@media all and (max-width:1100px )   {
  div.header {
    width: calc( 100% - 15px );
    padding-left: 15px;
  }
  div.header2 {
    right: 15px;
  }
  div.logo {
    left: 15px;
  }
  div.search {
    right: 15px;
  }
  div.login {
    right: 14px;
  }
  div.mainmenu, div.mein-nav {
    width: calc( 100% - 20px );
    padding: 0 10px; /* weniger Padding weil Hyperlinks 10px bereits haben*/
  }

  div.inhalt1, div.inhalt1-modul, div.inhalt1-modul2, div.inhalt1-full {
    width: calc( 69.5% - 30px );
    padding: 0 15px;
  }
  div.inhalt1-full {
    width: calc( 100% - 30px );
  }

  div.inhalt1-modul, div.inhalt1-modul2  {
    width: calc( 100% - 60px - 294px - 1px );
  }
  div.schmal + div.schmal {
    margin-left: 15px;
  }

  /* die schmale Spalte mit der Infospalte / inhalt2 = Startseite, inhalt2-modul + inhalt2-modul-2 = Uebersichten, inhalt2-modul2 = Detailseiten, inhalt2-content = Folgeseite */
  div.inhalt2, div.inhalt2-modul, div.inhalt2-modul2, div.inhalt2-content {
    width: calc( 30% - 30px );
    padding: 0 15px;
  }
  div.inhalt2-modul, div.inhalt2-modul2, div.inhalt2-content {
    width: 294px;
  }

  div.modul-navigation-top1 {
    width: calc( 100% - 60px - 294px - 13px );
    margin: 0 15px 30px 15px;
  }
  div.modul-navigation-top2 {
    margin: 0 15px 30px 15px;
  }
  #slider-register {
    position: relative;
    width: calc( 100% - 30px );
    margin: 30px 15px 0 15px;
  }
  #slider-tabs {
    width: calc( 100% - 30px );
    margin: 0 15px 35px 15px;
  }
}

@media all and (max-width:950px )   {
  div.startseiteumbruch {
    width: calc( 100% - 30px ) !important;
    margin-bottom: 20px;
    float: none;
  }
  div.startseiteumbruch.lineleft {
    border: 0;
  }
  div.flexboxh-startseite {
    display: block;
  }
  div.slider-contentitem {
    font-size: 0.9em;
    line-height: 1.4em;
  }
  div.startseiteumbruch div.veranstaltungen {
    width: calc( 50% - 30px );
    float: left;
  }
  div.startseiteumbruch div.veranstaltungen:nth-child(2n+1) {
    margin-left: 30px;
  }
  div.startseiteumbruch div.veranstaltungen:nth-child(3n+1) {
    clear: both;
  }
  .bereichsueberschrift.startseiteumbruch {
    display: block;
  }
  .startseiteumbruch div.news-2er {
    border: 0;
    margin-top: 0;
    padding-top: 0;
  }

  div.in-der-naehe-umrandung {
    width: 99%;
    margin: 0 0 20px 0;
    float: none;
  }
  div.in-der-naehe-umrandung + div.in-der-naehe-umrandung {
    margin-left: 0;
  }
}

@media all and (max-width:850px )   {
  div.header {
    color: #333333;
  }
  div.header *  {
    display: none;
  }
  div.mainmenu, div.mein-nav {
    display: none;
  }
  div.search {
    display: none;
  }

#nav-button {
  position: absolute;
  top: 28px;
  right: 17px;
  width: 34px;
  height: 18px;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: block;
}

#nav-button span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #555;
  border-radius: 6px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

  #nav-button span:nth-child(1) {
    top: 0px;
  }
  #nav-button span:nth-child(2), #nav-button span:nth-child(3) {
    top: 10px;
  }
  #nav-button span:nth-child(4) {
    top: 20px;
  }
  #nav-button.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
  }
  #nav-button.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #nav-button.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #nav-button.open span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
  }
}

@media all and (max-width:800px )   {
  body {
    font-size: 0.93em;
  }
  div.slider-background {
    display: block;
  }
  div.slider-contentitem {
    width: 91.8%;
    margin: 5px 2%;
    padding: 5px 2%;
    font-size: 1em;
    line-height: 1.45em;
  }
  div.slider-contentitem + div.slider-contentitem {
    margin-top: 20px;
  }

  div.inhalt1, div.inhalt1-modul, div.inhalt1-modul2, div.inhalt1-full {
    width: calc( 100% - 30px );
    padding: 0 15px;
  }
/*
  div.inhalt1-modul, div.inhalt1-modul2  {
    width: calc( 100% - 60px - 294px - 1px );
  }*/

  /* die schmale Spalte mit der Infospalte / inhalt2 = Startseite, inhalt2-modul + inhalt2-modul-2 = Uebersichten, inhalt2-modul2 = Detailseiten, inhalt2-content = Folgeseite */
  div.inhalt2, div.inhalt2-modul, div.inhalt2-modul2, div.inhalt2-content {
    width: calc( 100% - 30px );
    padding: 0 15px;
  }
  div.inhalt1-modul, div.inhalt2-modul {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #DFDFDF;
  }

  div.lineleft, div.lineright {
    border: 0;
  }
  div.flexboxh {
    display: block;
  }
  div.karte-270px, div.karte-270px-q, div.karte-270px-buttons {
    width: calc( 100% - 2px );
  }
  div.footerinhalt {
    width: 46%;
    margin-bottom: 15px;
  }
  div.footerinhalt:nth-child(3) {
    clear: both;
  }

  div.in-der-naehe-umrandung {
    width: 48%;
    margin: 0 0 20px 0;
    float: left;
  }
  div.in-der-naehe-umrandung + div.in-der-naehe-umrandung {
    margin-left: 3.5%;
  }

  form br {
    clear: both;
  }

  /* Visitorloginseite */
  div.fifty {
    position: relative;
    width: 100%;
    padding: 0 0 30px 0;
    border: 0;
    border-bottom: 1px solid #ccc;
    float: none;
  }
  div.fifty + div.fifty {
    padding: 30px 0 30px 0;
    border: 0;
  }
  div.visitorlogin {
    min-height: auto;
  }
  .visitorlogin .headline3 {
    margin-bottom: 15px;
  }
  .visitorlogin label {
    width: auto;
    margin-bottom: 5px;
  }
  .visitorlogin input[type="email"], .visitorlogin input[type="password"]  {
    width: 100%;
    margin-bottom: 12px;
    box-sizing: border-box;
  }
}


@media all and (max-width:700px )   {
  div.news-2er {
    width: calc( 100% - 15px );
    float: none;
  }
  div.news-2er + div.news-2er {
    margin-left: 0;
    padding-top: 10px;
    border-top: 1px solid #DFDFDF !important;
  }
  div.inhalt1, div.inhalt2 {
    width: calc( 100% - 30px );
    float: none;
  }
  div.lineleft {
    border: 0;
  }
}

@media all and (max-width:600px )   {
  div.modul-navigation-top1, div.modul-navigation-top2 {
    width: calc( 100% - 30px - 13px );
    margin: 0 15px 20px 15px;
    float: none;
  }
  div.modul-navigation-top2 {
    width: calc( 100% - 30px );
  }
  div.startseiteumbruch div.veranstaltungen {
    width: calc( 100% - 30px );
    float: none;
  }
  div.startseiteumbruch div.veranstaltungen:nth-child(2n+1) {
    margin-left: 0;
  }
  div.startseiteumbruch div.veranstaltungen:nth-child(3n+1) {
    clear: none;
  }
  #slider-register a:link, #slider-register a:visited, #slider-register a:hover, #slider-register a:focus, #slider-register a:active {
    width: auto;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 0.85em;
  }

  div.ovitem2-left, div.ovitem2-right {
    width: 99%;
    float: none;
  }
  div.ovitem2-right {
    margin-top: 10px;
  }

  div.ovitem2-kurztext, div.ovitem2-kurztext-breit {
    width: calc( 100% - 135px );
    padding: 1px 0 1px 0;
  }

  div.in-der-naehe-umrandung {
    width: 99%;
    margin: 0 0 20px 0;
    float: none;
  }
  div.in-der-naehe-umrandung + div.in-der-naehe-umrandung {
    margin-left: 0;
  }
}

@media all and (max-width:400px )   {
  div.ovitem2-kurztext, div.ovitem2-kurztext-breit, div.ovitem2-image {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }
  div.ovitem2-image {
    text-align: center;
  }
  div.ovitem2-right {
    margin-top: 10px;
  }
  div.footerinhalt {
    width: 96%;
    margin-bottom: 0;
  }
  div.footerinhalt + div.footerinhalt {
    margin-top: 20px;
  }
  div.topnewsimage, div.veranstaltungenimage {
    margin: 5px auto 10px;
    float: none;
  }
  div.news-image {
    width: 100%;
    height: 160px;
    margin: 5px auto 10px;
    box-shadow: none;
    float: none;
  }
}



/* Suche*/
form.search label {
  position: relative;
  width: auto;
  margin: 0;
  padding: 7px 5px 0 0;
  font-weight: bold;
  font-size: 0.92em;
  vertical-align: middle;
  text-align: left;
  display: inline-block;
  float: left;
}

form.search input[type="text"] {
  display: block;
  width: 600px;
  max-width: calc( 80% - 300px );
  margin: 0;
  padding: 5px;
  box-sizing: border-box;
  font-size: 0.93em;
  font-weight: normal;
  outline: none;
  float: left;
}

form.search input[type="submit"] {
  width: auto;
  margin-left: 20px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 0.92em;
  float: left;
  display: inline-block;
}

.serp {
  margin: 0.5em 0;
  padding: 0.5em 0.3em;
  border-bottom: 1px solid #CCC;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.serp p {
  width: 100%;
  margin: 0.2em 0;
  padding: 0;
  font-size: 0.87em;
  line-height: 1.4em;
}
.serpimage {
  position: relative;
  width: 200px;
  margin: 0;
  overflow: hidden;
}
.serpimage img {
  margin: 0 !important;
}
.serpcontent {
  width: calc( 100% - 220px );
}
.serp .headline2 {
  font-size: 1.1em;
  margin: 0;
}
.serp a {
  font-size: 0.87em;
}
.serp a:hover, .serp a:focus, .serp a:active {
}
.serp small {
  font-size: 0.73em;
  font-weight: normal;
}
.serp-info {
  text-align:left;
  font-size: 0.78em;
  color: #888;  
}
@media all and (max-width: 700px) {
  form.search label {
    width: auto;
  }
  form.search input[type="text"] {
    max-width: calc( 80% - 200px );
  }
}
@media all and (max-width: 550px) {
  form.search label {
    display: none;
  }
  form.search input[type="text"] {
    max-width: 70%;
  }
  form.search input[type="submit"] {
    margin-left: 10px;
  }
  .serp {
    display: block;
  }
  .serpimage {
    width: 100%;
    text-align: center;
  }
  .serpimage img {
    margin: 0 0 10px 0 !important;
  }
  .serpcontent {
    width: 100%;
  }
}