@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Open Sans',sans-serif;
}
p {
    margin: 5px 0 5px;
}
.txt-zentriert {
	text-align:center;
}
.txt-rechts {
	text-align:right;
}
.rechts {
	float:right;
}
.links {
	float:left;
}
.zentriert {
	margin:0 auto;
    text-align: center;
}


.links5 {
	padding-left:5px !important;
}

.links10 {
	padding-left:10px !important;
}

.links15 {
	padding-left:15px !important;
}

.links20 {
	padding-left:20px !important;
}

.rechts5 {
	padding-right:5px !important;
}

.rechts10 {
	padding-right:10px !important;
}

.rechts15 {
	padding-right:15px !important;
}

.rechts20 {
	padding-right:20px !important;
}

.oben5{
	padding-top:5px;	
}


.karte{
	width:100%;
	height:300px;
	border:0;	
}
.litinfo_frame {
	min-height:600px; 
	width:100%;	
}
.row {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

.modal-content {
    padding: 10px;
}

/*Sildeshow*/
.carousel-caption {
	position: absolute;
	right: 0%;
	bottom: 40px;
	left: 0%;
	padding:0;
    color: #000;
    text-align: center;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.78) 15%, rgba(255,255,255,0.78) 85%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.78) 15%,rgba(255,255,255,0.78) 85%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.78) 15%,rgba(255,255,255,0.78) 85%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.carousel-caption p {
	width:75%;
	margin:0 auto 10px auto;
}

.carousel-indicators {
    bottom: 0px !important;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5%;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=30);
    opacity: 0.3;
}

/*Menü */
.navbar-default {
    background-color: #fff;
	border:none;
    margin-bottom: 10px;
}

.navbar-default .navbar-nav > li > a {
    background-color: #fff;
    color: #333333;
	text-transform: uppercase;
	display: block;
	font-weight: 600;
	padding: 25px 20px;
	text-align: center;
	font-size: 16px;
	background: #FFF; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#FFF, #FFF , #FFF, #E4E4E4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFF, #FFF , #FFF, #E4E4E4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFF, #FFF , #FFF, #E4E4E4); /* For Firefox 3.6 to 15 */
	background: linear-gradient( #FFDBDB, #FFFFDB, #DBDBFF); /* Standard syntax */
}


.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #c50047 !important;
	text-decoration: none;
	background: #FFF;
}

/* CSS Stil für Menüs mit Untermenüs */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #c50047 !important;
	text-decoration: none;
	background: #FFF;
}

.navbar-right {
    float: right !important;
    margin-right: 0px;
	padding: 10px 5px;
}

/* Dropdownmenüs */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
	border:none;


}

