/*___________________________________________________________________________________________________________________________*/
/*_______________                                                                                             _______________*/
/*_______________  (c) Quelltor Christliche Freikirche e.V.                                                   _______________*/
/*___________________________________________________________________________________________________________________________*/



/*_______________  Fließtext Navigation Überschriften
*/
/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/muli-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('fonts/muli-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v11-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}

/* muli-italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/muli-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Muli Italic'), local('Muli-Italic'),
       url('fonts/muli-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v11-latin-italic.svg#Muli') format('svg'); /* Legacy iOS */
}

/* muli-600 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/muli-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/muli-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v17-latin-600.svg#Muli') format('svg'); /* Legacy iOS */
}

/*___________________________________________________________________________________________________________________________
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			font: inherit;
			vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
			display: block;
}
body {
			line-height: 1;
}
ol, ul {
			list-style: none;
}
blockquote, q {
			quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
			content: '';
			content: none;
}
table {
			border-collapse: collapse;
			border-spacing: 0;
}

html {
			height:100%;
			min-height:100.15%;
			font-size-adjust:none;
			-webkit-text-size-adjust:none;			/* Font Resizing ausschalten */
			-moz-text-size-adjust: none;
}

body { 
			padding:0; 
			border:0;
			width:100%;
			min-height:100.15%;
			font-family: Muli, arial, verdana, helvetica;
			font-size:100%;
			background: #fff url('bilder/hg_body.jpg') no-repeat bottom center fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
}

img {
			border:none;
			text-decoration:none;
}


/*___________________________________________________________________________________________________________________________
*/


#seite { 
			width:1102px;
			margin:0px auto;
} 

.abstand_seite_oben, .abstand_seite_unten { 
			float:left;
			width:50px;
} 

#kopf { 
			width:1000px;
			height:160px;
			margin:0;
			background:url(bilder/quelltor_logo.png) no-repeat;
} 

#kopf_print { 
			display:none;
} 

#mitte_seite { 
			float:left;
			width:1002px;
} 

#sticky {
			margin-top:20px;
}

#sticky.stick {
			background-color:#fff;
			margin-top: 0 !important;
			padding:20px 0 0 0px;
			position: fixed;
			top: 0;
			width:100%;
			z-index: 10000;
}

#socialicons_logo {
			display:none;
}

#socialicons_logo.stick {
			display:inline;
			height:24px;
			width:111px; 
			margin:0px;
			padding-right:36px;
			float:left;
			animation: fadein 2s;
}

@keyframes fadein {
			from {
				opacity:0;
			}
			to {
				opacity:1;
			}
}

#socialicons.stick {
			display:none;
}

#navi { 
			font-size:0.85em;
			margin:-1px 0 20px 147px;
/*
 			background:url(bilder/AAAtransparenz.png) repeat;
*/
} 

#mittelteil { 
			clear:both;
} 

#links { 
			float:left;
			width:250px;
			height:394px;
			margin:0 50px 30px 0;
}

#inhalt_media { 
			float:left;
			width:702px;
			height:394px;
			margin:0 0 50px 0;
			z-index:1;
}
			#inhalt_media a, a:visited, a:hover, a:link span, a:visited span, a:hover span {
						color:#222;
						text-decoration:none;
			}

#inhalt_panorama { 
			float:left;
			width:1002px;
			height:500px;
			margin:0 0 50px 0;
			z-index:1;
}

#inhalt_popup { 
			float:left;
			width:1002px;
			margin:0 0 50px 0;
			z-index:1;
			}

			#inhalt_popup a, a:visited {
						color:#777;								/* Farbe Unterstreichung */
						text-decoration:underline;
			}
			#inhalt_popup a:link span, a:visited span {
						color:#6c9242;							/* Farbe Text */
			}
			#inhalt_popup a:hover {
						text-decoration:none;					/* Hover Unterstreichung weg */
			}
			#inhalt_popup a:hover span {
						color:#fff;								/* Hover Farbe Text */
						background:#6c9242;						/* Hover Farbe HG */
						text-decoration:none;
			}
			#inhalt_popup a span, a:hover span {
						-webkit-transition:	color 300ms linear, background 300ms linear;
						   -moz-transition:	color 300ms linear, background 300ms linear;
						     -o-transition:	color 300ms linear, background 300ms linear;
						        transition:	color 300ms linear, background 300ms linear;
						-webkit-border-radius:	4px;
						   -moz-border-radius:	4px;
								border-radius:	4px;
			}

