/* Stylesheet für die Landiner Webseite - hier Kirche  */ 

/* Farben: 
Schrift:  Sehr Dunkel Rotbraun  #401005
Schrift Rotbraun blass:  		 #604030
Schatten:  warmes Dunkel Rotbraun  #501503
Dunkel-Hintergrund:  Dunkel Rotbraun  #602010
Page-Background:  Hell-Rotbraun  #E0B080 
Inhaltsfeld-Background:  Hell-Beige   #FFF6F0 
Link-Highlight:  Dunkel-Grün  #407010 
 */

/* Webfonts */

/**
 * @license
 * MyFonts Webfont Build ID 2955748, 2015-01-19T06:34:15-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: BlackJack by Typadelic
 * URL: http://www.myfonts.com/fonts/typadelic/black-jack/regular/
 * Copyright: Copyright (c) TYPADELIC FONTS, 2002. All rights reserved.
 * Licensed pageviews: 30,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2955748
 * 
 * © 2015 MyFonts Inc
*/
@font-face {font-family: 'BlackJack';src: url('../fonts/blackjack.eot');src: url('../fonts/blackjack.eot?#iefix') format('embedded-opentype'),url('../fonts/blackjack.woff2') format('woff2'),url('../fonts/blackjack.woff') format('woff'),url('../fonts/blackjack.ttf') format('truetype');}

/* Grundelemente */

*    { padding: 0; margin: 0;
}	/* Kalibriert alle Abstände auf Null, um browserunabhängig zu konfigurieren */

html { 
	height: 101%;			 /* Erzwingt Scrollbar im Firefox */
	color: #401005;
	background-color: #E0B080;	
}	