.dropdown-menu > li:first-child >a{
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight:bold !important;
    line-height: 2;
    color: #A1A1A1 !important;
	text-transform: uppercase;
	background: #FFF;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.8;
    color: #A1A1A1 !important;
	/*text-transform: uppercase;*/
	background: #FFF;
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
	 color: #c50047 !important;
	text-decoration: none;
	background: #FFF;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
	 background: #FFF; /* For browsers that do not support gradients */
	 background: -webkit-linear-gradient(#FFF, #FFF , #FFF, #E4E4E4); /* For Safari 5.1 to 6.0 */
	 background: -o-linear-gradient(#FFF, #FFF , #FFF, #E4E4E4); /* For Opera 11.1 to 12.0 */
	 background: -moz-linear-gradient(#FFF, #FFF , #FFF, #E4E4E4); /* For Firefox 3.6 to 15 */
     background: linear-gradient( #FFDBDB, #FFFFDB, #DBDBFF); /* Standard syntax */
}



/*Überschriften*/
.h1, h1 {
    font-size: 26px;
}

h2, .h2 {
    font-size: 22px;
}

h3, .h3 {
    font-size: 18px;
}

h4, .h4 {
    font-size: 16px;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: #7777a0;
}

blockquote {
    font-size: 14px;
}
.headerTitle {
    font-size: 16px;
	color: #7777a0;
	font-weight: 600;
	padding:5px 0 0 0;
	padding-bottom:15px;
	text-transform: uppercase;
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    text-decoration: none;
}

/* Gemeinden */
.stmartin {
    background-color: #ffffcc;
}

.stkatharina {
    background-color: #ffeef0;
}

.stedith {
    background-color: #eef0ff;
}
.terminlisteabsatz {
    text-indent: -44px;
    padding-left: 44px;
}



/* Chronik */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid transparent !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

/* Links */
a {
    color: #7777a0;
    text-decoration: none;
}
.date {
    font-size: 13px;
}


.terminlistedatum {
    font-size: 14px;
	padding-left:5px;
}
.terminlistezeit {
    font-size: 12px;
	padding-left:10px;
}
.terminlistetitel {
    text-decoration: none;
	color: #7777a0;
	font-size: 12px;
}
.trenner {
    background: -webkit-linear-gradient(90deg,white,white 98%, #BBB 110%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg,white,white 98%, #BBB 110%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg,white,white 98%, #BBB 110%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg,white,white 98%, #919191 110%); /* Standard syntax (must be last) */ 

}
/*Images Slider */

.carousel {
    position: relative;
	margin-bottom:25px;
}

/* Footer */

.footer {
	background-color:#E5E5E5;
	font-family: 'Open Sans',sans-serif;
	font-size: 13px;	
}

.footertitle {
  font-size: 16px;
	color: #7777a0;
	padding:10px 5px;
	text-transform: uppercase;
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    text-decoration: none;

}

a.ext:after {
	content: "\2197\00A0"; /* Pfeil */
	color:#007F00;
}
a.pdf:after {
	content:" "url(https://aspern.at/images/icons/pdf.png); /* PDF Grafik */
}
a.odt:after {
    content:" "url(https://aspern.at/images/icons/odt.png); /* PDF Grafik */
}

dl {
	padding: 0 2.5em 0 2em;
}
dt {
	padding-top:5px;
}
dd {
	padding:2px 0 2px 3em;
	border-bottom:#aaa solid 1px;
}

/*Liste der Anliegen rechte Spalte*/
ul.anliegen {
	color: gray;
	list-style-type: square;
	margin:0;
	padding-left: 0.8em;
}
ul.anliegen li{
	margin: 0;
	padding: 0;
}
/* Klassen für liturgische Farben */
.litwe, .litwe a { /* weiß */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0f0f0f;
	background-color: #EEEEEE;
}
.litrt, .litrt a { /* rot */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background-color: #FF3333;
}
.litrs, .litrs a { /* rosa */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
	background-color: #FFCCFF;
}
.litgr, .litgr a { /* grün */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #55aa66;
}
.litge, .litge a { /* gelb */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	background-color: #FFFF99;
}
.litvt, .litvt a { /* violett */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #aa55aa;
}
.litno, .litno a { /* keine Liturgie */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: #eeeeee;
}

.taglit { /* Anzeige im Kalender */
    font-size: 11px;
    text-align:right;
    float:right;
    margin: 2px 0 2px 0;
}


/* Klassen für Farben zur Hervorhebung*/
.colorrt { /* rot */
    color: #FF0000;
}
.colorvt { /* violett */
    color: #2200EE;
}
.colorgr { /* gruen */
    color: #007F00;
}
.colorbl { /* blau */
    color: #0000FF;
}
.colorge { /* gelb */
    color: #FFFF00;
}
.img-left {
    float:left;
    margin-right:20px;
}
.img-right {
    float:right;
    margin-left:20px;
}
.img-center {
    margin:0 auto;
}
.img-0 {
    margin:0 20px 0 20px;
}
.img-width80 {
    width: 80px;
}
.img-width120 {
    width: 120px;
}
.img-width150 {
    width: 150px;
}
.img-width250 {
     width: 250px;
 }
.img-aktuell {
    width: 180px;
}
.img-autor {
    float:right;
    width: 80px;
    margin-left: 20px;
    margin-right: 20px;
}

p.autor, 
p.autor a{
	text-align:right;
	font-style:italic;
	font-weight: bold;
	color: #33F;
}

span.autorinfo {
    text-align:right;
    font-style:italic;
    font-weight: normal;
    margin-right:40px;
    color: #888;
}
@media screen and (max-width: 768px) {
    .img-autor {
        margin-right:0;
        width: 60px;
        margin-left: 10px;
    }
    p.autor,
    p.autor a{
         margin-right:0px;
     }
}
a span.btn_ical {
    text-decoration:none;
}
span.btn_ical::before {
    content: url('https://aspern.at/images/icons/ical.png');
    margin: 0 2px 0 2px;
}

a span.btn_search {
    text-decoration:none;
}
span.btn_search::before {
    content: url('https://aspern.at/images/icons/search.png');
    margin: 0 2px 0 2px;
}
a span.btn_schott {
    text-decoration:none;
}
span.btn_schott::before {
    content: url('https://aspern.at/images/icons/schott.png');
    margin: 0 2px 0 2px;
}

/* Klasse für Element, das auf normalem Bildschirmen nicht angezeigt werden soll*/
.anzeigenkl{
	display:none !important; 
}
/* Klasse für Beitrag, der abgesagt wurde */
.cancel {
    text-decoration-line: line-through;
    color: red;
    font-style: italic;
}

/* Klasse für Element, das überhaupt nicht angezeigt werden soll*/
.geist {
    display:none !important;
}

.projektfirmung {
    font-style: italic;
    font-weight: bold;
    color: #d47739;
}


@media screen and (max-width: 768px) {
    .carousel {
        display: none !important;
    }
    /* Klasse für Element, das nur auf kleinen Bildschirmen angezeigt werden soll*/
    .anzeigenkl{
        display: inherit !important;
    }

    /* Klasse für Element, das auf kleinen Bildschirmen nicht angezeigt werden soll*/
    .nichtanz{
        display:none !important;
    }

    .navbar-toggle-logo {
        position: relative;
        float: left;
        padding: 0px 5px;
        margin-top: 0px;
        margin-right: 15px;
        margin-bottom: 10px;
        display: inline  !important;
        z-index:2;

    }

    .navbar-default .navbar-nav > li > a {
        background-color: #fff;
        color: #333333;
        text-transform: uppercase;
        display: block;
        font-weight: 600;
        padding: 10px;
        text-align: center;
        font-size: 16px;
        background: #FFF; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#FFF, #FFF , #FFF, #E4E4E4); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#FFF, #FFF , #FFF, #E4E4E4); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#FFF, #FFF , #FFF, #E4E4E4); /* For Firefox 3.6 to 15 */
        background: linear-gradient( #FFDBDB, #FFFFDB, #DBDBFF); /* Standard syntax */
    }

     .jafacebook {
        display: none !important;
    }
}



/*  Klassen Liturgie - Schott */

.schott {
    background-color:#ffffee;
    font-family: Georgia;
	padding:15px;
    } 
.schott h1 {
    text-transform:uppercase;
    font-size:20px;
    font-weight:bold;
    font-family: Verdana;
    }
.schott h2 {
    text-transform:uppercase;
    font-size:18px;
    font-weight:bold;
    font-family: Verdana;
    color:#aa0033;
    }
.schott h3 {
    font-size:14px;
    font-family: Verdana;
    }
.schott p, li {
    line-height:150%;
    }  
.schott p.bemerkung {
    font-size:13px;
    color:#cc0033;
    }
.schott p.zumtext {
    line-height:150%;
    font-size:14px;
    font-style:italic;
    }
.schott p.zumtext span:first-child {
    text-transform:uppercase;
    font-size:15px;
    font-style:normal;
    }         
.schott p.gebet {
    line-height:150%;
    font-weight:bold;
    font-size:14px;
    } 
.schott p.lesung {
    line-height:150%;
    font-size:14px;
    }  
.schott p.psalm {
    line-height:150%;
    font-size:14px;
    text-indent: -20px;
    margin-left:30px;
    }  
.schott sup {
    color:#2200ee;
    margin-right:5px;
    }            
.schott span.vers {
    text-transform:none;
    float:right;
    font-size:14px;
    color:#dd0033;
    font-family: Georgia;
    padding-top:5px;
    }
.schott span.R {
    font-size:14px;
    font-style:normal;
    color:#cc0033;
    } 
.schott .blau {
    color:#2200ee;
    }