/******commBlue************/

/**
 *
 * 1.3.6    2025-05-09 JeH
 *          - Toolbar angepasst da Dashboard ergänzt wurde
 * 1.3.1    2024-09-12 MD
 *          - Z-Index Navigation GS
 * 1.2.0    2024-07-18 VZ
 *          - Anmeldeformular: CSS fuer Beschreibungen
 * 1.1.9    2022-06-01 MD
 *          - Kalender
 * 1.1.7    2021-08-09  Yannick Sprenger
 *          - AISM-Logo zentriert
 * 1.1.6    2021-08-06  Yannick Sprenger
 *          - Nachbesserungen
 * 1.1.5    2021-08-05  Yannick Sprenger
 *          - Style fuer das Siteobjekt feedback.aism-koeln.de implementiert
 * 1.1.4    2019-09-09  MF
 *          - Versionierung eingefuehrt
 *          - .bildergallerie ul li img height hinzugefuegt
 */
/*********************************************************************************/
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, br {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

input[type="text"],
input[type="submit"],
input[type="password"],
textarea,
button {
    -webkit-appearance: none;
    border-radius: 0px;
}

html {
    width: 100%;
}

body.commblue {
    background: none repeat scroll 0 0 #efefef;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
    color: #474747;
    font-family: open sans, arial, helvetica, sans-serif;
    font-size: 15px;
    line-height: 180%;
    font-weight: 300;
}

body.commblue #left {
    font-size: 15px;
    line-height: 180%;
}

body.commblue p {
    margin-top: 0;
    text-align: left;
}

body.commblue a {
    /*color: #5d5d5d;*/
    color: #e1871a;
}

body.commblue .news a,
body.commblue .article a {
    color: #e1871a;
    text-decoration: none !important;
}

body.commblue .news .kicker {
    color: #5d5d5d;
    text-align: center;
}

body.commblue a.resetfilter {
    color: #e1871a;
}

body.commblue a:link, a:visited, a:active, a:focus {
    text-decoration: none;
}

body.commblue .title a {
    font-weight: bold;
    color: #5d5d5d;
}

body.commblue a:hover {
    text-decoration: none;
    cursor: pointer;
}

body.commblue a.more {
    background: url("/static/img/more-arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 22px;
}
/************PARSER**************/

strong {
    font-weight: bold;
}

i {
    font-style: italic;
}

big {
    font-size: 15px;
}

small {
    font-size: 10px;
}

ul.contentliste {
    list-style-position: outside;
    list-style-image: none;
}

ul.contentliste[type="disc"] {
    list-style-type: disc;
}

ul.contentliste[type="circle"] {
    list-style-type: circle;
}

ul.contentliste[type="square"] {
    list-style-type: none;
    float:left;
    padding-left:0;
    width:100%;
}

ul.contentliste[type="square"] li {
    list-style-type: none;
    float:left;
    padding-left:0;
    width:100%;
}

.contentliste {
    margin-left: 0px;
    padding-left: 15px;
}

ol.contentliste,
ul.contentliste {
    margin: 10px 0px;
}

body.gs-messe-anmeldeformulare .liste-download .image img {
 width: 80px;
 height: auto;
}

.contentliste li {
    margin: 5px 7px;
	margin-left: 7px;
	margin-left: 0px;
	padding-left: 5px;
	padding-right: 25px;
	float: left;
	width: 100%;
}

ol.contentliste.decimal {
    list-style-type: decimal;
}

ol.contentliste.lowerAlpha {
    list-style-type: lower-alpha;
}

ol.contentliste.upperAlpha {
    list-style-type: upper-alpha;
}

ol.contentliste.lowerRoman {
    list-style-type: lower-roman;
}

ol.contentliste.upperRoman {
    list-style-type: upper-roman;
}

.caption {
    font-style: normal;
    font-size: 12px;
    padding: 5px 0px;
    color: #bbb !important;
}

.stand {
    display: block;
    clear: both;
    /*float: left;*/
    font-style: normal;
    font-size: 14px;
    padding: 5px 0px 0px 0px;
    margin-bottom: -8px;
    color: #bbb;
    text-transform: normal;
    margin-right: 15px;
}
.kicker,
.day,
.datum,
.date {
    float: left;
	width:100%;
    font-size: 14px;
    padding: 0;
    margin-right: 15px;
}
.image {
    position:relative;
    line-height: 150%;
    margin-top: 6px;
    margin-bottom: 10px;
}
.image-left {
    float: left;
    margin-right: 10px;
}

.image-right {
    float: right;
    margin-left: 10px;
}

.image-center {
    float: none;
    margin: 10px auto;
}

.image-left + .image-center {
    float:left;
    margin-left:6px;
    margin-right:6px;
    margin-top:6px;
}

a.imageZoom {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 24px;
    height: 24px;
    background: url("/static/img/image_icon_zoom_0.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0);
    text-indent: -10000px;
}

a.imageDownload {
    position: absolute;
    right: 30px;
    top:0px;
    width: 28px;
    height: 30px;
    background: url("/static/img/image_icon_download_0.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    text-indent: -10000px;
}

body.commblue ul {
    list-style: none outside none;
}

body.commblue .clear {
    border: 0 none !important;
    clear: both;
}

body.commblue .noborder {
    border: medium none !important;
}

body.commblue .hidden {
    display: inline;
    font-size: 0;
    height: 0;
    left: -999px;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: -999px;
}

body.commblue h1 {
    color: #e1871a;
    font-size: 35px;
    padding-bottom: 10px;
	  text-transform: normal;
    border-bottom: none;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 120%;
}

body.commblue h2, body.commblue h3, body.commblue h4, body.commblue .titel {
    color: #5d5d5d;
}

body.commblue h2 {
    color: #e1871a;
    font-size: 20px;
    padding-bottom: 10px;
	  text-transform: normal;
    border-bottom: none;
    text-align: left;
    text-transform: uppercase;
    line-height: 120%;
}

body.commblue h3 {
    color: #e1871a;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

body.commblue .errors, body.commblue .error, body.commblue .fehler {
    color: red;
    font-weight: bold;
}

body.commblue #content .image-left {
    float: left;
    padding: 8px 10px 5px 0px;
}

body.commblue .teaser .image-left {
    float: left;
    padding: 3px 5px 5px 0px;
}

/**************CONTAINER**************/

body.commblue #container {
    margin: 0 auto;
    background: none repeat scroll 0 0 #fff;
    width: 1440px;
    min-width:240px;
    padding-bottom:0px;
}

body.commblue #header-wrapper {
    position:relative;
    padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 60px;
    float: left;
    width: 100%;
}

body.commblue #header {
    background-color: #fff;
    position:relative;
    width: 100%;
    float: left;
}

body.commblue #header .banner {
    color: #858688;
    font-size: 40px;
    text-transform: uppercase;
    position: absolute;
    top: 130px;
    left: 40px;
}

body.commblue #header .logo-wrapper {
		width: 251px;
    height: 140px;
    margin: 30px auto 0px auto;
}

body.commblue #header .logo-wrapper .logo {
    width: 251px;
    height: 128px;
}

body.commblue #header .keyvisual img{
    float: left;
    width: 1440px;
    height: auto;
    border-bottom: 10px solid #e1871a;
    max-width: 100%;
}

body.commblue #header ul {
    float:left;
    width: 100%;
}

body.commblue #header ul li {
    float:left;
}

body.commblue > #header > ul > li > a {
    background: url("/static/img/navi-icon.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 30px;
}

