@media only screen and (min-width: 768px) {
    /*****************************************************************/
    /***********    Haupt / GlobalNavigation    **********************/
    /*****************************************************************/
    .mainListWrapper {
        background: #6c655f;
        display: inline-block;
        height: 1.875em;
        position: relative;
        text-align: center;
        width: 100%;
    }

    #mainnav {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #mainnav #menue {
        display: none; /* nur kleine Breakpoints sichtbar */
    }

    #mainList {
        display: inline-block;
        margin: 0;
        max-width: 64em;
        padding: 0;
        text-align: left;
    }

    #mainList > li {
        border-left: 1px solid #fff;
        box-sizing: border-box;
        display: block;
        float: left;
        list-style-type: none;
        margin: 0;
        width: 25%;
    }

    #mainList > li:last-child {
        border-right: 1px solid #fff;
    }

    #mainList > li > a {
        background: #6c655f;
        color: #fff;
        display: block;
        font-family: 'OpenSansSemibold', sans-serif;
        font-weight: normal;
        height: 1.875em;
        line-height: 1.875em;
        margin: 0;
        padding: 0;
        text-align: center;
        text-decoration: none;
    }

    #mainList .showMenue > a {
        background: #efeeec;
        color: #000;
    }

    /* kleine Platzhalter links und rechts an der Navigation */
    #mainList > .nav4 > a {
        width: 100%;
    }

    #mainList > .nav1 > a {
        width: 100%;
    }

    #mainList > li > a > span {
        background-position: right 9px;
        background-repeat: no-repeat;
        padding-right: 22px;
    }

    #mainList > li > a:hover span,
    #mainList > li > a:focus span,
    #mainList > li > a:active span {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlDNzE4OTQzNTU2RTExRTY5ODc4QjU5NzNFQkI0QzQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlDNzE4OTQ0NTU2RTExRTY5ODc4QjU5NzNFQkI0QzQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUM3MTg5NDE1NTZFMTFFNjk4NzhCNTk3M0VCQjRDNDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUM3MTg5NDI1NTZFMTFFNjk4NzhCNTk3M0VCQjRDNDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4UFvg1AAAAjElEQVR42mL4////AyCeA8QMBPAkIL4OYlz5DwFleBSXQtWANSgB8Rsg/gvEvlgUBwHxPyB+C8RqMEE7IP4FxJ+BWBdJsTkQf4PK2YLEkE1Khlr7EIjFgVgBiF9CxaJh6tCt74IqOAbE16DsWmQ16BqYgXjzfwRYBMSM+DSAMC8Qnwfi3UDMhi4PEGAAfvM+MnLx5qAAAAAASUVORK5CYII=');
        /*background-image: url('http://wayback.fauppsala.se:80/wayback/20200501154430/https://www.stadt-koeln.de/img/navigation/arrow-down.png');*/
    }

    #mainList > li.aktiv > a:hover span,
    #mainList > li.aktiv > a:focus span,
    #mainList > li.aktiv > a:active span {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk0NTFBQkYzNTU2RTExRTZBNURDQUE4RjUyREY4MUVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk0NTFBQkY0NTU2RTExRTZBNURDQUE4RjUyREY4MUVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTQ1MUFCRjE1NTZFMTFFNkE1RENBQThGNTJERjgxRUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTQ1MUFCRjI1NTZFMTFFNkE1RENBQThGNTJERjgxRUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z6sPdAAAAj0lEQVR42mL4//8/AzIGAjYg3g3E54GYF0MeTTEjEC8C4v9QvBmImfFpqIUqvAbEx6DsLqwagCAaquAlECsAsTgQP4SKJaNoAAJbIP4FxN+A2BzJEF0g/gyVs4OKMagB8Vsg/gfEQVgCwReI/wLxGyBWAglch1pbiq4YSVMZVM0VmIZJuBQjaZoDxA8AAgwAhpuouQ78IZsAAAAASUVORK5CYII=');
        /*background-image: url('http://wayback.fauppsala.se:80/wayback/20200501154430/https://www.stadt-koeln.de/img/navigation/schwarzerPfeil.png');*/
    }

    #mainList > li.showMenue > a span
    #mainList > li.showMenue > a:hover span,
    #mainList > li.showMenue > a:focus span,
    #mainList > li.showMenue > a:active span {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk0NTFBQkYzNTU2RTExRTZBNURDQUE4RjUyREY4MUVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk0NTFBQkY0NTU2RTExRTZBNURDQUE4RjUyREY4MUVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTQ1MUFCRjE1NTZFMTFFNkE1RENBQThGNTJERjgxRUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTQ1MUFCRjI1NTZFMTFFNkE1RENBQThGNTJERjgxRUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z6sPdAAAAj0lEQVR42mL4//8/AzIGAjYg3g3E54GYF0MeTTEjEC8C4v9QvBmImfFpqIUqvAbEx6DsLqwagCAaquAlECsAsTgQP4SKJaNoAAJbIP4FxN+A2BzJEF0g/gyVs4OKMagB8Vsg/gfEQVgCwReI/wLxGyBWAglch1pbiq4YSVMZVM0VmIZJuBQjaZoDxA8AAgwAhpuouQ78IZsAAAAASUVORK5CYII=');
        /*background-image: url('http://wayback.fauppsala.se:80/wayback/20200501154430/https://www.stadt-koeln.de/img/navigation/schwarzerPfeilHoch.png');*/
    }

    /*****************************************************************/
    /***********    Ausklapp Menues         **************************/
    /*****************************************************************/
    html.js .navMenueLayer {
        height: 0;
        opacity: 0;
        overflow: hidden;
        position: relative;
        top: auto;
        transition: all 0.3s linear;
        -moz-transition: all 0.3s linear; /* schliessen */
        -o-transition: all 0.3s linear; /* schliessen */
        -webkit-transition: all 0.3s linear; /* schliessen */
        visibility: hidden; /* schliessen */
        z-index: -10;
    }

    /* JS hover */
    li.showMenue .navMenueLayer {
        /* hier wird eine Höhe gesetzt, allerdings wird diese per JS wieder überschreiben */
        height: 300px;
        margin: 0 0 26px 0;
        opacity: 1;
        overflow: auto;
        padding-bottom: 1.25em;
        transition: height 0.3s linear;
        -moz-transition: height 0.3s linear; /* oeffnen */
        -o-transition: height 0.3s linear; /* oeffnen */
        -webkit-transition: height 0.3s linear; /* oeffnen */
        visibility: visible; /* oeffnen */
        z-index: 10;
    }

    .navMenueLayer {
        background-color: #efeeec;
        color: #333;
        overflow: hidden;
        position: relative;
        width: 400%;
    }

    /* Verschiede Positionen */
    .nav1 .navMenueLayer {
        left: 0;
    }

    .nav2 .navMenueLayer {
        left: -100%;
    }

    .nav3 .navMenueLayer {
        left: -200%;
    }

    .nav4 .navMenueLayer {
        left: -300%;
    }

    .navMenueLayer h1,
    .navMenueLayer h2 {
        font-family: 'OpenSansSemibold', sans-serif;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.1;
        margin: 0 0 0.5em 1em;
        padding: 0;
        /*text-overflow:ellipsis;*/
    }

    /* NEU 2018-07
	.navMenueLayer h2 {
        font-family: 'Verdana', sans-serif;
        font-size: 0.75em;
        font-weight: bold;
    }*/

    .navMenueLayer h1 {
        margin: 0 0 1em 0;
    }

    .navMenueLayer ul {
        font-family: "Verdana", sans-serif;
        font-size: 0.75em;
        font-weight: normal;
        list-style-type: none;
        margin: 0 0 2em 0.2em;
        padding: 0;
    }

    .navMenueLayer li {
        line-height: 1.3em;
    }

    .navMenueLayer a {
        color: #000000;
        outline: none;
        text-decoration: none;
    }

    .navMenueLayer a:hover,
    .navMenueLayer a:active,
    .navMenueLayer a:focus {
        color: #000000;
        text-decoration: underline;
    }
	
	/*NEU 2018-07 */
	.navMenueLayer .navCol a.navMenue{
        font-weight: bold;
		font-family: "Verdana", sans-serif;
		font-size: 0.75em;
    }

    .navMenueLayer li a {
        display: inline-block;
        padding: 3px 0 3px 0.625em;
        width: 100%;
    }

    .navMenueLayer li a:hover,
    .navMenueLayer li a:active,
    .navMenueLayer li a:focus {
        background-color: #dfdfdf;
    }

    .navMenueLayer .banner h2 {
        background-color: #D85F49;
        height: 2em;
        line-height: 2em;
    }

    /* "gehe zu ..." nur anzeigen, wenn man die Menues per KLICK öffnet */
    .no-touch .onHover .navMenueLayer .geheZu,
    .no-js .geheZu {
        height: 0.5em;
        padding: 0;
        visibility: hidden;
    }

    .navMenueLayer .geheZu {
        border-bottom: 1px solid #CCCCCC;
        display: block;
        margin: 0 0 20px 1%;
        padding: 20px 0 0 0;
        width: 98%;
    }

    .navMenueLayer .geheZu a {
        display: block;
        margin: 0 auto 0 auto;
        padding: 0 0 10px 14px;
		font-family: OpenSansSemibold;
		background: rgba(0,0,0,0) url("http://wayback.fauppsala.se:80/wayback/20200501154430/https://www.stadt-koeln.de/img/layout/inline-icons/linkintern.png") no-repeat scroll 2px 8px;
		font-size: 0.9em;
    }

    .navMenueLayer .geheZu a h1 span {
        display: inline-block;
    }

    .navMenueLayer .geheZu a:hover h1 span,
    .navMenueLayer .geheZu a:focus h1 span,
    .navMenueLayer .geheZu a:active h1 span {
        text-decoration: underline;
    }

    .navMenueLayer .geheZu a h1 span.klein {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI2OUZDOTAzNTU2QzExRTZBQjdBOUYyNjI5MUZENjYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI2OUZDOTA0NTU2QzExRTZBQjdBOUYyNjI5MUZENjYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjY5RkM5MDE1NTZDMTFFNkFCN0E5RjI2MjkxRkQ2NjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjY5RkM5MDI1NTZDMTFFNkFCN0E5RjI2MjkxRkQ2NjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7lHtmUAAAAcElEQVR42mLYwMDwFIhL/v//zwDDLAwMDElAvH4jI6MEkC71B4oygmSAAuZAga1AvBmIU8CCIACU0AZSO4H4LBMDAvwE4h9AzMMEVWUCpI6BVAGxJxNQwBPIOAjES4E4AmjRLwagc14BcRGykwACDADu2zLio3rfmgAAAABJRU5ErkJggg==');
        background-position: 0 4px;
        background-repeat: no-repeat;
        padding: 0 0 0 10px;
        text-transform: none;
        /*background-image: url('http://wayback.fauppsala.se:80/wayback/20200501154430/https://www.stadt-koeln.de/img/navigation/arrow-right.png');*/
    }

    .navMenueLayer .geheZu a h1 span.klein path {
        fill: #ff0000;
    }

    .navMenueLayer .besuchenSie {
        clear: both;
        padding-top: 1px;
    }

    .navMenueLayer .besuchenSie h3 {
        border-top: 1px solid #CCC;
        color: #000;
        font-family: 'OpenSansSemibold', sans-serif;
        font-size: 0.875em;
        font-weight: normal;
        margin-left: 0.5em;
        margin-right: 0.5em;
        padding: 1em 0.5em 0 0.5em;
    }

    .besuchenSie li a:hover,
    .besuchenSie li a:focus,
    .besuchenSie li a:active {
        background-color: transparent;
    }

    .besuchenSie .linkintern {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI2OUZDOTAzNTU2QzExRTZBQjdBOUYyNjI5MUZENjYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI2OUZDOTA0NTU2QzExRTZBQjdBOUYyNjI5MUZENjYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjY5RkM5MDE1NTZDMTFFNkFCN0E5RjI2MjkxRkQ2NjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjY5RkM5MDI1NTZDMTFFNkFCN0E5RjI2MjkxRkQ2NjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7lHtmUAAAAcElEQVR42mLYwMDwFIhL/v//zwDDLAwMDElAvH4jI6MEkC71B4oygmSAAuZAga1AvBmIU8CCIACU0AZSO4H4LBMDAvwE4h9AzMMEVWUCpI6BVAGxJxNQwBPIOAjES4E4AmjRLwagc14BcRGykwACDADu2zLio3rfmgAAAABJRU5ErkJggg==');
    }

    .besuchenSie .linkextern {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAYAAAAPU20uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4REE3REMzNTU2RDExRTZBNTU4RkE4RUQ4MTNCODREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ4REE3REM0NTU2RDExRTZBNTU4RkE4RUQ4MTNCODREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDhEQTdEQzE1NTZEMTFFNkE1NThGQThFRDgxM0I4NEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDhEQTdEQzI1NTZEMTFFNkE1NThGQThFRDgxM0I4NEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tt9fQAAAAkElEQVR42mL8//8/AzLYyMi4AEjFw/iMGxgYHiDJNwHxCiDWAuKtQMwLUvAZyLCFKngKxExAfByI+4G4GcT56////wUQBrK/A/E2IF4N5E8G0o+YGFBBOxBfB+IKEAeoSI8BaMUHkENBGMiWAGI2KBsszoKsHajjBZqJYAWMQK8JMGACRpgCPiB+z4ADAAQYAHziNFRudMvUAAAAAElFTkSuQmCC');
    }

    .besuchenSie .linkintern,
    .besuchenSie .linkextern {
        background-position: 0 4px;
        background-repeat: no-repeat;
        display: inline-block;
        padding: 0 0 8px 18px;
    }

    .besuchenSie .linkintern {
        padding: 0 0 7px 14px;
    }

    .besuchenSie .linkextern {

    }

    .menueSchliessen {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCNkIzOTVBNTNERTExRTY4RDY5OTJGMzM1OEJCMjk4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCNkIzOTVCNTNERTExRTY4RDY5OTJGMzM1OEJCMjk4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkI2QjM5NTg1M0RFMTFFNjhENjk5MkYzMzU4QkIyOTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkI2QjM5NTk1M0RFMTFFNjhENjk5MkYzMzU4QkIyOTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4DeSdpAAAAWUlEQVR42mJgYGC4A8RngViUgTAQhaoF6QEz/gPxZQKaRaFq/kP1oAjg0oxTDT7NBA3GpoAY12DVfJlI/2NoxqmJiYFKgCynkhU4ZEUH2QmA7CRHViIHCDAAQVdCNZBOjqwAAAAASUVORK5CYII=');
        background-position: 0 0;
        background-repeat: no-repeat;
        bottom: 2px;
        display: block;
        height: 0.875em;
        margin-bottom: 2.5em;
        margin-right: .875em;
        position: absolute;
        right: 2px;
        width: 0.9em;
        /*background-image: url('http://wayback.fauppsala.se:80/wayback/20200501154430/https://www.stadt-koeln.de/img/navigation/navigation-schliessen.png');*/
    }

    .menueSchliessen:hover,
    .menueSchliessen:focus,
    .menueSchliessen:active {
        background-color: #dfdfdf;
    }

    /******************************************
     "Besuchen Sie" Grid in %
    *******************************************/
    .besuchenSie ul {
        margin-left: 1em;
    }

    .besuchenSie li {
        display: block;
        float: left;
        width: 23%;
        padding-right:2%;
    }

    /******************************************
     Col Grid
     verschiede Weiten der einzelenen Spalten
    *******************************************/
    .navMenueLayer .navCol {
        float: left;
        width: 33.3%;
    }

}

