
/* General */

	/* General element styles */

		a,
		#main .ce_text a .image_container .caption,
		#main .ce_text a .image_container .caption {
			color: #006AB2;
		}

	/* Offscreen */

	/* Nav bars */

	/* Layout */

		.body-spalten:not(.artikeldetail) #main .mod_article,
		.body-spalten #right.durchgehende-spalte > .inside,
		.einspaltig #main .inside,
		.body-boxen #main .ce_text,
		.body-boxen #right .ce_text,
		.body-spalten #right .ce_text,
		.body-spalten #right .ce_person,
		.body-spalten #right .mod_customnav:not(.bereichsmenue-jubilaeum) {
			border-top: 6px solid #0066B6;
		}
		.body-boxen #right .ce_text.blau {
			background: #0066B6;
			border-top: none;
		}

        @media only screen and (min-width: 760px) {
            
            .body-spalten #main .mod_article {
                border-top: 6px solid #0066B6;
            }
        }

/* Header */

	/* Header allgemein */

		#header {
			background: #0066B6;
		}

	/* Navbar top */

        @media only screen and (min-width: 760px) {

            #header-top-menu-bar {
                background: #0E478F;
            }            
        }

	/* 100 Jahre Logo */

	/* Logo */

		#logo.wirtschaftsdienst {
			color: #FFF;
			text-align: center;
			padding: 0;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		#logo.wirtschaftsdienst > p {
			line-height: 2.0rem;
            margin: 1.6rem 0 0 0;
		}
		#logo.wirtschaftsdienst .logo-1 {
            display: block;
			font-family: "Minion W08", "times new roman", "times", serif;
			font-size: 2.5rem;
			font-weight: normal;
			line-height: 2.0rem;
		}
		#logo.wirtschaftsdienst .logo-2 {
			font-family: "Minion W08", "times new roman", "times", serif;
			font-size: 1.3rem;
			font-weight: normal;
			font-style: normal;
			line-height: 2.2rem;
			padding-left: 3.4rem;
		}
        #logo.wirtschaftsdienst br {
            display: none;
        }

		@media only screen and (min-width: 760px) {

			#logo.wirtschaftsdienst {
				padding: 35px 0 20px 0;
			}
			#logo.wirtschaftsdienst > p {
				line-height: 2.4rem;
                margin: 1.0rem 0;
			}
			#logo.wirtschaftsdienst .logo-1 {
				font-size: 5.8rem;
				line-height: 6.0rem;
			}
			#logo.wirtschaftsdienst .logo-2 {
				font-size: 1.65rem;
				line-height: 2.5rem;
				padding-left: 8.8rem;
			}			
		}

	/* Search */

		#header-search .text {
			border: 1px solid #974777;
		}
		#header-search .submit {
			background: #974777;
		}
		#header-search .submit:hover,
		#header-search .submit:focus,
		#header-search .submit:active {
			background: #0066B6;
		}

		@media only screen and (max-width: 729px) {
		}

		@media only screen and (min-width: 730px) {			
		}

		@media only screen and (min-width: 1000px) {
		}

	/* Navbar articles */

    /* Breadcrumb */

    /* Social Media / RSS */