body.commblue > #header > ul:first-child > li > a {
    background: url("/static/img/navi-icon-first.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 30px;
}

body.commblue #header .toolbar{
		margin-top: 30px;
    float: right;
    width: 350px;
    font-size: 14px;
}

body.commblue #header .toolbar a { 
	float: right;
    color: #858688;
    font-size: 14px;
}

body.commblue #header .toolbar #searchbox {
    float: right;
    margin-right: 40px;
    position:relative;
    top: 46px; 
    font-size: 14px;
}

body.commblue #header .toolbar #searchbox input[type='text']{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-right: 0px;
    /*padding: 6px 10px;*/
    padding: 0px 10px;
    width: 230px;
    font-size: 14px;
    height: 38px;
}

body.commblue #header .toolbar #searchbox input[type='submit']{
    background-color: none;
    background: url("/static/img/gs-icon-suche.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    text-indent: -9999px;
    border-bottom: none;
    margin-left: 0px;
    border-left: none;
    font-size: 14px;
}

body.commblue #header .toolbar #searchbox #search_search{
    border-bottom: 1px solid #abadad;
}

body.commblue #header .toolbar ul{
    float: right;
    margin-right: 20px;
    width: 350px;
}

body.commblue #header .toolbar ul li{
    background-color: #fff;
    float: right;
    padding-right: 20px;
}

body.commblue #header .toolbar ul li.item-gs-logout-html a{
    background: url("/static/img/gs-icon-logout.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 35px;
}

body.commblue #header .toolbar ul li.item-gs-hilfe-html a{
    background: url("/static/img/gs-icon-hilfe.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 35px;
}

/*======================================
  GRUPPEN-NAVIGATION // SUBNAVIGATION
======================================*/
.mobile-style {
    display:none;
}
#gruppennavi {
    margin-top:30px;
}
nav.desktop-style {
    margin-left: -1px;
    position:relative;
    z-index:100;
}
nav.desktop-style > ul{
    width:100%;
    background:#fff;
    border-bottom: 1px solid #fff;
}

#gruppennavi ul {
	list-style:none;
	margin:0;
	padding:0;
    box-sizing:border-box;
    background:#e1871a;
}
#gruppennavi span{
    cursor:pointer;
}
#gruppennavi ul a{
    box-sizing:border-box;
    background:#e1871a;
    color:#fff;
}
#gruppennavi nav.desktop-style > ul > li {
	margin:0;
	padding:0;
	float:left;
	position:relative;
    z-index:1000;
    /*width:14.285%;*/
}
#gruppennavi nav.desktop-style > ul > li > a{
    font-size: 16px;
    line-height:24px;
    display:inline-block;
    height:45px;
    padding:10px 52px;
    width:100%;
    text-align: left;
	  background:#e1871a;
    border-right:none;
}
#gruppennavi nav.desktop-style > ul > li > a:hover,
#gruppennavi nav.desktop-style > ul > li > a.active{
    color:#000;
	  background: #eaa964;
}
/*ZWEITE EBENE*/
#gruppennavi nav.desktop-style > ul > li > ul{
	display:none;
	position:absolute;
	border-top: 1px solid #fff;
}

.gs #gruppennavi nav.desktop-style > ul > li:last-child > ul {
    right:118px;
}

#gruppennavi nav.desktop-style > ul > li > ul > li {
	position:relative;
}
#gruppennavi nav.desktop-style > ul > li > ul > li a{
    font-size: 15px;
    line-height:22px;
    display:inline-block;
    width:312px;
    border-bottom:1px solid #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 52px;
    padding-right: 52px;
}
#gruppennavi nav.desktop-style ul.third-level li a{
    padding-left: 75px;
}

#gruppennavi nav.desktop-style ul.third-level li a:hover,
#gruppennavi nav.desktop-style ul.third-level li a:active{
    padding-left: 75px;
    background-color: #e9c39b;
    color:#000;
}
#gruppennavi nav.desktop-style > ul > li > ul > li a:hover  {
    background:#eaa964;
    color:#000;
}
#gruppennavi nav.desktop-style > ul > li > ul > li a.active {
    background:#eaa964;
    color:#000;
}
#gruppennavi nav.desktop-style > ul > li > ul > li:first-child  > a{
    padding-top: 10px;
    padding-bottom: 10px;
}
#gruppennavi nav.desktop-style ul.third-level {
	/*display:none;*/
}
#gruppennavi nav.desktop-style > ul.third-level > li > ul > li.active ul a.active,
#gruppennavi nav.desktop-style > ul.third-level > li > ul > li.active ul a:hover {
    background-color: #e9c39b;
    color:#000;
}

/*ZWEITE EBENE*/
#gruppennavi nav.desktop-style > ul > li:hover > ul {
    display:block;
}







/*
body.commblue #header #navigation ul{
    margin-top: 40px;
    font-size: 15px;
    background-color: #e1871a;
    border-bottom: 1px solid #fff;
    height: 45px;
}

body.commblue #header #navigation ul li {
    margin-right: 20px;
    padding-top: 9px;
    padding-left: 40px;
    padding-right: 40px;
}

body.commblue #header #navigation ul li a{
    color: #fff;
}

body.commblue #header #navigation ul li.item-0 a {
    background: url("/static/img/gs-icon-passwort-aendern.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 25px;
}

body.commblue #header #navigation ul li.item-1 a {
    background: url("/static/img/gs-icon-suche.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 25px;
}

body.commblue #header ul.navigation  li.item-2 a {
    background: url("/static/img/gs-icon-hilfe.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 25px;
}

body.commblue #header ul.navigation  li.item-3 a {
    background: url("/static/img/gs-icon-logout.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 25px;
}

body.commblue #topnavi {
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 16px;
    text-transform: uppercase;
} 

/******************NAVIGATION*****************/
/*

body.commblue #header #navigation a {
    text-decoration: none;
    color: #5c5c5e;
    font-size: 18px;
    font-weight: 400;
}
body.commblue #header #navigation ul > li {
    list-style-type: none;
    padding: 0px 20px 0px 0px;
}

body.commblue #header #navigation li.active > a, body.commblue #header #navigation li:hover > a {
    color: #0075bb !important;
}

body.commblue #header #navigation ul.level-1 ul {
    position: absolute;
    z-index:2000;
    display: none;
}

body.commblue #header #navigation li.level-1 {
    float: left;
}

body.commblue #header #navigation ul.level-1 > li > a {
    background: url("/static/img/topnavi-icon-grey.gif") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    padding-left: 25px;
}

body.commblue #header #navigation ul.level-2 > li {
    line-height: 30px;
    background: none repeat scroll 0 0 #fff;
    border-left: 2px solid #d4ebf3;
    box-shadow: 1px 2px 1px 0 rgba(127, 127, 127, 0.75);
    margin-left:6px;
    padding-left:18px;
}

body.commblue #header #navigation ul.level-2 > li.first {
    padding-top: 5px;
}

body.commblue #header #navigation ul.level-2 > li.last {
    padding-bottom: 10px;
}


body.commblue #topnavi ul.level-1 > li.active > a, .hauptnavigation ul.level-1 > li:hover > a {
    background: url("/static/img/topnavi-icon-blue.gif") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    padding-left: 25px;
}

body.commblue #topnavi li.level-2 a {
    margin-right: 10px;
    padding-left: 0px;
    padding-top: 2px;
    font-size: 15px;
    text-transform: uppercase;
}

.subnavigation {
    margin-left: 0px;
    margin-bottom: 30px;
}

.subnavigation li a {
    color: #5c5c5e;
    margin-right: 10px;
    padding-left: 25px;
    padding-top: 0px;
    font-size: 15px;
    text-transform: uppercase;
}

.subnavigation > ul > li {
    margin-top: 0px;
    margin-bottom: 10px;
}

.subnavigation > ul > li > ul > li {
    margin-top: 10px;
    margin-bottom: 0px;
}

.subnavigation > ul > li > a {
    background: url("/static/img/topnavi-icon-grey.gif") no-repeat scroll 0px 5px rgba(0, 0, 0, 0);
    display: inline-block;
}

.subnavigation ul > li.active > a, .subnavigation ul > li:hover > a {
    color: #0075bb !important;
    text-decoration: none;
}

.subnavigation > ul > li.active > a, .subnavigation > ul > li:hover > a {
    background: url("/static/img/topnavi-icon-blue.gif") no-repeat scroll 0px 5px rgba(0, 0, 0, 0);
}

.subnavigation > ul > li > ul > li > a {
    padding-left: 18px;
    border-left: 2px solid #e4e4e5;
    margin-left: 6px;
    display: inline-block;
}

.subnavigation > ul > li > ul > li > a.active {
    color: #0075bb !important;
    border-left: 2px solid #8ec8de;
}*/

