/*
 Theme Name:   DevDmBootstrap3 Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  DevDmBootstrap3 Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     devdmbootstrap3
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  devdmbootstrap3-child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

html {
	height: 100%;
}
body {
	background-color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	line-height: 24px;
}

a:hover, a:focus {
	color: inherit;
}
a .display-lg {
    display: none;
}
blockquote {
	color: #8B8989;
	font-family: 'Roboto slab', serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.4;
	margin: 19px 9px 29px 19px;
	padding-top: 0;
	padding-bottom: 0;
}
blockquote, blockquote p {
	padding-left: 9px;
	padding-top: 0;
	padding-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 140%;
}
h1 {
	font-size: 180%;
}
h2 {
	font-size: 160%;
}
h3 {
	font-size: 140%;
}
h4 { /* Lead */
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	font-weight: 600;
	line-height: 1.5;
	padding-bottom: 19px;
	padding-top: 10px;
}
h5 {
	font-size: 100%;
}
h6 { /* Lead */
	font-size: 85%;
	font-weight: 700;
}

.main, .third-row, .fourth-row, .fifth-row, .sixth-row, .seventh-row {
	margin-bottom: 50px;
}
.second-row {
	margin-bottom: 40px;
}
.margin-bottom {
    margin-bottom: 37px;
}
.margin-bottom-blogs-home {
    margin-bottom: 20px;
}

.space {
	padding: 13px;
}

.infinite-container.infinite-loading:after {
	background: #CCCCCC;
	background-image: url('/loading.png');
	background-position: center center;
	background-repeat: no-repeat;
	bottom: 0;
	color: #FFFFFF;
	content: ' ';
	height: 30px;
	left: 0;
	line-height: 30px;
	position: absolute;
	right: 0;
	text-align: center;
}
    
/* /\/\/\/\/\ */
/* navigation */
/* /\/\/\/\/\ */

.top-bar {
	height: 50px;
}
.navbar-default {
    background-color: #FFFFFF;
    border-bottom: 1px none #AAAAAA;
}
.navbar-static-top {
    z-index: 90;
}
.navbar a.navbar-brand img {
	height: 100px;
	margin: -73px 0 0 -17px;
	max-height: none !important;
	max-width: none !important;
	width: auto;
}
.dropdown-menu > li > a {
	color: #FFFFFF;
}
.pro {
    float: right;
    font-family: Oswald;
    font-size: 18px;
    margin: 13px 14px 0 0px;
    position: relative;
}
.pro img {
	margin-top: -7px;
	padding-right: 11px;
}
.pro a {
	color: #FFFFFF;
}
.pro-tag {
    float: right;
    font-family: Oswald;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 27px 0 0 19px;
    padding: 5px 5px 5px 5px;
}
.rtsreligion {
	font-family: Oswald;
	font-size: 32px;
	font-weight: 400;
	margin-bottom: 27px;
	padding: 17px;
}
.rtsreligion-banner {
    display: block;
    padding: 9px 0 7px 59px;
}
.partenaire-de {
    display: block;
    margin-bottom: 7px;
}
.oneSmallBanner {
	padding-left: 30%;
	padding-right: 30%;
}
.channel {
	margin-top: 13px;
}
.duration {
	font-family: Oswald;
	font-weight: 400;
	text-transform: uppercase;
}
.social {
    float: right;
    font-family: Oswald;
    font-size: 16px;
    margin: 9px 29px 0 29px;
    position: relative;
}
.today {
	font-size: 14px;
	font-weight: 300;
	margin: 10px 0 0 241px;
}
.logged-in.admin-bar .languages {
	margin-top: 32px;
}
.logged-in.admin-bar .pro {
	margin-top: 41px;
}
.logged-in.admin-bar .social {
	margin-top: 41px;
}
.logged-in.admin-bar .today {
	margin-top: 11px;
}
.jobs {
	font-size: 14px;
}
.jobs p {
	padding-left: 7px;
	padding-right: 7px;
}
.navbar-inverse {
    background-color: #000000;
    border-color: #000000;
}
.navbar {
    border-radius: 0;
    color: #999999;
}
.footer-credits {
	color: #FFFFFF;
	font-size: 12px;
}
.footer-credits a {
	color: #FFFFFF;
}
.footer-address {
	color: #787878;
	font-size: 14px;
	margin: -13px 0 0 134px;
}
.footer-link, .footer-link a {
	color: #787878;
	font-size: 12px;
}
.footer-link > div {
	margin-bottom: 11px;
}
.footer-social {
	text-align: right;
}
.footer-social img {
	margin-left: 11px;
}