/* Elements */

	/* Typography  */

	/* Images */

	/* General elements */

	/* Artikel */

    /* Artikel-Detail (Archiv) */

        @media only screen and (max-width: 759px) {

            .artikeldetail #main h2 {
                background-color: #0066B6;
            }
        }

    /* Artikel-Funktionen (Archiv) */

        .link-artikel-pdf a:before {
            background-image: url(https://www.wirtschaftsdienst.eu/files/images/icons/icons-artikel-download-blue.png);
        }
        .link-artikel-kommentieren a:before {
            background-image: url(https://www.wirtschaftsdienst.eu/files/images/icons/icons-artikel-kommentieren-blue.png);
        }

    /* Artikel teilen (Archiv) */

        .artikel-teilen {
            background-color: #0167B8;
        }

    /* Artikel-Teaser */

    	#main .ce_teaser a:hover h2,
    	#main .ce_teaser a:focus h2,
    	#main .ce_teaser a:active h2,
    	#main .ce_teaser a:hover h3,
    	#main .ce_teaser a:focus h3,
    	#main .ce_teaser a:active h3 {
    		color: #974777;
    	}

	/* Boxen */

		.box.blau {
			background: #0066B6;
		}

	/* Boxen: Teaser-Boxen */

		#container .teaser.box.blau > h2,
		#container .teaser.box.blau > a > h2 {
			color: #FFF;
		}

	/* Boxen: PDF-Boxen */

		.pdf.box a:hover,
		.pdf.box a:focus,
		.pdf.box a:active {
			background: #006AB2;
		}

	/* Boxen: Personen */

	/* Boxen: Zitate */

    /* Buttons */

	  	.button {
    		color: #0066B6;
			border: 1px solid #0066B6;
    	}
		.button.solid.blau {
    		color: #FFF;
			background-color: #0066B6;
		}

    /* Dekadenseiten */

        .dekade.die-1910er h1 + .ce_text {
    		background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1910er.png);
    	}
    	.dekade.die-1920er h1 + .ce_text {
			background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1920er.png);
    	}
    	.dekade.die-1930er h1 + .ce_text {
			background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1930er.png);
    	}
    	.dekade.die-1940er h1 + .ce_text {
			background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1940er.png);
    	}
    	.dekade.die-1950er h1 + .ce_text {
			background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1950er.png);
    	}
    	.dekade.die-1960er h1 + .ce_text {
			background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1960er.png);
    	}
    	.dekade.die-1970er h1 + .ce_text {
			background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1970er.png);
    	}
    	.dekade.die-1980er h1 + .ce_text {
			background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1980er.png);
    	}
    	.dekade.die-1990er h1 + .ce_text {
			background-image: url(/files/images/wd-dekade-header-650x160px/dekade-1990er.png);
    	}
    	.dekade.die-2000er h1 + .ce_text {
			background-image: url(/files/images/wd-dekade-header-650x160px/dekade-2000er.png);
    	}
    	.dekade.die-2010er h1 + .ce_text {
			background-image: url(/files/images/wd-dekade-header-650x160px/dekade-2010er.png);
    	}

    /* Fussnoten */

    /* Lesen Sie auch */

	/* Menschen */

    /* Redaktion / Wissenschaftlicher Beirat */
    	
	/* Startseite: Aktuelle Ausgabe */

    /* Zitate */

    	.einspaltig #main .ce_single_quote .quelle {
    		color: #635C5C;
    	}

/* Footer */

    /* Footer: Dekaden Navi */

        @media only screen and (max-width: 760px) {

            #dekadenav li {
                width: 25%;
            }
            #dekadenav li:nth-child(1),
            #dekadenav li:nth-child(5),
            #dekadenav li:nth-child(9) {
                border-left: 1px solid #DDD;
            }
        }

        @media only screen and (min-width: 760px) and (max-width: 999px) {

            #dekadenav li {
                width: 123px;
            }
            #dekadenav li:nth-child(1),
            #dekadenav li:nth-child(7) {
                width: 125px;
                border-left: 1px solid #DDD;
            }
            #dekadenav li:nth-child(7) {
                clear: left;
            }
        }

/* Archiv-Styles */

	a.link {
        background: #0066B6;
	}
	a.link:hover,
	a.link:focus,
	a.link:active {
		background-color: #974777;
	}

	#main input.submit,
	#right input.submit,
	.widget-submit button {
		border: 1px solid #0066B6;
		background: #0066B6;
	}
	#main input.submit:hover,
	#main input.submit:focus,
	#main input.submit:active,
	#right input.submit:hover,
	#right input.submit:focus,
	#right input.submit:active,
	.widget-submit button:hover,
	.widget-submit button:focus,
	.widget-submit button:active {
		background-color: #974777;
		border: 1px solid #974777;
	}

	#right .kaesten a:link,
	#right .kaesten a:visited,
	#right .kaesten strong:not(.on),
	#right .kaesten span.leer {
		border: 1px solid #0066B6;
	}
	#right .kaesten a:hover,
	#right .kaesten a:focus,
	#right .kaesten a:active {
		background: #0066B6 !important;
	}
	#right .kaesten strong,
	#right .kaesten strong.on a:link,
	#right .kaesten strong.on a:visited {
		background: #0066B6 !important;
	}

    .archiv .options {
        /*display: none !important;*/
    }