body.commblue #breadcrump {
    clear: both;
    float: left;
    margin-left: 259px;
    margin-right: 259px;
    padding-top: 5px;
    margin-bottom: 0px;
    height: 40px;
}

body.commblue #wrapper-content-right-left {
    margin-bottom: 20px;
}
/*
body.commblue #wrapper-content-right {

}
*/
body.commblue #content {
    width: 800px;
    margin: auto;
}
/*
body.commblue #content-cleaner {
}

body.commblue #right-outer {
    float: right;
}

body.commblue #right {
    padding-top: 2px;
    margin-right:12px;
    width: 235px;
}
*/
/*
body.commblue #left {
    float: left;
    margin-left:12px;
    width: 235px;
}
body.commblue #left ul.navigation {
    display:none;
}
body.commblue #left ul li a {
    background: url("/static/img/navi-icon.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 30px;
}

body.commblue #left ul:first-child li a{
    background: url("/static/img/navi-icon-first.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 30px;
}

body.commblue #left ul li ul li a {
    background: url("/static/img/navi-icon.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 30px;
    margin-left: 30px;
}
*/

body.commblue #footer {
    clear: both;
    padding: 40px;
    margin: 0px;
    text-align:center;
    background-color: #848485;
    color: #fff;
    margin-top: 40px;
}

body.commblue #footer a {
    color: #fff;
}

body.commblue .noborder {
    border: none;
}

body.commblue .hidden {
    display: inline;
    left: -999px;
    top: -999px;
    font-size: 0px;
    height: 0px;
    line-height:0px;
    margin:0px;
    overflow:hidden;
    position:absolute;
}

 
body.commblue .hamburger-button {
    display:none;
}

/**
 * NAVI
 */    
/*
body.commblue ul.navi {
    margin-left: 0px;
    margin-bottom: 30px;
}

body.commblue ul.navi li a {
    color: #5c5c5e;
    margin-right: 10px;
    padding-left: 30px;
    padding-top: 0px;
    font-size: 15px;
    text-transform: uppercase;
}

body.commblue ul.navi > li {
    margin-top: 0px;
    margin-bottom: 10px;
}

body.commblue ul.navi > li > ul > li {
    margin-top: 10px;
    margin-bottom: 0px;
}

body.commblue ul.navi > li > a {
    background: url("/static/img/topnavi-icon-grey.gif") no-repeat scroll 0px 5px rgba(0, 0, 0, 0);
    display: inline-block;
}

body.commblue ul.navi > li.home > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat top left;
    display: inline-block;
    height: 21px;
    background-position: 0px -231px;
}

body.commblue ul.navi > li.suche > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat top left;
    display: inline-block;
    height: 21px;
    background-position: 0px -252px;
}

body.commblue ul.navi > li.hilfe > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat top left;
    display: inline-block;
    height: 21px;
    background-position: 0px -294px;
}

body.commblue ul.navi > li.logout > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat top left;
    display: inline-block;
    height: 21px;
    background-position: 0px -168px;
}

body.commblue ul.navi > li.navi-item-topic > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat top left;
    display: inline-block;
    height: 21px;
    background-position: 0px -189px;
}

body.commblue ul.navi > li.navi-item-topic-all > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat top left;
    display: inline-block;
    height: 21px;
    background-position: 0px -210px;
}

body.commblue ul.navi > li > a.active {
}


body.commblue ul.navi > li.active > a, .navi ul > li:hover > a {
    color: #5d5d5d !important;
    text-decoration: none;
}

body.commblue ul.navi > li.active > a, ul.navi > li:hover > a {
    background: url("/static/img/commblue-iconsprite.png") no-repeat scroll 0px 5px rgba(0, 0, 0, 0);
    background-position: 0px -189px;
}

body.commblue ul.navi > li > ul > li > a {
    margin-left: 25px;
    display: inline-block;
    height: 21px;
    background: url("/static/img/commblue-iconsprite.png") no-repeat scroll 0px 5px rgba(0, 0, 0, 0);
    background-position: 0px -189px;
}

body.commblue ul.navi > li > ul > li > a.active {
    color: #5d5d5d !important;
}
*/
/**
 * TEASER bzw. Infobereich
 */        
/***********TEASER**************/

/*body.commblue .teaser {
    line-height: 180%;
}

body.commblue .teaser h3 {
    font-size: 15px;
    font-weight: 400;
    color: #003060;
    margin-bottom: 8px;
    text-transform: uppercase;
}

body.commblue .teaser h3 a {
    color: #003060;
}

body.commblue .teaser li {
    margin-bottom: 24px;
}

body.commblue .freier-teaser p img,
body.commblue .teaser li p img {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 0;
}
/************************/

	
body.commblue .neu  {
	background: url(/static/img/icon-neu-de.png) no-repeat top left;
	float: right;
	width: 26px;
	height: 26px;
	margin-top: 7px;
}

body.commblue img.attachments  {
	float: right;
	margin-right: 15px;
}

body.commblue table.en .neu  {
	background: url(/static/img/icon-neu-en.gif) no-repeat top left;
}

body.commblue img.save  {
	float: right;
	width: 26px;
	height: 26px;
}

/**
 * Liste
 */  
 
body.commblue table.archivliste {
    width: 100%;
    padding: 0px;
    border-bottom: 1px solid #abadad;
    margin-bottom: 0px;
}

body.commblue table.archivliste tr td.dashed {
    border-top-style:dashed;
    color: #6F6F6F;
}

body.commblue table.archivliste tr td.dashed div a {
    color: #6F6F6F;
}

body.commblue table.archivliste tr td.links {
    width: 150px;
}

body.commblue table.archivliste tr td.rechts {
}


body.commblue table.archivliste tr td, 
body.commblue table.archivliste tr td.links,
body.commblue table.archivliste tr td.rechts {
    border-top: 1px solid #abadad;
    padding-top: 10px; 
    padding-bottom: 10px;
    vertical-align: top;
    padding-right: 10px;
}

body.commblue table.archivliste tr:first-child td {
    border-top: none;
}


/**
 * Blaettern Funktion
 */  
 
body.commblue .pagination {
	/*margin-top: -40px !important;*/
	font-size: 100%;
	margin: 10px 0;
	float: right;
}

