/* =====================================================================================
 					           MOBILE-FORMATE
   =====================================================================================

   Stand: 07.01.2018

*/

* {
	margin:				0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;

	/*------------Farbwerte definieren-----------------*/
	--blass:				#FFFCE8;

	--orange1:				#FFCC66; /* liturgisches weiß */
	--orange2:				#FFD684;
	--orange3:				#FFDF9F;
	--blassorange:			#FFF4CC;
	--orangegelb:			#FFEE99;
	--blassgelb:			#FFFFE0;

	--rot1:				#B00000;
	--rot2:				#FF4040;
	--rot3:				#F85050; /* liturgisches rot */
	--hellrot:				#FFE9D0;
	--rubrikenrot:			#FF0000;
	--rosa:				#FFAAAA; /* liturgisches rosa */
	--hellrosa:				#FFF8F0;

	--tiefschwarz:			#000000;
	--schwarz:				#203030;
	--anthrazit:			#304040;
	--dunkelgrau1:			#506060;
	--dunkelgrau2:			#607070;
	--mittelgrau1:			#708080; /* liturgisches schwarz */
	--mittelgrau2:			#A0A0A0;
	--blaugrau1:			#A0B0B0;
	--blaugrau2:			#B0C0C0;
	--grau1:				#C0C0C0;
	--grau2:				#D0D0D0;
	--gruengrau:			#F0F0E0;
	--hellgrau1:			#F0F0F0;
	--hellgrau2:			#FAFAFA;

	--tiefblau:				#0000A0;
	--koenigsblau:			#0000B0;

	--violett:				#D3A4BC; /* liturgisches violett */
	--hellviolett:			#FBF0F0;
	--brombeer:				#C08070;

	--gruen1:				#00B000;
	--gruen2:				#00D060; /* liturgisches grün */
	--hellgruen:			#F3FFE9;

	--weiss:				#FFFFFF;

	--tagesliturgie:			var(--orange1);

}

html {}

body {
	background-color: 		#FFFFFF;
	color:				#304040;
	padding:				0em 0em 0em 0em;
	margin:				auto;
	font-family:			"Calibri", "Trebuchet MS", sans-serif;
	font-size:				90%;
}

/*-------------------------
         HTML-TAGS
---------------------------*/

ul {
}



p {
	color:				#203030;
	margin:				0em 0em 1.5em 0em;
	padding:				0px 0px 0px 0px;
	text-align:				justify;
}


audio {
}


p.toptrenner {
	padding:				0px 0px 20px 0px;
	text-align:				right;
	border-bottom:			1px solid #90A0A0;
}

p.toplink {
	text-align:				right;
}


h1, h2, h3, h4, h5, h6 {
	color:				#607070;
}

h1 {
	font-size:				150%;
	margin:				2em 0em 1em 0em;
	text-align:				center;
}

h2 {
	font-size:				130%;
	margin:				1em 0em 0.5em 0em;
}

h3 {
	font-size:				110%;
	margin:				1em 0em 0.2em 0em;
}

h4 {
	font-size:				110%;
	margin:				1em 0em 1em 0em;
}

h5 {
	font-size:				100%;
	margin:				40px 20px 10px 20px;
}

h6 {
	font-size:				100%;
	margin:				1em 20px 0px 0em;
	font-style:				italic;
}


table {
}

img {
	margin:				0px;
	padding:				0px;
/*	border:				1px solid #FFCC66;*/
}

div {
}

ul {
	list-style-type:			none;
}


/*-------------------------
         CONTAINER
---------------------------*/

#wrapper {
/*	margin:				0px;
	padding:				0px;*/
}

#header {
/*	height:				70px;*/
 	background-color:			#FFFDF0;
	color:				#000000;
	background-attachment:		scroll;
	background-image:			url(../imagines/stundenbuch-01-header.jpg);
	background-repeat:		no-repeat;
	background-position:		left top;
/*	background-position:		center;*/
}

		#hptitel {
			padding:		0em 5px 0em 5px;
			font-weight:	bold;
			font-size:		120%;
			color:		#607070;
		}

		#zeitangabe {
			padding:		0em 5px 0em 5px;
			color:		#607070;
		}
		
		#date {
			font-size:		90%;
		}
		
		#tag {
			font-size:		90%;
		}
		
		#seitenverweis {
		}
		
		#nav1 {
		}
		
		#nav2 {
		}
		
		#header_top1 {
		}
		
		#header_top2 {
		}
		
		#topnavigation {
			margin-top:		2px;
			margin-right:	7px;
			float:		right;
		}
		