.adventskalender {
	background-position: left top;
	background-repeat: no-repeat;
	color: red;
	display: block;
	height: 83px;
	left: 241px;
	position: absolute;
	top: -13px;
	width: 160px; 
}
.adventskalender .nummer {
	display: block;
	float: left;
	font-size: 24px;
	font-weight: bold;
	margin: 31px 0 0 1px;
	text-align: center;
	text-shadow: 0px 3px 2px rgba(150, 150, 150, 0.9);
	width: 83px;
}
.adventskalender .titel {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 1.25;
	margin: 47px 0 0 0;
	text-shadow: 0px 3px 2px rgba(150, 150, 150, 0.9);
}

.creche {
	height: 55px;
	left: 128px;
	margin: 0 0 0 0;
	position: absolute;
}
.soupes-de-careme {
    height: 50px;
    margin: 8px 0px 0px 134px;
}
.margin-top {
    margin-top: 13px;
}

/* /\/\/\/ */
/* article */
/* /\/\/\/ */

.second-row {
	margin-top: 29px;
	padding-top: 0;
}
.article {
     background-color: #FFFFFF;
}
.article .black {
	color: #444444;
}
.article h1 {
    font-size: 24px;
}
.article h1 > a {
    color: #000000;
}
.article h1.2columns {
	font-size: 24px;
}
.article h1.1column {
	font-size: 20px;
	margin-top: 0;
	padding-top: 0;
}
.article h2 {
    font-size: 18px;
}
.article .text h2 {
    margin-top: 31px;
}
.article h3 {
    font-size: 16px;
}
.article .author {
	font-style: italic;
	margin-bottom: 11px;
}
.article ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
.article ul li:before {
    display: inline-block;
    content: '\2013';
    width: 1em;
    margin-left: -1em;
}
.article .caption {
    color: #AAAAAA;
	font-size: 13px;
	line-height: 1.2;
	margin-top: 3px;
}
.article .caption1column {
	font-size: 13px;
}
.article .caption2columns {
	font-size: 13px;
	/* height: 27px; */
}
.article .div_with_border ul {
	margin-left: 1em;
}
.article .image-tag {
	font-family: Oswald;
    height: 28px;
    margin-top: -28px;
    padding: 2px 7px 5px 7px;
    position: absolute;
}
.article .supertitle {
    font-size: 16px;
    margin: 23px 0 0 0;
}
.article .lead {
    font-size: 16px;
    font-weight: 700;
    margin: 23px 0 17px 0;
}
.article .margin-bottom {
    margin-bottom: 37px;
}
.article .padding-bottom {
    padding-bottom: 37px;
}
.article .inst-address p, .article .pers-address p {
	margin: 0;
	padding-bottom: 6px;
	padding-top: 0;
}
.article table.inst-communication, .article table.pers-communication {
	margin-top: 1px;
}
.article .inst-communication td, .article .pers-communication td {
	border: none;
	margin: 0;
	padding-bottom: 7px;
	padding-top: 0px;
}
.article table.alignright {
	background-color: #E8E8E8;
	float: right;
	font-size: 13px;
	margin: 11px 0 23px 23px;
	max-width: 30%;
}
.article table.alignright td {
	border: none;
	margin: 0;
	padding: 0 7px 0 7px;
}
.article table.alignright tr:first-child td {
	padding-top: 7px;
}
.article table.alignright tr:last-child td {
	padding-bottom: 7px;
}
.article .emission-rtv {
	margin-bottom: 37px;
}
.article .emission-rtv img {
	float: left;
	margin: 7px 13px 7px 0;
}
.copyright {
	color: #9B9B9B;
	font-size: 80%;
	font-style: normal;
	line-height: 1.4;
	margin-top: 41px;
	padding: 13px;
}
.medienspiegel-list .date {
	float: left;
	min-width: 100px;
	width: 100px;
}
.medienspiegel-list .article-source-time {
	margin-bottom: 11px;
	margin-left: 100px;
	width: auto;
}
.source, .medienspiegel-list .excerpt {
	color: #999999;
}
.medienspiegel-list .medienspiegel-closed, .medienspiegel-list .medienspiegel-open {
	float: right;
	margin: 5px 0 11px 19px;
}
.div_with_border #eventsidebar {
	padding-top: 11px;
}
.event-list-element-2columns {
	margin: 0px 0 10px 0;
}
.event-list-element-2columns .caption {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4;
	margin: 3px 0 0 0;
}
.event-list-element-2columns h2 a {
	color: #333333;
}
.event-list-image {
	padding-top: 7px;
}
#eventsidebar .article {
	background-color: transparent;
}
#eventsidebar .article h2 {
	background-color: transparent;
	color: #333333;
	margin: 0;
}
#eventsidebar .article a {
	color: #000000;
}
#eventsidebar .article .datetimelocation
{
	color: #000000;
	line-height: 1.3;
}
/*
#eventsidebar .calendar {
	margin-left: 0;
	padding: 7px 0px 3px 0px;
}
*/
h1 > a {
    color: #000000 !important;
}
.calendar {
	color: #FFFFFF;
	background-color: #7F7F7F;
    border-radius: 0px;
	border-right: 1px solid #DDDDDD;
    font-family: Oswald;
    margin: 4px 0 0 -5px;
	padding: 15px 7px 10px 7px;
}
.calendar > .day {
    font-size: 30px;
	font-weight: 600;
	margin: 0;
	text-align: center;
}
.calendar > .month {
    font-size: 20px;
	font-weight: 300;
	text-align: center; 
	text-transform: uppercase;
	padding-top: 6px;
}
.date-time {
	font-size: 14px;
	font-weight: 700;
}
.img-inst, .img-pers {
	margin: 29px 0 3px 0;
}
.img-inst-caption, .img-pers-caption {
	font-size: 80%;
}
.list-funk-pers {
	font-size: 14px;
}
.map-inst, .map-pers {
	margin: 29px 0 0 0;
}