#inhalt { 
			float:left;
			width:620px;
			min-height:324px;
			background:url(bilder/hg_inhalt_light_toast.png) repeat;
			padding:35px 40px 35px 40px;
			margin:0 0 25px 0;
			color:#273827;
			border:1px solid #c6c6c6;
			-webkit-border-radius: 8px; 
			   -moz-border-radius: 8px; 
			        border-radius: 8px;
			font-size:0.92em; 
			line-height:1.5em;
}

			#inhalt a, a:visited {
						color:#e84218;							/* Farbe Unterstreichung */
						text-decoration:underline;
			}
			#inhalt a:link span, a:visited span {
						color:#6c9242;							/* Farbe Text */
			}
			#inhalt a:hover {
						text-decoration:none;					/* Hover Unterstreichung weg */
			}
			#inhalt a:hover span {
						color:#fff;								/* Hover Farbe Text */
						background:#6c9242;						/* Hover Farbe HG */
						text-decoration:none;
			}
			#inhalt a span, a:hover span {
						-webkit-transition:	color 300ms linear, background 300ms linear;
						   -moz-transition:	color 300ms linear, background 300ms linear;
						     -o-transition:	color 300ms linear, background 300ms linear;
						        transition:	color 300ms linear, background 300ms linear;
						-webkit-border-radius:	4px;
						   -moz-border-radius:	4px;
								border-radius:	4px;
			}


/*___________________________________________________________________________________________________________________________
*/


#socialicons {height:24px; width:200px; margin:0px; float:left; animation: fadein 2s;}
#socialicons span {display:none;}
#socialicons a {background:url(bilder/social_icons_sprite.png); width: 24px; height: 24px; display:block; float:left; margin-right:12px; text-decoration:none;}
#socialicons a#social_facebook						{background-position:   0px -24px; transition: transform 100ms ease-in;}
#socialicons a#social_facebook:hover				{background-position:   0px -24px; transform: scale(1.2);}
#socialicons a#social_twitter						{background-position: -24px -24px; transition: transform 100ms ease-in;}
#socialicons a#social_twitter:hover					{background-position: -24px -24px; transform: scale(1.2);}
#socialicons a#social_youtube						{background-position: -48px -24px;}
#socialicons a#social_youtube:hover					{background-position: -48px   0px;}
#socialicons a#social_podcast						{background-position: -72px -24px; transition: transform 100ms ease-in;}
#socialicons a#social_podcast:hover					{background-position: -72px -24px; transform: scale(1.2);}
#socialicons a#social_instagram						{background-position: -96px -24px; transition: transform 100ms ease-in;}
#socialicons a#social_instagram:hover				{background-position: -96px -24px; transform: scale(1.2);}

.downloadicons {height:28px; margin:0px; float:left;}
.downloadicons span {display:none;}
.downloadicons a {background:url(bilder/logo_pdf_mp3_sprite.png); width: 28px; height: 28px; display:block; float:left; margin-right:10px; text-decoration:none;}
.downloadicons a.downloadicons_leer 				{background-position:   0px    0px;}
.downloadicons a.downloadicons_leer:hover			{background-position:   0px    0px;}
.downloadicons a.downloadicons_pdf 					{background-position: -28px  -28px; transition: transform 100ms ease-in;}
.downloadicons a.downloadicons_pdf:hover			{background-position: -28px  -28px; transform: scale(1.2);}
.downloadicons a.downloadicons_mp3					{background-position: -56px  -28px; transition: transform 100ms ease-in;}
.downloadicons a.downloadicons_mp3:hover			{background-position: -56px  -28px; transform: scale(1.2);}

.kontakticon_facebook 	{background:url(bilder/social_icons_sprite.png); width: 24px; height: 24px; display:block; float:left; margin-right:12px; text-decoration:none;background-position: 0px -24px;}
.kontakticon_twitter  	{background:url(bilder/social_icons_sprite.png); width: 24px; height: 24px; display:block; float:left; margin-right:12px; text-decoration:none;background-position: -24px -24px;}
.kontakticon_youtube  	{background:url(bilder/social_icons_sprite.png); width: 24px; height: 24px; display:block; float:left; margin-right:12px; text-decoration:none;background-position: -48px -24px;}
.kontakticon_instagram	{background:url(bilder/social_icons_sprite.png); width: 24px; height: 24px; display:block; float:left; margin-right:12px; text-decoration:none;background-position: -96px -24px;}

/*___________________________________________________________________________________________________________________________
*/


h1 {		font-size:1.35em;
			color:#6c9242;
			font-weight:400;
}

h2 {		font-size:1.2em;
			color:#6c9242;
			font-weight:400;
			padding: 20px 0 5px 0;
}