#links {
}


		ul.mainnav {
			margin:		0.3em 0em 0.3em 0em;
			padding:		0em 0em 0em 0em;
			list-style-type:	none;
			line-height:	1.6em;
			text-align:		center;
/*			border-bottom:	1px solid #FFEEAA;*/
		}
		ul.mainnav li {
			display:		inline;
/*			border:		1px solid #FFCC66;*/
			background-color:	#FFEEAA;
			padding:		0.1em 0.4em 0.1em 0.4em;
			font-size:		90%;
		}
		
		ul.mainnav li a {
		}


#mitte {
	font-size:				95%;
	margin:				0px 0px 0px 0px;
	padding:				0px 5px 0px 5px;
}

#rechts {
}


#footer {
	margin:				0px 0px 0px 0px;
	height:				20px;
	font-size:				80%;
	padding:				5px 7px 5px 7px;
	color:				#90A0A0;
	border-top:				1px solid #F0F0F0;
	text-align:				right;
}


#aes tr.kap, #aes tr.kap a {
	background-color: 		#FFEEBB;
	color:				#304040;
	margin:				0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

#aes td {
	vertical-align:			top;
}

#aes td.rechts {
	text-align:				right;
}

#aes ol {
	list-style-type:			upper-roman;
	margin-left:			5px;
	color:				#203030;
}

#aes ol ol {
	list-style-type:			lower-alpha;
	margin-left:			5px;
}

#aes ol.sprung {
	list-style-type:			decimal;
	margin-left:			5px;
}

#aes ol ol ol {
	list-style-type:			lower-alpha;
	margin-left:			5px;
}

#aes ul {
	list-style-type:			none;
}

#aes hr {
	margin-top:				20px;
	width:				80%;
	height:				1px;
	color:				#708080;
}


/*-------------------------
         KLASSEN
---------------------------*/

.kursiv {
	font-style:				italic;
}

.fett {
	font-weight:			bold;
}

.linksb {
	text-align:				left;
}

.rechtsb {
	text-align:				right;
}

.zentriert {
	text-align:				center;
}

.farbig {
	color:				var(--orange2);
}

.grau {
	color:				var(--mittelgrau1);
}

.rot {
	color:				var(--rot1);
}

.rubrikenrot {
	color:				var(--rubrikenrot);
/*	font-weight:			bold;*/
}

.hintergrund {
	background-color:			var(--grau2);
}

.unterstrichen {
	text-decoration:			underline;
}

.quadrat-links {
	border-left:			1.4em solid var(--orange2);
	padding-left:			15px;
}

.eingerueckt {
	padding-left:			40px;
}

.rechtsfluss {
	margin:				15px 0px 15px 15px;
	padding:				15px 0px 15px 15px;
	background-color:			transparent;
	display:				block;
	float:				right;
	text-align:				right;
}

.rechtsflussfarbig {
	margin:				15px 5px 15px 15px;
	padding:				15px 15px 15px 15px;
	display:				block;
	float:				right;
	text-align:				right;
/*	background-color: 		var(--orange3);
	background-color:			var(--blassorange);*/
	border:				1px solid var(--orange1);
}

.linksfluss {
	margin:				0px 15px 15px 0px;
	padding:				0px 0px 0px 0px;
	display:				block;
	float:				left;
	text-align:				left;
}

#user_logoff.linksfluss {
	margin:				-15px -100px 0px -15px;
/*	padding:				15px 15px 15px 15px;*/
	background-color:			transparent;
	display:				block;
	float:				left;
	text-align:				left;
}

#user_logoff.rechts {
	margin:				0px 3px 10px 0px;
	font-size:				100%;
	background-color:			transparent;
	text-align:				right;
}

.navsup {
	margin:				5px 10px 5px 10px;
}



/*-------------------------
         CONTAINER
---------------------------*/

#kalender td {
	float:			left;
	text-align:			left;
/*	width:			100%;
*/
}

#kalender tr {
	float:			left;
	display:			block;
}

#kalender h3 {
/*	display:			block;
*/	background-color:		#FFD684;
	text-align:			center;
}

#kalender .sonntag {
	color:			#B00000;
	font-weight:		bold;
}

#kalenderblatt {
	height:			auto;
	margin:			0em 0px 0em 0px;
	text-align:			center;
	border:			2px solid #FFCC66;
	padding:			10px 15px 10px 15px;
}


#kalenderblatt>.wochentag, .tag, .monat, .jahr, .epakte, .litTag, .lesejahr,
.sonntagsbuchstabe, .romKal, .rang, .farbe, .wochepsalterium, .commune, .stundengebet {
	margin:			0px;
	text-align:			center;
}