a:hover {
	text-decoration: underline !important;
}
.before-categories {
	margin-bottom: 29px;
}
.caption {
    color: #CCCCCC;
	font-size: 13px;
	line-height: 1.2;
	margin-top: 3px;
}
.category1, .events, .medienspiegel, .ticker {
    color: #666666;
    font-size: 14px;
    line-height: 1.5;
    padding: 20px 11px 0 11px;
}
.sidebartext {
	padding: 13px 11px 13px 11px;
}
.sidebartext h1 {
	color: #000000;
	font-size: 24px;
	line-height: 140%;
	margin-top: 0;
	padding-top: 0;
}
.sidebartext ul {
	padding-left: 0;
}
.sidebartext ul > li {
	list-style-type: none;
}
.slimScroll {
	border: none;
	margin-top: 0;
	width: 100%;
	height: -webkit-calc(100% - 28px); /* minus height of instagram-head */
	height: calc(100% - 28px); /* minus height of instagram-head */
}
.slimScroll > div + div {
	width: 9px !important;
}
.scroll-wrap + div .scroll-bar {
	background-color: #999999;
}
.extern .scroll-wrap + div .scroll-bar {
	background-color: #E8E8E8;
}
.instagram-head {
	height: 28px;
	overflow: hidden;
}
.instagram-head > a > img {
	float: left;
}
.instagram-head > a > span {
	display: block;
	float: right;
	margin-top: -3px;
}
.extern-row .div_with_border {
	background-color: white;
}
.extern {
	color: #FFFFFF;
}
.extern h1 {
	font-size: 20px;
	color: #FFFFFF;
}
.white-link a {
	color: white !important;
	margin: 0 22px 20px 0 !important;
}
.black-link > a {
	color: #333333 !important;
}
.white-link > a {
	color: white !important;
	margin: 0 22px 20px 0 !important;
}
.white-link p {
	font-size: 100%;
}
.highlight-row .div_with_border {
	background-color: white;
}
.replay-programme {
	border-top: 1px solid #FFFFFF;
	font-size: 11px;
	padding: 2px 0 0 11px;
	text-transform: uppercase;
}
.rtsreligion-banner {
	font-family: Oswald;
	font-size: 16px;
	font-weight: 400;
	overflow: hidden;
}
.tag_on_bottom_of_author {
	color: #FFFFFF !important;
	font-family: Oswald;
	height: 28px;
	padding: 1px 11px 5px 11px;
}
.tag_on_bottom_of_author a {
	color: #FFFFFF !important;
}
.technology1column {
	text-align: right;
	margin: -51px 11px 15px 0px;
}
.technology2columns {
	text-align: right;
	margin: -97px 19px 19px 0px;
}
.uppercase {
    text-transform: uppercase;
}
.wp-caption {
	background: none repeat scroll 0% 0% #FFF;
	border: none;
	color: #AAAAAA;
	max-width: 100%;	
	padding: 0;
	text-align: left;
}
.wp-caption img {
	max-width: 100%;
}
.wp-caption p.wp-caption-text {
	font-size: 13px;
	padding: 2px 0px 5px;
}
.wp-caption.alignnone {
    margin-top: 0px;
}
#likebox-wrapper * {
	width: 100% !important;
}
#twitter-wrapper * {
	width: 100% !important;
}
.esf {
    display: none;
}
.tag-cloud {
	line-height: 1.3;
	margin-bottom: 19px;
	margin-top: 19px;
	text-align: justify;
}
.multimedia-tabs {
	/* background-color: white; */
}
.multimedia-tab {
	border: 1px solid white;
	color: white;
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding: 7px 13px 11px 13px;
}