body {
	color: #401005;
	background-color: #E0B080;
	font-size:	0.75em;
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	min-width: 41em;  /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

p {
	background-color: transparent;
	line-height: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.7em; /*Abstand nach unten */
	margin-left: 0;
}
.p_ext {
	background-color: transparent;
	line-height: 130%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.6em; /*Abstand nach unten */
	margin-left: 0;
}

.bezi {
	background-color: transparent;
	margin-top: 0.2em;
	margin-right: 0;
	margin-bottom: 0.4em; /*Abstand nach unten */
	margin-left: 0;
	font-weight: normal; 
	font-style: normal;
 	font-size: 0.7em;
}
.t_mittig {
	text-align: center;
}
.midkurs {
	text-align: center;
	font-style: italic;
	font-weight: bolder;
}
.t_blass {
	color: #907060;
}
.einger {
	margin-left: 3em;
}
img {
	border: 0px solid;
}

.gal {    /* Formatierung für Gallerie-Thumbs */
	margin-top: 2px;   /* Außen-Abstand */
	margin-right: 1px;
	margin-bottom: 1px; 
	margin-left: 1px;
	border: 0px solid black;  /* Rahmen */
	padding: 0;
}

.flore {    /* Formatierung für Img float:right */
	float:right; 
	margin-top: 5px;   /* Außen-Abstand */
	margin-right: 0;
	margin-bottom: 10px; 
	margin-left: 20px;
	border: 0 solid;  /* Rahmen */
	border-color: #501503;
	padding: 0;
}
.floli {    /* Formatierung für Img float:left */
	float:left; 
	margin-top: 5px;   /* Außen-Abstand */
	margin-right: 20px;
	margin-bottom: 10px; 
	margin-left: 0;
	border: 0 solid;  /* Rahmen */
	border-color: #501503;
	padding: 0;
}
.vidframe169 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vidframe169 {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;	
}
.tr_abst * {
	margin-bottom: 0.3em;
}
*.Black_Jack { 
	font-family: BlackJack;
	font-weight: normal; 
	font-style: normal;
 	font-size: 1.2em;
	word-spacing:	0.125em;
}
/*  Anwenden z.B. mit: <span class="Black_Jack"> xxx...xxx </span>  */
.L_Liste li {
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 2.7em;
	margin-bottom: 0.7em;
}
.L_Liste li ul li {
	font-size: 0.85em;
	font-weight: normal;
	margin-left: 2em;
	margin-bottom: 0;
}
.L_Liste ul  {list-style-type: disc;}
small	{	
	font-size:	0.8em;
	}
		
big	{	
	font-size:	1.2em;
	}		

h1 {
	background-color: transparent;
 	color: #401005;
	font-family: "BlackJack", Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 	font-size: 2.0em;
	font-weight:	400;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	0.125em;
	letter-spacing:	normal;
	text-transform:	none;
	text-align: center;
	margin-top: 0.15em;
	margin-bottom: 0.3em;
}

h2	{
	background-color: transparent;
 	color: #401005;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 	font-size: 1.7em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

h3	{
	background-color: transparent;
 	color: #401005;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 	font-size: 1.2em;
	font-weight:	400;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	text-align: center;
	margin-top: 0.3em;
	margin-bottom: 0.8em;
}

h4 {
	background-color: transparent;
 	color: #401005;
	font-family: "BlackJack", Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 	font-size: 2.0em;
	font-weight:	400;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	0.125em;
	letter-spacing:	normal;
	text-transform:	none;
 	text-align: left;
	margin-top: 0.15em;
	margin-bottom: 0.3em;
}

h5	{
	background-color: transparent;
 	color: #401005;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 	font-size: 1.7em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

h6	{
	background-color: transparent;
 	color: #401005;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 	font-size: 1.2em;
	font-weight:	400;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	text-align: left;
	margin-top: 0.3em;
	margin-bottom: 0.8em;
}


a 	{
	color: #401005;
	background-color: transparent;
	text-decoration: underline;
}
a:hover {
	color: #407010;
	background-color: transparent;
	text-decoration: none;
	outline: none;
}

#schatten_rahmen {
	color: #401005;
	background-color: #E0B080;
	width: 100%; 			/* Breite des Inhaltsbereiches */
	margin: 0; 		/* Abstand rechts automatisch */
	border: 0;
}
#kopfzeile {
	width: 100%;
	height: auto;
	color: #FFF6F0;
	background-color: #602010;
	border-top: 2px solid #602010;
	border-right: 0px solid #602010;
	border-bottom: 0px solid #602010;
	border-left: 0px solid #602010;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}	
#container {		/* zentrales Feld mit Navigation und dem Text */
	width: 98%;
	height: auto;
	margin-top: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	color: #401005;
	background-color: #FFF6F0; 
	padding: 0;
	border-top: 1px solid #602010;
	border-right: 1px solid #602010;
	border-bottom: 1px solid #602010;
	border-left: 1px solid #602010;
	min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}

#navi_links	{	
	float: left;
	width: 210px; 		/* die Breite der linksseitigen Navigation */
/*	disply: inline;	 IE Doubled Float-Margin Bug */
	color: #401005;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;	/* Schriftgrösse v.a.D. der Linküberschriften */
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	padding: 0 0 0 0; /* u.a. Abstand der Navileiste vom linken Rand */
	margin: 0 0 0 0; /* hier wird u. a. die genaue Position der linksseitigen Navigation vom oberen Rand bestimmt */
}
#navi_links ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-right: 1px solid #E0B080;
}
#navi_links li {
	color: #401005;
	padding: 0.85em 0px 0.75em 40px;	/* Hier lässt sich Abstand und Einrückung der einzelnen Listeneinträge einstellen */
	margin: 0;	                  	/* Hier: dito */
	line-height: 2.2em;
/* 	letter-spacing: px;   Buchstabenabstand von x Pixel im Listeneintrag
 	word-spacing: px;     Wortabstand von x Pixel im Listeneintrag  */
	border-bottom: 1px solid #E0B080;
}
#navi_links li:first-child {
	font-size: 1.1em;
	padding-top: 0;