#kalenderblatt>.horenbutton {
	margin:			20px 0px 10px 0px;
	text-align:			center;
}


#kalenderblatt a.button {
	padding:			5px 0px 5px 0px;
	display:			block;
	background-color:		#FFF4CC;
	border:			1px solid #FFCC66;
	border:			1px solid #F0F0F0;
	color:			#000000;
	text-decoration:		none;
	font-weight:		bold;
}


#kalenderblatt>.epakte, .sonntagsbuchstabe, .romKal, .wochepsalterium, .lesejahr, .farbe, .rang {
	font-style:			italic;
}

#kalenderblatt>.monat {
	font-weight:		bold;
}

#kalenderblatt>.tag {
	font-size:			300%;
	font-weight:		bold;
	text-align:			center;
}
	
#kalenderblatt>.wochentag {
	margin-bottom:		10px;
	padding-bottom:		10px;
	border-bottom:		2px solid #FFCC66;
	font-weight:		bold;
}

#kalenderblatt>.litTag {
	margin-top:			10px;
	padding-top:		10px;
	border-top:			1px dotted #FFCC66;
}

#kalenderblatt>#kalendernavigation {
	width:			100%;
	padding-bottom:		5px;
	margin-bottom:		5px;
/*	padding-top:		20px;
	border-top:			2px solid #FFCC66;*/
}




form {
	color:				#203030;
	margin:				0em 0em 0em 0em;
	padding:				0px 0px 0px 0px;
/*	text-align:				justify;*/
}

form#auswahl {
	text-align:				left;
	width:				117px;
	margin:				0px 0px 0px 0px;
	padding:				0px 0px 10px 5px;
/*	background-color:			white;
*/}

form#auswahl select {
	font-family:			"Calibri", "Trebuchet MS", sans-serif;
	width:				110px;
	margin:				0px 5px 0px 0px;
	background-color: 		#FFFFFF;
/*	background-color:			#FFFFE0;*/
}

form#auswahl input {
	padding:				0px 0px 0px 0px;
	margin:				10px 7px 0px 0px;
	font-family:			"Calibri", "Trebuchet MS", sans-serif;
}

form#auswahl fieldset {
	border:				none;
	padding:				5px 0px 10px 0px;
	text-align:				right;
}

form#auswahl p {
	margin:				0px 7px 0px 0px;
	padding:				10px 0px 5px 0px;
	border-top:				1px dotted #304040;
	text-align:				right;
/*	text-align:				center;
*/	color:				#304040;
	font-family:			"Calibri", "Trebuchet MS", sans-serif;
	font-weight:			bold;
}

form#user_login input {
	font-family:			"Calibri", "Trebuchet MS", sans-serif;
	padding:				0px 0px 0px 0px;
	margin:				0px 0px 0px 5px;
	font-size:				14px;
}


form#user_login input[type=text], form#user_login input[type=password] {
/*	width:				250px;*/
	background-color:			#FFF4CC;
	border:				2px solid #FFF4CC;
/*	padding:				0px 2px 0px 2px;*/
}

/*
#user_logoff.linksfluss {
	margin:				-15px -100px 0px -15px;
	padding:				15px 15px 15px 15px;
	background-color:			transparent;
	display:				block;
	float:				left;
	text-align:				left;
}
*/

#user_logoff.rechts {
	margin:				0px 0px 0px 0px;
	background-color:			transparent;
	text-align:				right;
/*	line-height:			1em;*/
}


form#user_logoff input.button {
/*	background-color:			#F0E0C0;
    	border:				2px solid #E0D0B0;
*/
	background-color:			#FFF4CC;
    	border:				1px solid #FFCC66;
	margin:				7px 0px;
}

form#user_logoff a.button {
/*	background-color:			#F0E0C0;
    	border:				2px solid #E0D0B0;
*/
	background-color:			#FFF4CC;/*#FFD684;*/
    	border:				1px solid #FFCC66;
	margin:				7px 0px;
	padding:				1px 7px 1px 7px;
	color:				#000000;
	text-decoration:			none;
}


form#user_login input.button {
	background-color:			#FFD684;
    	border:				2px solid #FFCC66;
}

#mitte iframe#stblinks {
	display:				block;
/*	width:				99%;*/
	margin:				auto;
	min-height:				400px;
	padding:				5px 0px 5px 0px;
	background-color:			#FFFCE8;
	margin-bottom:			10px;
	border:				1px solid #FFCC66;
	visibility:				visible;
}

/*
#mitte iframe#stbrechts {
	display:				block;
	float:				left;
	width:				345px;
	height:				500px;
	border:				none;
	margin:				0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	border-left:			1px solid #F0F0F0;
	visibility:				visible;
}
*/