body.commblue .pagination span.disabled {
	color: #CCCCCC;
    display: none;
}

body.commblue .pagination a,
body.commblue .pagination span {
	color: #000;
	display: inline-block;
	margin: 2px;
	padding: 1px 10px 2px 10px;
	text-decoration: none;
}

body.commblue .pagination a:hover {
	color: #000;
	display: inline-block;
	margin: 2px;
	text-decoration: none;
}

body.commblue .pagination span.current {
	color: #000;
	font-weight: bold;
}

/**
 * Suchseite
 */  

body.commblue input.error, body.commblue select.error, body.commblue textarea.error {
    color: #000;
    font-weight: normal;
}

body.commblue textarea, 
body.commblue input[type="text"], 
body.commblue input[type="password"], 
body.commblue .normalesfeld {
    color: #333;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    line-height: 26px;
    padding: 0 7px;
    border: 1px solid #cbcbcb;
}

body.commblue input[type="submit"], 
body.commblue input.button, 
body.commblue input.submitbutton, 
body.commblue input#abschicken {
    cursor: pointer;
}
body.commblue input[type="submit"],
body.commblue input#logout,
body.commblue input.submit {
    background: none repeat scroll 0 0 #e1871a;
    border: 0 none;
    color: #fff;
    font-weight: normal;
    padding: 11px 15px;
    width:auto;
	  text-transform: uppercase;
}

body.commblue input[type="submit"]:hover {
	background: none repeat scroll 0 0 #eaa964;
	color: #000;
}

body.commblue .search table tbody tr {
    display:block;
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #abadad;
}

body.commblue table.filter {
    width: 100%;
    border-bottom: 2px solid #eaa964;
    padding: 10px 0 10px 0;
    margin-bottom: 10px;
}

body.commblue table.filter td {

}

body.commblue table.filter td.label {
    width: 200px;
    height: 30px;
}

body.commblue table.filter td.input {
    width: 310px;
    height: 30px;
    text-align: right;
}

body.commblue table.filter td.input input {
    width: 272px;
}

body.commblue table.filter td.input select {
    width: 288px;
    padding-top:3px;
    padding-bottom:3px;
}

body.commblue table.filter td.input input.dateField {
    width: 100px;
}

body.commblue table.filter td.input input.checknradio {
    width: 10px;
    border: none;
    float:left;
}

body.commblue form.search select option.firstLevel {
    padding-left: 0px;
} 

body.commblue form.search select option.secondLevel {
    padding-left: 15px;
} 

body.commblue form.search select option.thirthLevel {
    padding-left: 30px;
}

/* commBLUE Logout Form */

body.commblue .readonly {
    background-color: #ECECEC;
    color: #716F64;
}

body.commblue dl.zend_form {
	width: 400px;
	margin: 0px auto;
}

body.commblue dl.zend_form dt {
	float: left;
	margin: 5px 5px;
	clear: both;
	width: 150px;
}

body.commblue dl.zend_form dd {
	float: left;
	margin: 5px 5px;
	width: 220px;
}

body.commblue dl.zend_form dd input {
	width: 200px;
}

body.commblue dl.zend_form dd input#forgetMe {
	width: 15px;
}

body.commblue dl.zend_form dd input#logout {
	width: 216px;
	cursor: pointer;
}


/**
 * UserProfileEditor Styles
 */  
 
#userProfileEditForm {
	width: 460px;
	margin-bottom: 20px;
}

#userProfileEditForm div {
	clear: both;
}

#userProfileEditForm label.label {
	float: left;
	width: 150px;
}
	
#userProfileEditForm .standard-input {
	float: left;
	width: 300px;
	margin-bottom: 4px;
}

#userProfileEditForm select.standard-input {
	width: 304px;
}

#userProfileEditForm .submit-button {
	float: left;
	margin-left: 150px;
}

#userProfileEditForm ul.errors {
	margin: 0 0 15px 150px;
	padding: 0;
	color: #FF0000;
	list-style-type: none;
	font-size: 0.85em;
	font-weight: bold;
}

div#userProfileEditor p.message {
	font-weight: bold;
}


/**
 * End UserProfileEditor Styles
 */  
 



/**
 * ForgotPassword Styles
 */  
 
#forgotPassword {
	width: 460px;
	margin-bottom: 20px;
}

#forgotPassword div {
	clear: both;
}

#forgotPassword label.label {
	float: left;
	width: 150px;
}
	
#forgotPassword .standard-input {
	float: left;
	width: 300px;
	margin-bottom: 4px;
}

#forgotPassword select.standard-input {
	width: 304px;
}

#forgotPassword .submit-button {
	float: left;
	margin-left: 150px;
}

#forgotPassword ul.errors {
	margin: 0 0 15px 150px;
	padding: 0;
	color: #FF0000;
	list-style-type: none;
	font-size: 0.85em;
	font-weight: bold;
}

div#forgotPassword p.message {
	font-weight: bold;
}


/**
 * End ForgotPassword Styles
 */  
 
 
/**
 * Begin Subscription Editor Styles
 */  
 
a.backLink {
	margin: 15px 0px;
	display: block;
	font-weight: bold;
	color: #4A8B53;
}

.readonly {
    background-color: #ECECEC;
    color: #716F64;
}

dl.zend_form {
	margin-top: 10px;
	padding-top: 20px;
	width: 100%;
}

dl.zend_form div {
	margin-bottom: 15px;
	clear: both;
	height: 25px;
}

dl.zend_form div label {
	width: 250px;
	margin-right: 25px;
	display: block;
	float: left;
}

dl.zend_form div input {
	width: 200px;
	float: left;
}

dl.zend_form div input.checkbox {
	width: 15px;
	float: left;
	padding: 0;
	margin: 0;
}

dl.zend_form div input.submit {
	border: solid 1px #4A8B53;
	width: 100%;
	padding: 5px;
	background-color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	color: #4A8B53;
	margin-bottom: 20px;
}


dl.zend_form dt#verteiler-label {
	width: 250px;
	margin: 10px 25px 0px 0px;
}

dl.zend_form dd#verteiler-element {
	width: 200px;
	float: left;
	padding: 0;
	margin: 10px 0px 15px 0px;	
}

dl.zend_form dd#verteiler-element label {

}

dl.zend_form dd#verteiler-element label input {
	width: 15px;
	padding: 0;
	margin: 0;
	margin-bottom: 7px;
}
 
 
 /**
 * End Subscription Editor Styles
 */

 body.commblue .responsive-change-wrapper a {
    background-color: #0082b4;
    color: #fff;
    display: block;
    font-size: 12px;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    text-transform: uppercase;
}

body.commblue dl.zend_form dd input[type='checkbox'] {
		width: 15px;
		border: 1px solid #cbcbcb;
}