/*ENDE @media only screen and (min-width:768px)*/

/******************************************
*******************************************
        Weitere Breakpoints
*******************************************
****************************************/

/******************************************
 Col Grid
 verschiede Weiten der einzelenen Spalten
*******************************************/
@media only screen and (min-width: 1024px) {
    .navMenueLayer .navCol {
        width: 19%;
		margin-right: 1%;
    }
}

/******************************************
 "Besuchen Sie" Grid in %
*******************************************/
@media only screen and (min-width: 1024px) {
    .besuchenSie li {
        padding-right:2%;
        width: 18%;
    }
}

/****************************************************
   Navigationspunke
   nav-politik-verwaltung und nav-leben-in-koeln
**************************************************/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #mainList > #nav-14 > a {
        height: 2.7em;
        line-height: 1.1em;
        padding-top: 0.6em;
    }

    #mainList > #nav-14 > a > span {
        background-position: right top;
        line-height: 1.1em;
    }

    /* ColWrapper wrappt die ersten 3 navCol Spalten
    in der Navigation, damit die beiden hinteren Spalten
    in der Ansicht 480px<>768px gut umbrechen
    */
    .ColWrapper {
        overflow: hidden;
    }
}

/******************************************
 Metanavigation
*******************************************/
#metanav {
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
}







/*
     FILE ARCHIVED ON 15:44:30 May 1, 2020 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 3:39:18 Aug 21, 2025.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/