/* =======================================================
			glockenfenster
======================================================== */

body#glocke {
	background-color:		#FFFFFF;
	background-image:		url(../imagines/glocke-aktiv.gif);
	background-repeat:	no-repeat;
}


/* =======================================================
				Stundenbuch
======================================================== */

div .stb {
	margin:				10px auto 0px auto;
	width:				550px;
}


div.stb .rub1 {
	color:				var(--rubrikenrot);
}


div.stb .rub2 {
	color:				var(--rubrikenrot);
	font-weight:			bold;
}


div.stb .rub3 {
	color:				var(--rubrikenrot);
	font-style:				italic;
}


div.stb .rub4 {
	color:				var(--rubrikenrot);
	font-style:				italic;
	text-align:				center;
}

div.stb .rub5 {
	color:				var(--rubrikenrot);
	font-style:				italic;
	font-weight:			bold;
	text-align:				center;
}


div.stb .kursiv {
	font-style:				italic;
}


div.stb .fett {
	font-weight:			bold;
}


div.stb .versus {
	font-weight:			normal;
	font-size:				65%;
	vertical-align:			text-top;
	text-align:				left;
	padding-right:			0.5em;
	color:				var(--rubrikenrot);
	width:				15px;
	line-height:			1.2em;
}

div.stb .orator {
	font-weight:			normal;
	vertical-align:			top;
	text-align:				left;
	color:				var(--rubrikenrot);
	width:				10px;
	padding-right:			0.5em;
/*	background-color:			cyan;*/
}


div.stb .hidden {
	display:				none;
}


div.stb p {
	color:				var(--schwarz);
	margin:				0px;
	padding:				0em 1em 1em 1em;
	text-align:				justify;
}


div.stb p.element {
	background-color:			var(--gruen1grau);
	color:				var(--rubrikenrot);
	font-weight:			bold;
	margin:				1.5em 1em 0.3em 1em;
	padding:				0.1em 0.2em 0.1em 0.2em;
}


div.stb p.toptrenner {
	margin: 				1em 1em 1em 1em;
	padding-right:			0em;
	border-bottom:			1px solid var(--hellgrau1);
	text-align:				right;
}


div.stb p.psalmklasse {
	color:				var(--rubrikenrot);
/*	font-weight:			bold;*/
	text-align:				right;
	padding:				0em 1em 0em 1em;
	position:				relative;
	bottom:				-1.2em;
}


div.stb p.psalmname {
	color:				var(--rubrikenrot);
	font-weight:			bold;
	text-align:				center;
	padding:				0em 1em 0.5em 1em;
}


div.stb p.psalmtitel {
	color:				var(--schwarz);
	font-weight:			bold;
	text-align:				center;
	padding:				0em 1em 0.5em 1em;
}


div.stb p.toplink {
	text-align:				right;
}


div.stb p.psalmdeutung {
/*	font-family:			"Arial", sans-serif;*/
	font-weight:			normal;
	font-style:				italic;
	text-align:				center;
	padding:				0em 1em 1em 1em;
}


div.stb h4 {
	font-family:			"Calibri", "Trebuchet MS", "Verdana", "Tahoma", sans-serif;
	text-align:				left;
	margin:				1.5em 1em 0.3em 1em;
	padding:				0.5em 0em 0.5em 0em;
	background-color:			var(--gruen1grau);
	color:				var(--rubrikenrot);
}


div.stb h5 {
	font-family:			"Calibri", "Trebuchet MS", "Verdana", "Tahoma", sans-serif;
	font-size:				100%;
	text-align:				left;
	margin:				2.0em 1.0em 1.0em 1.0em;
	padding:				0.2em 1.0em 0.2em 1.5em;
	color:				var(--anthrazit);
	background:				url(../imagines/pfeil-unten-orange.gif) 0% 50% no-repeat;
	border-bottom:			1px solid var(--orange2);
}


div.stb a {
	color:				var(--rubrikenrot);
}


div.stb a.show_hide {
	text-decoration:			none;
}


div.stb table {
	width:				97%;
	margin:				1em 1em 1em 1em;
}


div.stb td {
	vertical-align:			top;
	padding:				0px;
}


div.stb table.psalmtext  {
/*	width:				90%;*/
	margin:				0em 1em 1em 1em;
	padding:				0em 0em 0em 0em;
	border-spacing:			0px;
	vertical-align:			top;
	line-height:			1.25em;
/*	border-collapse:			collapse;*/
}


div.stb table.psalmtext td.l {
	padding-bottom:			5px;
}