.col-sm-4.article iframe {
	height: 320px;
}

.facebook-comment img {
	float: left;
	height: 21px;
	margin: 4px 13px 3px 0;
}


/* /\/\/\/\/\ */
/* responsive */
/* /\/\/\/\/\ */

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) – navbar width: 720px*/
@media (min-width: 768px) {
	/* Navigation
	-------------------------------------------------- */

	.navbar a.navbar-brand img {
		margin-left: 0;
	}
    .nav-walker {
    	float: right;
    }
    .pro {
		margin-right: 14px;
    }
	.extern-row .div_with_border {
		min-height: 422px;
	}
	.highlight-row .div_with_border {
		min-height: 265px;
	}
	.bottom-line-xs {
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
		border-bottom: none !important;
	}
	.rtsreligion-banner {
		margin-top: 0;
		max-width: 100%;
	}
	.oneSmallBanner {
		background-color: #AAAAAA;
		padding-left: 0;
		padding-right: 0;
	}
	.creche {
		height: 36px;
		left: 148px;
		margin: 5px 0 0 0;
	}
    .soupes-de-careme {
        height: 37px;
        margin: 6px 0px 0px 112px;
    }
}

/* Medium devices (desktops, 992px and up) – navbar width: 940px */
@media (min-width: 992px) {
	/* Navigation
	-------------------------------------------------- */
	.languages {
        float: left;
        margin-left: 227px;
    }
    .languages > a {
        border-right: 2px solid white;
        display: block;
        float: left;
        font-family: Oswald;
        font-size: 19px;
        height: 50px;
        padding: 11px 17px 0 17px;
    }
    .article .caption1column {
        min-height: 49px;
    }
	.highlight-row .div_with_border {
		min-height: 348px;
	}
	.replay-programme {
		font-size: 16px;
	}
	.footer-credits .text {
		margin: 16px 0 11px 0;
	}
	.footer-link {
		margin: 22px 0 0 0;
	}
	.footer-social {
		height: 80px;
		text-align: right;
	}
	.footer-social img {
		margin-top: 33px;
	}
    blockquote {
        font-size: 31px;
        margin: 29px 79px 31px 59px;
    }
    blockquote, blockquote p {
        padding-left: 29px;
    }
	.creche {
		height: 43px;
		left: 147px;
		margin: 0 0 0 0;
	}
    .soupes-de-careme {
        height: 37px;
        margin: 6px 0px 0px 112px;
    }
}