.bildergallerie ul {
	width:100%;
	float:left;
	display: flex;
   flex-wrap:wrap;
}
.bildergallerie ul li{
	width: calc(33% - 20px);
	margin: 10px;
	border: 1px solid silver;
	box-sizing: border-box;
}
.bildergallerie ul li a {
	height:100%;
	width:100%;
	display:block;
}
.bildergallerie ul li img {
	width:100%;
    height:100%;
	object-fit: scale-down;
}
.bildergallerie ul li img.standard {
	height:100%;
}


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

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    border: 0 none;
    margin: 0;
    outline: medium none;
    padding: 0;
    vertical-align: top;
}
.fancybox-wrap {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 8020;
}
.fancybox-skin {
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 4px;
    color: #444;
    position: relative;
    text-shadow: none;
}
.fancybox-opened {
    z-index: 8030;
}
.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
    position: relative;
}
.fancybox-inner {
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
    display: block;
    height: 100%;
    width: 100%;
}
.fancybox-image {
    max-height: 100%;
    max-width: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("/static/img/fancybox_sprite.png");
}
#fancybox-loading {
    background-position: 0 -108px;
    cursor: pointer;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    opacity: 0.8;
    position: fixed;
    top: 50%;
    z-index: 8060;
}
#fancybox-loading div {
    background: rgba(0, 0, 0, 0) url("/static/img/fancybox_loading.gif") no-repeat scroll center center;
    height: 44px;
    width: 44px;
}
.fancybox-close {
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 36px;
    z-index: 8040;
}
.fancybox-nav {
    background: transparent url("/static/img/blank.gif") repeat scroll 0 0;
    cursor: pointer;
    height: 100%;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 40%;
    z-index: 8040;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    cursor: pointer;
    height: 34px;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    visibility: hidden;
    width: 36px;
    z-index: 8040;
}
.fancybox-prev span {
    background-position: 0 -36px;
    left: 10px;
}
.fancybox-next span {
    background-position: 0 -72px;
    right: 10px;
}
.fancybox-nav:hover span {
    visibility: visible;
}
.fancybox-tmp {
    left: -99999px;
    max-height: 99999px;
    max-width: 99999px;
    overflow: visible !important;
    position: absolute;
    top: -99999px;
}
.fancybox-lock {
    overflow: visible !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 8010;
}
.fancybox-overlay-fixed {
    bottom: 0;
    position: fixed;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow-x: auto;
    overflow-y: scroll;
}
.fancybox-title {
    position: relative;
    text-shadow: none;
    visibility: hidden;
    z-index: 8050;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    bottom: 0;
    margin-bottom: -35px;
    position: absolute;
    right: 50%;
    text-align: center;
    z-index: 8050;
}
.fancybox-title-float-wrap .child {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 24px;
    margin-right: -100%;
    padding: 2px 20px;
    text-shadow: 0 1px 2px #222;
    white-space: nowrap;
}
.fancybox-title-outside-wrap {
    color: #fff;
    margin-top: 10px;
    position: relative;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 10px;
    position: absolute;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url("/static/img/fancybox_sprite@2x.png");
        background-size: 44px 152px;
    }
    #fancybox-loading div {
        background-image: url("/static/img/fancybox_loading@2x.gif");
        background-size: 24px 24px;
    }
}

/**************Teaser***********/

body.commblue  .teaser {
    max-width:80%;
    margin:0 auto;
    margin-top:30px;
}
body.commblue  .teaser ul {
 width:100%;
 float:left;
 display: flex;
 flex-wrap:wrap;
}

body.commblue .teaser ul .kicker {
    float: left;
    width: 100%;
    font-size: 14px;
    padding: 0;
    margin-right: 15px;
    margin-left: 40px;
    padding-top: 20px;
}

body.commblue .teaser ul .kicker .ort {
    margin-left: 20px;
}

body.commblue  .teaser ul li .image-left {
    padding:0 !important;
    margin:0 !important;
}

body.commblue .teaser h3 {
    clear: both;
    color: #000;
    text-transform: none !important;
    padding-top: 0px;
    padding-top: 20px !important;
    font-weight: bold;
}

body.commblue .teaser h3 a {
    color: #5d5d5d;
}

body.commblue .teaser a.more {	
    background-image: none;
    color: #e1871a;
}

body.commblue  .teaser ul li {
 width: calc(33% - 40px);
 margin: 20px;
 box-sizing: border-box;
    background-color: #fff;
    padding-bottom: 30px;
    border-left: 1px solid #abadad;
    border-right: 1px solid #abadad;
    border-bottom: 1px solid #abadad;
    border-top: 5px solid #e1871a;    
}
body.commblue  .teaser ul li h3,
body.commblue  .teaser ul li p {
    width:100%;
    display:block;
    padding: 0px 40px;
    box-sizing:border-box;
}
body.commblue  .teaser ul li img {
 width:100%;
    height:auto;
}
body.commblue  .teaser ul li p a{
    padding-left: 0px;
    background-image: none;
    color: #e1871a;
}

.liste-download > ul,
.liste-laender > ul {
	margin-top:30px;
	margin-bottom:30px;
	float:left;
	width:100%;
  	border-top:1px solid #abadad;
}

.liste-laender ul h2,
.liste-laender ul h3 {
	cursor:pointer;
	border-bottom:1px solid #abadad;
}
.liste-laender ul h2 {
	padding-bottom: 10px;
	padding-top: 10px;
}
.liste-laender ul h3 {
	padding-left:20px;
	padding-right:20px;
	margin:0;
 padding-bottom: 10px;
}
.liste-laender ul a {
	padding-left:40px;
	padding-right:20px;
	display: inline-block;
	padding-top:5px;
	padding-bottom:5px;
	width: 100%;
	box-sizing: border-box;
border-bottom:1px solid #abadad;
}

.liste-laender ul a h2 {
	padding-left:0px;
	padding-right:20px;
	display: inline-block;
	padding-top:5px;
	padding-bottom:5px;
	width: 100%;
	box-sizing: border-box;
 background-image: none;
 border-bottom: none;
}

.accordion {
    padding-left: 0px !important;
    border-bottom: 1px solid #acacac !important;

}

.ui-accordion .ui-accordion-icons{
    padding-left: 0px !important;
    border-top: 1px solid #acacac;
}

.ui-accordion .element {
    margin-top: 0px;
    padding-left: 0px !important;
    line-height: 180%;
    padding-bottom: 15px;
}

.ui-accordion .element:hover {
        cursor: pointer;
}

.accordion h3,
.liste-laender ul h2,
.liste-laender ul h3{
    margin-left: 0px;
    text-transform: none;
    padding-top: 10px;
    background: url("/static/img/accodion-arrow-down.gif") no-repeat top right rgba(0, 0, 0, 0);
    background-position: 100% 20px;
}

.accordion h3.active,
.liste-laender ul h2.active,
.liste-laender ul h3.active{
    text-transform: none;
    padding-top: 10px;
    background: url("/static/img/accodion-arrow-up.gif") no-repeat top right rgba(0, 0, 0, 0);
    background-position: 100% 20px;
}


.accordion h3 a:hover {
    text-decoration: none;
    cursor: pointer;
}

.liste-download ul li {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #abadad;	
}


/*****************BDSI******************/

body.bdsi #container {
	border-top: 5px solid #e6002f;
}

	body.bdsi #header-wrapper {
    position:relative;
    padding-left: 0px;
	  padding-right: 0px;
	  margin-bottom: 60px;
    float: left;
    width: 100%;
}

body.bdsi #header {
    background-color: #fff;
    position:relative;
    width: 100%;
    float: left;
}

body.bdsi #header .banner {
    color: #858688;
    font-size: 40px;
    text-transform: uppercase;
    position: absolute;
    top: 130px;
    left: 40px;
}

body.bdsi #header .logo-wrapper {
		width: 272px;
    height: 122px;
    float: left;
    margin-left: 135px;
    margin-top: 40px;
}

body.bdsi #header .logo-wrapper .logo {
		width: 272px;
    height: 122px;
}

body.bdsi #header .keyvisual{
    position: relative;
    float: left;
    width:100%;
}

body.bdsi #header .keyvisual img{
    border-bottom:none;
    width:auto;
    height:auto;
}