/*	border-top: 1px solid #E0B080;  */
}
#navi_links li span {
	line-height: 2.2em; 
	font-size: 0.85em; 
}
#navi_links a {
	color: #401005;
	font-size: 1.25em;	/* Schriftgrösse der einzelnen Links in Abhängigkeit von Gesamtschriftgrösse im Navi-Container! */
	font-weight: bold;
	text-decoration: none; 
	outline: none;
	width: auto;
}
#navi_links a:hover {
	text-decoration: underline; 
	outline: none;
	color: #407010;					/* Die Schriftfarbe, die sich beim Mausübergang einstellt */ 
}

#inhalt	{     /* zentrales rechtes Inhalts-Feld */
	width: auto;
	margin: 0 0 0 209px;
	color: #401005;
	border-left: 1px solid #E0B080;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
#inhalt a	{
	color: #401005;
	text-decoration: underline;
	outline: none;
}
#inhalt a:hover {
	color: #407010;
	text-decoration: none;
	outline: none;
}
#inhalt hr {
	margin-top: 1.2em;
	margin-bottom: 1.4em;
}

#inhalt_oN	{     /* zentrales Inhalts-Feld OHNE Navi */
	width: auto;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	color: #401005;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
#inhalt_oN a	{
	color: #401005;
	text-decoration: underline;
	outline: none;
}
#inhalt_oN a:hover {
	color: #407010;
	text-decoration: none;
	outline: none;
}

#rauf {
	width: auto;
	margin: 0 0 0 209px;
	padding-bottom: 1.2em;
	padding-right: 10%;
	color: #401005;
	border-left: 1px solid #E0B080; 
	font-size: 1.3em;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  	background-color: transparent;
}

#fusszeile {
	width: 98%;
	height: auto;
	border-top: 1px solid #602010;
	border-right: 1px solid #602010;
	border-bottom: 2px solid #602010;
	border-left: 1px solid #602010;
	font-size: 1.25em;
	text-align: center;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 15px;
	padding: 15px 0;
	color: #401005;
	background-color: transparent;
}
#fusszeile a	{
	color: #401005;
	background-color: none;
	text-decoration: underline;
	outline: none;
}
#fusszeile a:hover	{
	color: #407010;
	text-decoration: none;
	outline: none;
}

.txtimg {
	height: 0.8em;
}

.clearb {
clear: both;
}

.wh_paper {
	color: #000000;
	background-color: #FFFFFF;
	padding: 1.5em 4em 1.5em 4.5em;
}
.grad {
  background: -webkit-linear-gradient(#FFF6F0, #F0D0B0, #E0B080, #802503); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#FFF6F0, #F0D0B0, #E0B080, #802503); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#FFF6F0, #F0D0B0, #E0B080, #802503); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FFF6F0, #F0D0B0, #E0B080, #802503); /* Standard syntax */
} 
td {
	vertical-align: top;
}
table.tcenter {
	border-spacing: 0;
   margin-left:auto; 
   margin-right:auto;
  }
table.tcenter td {
  padding: 0.7em;
}
table.tcenter p {
  margin-bottom: 0;
}
#Strohpuppen a img {
	width: 170px;
	height: auto;
}


@media screen and (orientation: landscape) {
#schatten_rahmen {
	width: 94%; 			/* Breite des Inhaltsbereiches */
	margin-right: auto; 		/* Abstand rechts automatisch */
	margin-top: 0;		/* Oberer Randabstand */
	margin-bottom: 20px; 		/* Unterer Randabstand */
	margin-left: auto; 		/* Abstand links automatisch */
	border-top: 1px solid #602010;
	border-right: 1px solid #602010;
	border-bottom: 2px solid #602010;
	border-left: 1px solid #602010;
	-moz-box-shadow: 1px 8px 20px 12px #501503;
	-webkit-box-shadow: 1px 8px 20px 12px #501503;
	-o-box-shadow: 1px 8px 20px 12px #501503;
	box-shadow: 1px 8px 20px 12px #501503;
}
#Strohpuppen a img {
	width: 160px;
	height: auto;
}
.img_switch3 {
	width: 32%;
}
}