/* Large devices (large desktops, 1200px and up) – navbar width: 1140px */
@media (min-width: 1200px) {
	/* Navigation
	-------------------------------------------------- */
	
	/* navigation */

	.navbar-brand > img {
		width: 230px !important;
	}
	.top-bar {
		height: 126px;
	}
	#menu-footer li > a {
		font-size: 18px;
	}
	.nav > li > a {
	    padding: 13px 43px;
	}
	.navbar li > a {
		font-family: Oswald;
		font-size: 20px;
	}
	.navbar-default .navbar-nav > li > a {
    	color: #000000;
	}
	.navbar-nav {
    	float: right;
	}
	#menu-footer.navbar-nav {
	    float: left;
	}
	.navbar {
	    margin-bottom: 0px;
	}
    .navbar a.navbar-brand img {
		height: auto;
	 	margin: -141px 0 0 -30px;
		max-height: none !important;
		max-width: none !important;
		width: 100%;
	}
	ul.nav li.dropdown:hover > ul.dropdown-menu {
	    display: block;    
	}
	.navbar-nav > li > a {
	    padding-bottom: 35px;
	}
	.dropdown-menu {
		border: none;
		border-radius: 0;
		box-shadow: none;
		left: 0;
		margin: -2px 0;
		padding: 0px 0;
        /*
		right: 0;
		width: 100%;
        */
	}
	.dropdown-menu > li {
		clear: none;
        /*
		float: left;
        */
	}
   	.dropdown-menu > li > a {
	    clear: both;
	    color: #FFFFFF;
		display: block;
		font-size: 18px;
        /*
		min-height: 67px;
        */
		padding: 6px 23px 6px 23px;
	    white-space: nowrap;
	}
   	.dropdown-menu > li:first-child {
        padding-top: 7px;
    }
   	.dropdown-menu > li:last-child {
        padding-bottom: 9px;
    }
	ul.dropdown-menu {
        /*
		text-align: center;
		width: 100%;
        */
	}
	.nav-walker {
		margin-top: 5px;
	}
	img.leaderboard {
		float: right;
	}
	.rtsreligion-banner {
		height: 90px;
	}
	.rtsreligion-banner img {
		max-width: none;
	}
	.highlight-row > .container > .row, .highlight-row .div_with_border {
		min-height: 422px;
	}
	.social img {
		margin-right: 11px;
	}
	.creche {
		height: auto;
		left: 259px;
		margin: -71px 0 0 0;
	}
    a .display-lg {
        display: inline;
    }
    .soupes-de-careme {
        height: 50px;
        margin: -6px 0px 0px 101px;
    }

	.facebook-comments {
		background-color: #E8E8E8;
		padding: 20px 11px 11px;
		color: #333333;
	}
	.facebook-comment {
		border-bottom: 1px solid #CCCCCC;
		overflow: hidden;
		padding-bottom: 7px;
		margin-bottom: 7px;
	}
	.facebook-comment:last-child {
		border: none;
	}
	.facebook-comment-author {
		font-style: italic;
		padding-right: 1px;
		text-align: right;
	}
}

/**
 * Accordion
 */
.accordion > h3 {
    /* background-color: rgba(0, 90, 161, 0.1) !important; */
	background-image: url('images/chevron_down.png') !important;
	background-position: right 9px center !important;
	background-repeat: no-repeat;
	cursor: cell !important;
    font-size: 20px;
	padding: 3px 29px 3px 3px !important;
}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
	position: static;
}
.yamm .container {
	position: relative;
}
.yamm .dropdown-menu {
	left: auto;
}
.yamm .yamm-content {
	padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}


/*
cycle2
*/
/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .6;
}
/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 50%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(images/dia-prev.png) 0% 50% no-repeat;}
.cycle-next { right: 0; background: url(images/dia-next.png) 100% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .75; filter: alpha(opacity=75); }
/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #666666;}
.cycle-pager > * { cursor: pointer;}

/**
* social media buttons
*/
.esf-social-buttons {
	float: right;
	margin: 2px 0 0 27px;
}
a.post-share {
	background: #3e599a;
	color: #ffffff;
	display: block;
	float: left;
	height: 33px;
	margin: 3px 0px 0px 0px;
	overflow: hidden;
	padding: 8px 0 0 11px;
	position: relative;
	text-decoration: none;
	text-indent: 0;
	width: 90px;
}
a.post-share:hover {
	opacity: 0.8;
	text-decoration: none;
	cursor: pointer;
}
a.post-share span {
	background-color: #4665af;
	color: #ffffff;
	display: block;
	float: right;
	font: 14px "Open Sans", Verdana, Arial, Helvetica, Geneva, sans-serif;
	height: 23px;
	padding: 5px 11px 0 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 30px;
}

a.post-share.facebook {
	background: #3a5799;
	margin-right: 0px;
}
a.post-share.facebook span {
	background: #3a5799;
	width: 51px;
	/* background-color: #4665af; */
}

a.post-share.twitter {
	background: #00aaf0;
	margin-right: 0px;
	width: 59px !important;
}
a.post-share.twitter span {
	background: #00aaf0;
	/* background-color: #529fda; */
}

a.post-share.gplus {
	background: #b8382e;
	margin-right: 0px;
}
a.post-share.gplus span {
	background-color: #d24238;
}

a.post-share.print {
	background: #0075b8;
	margin-right: 0px;
}
a.post-share.print span {
	background: #0075b8;
	/* background-color: #4665af; */
}

/* responsive youtube video */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}