body.bdsi #header .keyvisual .overlay {
    position:absolute;
    right:0;
    width:35%;
    color: #fff;
    font-size: 40px;
    height: 100%;
    background: #666666;
}

body.bdsi #header .keyvisual .overlay .claim {
    display: block;
    padding-top: 50px;
    margin-left: 12%;
}

body.bdsi .title a {
    font-weight: bold;
    color: #474747!important;
}

body.bdsi #header ul {
    float:left;
    width: 100%;
}

body.bdsi #header ul li {
    float:left;
}

body.bdsi > #header > ul > li > a {
    padding-left: 30px;
}

body.bdsi > #header > ul:first-child > li > a {
    padding-left: 30px;
}

body.bdsi #header .toolbar{
	margin-top: 40px;
    float: right;
    width: 500px;
    font-size: 14px;
    margin-right: 100px;
}

body.bdsi #header .toolbar a { 
	float: right;
    color: #858688;
    font-size: 13px;
    text-transform: uppercase;
}

body.bdsi #header .toolbar #searchbox {
    float: right;
    margin-right: 205px;
    position:relative;
    top: -30px; 
    font-size: 14px;
    width: 277px;
}

body.bdsi #header .toolbar #searchbox input[type='text']{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-right: 0px;
    padding: 6px 10px;
    width: 230px;
    font-size: 14px;
}

body.bdsi #header .toolbar #searchbox input[type='submit']{
    background-color: none;
    background: url("/static/img/bdsi-icon-suche.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    text-indent: -9999px;
    border-bottom: none;
    margin-left: 0px;
    border-left: none;
    font-size: 14px;
}

body.bdsi #header .toolbar #searchbox #search_search{
    border-bottom: 1px solid #000;
}

body.bdsi #header .toolbar ul{
    float: right;
    margin-right: 20px;
    width: 350px;
}

body.bdsi #header .toolbar ul li{
    background-color: #fff;
    float: right;
    padding-right: 0px;
}

body.bdsi #header .toolbar ul li.item-bdsi-website-weiterleitung,
body.bdsi #header .toolbar ul li.item-hilfe-html {
    padding-right: 10px;
}

body.bdsi #header .toolbar ul li.item-gs-logout-html a{
    background: url("/static/img/gs-icon-logout.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 35px;
}

body.bdsi #header .toolbar ul li.item-gs-hilfe-html a{
    background: url("/static/img/gs-icon-hilfe.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 35px;
}

body.bdsi input[type="submit"],
body.bdsi input#logout,
body.bdsi input#login,
body.bdsi input.submit {
    background: none repeat scroll 0 0 #ea1b47;
    border: 0 none;
    color: #fff;
    font-weight: normal;
    padding: 11px 11px;
	  text-transform: uppercase;
}

body.bdsi .neu  {
	background: url(/static/img/bdsi-icon-neu-de.png) no-repeat top left;
	float: right;
	width: 25px;
	height: 25px;
	margin-top: 7px;
}

/*****BDSI Navi****/


body.bdsi #gruppennavi {
    float: right;
    margin-right: 120px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 120px;
}

body.bdsi #gruppennavi ul {
	list-style:none;
	margin:0;
	padding:0;
	background-color: #fff;
    box-sizing:border-box;
    left: 15px !important;
    border-bottom: 0px;
}
body.bdsi #gruppennavi span{
    cursor:pointer;
}
body.bdsi #gruppennavi ul a{
    box-sizing:border-box;
    color:#000;
    background-color: #fff;
}
body.bdsi #gruppennavi nav.desktop-style > ul > li {
	margin:0;
	padding:0;
	float:left;
	position:relative;
    z-index:1000;
    /*width:14.285%;*/
}
body.bdsi #gruppennavi nav.desktop-style > ul > li > a{
    font-size: 18px;
    line-height:24px;
    font-weight: 400;
    /*display:inline-block;*/
    height:40px;
    padding:10px 0px 70px 0px;
    width:inherit !important;
    margin-left: 15px;
    margin-right: 15px;
    background-color: transparent;
    text-align: left;
    border-right:none;
    border-bottom: 5px solid #fff;
}
body.bdsi #gruppennavi nav.desktop-style > ul > li:hover > a,
body.bdsi #gruppennavi nav.desktop-style > ul > li.active > a,
body.bdsi #gruppennavi nav.desktop-style > ul > li > a:hover,
body.bdsi #gruppennavi nav.desktop-style > ul > li > a.active{
    color:#000;
	  background: #fff;
   border-bottom: 5px solid #ea1b47;
}
/*ZWEITE EBENE*/
body.bdsi #gruppennavi nav.desktop-style > ul > li > ul{
	display:none;
	position:absolute;
	border-top: 1px solid #fff;
 width: 312px;
 -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.44);
box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.44);
}

body.bdsi #gruppennavi nav.desktop-style > ul > li > ul > li {
	position:relative;
}
body.bdsi #gruppennavi nav.desktop-style > ul > li > ul > li a{
    font-size: 15px;
    line-height:22px;
    display:inline-block;
    width:312px;
    border-bottom:1px solid #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
}
body.bdsi #gruppennavi nav.desktop-style ul.third-level li a{
    padding-left: 75px;
}

body.bdsi #gruppennavi nav.desktop-style ul.third-level li a:hover,
body.bdsi #gruppennavi nav.desktop-style ul.third-level li a:active{
    padding-left: 75px;
    background-color: #f2eee3;
    color:#000;
}
body.bdsi #gruppennavi nav.desktop-style > ul > li > ul > li a:hover  {
    background:#f2eee3;
    color:#000;
}
body.bdsi #gruppennavi nav.desktop-style > ul > li > ul > li a.active {
    background:#f2eee3;
    color:#000;
}
body.bdsi #gruppennavi nav.desktop-style > ul > li > ul > li:first-child  > a{
    padding-top: 10px;
    padding-bottom: 10px;
}
body.bdsi #gruppennavi nav.desktop-style ul.third-level {
	/*display:none;*/
}
body.bdsi #gruppennavi nav.desktop-style > ul.third-level > li > ul > li.active ul a.active,
body.bdsi #gruppennavi nav.desktop-style > ul.third-level > li > ul > li.active ul a:hover {
    background-color: #e9c39b;
    color:#000;
}

/*ZWEITE EBENE*/
body.bdsi #gruppennavi nav.desktop-style > ul > li:hover > ul {
    display:block;
}


/*********BDSI Parser********/

body.bdsi h1 {
    color: #e6002f;
    font-size: 35px;
    padding-bottom: 10px;
	  text-transform: normal;
    border-bottom: none;
    text-align: center;
    text-transform: none;
    line-height: 120%;
}

body.bdsi h2, body.commblue h3, body.commblue h4, body.commblue .titel {
    color: #5d5d5d;
}

body.bdsi h2 {
    color: #e6002f;
    font-size: 20px;
    padding-bottom: 10px;
	  text-transform: normal;
    border-bottom: none;
    text-align: left;
    text-transform: none;
    line-height: 120%;
}