h3 {		font-size:1.1em;
			color:#6c9242;
			font-weight:400;
			padding: 20px 0 5px 0;
}

.tab_predigt_table {
			width:635px;
}

.tab_predigt_jahr {
			text-align:center;
			background:#e2e2e2;
			margin-top:100px;
			padding:6px;
}

.tab_predigt_ueber_1 {
			width:100px;
			padding:0 0 10px 0;
}

.tab_predigt_ueber_2 {
			width:140px;
			padding:0 0 10px 0;
}

.tab_predigt_ueber_3 {
			width:300px;
			padding:0 0 10px 0;
}

.tab_predigt_ueber_4 {
			width:85px;
			padding:0 0 10px 0;
}

.tab_predigt {
			line-height:16px;
			padding:20px 0 0 0;
			vertical-align:middle;
}

.tab_termine_table {
			width:635px;
}

.tab_termine_monat {
			text-align:center;
			background:#e2e2e2;
			padding:6px;
}

.item .tab_termine_monat{
			text-align:center;
			background:none;
			padding:6px;
			color:#e84218;
}

.tab_termine_ueber_1 {
			width:120px;
			padding:0 0 10px 0;
}

.tab_termine_ueber_2 {
			width:110px;
			padding:0 0 10px 0;
}

.tab_termine_ueber_3 {
			width:80px;
			padding:0 0 10px 0;
}

.tab_termine_ueber_4 {
			width:150px;
			padding:0 0 10px 0;
}

.tab_termine_ueber_5 {
			width:175px;
			padding:0 0 10px 0;
}

.tab_termine {
			line-height:16px;
			padding:21px 0 0 0;
			vertical-align:middle;
}

.tab_pressespiegel_table {
			width:635px;
}


.tab_pressespiegel_ueber_1 {
			width:130px;
			padding:0 0 10px 0;
}

.tab_pressespiegel_ueber_2 {
			width:200px;
			padding:0 0 10px 0;
}

.tab_pressespiegel_ueber_3 {
			width:250px;
			padding:0 0 10px 0;
}

.tab_pressespiegel_ueber_4 {
			width:85px;
			padding:0 0 10px 0;
}

.tab_pressespiegel {
			padding:10px 0 30px 0;
			vertical-align:middle;
}

ul.aufzaehlung {
			list-style-image:url(bilder/aufzaehlungszeichen.png);
			margin:15px 0px 10px 15px;
}

ul.aufzaehlung li {
			padding-bottom:10px;
}

.runde_ecken {
			-webkit-border-radius: 8px; 
    		   -moz-border-radius: 8px; 
			        border-radius: 8px;
}

.runde_ecken_owl {
			border:1px solid #ddd;
			-webkit-border-radius: 8px; 
    		   -moz-border-radius: 8px; 
			        border-radius: 8px;
}

.runde_ecken_links {
			-webkit-border-radius: 8px; 
    		   -moz-border-radius: 8px; 
			        border-radius: 8px;
}

.bild_portrait {
			border:0;
			height:142px;
}

.bild_gemeindeleben_ueberschrift {
			height:38px;
			margin:6px 0 25px 0;
}

.bild_50prozent {
			width:50%;
}

.bild_100prozent {
			width:620px;
}

.bild_100prozentpopup {
			width:1000px;
}

dd { display:none; }

.predigt_closed .predigt_open {
}

.center {
			text-align:center;
}

.f {		font-weight:600;
}

.k {		font-style:italic;
}

.u {		text-decoration:underline;
}

.gruen {	color:#6c9242;
}

.schwarz {	color:#000;
}

.grau {		color:#666;
}

.rot {		color:#c20e0d;
}

.t13 {		font-size:0.75em;
}

.t14 {		font-size:0.95em;
}

.t15 {		font-size:1.1em;
}

.t16 {		font-size:1.25em;
}

.t17 {		font-size:1.2em;
}

.t18 {		font-size:1.25em;
}

.t19 {		font-size:1.5em;
			line-height:1.25em;
}

.t20 {		font-size:2em;
}

.lineheight29 {
			text-align:right;
			line-height:29px;
			margin-top:5px;
}

.impressum_block_links {
			float:left;
			padding-right:50px;
}

.impressum_block_rechts {
			float:left;
}

.jungeerwachsene_lineheight {
			line-height:35px;
}

#fusszeile {
			text-align:right;
			font-size:0.8em;
			padding-bottom:25px;
}

#fusszeile a {
			color: #444;
			text-decoration:none;
}