/**
 * @autor		Karsten Strauss
 * @link		http://kommoflex.de
 * @copyright	Karsten Strauss
 *
 * Copyright (C) 2015 Karsten Strauss
 *
**/

/* **************ALLGEMEINE FORMATIERUNGEN*************
******************************************************/
@charset "utf-8";/*Definition des Schriftsatzes*/
* {/* "*" = Universalselektor - Formatierung der gesamten Site*/
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
html, body {
	background-color: #FFFFCC;/*Definition der Hintergrundfarbe*/
}
/* *******************Typo*****************************
******************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
}
p {
	margin-bottom: 15px;
}
.aufzahlung {
	margin-bottom:10px;
	margin-left:20px;
}
h1 {
	font-family: Arial, sans-serif;
	font-size: 30px;
	text-align: center;
	font-weight: 700;
	line-height: 55px;
	color: #000;
	text-shadow: 2px 2px 0px #FFF;
}
h2 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 700;
	line-height: 30px;
	color: #000;
	text-shadow: 1px 1px 0px #FFF;
	text-align: center;
}
h3 {
	font-family: Arial, sans-serif;
	font-size: 25px;
	font-weight: 700;
	color: #000;
	text-shadow: 2px 2px 0px #FFF;
	padding-bottom: 25px;
}
summary {
    cursor: pointer;
	font-weight: 700;
	margin-bottom:12px;
    }

ol.first  {
	list-style-type: decimal;
	margin-left:15.0pt;
	margin-bottom: 15px;
	}
ol.second {
	list-style-type: lower-alpha;
	margin-left:15.0pt;
	margin-bottom: 15px;
	}
ul {
	margin-bottom: 20px;
	}
.Headline {
	background-color: #C10000;
	font-size: 18px;
	font-style: italic;
	color: #FFF;
	font-weight: bold;
	padding-left: 5px;
}
.H1 {
	width: 100px;
	float: left;
	background-color: #8DAE1E;
	color: #FFF;
	font-weight: bold;
	padding-left: 10px;
}
.H2 {
	height: 20px;
	background-color: #BCDF44;
	padding-left: 160px;
	color: #FFF;
	font-weight: bold;
}
.H3 {
	height: 20px;
	background-color: #E3F1B1;
	padding-left: 120px;
}
.info {
	height: 60px;
	background-color: #F4FACF;
	padding-left: 120px;
	font-style: italic
}
.Trenner {
	border-bottom:solid;
	border-bottom-color:#F4FACF;
}
#L1 {
	height: 20px;
}
#L2 {
	height: 40px;
}
#L3 {
	height: 100px;
}
#L4 {
	height: 100px;
}
#L7 {
	height: 120px;
}

/* *******************Layout***************************
******************************************************/

#wrapper {/*Formatierung des Containers*/
	width: 1050px;
	margin: 30px auto;/*vertikaler Abstand zu body. horizontale Zentrierung*/
}
#logo {
	width: 374px;
	height: 231px;
	float: left;
	background-color: #E3F1B1;
	border: 10px solid #FFFFFF;
}
#Kreuzoben {
	width: 30px;
	height: 241px;
	float: left;
	background-color: #C10000;
	border-top: 10px solid #FFFFFF;
}
header {
	width: 606px;
	height: 231px;
	float: left;
	background-color: #E3F1B1;
	border: 10px solid #FFFFFF;
}
#Kreuzquer {
	width: 1030px;
	height: 30px;
	border-right: 10px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	background-color: #8DAE1E;
	float: left;
}
#Kreuzbalken {
	position:  relative;
	left: 140px;
	width: 512px;
	height: 30px;
	border-left: 10px solid #FFF;
	border-right: 10px solid #FFFFFF;
	background-color: #C10000;
	float: left;
}

#querlinks {
	width: 133px;
	height: 30px;
	border-right: 10px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	background-color: #8DAE1E;
	float: left;
}
#Kreuzmitte {
	width: 512px;
	height: 30px;
	float: left;
	background-color: #C10000;
}
#querrechts {
	width: 365px;
	height: 30px;
	border-right: 10px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	background-color: #8DAE1E;
	float: left;
}
nav {
	width: 274px;
	float: left;
	background-color: #E3F1B1;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	border-top: 10px solid #FFFFFF;
	padding-left: 50px;
	padding-top: 20px;
	padding-right: 50px;
}
#Kreuzunten {
	float: left;
	height: 100px;
	width: 30px;
	background-color: #C10000;
}
#section-wrapper {
	width: 1050px;
	background: url(../images/content.png);
	background-repeat: repeat-y;
	float: left;
}
#Inhalt {
	width: 546px;
	background-color: #E3F1B1;
	float: left;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	border-top: 10px solid #FFFFFF;
	padding: 30px;
}
footer {
	width: 1050px;
	height: 42px;
	background: #8DAE1E;
	float: left;
	line-height: 42px;
	text-align: center;
	color: #FFF
}
/* ************************** NAVIGATION ************************
*****************************************************************/
#menu {
	list-style-type: none;
}
#menu li a {
	width: 224px;
	height: 50px;
	display: block;
	line-height: 50px;
	text-decoration: none;
	color: #000;
	padding-left: 50px;
	font-size: 18px;
	font-weight: 700;
	background-color: #8DAE1E;
	border-radius: 30px;
	margin-bottom: 15px
}
#menu li a:hover {
	background: 	#C10000;
	color: 			#FFF;
	text-shadow: 	1px 1px 2px #000;
}