body.bdsi h3 {
    color: #e6002f;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

body.bdsi.commblue a,
body.bdsi.commblue .news a,
body.bdsi.commblue .article a {
    color: #ea1b47;
    text-decoration: none;
}


/**************BDSI Teaser***********/

body.bdsi  .teaser {
    max-width:80%;
    margin:0 auto;
    margin-top:30px;
}
body.bdsi  .teaser ul {
 width:100%;
 float:left;
 display: flex;
 flex-wrap:wrap;
}

body.bdsi  .teaser ul li .image-left {
    padding:0 !important;
    margin:0 !important;
}

body.bdsi .teaser h3 {
    clear: both;
    color: #000;
    text-transform: none !important;
    padding-top: 0px;
    padding-top: 30px !important;
    font-weight: normal;
}

body.bdsi .teaser a.more {
    background-image: none;
    color: #e1871a;
}

body.bdsi  .teaser ul li {
 width: calc(33% - 40px);
 margin: 20px;
 box-sizing: border-box;
    background-color: #fff;
    padding-bottom: 30px;
    border: none;
    background:#f2eee3; 
}
body.bdsi  .teaser ul li h3,
body.bdsi  .teaser ul li p {
    width:100%;
    display:block;
    padding: 0px 40px;
    box-sizing:border-box;
}
body.bdsi  .teaser ul li img {
 width:100%;
    height:auto;
}
body.bdsi  .teaser ul li p a.more{
    padding-left: 0px;
    background-image: none;
    color: #e6002f;
}

body.bdsi a.resetfilter {
    color: #ea1b47;
}

.gs-seminare #content .image{
    max-width:50%;
}

.liste-download ul li:first-child {
    padding-top:15px;
}
body.commblue.bdsi table.filter {
	border-bottom: 2px solid #e6002f;
}
body.commblue.bdsi input[type="submit"]:hover {
    background: none repeat scroll 0 0 #ea1b47;
    color: #fff;
}

/***********IMPORTEUR-DATENBANK*************/

#importeursuche #firma-label,
#importeursuche .field-wrapper div:first-child{
 font-weight: bold;
  border-top: 1px solid #dddddd;
  padding-top: 5px;
  margin-top: 10px;
}

#importeursuche .field-wrapper ul.condensed li.level-2{
 margin-left: 15px;
 background-color: #efefef;
}

#importeursuche input[type="text"] {
 margin-top: 15px;
 margin-bottom: 20px;
 width: 250px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
}

#importeursuche input[type="submit"] {
 width: 269px;
}

.importeur-suche-liste .toggle-icon {
	width: 13px;
	height: 13px;
 background: url(/static/img/laenderdaten-arrow-down.png) no-repeat top left;
	display: block;
	float: left;
	margin-top: 7px;
}

.importeur-suche-liste ul li.item .clickbox .firmenname {
	font-weight: bold;
 margin-top: 10px;
}

.importeur-suche-liste ul li.item .clickbox {
	border-bottom: 1px solid #dddddd;
 padding-bottom: 20px;
 margin-bottom: 20px;
}

.importeur-suche-liste ul li.item .clickbox strong !important {
	color: #000;
}
.importeur-suche-liste .toggle-icon + input{
	margin-left:5px;
}
.importeur-suche-liste .toggle-icon + input + label + ul{
	display:none;
}
.importeur-suche-liste .toggle-icon.activated {
 background: url(/static/img/laenderdaten-arrow-up.png) no-repeat top left;
}
.importeur-suche-liste .categoryGroup .toggle-icon {
	display:none;
}
/***********PAGINATION*************/
.importeur-suche-liste  div.pagination {
    border-top: 1px solid #cbcbcb !important;
    border-bottom: 1px solid #cbcbcb !important;
    font-size: 15px;
    margin-bottom: 4px;
    margin-top: 13px;
    padding-bottom: 12px;
    padding-top: 9px;
	width:100%;
 margin-bottom: 20px;
}
.importeur-suche-liste  div.pagination .filter {
    float: left;
    font-weight: normal;
    margin-right: 10px;
    text-transform: uppercase;
	width:100%;
}
.importeur-suche-liste  div.pagination ul.pagination li {
}
.importeur-suche-liste  div.pagination ul.pagination.letter {
    padding-left: 0;
	padding-left: 0;
	float: left;
	width: 100%;
}

.commblue.gs ul.pagination.letter li {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 22px;
}

.importeur-suche-liste ul.pagination.letter a:hover {
    text-decoration: underline;
}

.importeur-suche-liste ul.pagination.letter li.option.active {
    font-weight: bold;
    font-size: 13pt;
    color: #000;
}

.importeur-suche-liste ul.pagination.letter li.last {
    width: auto;
}

.importeur-suche-liste .pagination.letter li + li.last:before {
    color: #364f81;
    content: "|";
    font-weight: normal;
    padding: 0 6px;
}

.importeur-suche-liste .pagination-button-left,
.importeur-suche-liste .pagination-button-right {
    text-transform: uppercase;
}

.importeur-suche-liste  .pagination.noborder .pagination-button-right {
    /*display: none;*/
}

.importeur-suche-liste .pagination.letter li:first-child {
    display:none !important;
}

body.commblue.bdsi.feedback-aism-koeln-de h1 {
    color: #E6007E;
}

body.commblue.bdsi.feedback-aism-koeln-de #container {
    border-top: 5px solid #E6007E;
}

body.commblue.bdsi.feedback-aism-koeln-de #container #header-wrapper {
    margin-bottom: auto;
}

body.commblue.bdsi.feedback-aism-koeln-de #container #header-wrapper #header {
    display: flex;
}

body.commblue.bdsi.feedback-aism-koeln-de #container #header-wrapper #header .logo-wrapper {
    margin: auto;
    width: 400px;
    height: 200px;
}

body.commblue.bdsi.feedback-aism-koeln-de #container #header-wrapper #header .logo-wrapper .logo {
    width: 400px;
    height: 200px;
}

body.commblue.bdsi.feedback-aism-koeln-de #container #footer {
    background-color: #333;
}

body.commblue.bdsi.feedback-aism-koeln-de a {
    color: #E6007E;
}

body.commblue.bdsi.feedback-aism-koeln-de input[type="submit"] {
    background: none repeat scroll 0 0 #E6007E;
    color: #fff;
}

body.commblue.bdsi.feedback-aism-koeln-de.error404 #container #header-wrapper {
    display:none;
}

@media (max-width: 1600px) {
    body.commblue.bdsi.feedback-aism-koeln-de #container #header-wrapper #header .logo-wrapper {
        width: 25vw;
        height: 12.5vw;
    }
    body.commblue.bdsi.feedback-aism-koeln-de #container #header-wrapper #header .logo-wrapper .logo {
        width: 25vw;
        height: 12.5vw;
    }
}

@media (max-width: 840px) {
    body.commblue.bdsi.feedback-aism-koeln-de #container #header-wrapper #header .logo-wrapper .logo {
        max-width: 100%;
    }
}

@media (max-width: 800px) {
    body.commblue.bdsi.feedback-aism-koeln-de #container #header-wrapper #header .logo-wrapper {
        width: 200px;
        height: 100px;
    }
    body.commblue.bdsi.feedback-aism-koeln-de #container #header-wrapper #header .logo-wrapper .logo {
        width: 200px;
        height: 100px;
    }
}

/*@media (min-width: 1700px) {
    body.feedback-aism-koeln-de.bdsi #header {
    }
}*/

/*Terminkalender*/
.show-fix {
	display:block !important;
}
div.terminkalender div.kalender a.arrow-left {
    float: left;
    display: block;
	width: 20px;
	height: 20px;
	margin-top: 0;
	font-size: 28px;
	line-height:28px;
	margin-right: -30px;
	margin-top: -3px;
}

div.terminkalender div.kalender a.arrow-right {
	float: right;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: 0;
	font-size: 28px;
	line-height:28px;
	margin-left: -30px;
	margin-top: -3px;
}

div.terminkalender {
    margin: 2.00em 0 0 0;
}