#menu_1 {
	list-style-type: none;
}
#menu_1 li a {
	width: 496px;
	height: 50px;
	display: block;
	line-height: 50px;
	text-decoration: none;
	color: #000;
	padding-left: 50px;
	font-size: 18px;
	font-weight: 700;
	background-color: #8DAE1E;
	border-radius: 30px;
	margin-bottom: 15px
}
#menu_1 li a:hover {
	background: 	#C10000;
	color: 			#FFF;
	text-shadow: 	1px 1px 2px #000;
}

#gallerie_buttons {
	margin-bottom:	10px;	
}

#gallerie_buttons span a {
	box-shadow: 	0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom:	10px;
	border:			1px solid green;
	padding:		4px;
	background-color: #8DAE1E;
	border-radius: 	4px;
	font-size:		14px;
	font-weight: 	700;
	color: 			#000;
	text-decoration: none;
}
#gallerie_buttons span a:hover {
	background: 	#C10000;
	box-shadow: 	0 4px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 6px 20px 0 rgba(0, 0, 0, 0.19) inset;
	border:			1px inset black;
	color: 			#FFF;
	text-shadow: 	1px 1px 2px #000;
    cursor: 		pointer;
}

.thumbnail {
	box-shadow: 	0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border:			1px solid green;
	border-radius: 	4px;
}
.thumbnail:hover {
	box-shadow: 	0 4px 8px 0 rgba(0, 0, 0, 0.2) inset, 0 6px 20px 0 rgba(0, 0, 0, 0.19) inset;
	border:			1px inset black;
	border-radius: 	4px;
    cursor: 		pointer;	
}
.img_header {
	width: 			100%;
}

/* ********************* Slideshow ******************
*****************************************************************/
 /* Slideshow - der Hintergrund */
.slideshow {
	display: 			none; 			/* initial ausgeblendet */
	background-color:	rgb(10,0,0); 	/* Fallback Farbe */
	background-color:	rgba(10,0,0,0.8);
    position: 			fixed; 			/* im Fenster fixiert */
    z-index: 			1; 				/* oberer Layer */
    left: 				0;
    top: 				0;
    width: 				100%;			/* volle Breite */
    height:				100%;			/* volle Höhe */
}	

 /* Slide - das Bild */
.slide {
  background-color: 	rgb(0,0,0);
  margin: 				auto;
  display: 				block; 
  height:				100%;
  width:				auto;

  background-repeat: no-repeat;
  background-size: contain;
}

/* Schliessen Button */
.close {
    position: 			absolute;
    top: 				10px;
    right: 				35px;
    color: 				#bbb;
    font-size: 			40px;
    font-weight: 		bold;
    transition: 		0.3s;
}
.close:hover,
.close:focus {
    color: 				#f1f1f1;
    text-decoration: 	none;
    cursor: 			pointer;
}

/* Vorwaerts/rueckwaerts Buttons */
.prev, .next {
  cursor: 				pointer;
  position: 			absolute;
  top: 					50%;
  width: 				auto;
  margin-top: 			-22px;
  padding: 				16px;
  color: 				white;
  font-weight: 			bold;
  font-size: 			18px;
  transition: 			0.6s ease;
  border-radius: 		0 3px 3px 0;
}
/* "Vorwaerts Button" rechts ausrichten */
.next {
  right: 0;
  border-radius: 		3px 0 0 3px;
}
/* Hover: Hintergrund schwarz mit leichter Transparenz */
.prev:hover, .next:hover {
  background-color: 	rgba(0,0,0,0.8);
}


/* ********************* TABELLEN Predigt, etc. ******************
*****************************************************************/
table{
  padding-top:		8px;
  padding-bottom:	8px;
  padding-left:		0px;
  padding-right:	0px;
}

th, td {
  padding-top:		8px;
  padding-bottom:	8px;
  padding-left:		3px;
  padding-right:	3px;
}

th {
	text-align: left;
}
tr.row_0 {
    background-color: 	#FFF7CD;
    font-size: 90%;
}
tr.row_0:hover {
    background-color: 	#FFE5A6;
}
tr.row_1 {
    background-color: 	#F9F0D7;
    font-size: 90%;
}
tr.row_1:hover {
    background-color: 	#FFDC8D;
}
td.center {
	text-align: center;
}

/* *************** SONDERFORMATE PRINT **************************
*****************************************************************/
@media print {
	
	html, body {
	background-color: 	#FFFFFF;/*Definition der Hintergrundfarbe*/
	font-family: 		Arial, Helvetica, sans-serif;
	}
	#wrapper {/*Formatierung des Containers*/
		width: 			750px;
		margin: 		0px auto;  /* vertikaler Abstand zu body. horizontale Zentrierung*/
	}
	#logo {
		display:		none;
	}
	#Kreuzoben {
		display:		none;
	}
	header {
		display:		none;
	}
	#querlinks {
		display:		none;
	}
	#Kreuzmitte {
		display:		none;
	}
	#querrechts {
		display:		none;
	}
	nav {
		display:		none;
	}
	#Kreuzunten {
		display:		none;
	}
	#section-wrapper {
	width: 750px;
	background: none;
	}
	#Inhalt {
		width: 688px;
		background-color: #E3F1B1;
		float: 			left;
		border-left:	1px solid #000000;
		border-right:	1px solid #000000;
		border-top:		1px solid #000000;
		padding: 		30px;
	}
	footer {
		width: 748px;
		height: 42px;
		background: 	#8DAE1E;
		float: 			left;
		border-left:	1px solid #000000;
		border-right:	1px solid #000000;
		border-bottom:	1px solid #000000;
		line-height: 	42px;
		text-align: 	center;
		color: 			#FFF
	}
}