div.terminkalender div.kalender {
    padding: 10px 9px;
    background-color: #f2eee3;
    margin-top: 0px;
}

div.terminkalender div.kalender a.link {
    display: block;
    width: 10px;
    height: 20px;
    background: yellow;
}

div.terminkalender h3 {
	word-wrap: break-word;
}

div.terminkalender h3 a {
    font-weight: bold;
}

div.terminkalender div.kalender div.monat {
    float: left;
    margin: 0 0 0 11px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #666765;
}

div.terminkalender div.kalender div.jahr {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #666765;
    margin-bottom: 10px;
}

div.terminkalender div.kalender div.monat.first {
    margin-left: 0;
}

div.terminkalender div.kalender div.monat div.tag, div.terminkalender div.kalender div.monat a.tag {
    display: block;
	float: left;
	width: 36px;
	height: 36px;
	padding: 4px 3px 3px 1px;
	margin: 0px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background: #848485;
	box-sizing: border-box;
	border: 1px solid #fff;
}

div.terminkalender div.kalender div.monat div.tag.inaktiv {
    background: #c1c1c1;
}

div.terminkalender div.kalender div.monat div.tag.first, div.terminkalender div.kalender div.monat a.tag.first {
    margin-left: 0;
}

div.terminkalender div.kalender div.monat div.tag.aktiv, div.terminkalender div.kalender div.monat a.tag.aktiv {
    background: #ea1b47;
}

div.terminkalender div.element {
  padding: 10px 0 22px 0;
  cursor: pointer;
  border-bottom: 2px solid white;
}

div.terminkalender div.element.separator {
    padding: 12px 0;
    border-top: 1px solid #848485;
}

div.terminkalender div.element div.date-1 {
    float: left;
    width: 50px;
    margin: 0 10px 0 0;
    padding: 4px 6px 9px 6px;
    color: #fff;
    background:  #ea1b47;
    text-align: center;
	border: 1px solid #ea1b47;
	border-radius:5px;
}

div.terminkalender div.element:hover div.date-1 {
    background:  #ea1b47;
}

div.terminkalender div.element div.date-1:hover {
    background:  #ea1b47;
}

div.terminkalender div.element div.date-2 {
    float: left;
    width: 50px;
    margin: 0 10px 0 0;
    padding: 4px 6px 9px 0;
    color: #fff;
    background:  #ea1b47;
    text-align: center;
	border: 1px solid #ea1b47;
	border-radius:5px;
}

div.terminkalender div.element:hover div.date-2 {
    background:  #ea1b47;
}

div.terminkalender div.element div.date-2:hover {
    background:  #ea1b47;
}

div.terminkalender div.element div.date-3 {
    float: left;
    width: 50px;
    margin: 0 10px 0 0;
    padding: 4px 6px 9px 0;
    color: #fff;
    background:  #ea1b47;
    text-align: center;
	border: 1px solid #ea1b47;
	border-radius:5px;
}

div.terminkalender div.element:hover div.date-3 {
    background:  #ea1b47;
}

div.terminkalender div.element div.date-3:hover {
    background:  #ea1b47;
}

div.terminkalender div.element div.date div.date-separator {
    font-weight: bold;
    font-size: 16px;
}

div.terminkalender div.element div.date.inaktiv {
    background: none;
}

div.terminkalender div.element div.date.inaktiv div.tag {
    display: none;
}

div.terminkalender div.element div.date.inaktiv div.monat {
    display: none;
}

div.terminkalender div.element div.day {
    font-weight: bold;
    font-size: 16px;
}

div.terminkalender div.element div.month {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

div.terminkalender div.kalender div.element div.content {
    clear: both;
    float: left;
    background-color: #f2eee3;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: -10px;
}
div.terminkalender div.liste {
	margin-top:40px;
}

div.terminkalender div.liste div.element div.content {
    background-color: #fff;
    padding-left: 75px;
}

div.teaser-terminkalender.terminkalender div.element div.content {
    width: 164px;
    float: left;
}

.download-items {
	margin-top:30px;
}
.download-items ul {
	list-style: disc !important;
	color: #ea1b47;
}
.download-items ul li{
	list-style-position: inside;
}

.anmeldeformular td.beschreibung {
    white-space: break-spaces;
}

.anmeldeformular td.eingabe input[type="checkbox"] {
    vertical-align: top;
    margin-top: 5px;
}

.anmeldeformular a.showAllText {
    display: block;
}

@media screen and (max-width: 900px) {
	.monat + .monat + .monat {
		display:none !important;
	}
	.item-group + .item-group + .item-group {
		display:none !important;
	}
	.monat + .monat .arrow-right{
		display:block !important;
	}
	div.terminkalender div.kalender {
	  padding: 10px 9px;
	  background-color: #f2eee3;
	  margin-top: 0px;
	  text-align: center;
	  padding-bottom:20px;
	}
	div.terminkalender div.kalender div.monat {
	  float: none;
	  margin: 0 0 0 0 !important;
	  text-align: center;
	  font-size: 16px;
	  font-weight: bold;
	  color: #666765;
	  width: auto;
	  display: inline-block;
	}
	div.terminkalender div.kalender div.element div.content {
		text-align: left !important;
	}
}
@media screen and (max-width: 590px) {
	.monat + .monat {
		display:none !important;
	}
	.item-group + .item-group {
		display:none !important;
	}
	.monat + .monat .arrow-right{
		display:none !important;
	}
	.monat .arrow-right{
		display:block !important;
	}
}
body.commblue.gs #gruppennavi nav.desktop-style > ul > li {
    z-index: unset;
}
body.commblue.gs #gruppennavi nav.desktop-style > ul > li > ul {
    z-index: 999;
}
body.commblue.gs #gruppennavi nav.desktop-style > ul > li > ul > li a {
    z-index: 999;
    position:relative;
}
@media screen and (min-width: 1440px) {
    body.commblue.gs #gruppennavi nav.desktop-style > ul > li > a {
        padding: 10px 30px; 
    }
    .gs #gruppennavi nav.desktop-style > ul > li:last-child > ul {
        right: 130px !important;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    body.commblue.gs #gruppennavi nav.desktop-style > ul > li > a {
        padding: 10px 10px !important;
    }
    .gs #gruppennavi nav.desktop-style > ul > li:last-child > ul {
        right: 182px !important;
    }
}

body.bdsi #header .toolbar ul li.item-dashboard {
  margin-right: 10px !important;
}

body.bdsi #header .toolbar #searchbox {
  margin-right: 305px !important;
}

body.bdsi #header .toolbar #searchbox input[type="text"] {
  width: 255px !important;
}
body.bdsi #header .toolbar #searchbox input[type="text"] {
  width: 255px !important;
  box-sizing: border-box;
}
body.dashboard #header .toolbar #searchbox input[type="text"] {
  width: 255px !important;
  box-sizing: border-box;
  margin-left: 00;
}
@media (max-width: 1023px) {
body.bdsi #header .toolbar #searchbox input[type="text"] {
    width: 246px !important;
    box-sizing: border-box;
    margin-top: 10px;
    padding-right: 10px;
    margin-right: 2px;
}
body.bdsi #header .toolbar #searchbox input[type="submit"] {
    padding: 0px !important;
    width: 25px;
    padding-top: 10px !important;
    margin-top: -35px;
    float: right;
  }
body.dashboard #header .toolbar #searchbox input[type="text"] {
  width: 246px !important;
  box-sizing: border-box;
  margin-left: 00;
}
}